@charset "utf-8";
/* ----------------------------------
Theme Name:TOMOHISA KOBAYASHI
Theme URI:http://www.www.www/
Description:TOMOHISA KOBAYASHI Theme for WordPress.
Author:AvanHeart
---------------------------------- */

/* ----------------------------------
 default style reset

 Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.3.1
---------------------------------- */

body {
	background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,th,var 
	{font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

caption,th 
	{text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,
q:after {
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup,sub {
	line-height:-1px;
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/* ----------------------------------
 font style

 Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.3.1
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
---------------------------------- */

body {
	font:13px/1.22 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}

table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:99%;
}

/* ----------------------------------
 common style
---------------------------------- */

/*
基本13px、IE7はsmall、IE6はx-small
希望のフォントサイズ(px) : 指定する値(%)
10px : 77%
11px : 85%
12px : 92%
13px : 100%
14px : 107%
15px : 114%
16px : 122%
17px : 129%
18px : 136%
19px : 144%
20px : 152%
21px : 159%
22px : 167%
23px : 174%
24px : 182%
25px : 189%
26px : 197%
*/

body {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	background: url(shared/images/back_body.gif) repeat-y center top;

	color: #666666
	text-align: center;
	color: #666666;
}

p {
	font-size:92%;
	line-height:1.7;
	margin-bottom:0.5em;
}

img {
	border:none;
	vertical-align: bottom;
}

a:hover {
	color: #FF6600;
	text-decoration: none;
}

div#container {
	text-align: left;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}

div#container2 {
	text-align: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
                     padding-left: 60px;
}


div#header {
	color: #FFFFFF;
	position: relative;
	width: 760px;
}

div#header h1 {
	background: url(shared/images/back_header.gif) repeat-x left top;
	padding-left: 10px;
	line-height: 20px;
	font-size: 85%;
}

div#header h2 {
	position: relative;
	z-index: 80;
	margin-left: 20px;
	width: 340px;
}

div#header div#searchbox {
	color: #000000;
	position: absolute;
	top: 35px;
	right: 10px;
	width: 400px;
	text-align: right;
	z-index: 70;
	height: 15px;
}

div#header div#searchbox p {
	font-size: 92%;
}

div#header div#searchbox span {
	background: url(shared/images/bullet_search.gif) no-repeat left center;
	padding-left: 15px;
}


div#header p.assistnavi {
	text-align: right;
	line-height: 27px;
	font-size: 77%;
	position: relative;
	top: -20px;
	z-index: 99;
	background: url(shared/images/back_asistnavi.gif) no-repeat right top;
	height: 27px;
	margin-bottom: 0px;
	padding-right: 10px;
}

div#header p.assistnavi a {
	color: #FFFFFF;
}

div#header p.assistnavi a:hover {
	color: #FF6600;
}

div#content {
	width: 760px;
	margin-top: -20px;
	padding-top: 10px;
	background: url(shared/images/back_sidebar.gif) repeat-y right top;
}

div#content div#main {
	width: 560px;
	float: left;
}

div#content div#main p#graphic {
	margin-right: auto;
	margin-left: auto;
	width: 540px;
}

div#content div#main div#topicpath {
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

div#content div#main div#topicpath li {
	font-size: 77%;
	background: url(shared/images/bullet_orange.gif) no-repeat left center;
	float: left;
	padding-left: 15px;
	margin-left: 5px;
}

div#content div#main h3 {
	background: url(shared/images/bullet_head.gif) no-repeat left center;
	padding-left: 15px;
	font-size: 122%;
}

div#content div#main div#description {
	width: 540px;
	margin: 15px auto 20px;
}

div#content div#main div#description h2 {
	font-size: 129%;
	border-left: 5px solid #41A741;
	padding-left: 10px;
	line-height: 2;
}


div#content div#main div.title {
	background: url(shared/images/line_head.gif) repeat-x left bottom;
	padding-bottom: 8px;
	margin-bottom: 20px;
}

div#content div#main div.entry {
	clear: both;
	width: 540px;
	padding-bottom: 10px;
	margin: 15px auto 10px;
	overflow: hidden;
}

div#content div#main div.entry p {
	font-size: 100%;
}
div#content div#main div.entry p.date {
	font-size: 92%;
}


div#content div#main div.entry h4 {
	font-size: 122%;
	margin-bottom: 3px;
	margin-top: 5px;
	color: #006600;
}
div#content div#main div.entry h5 {
	font-size: 117%;
	text-decoration: underline;
	margin-top: 20px;
}
div#content div#main div.entry h6 {
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
                     margin-top: 15px;
}

div#content div#main div.entry ul li {
	list-style: square;
	line-height: 1.5;
	margin-left: 20px;
	margin-top: 10px;
}

div#content div#main div.entry ul.children li {
	list-style: circle;
	margin-left: 20px;
	margin-top: 0px;
	font-size: 92%;
}
div#content div#main div.entry dl {
	margin-bottom: 15px;
}

div#content div#main div.entry dt {
	font-weight: bold;
	margin-top: 10px;
	line-height: 1.5;
}
div#content div#main div.entry dd {
	margin-left: 25px;
	line-height: 1.5;
}
div#content div#main div.entry table {
	font-size: 92%;
	margin-top: 5px;
}
div#content div#main div.entry table caption {
	font-weight: bold;
	color: #555555;
	text-align: left;
	padding: 5px;
	border-left: 10px solid #FFFF00;
	margin-bottom: 2px;
	margin-left: 10px;
	margin-top: 20px;
}



div#content div#main div.entry th,
div#content div#main div.entry td {
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: 6px 0px;

}

div#content div#main div.entry th {
	background: #BBFFBB;
	color: #FFFFFF;
	width: 150px;
	text-align: left;
	padding-left: 15px;
}
div#content div#main div.entry td {
	background: #EEFFDD;
	width: 100px;
	text-align: center;
}
div#content div#main div.entry p.attention {
	text-decoration: underline;
	margin-top: 20px;
}






div#content div#main div.entry p.entry-footer {
	border-top: 1px dotted #CCCCCC;
	margin-top: 10px;
	padding-top: 5px;
	font-size: 92%;
}


div#content div#main div.entry div.to-top {
	width: 540px;
	clear: both;
}

div#content div#main div.entry div.to-top p {
	text-align: right;
	font-size: 92%;
}

div#content div#main div.entry div.to-top p.pagetop a {
	background: url(shared/images/bullet_top.gif) no-repeat right center;
	display: block;
	padding-right: 15px;
}
div#content div#main div#pagenavi {
	width: 540px;
	text-align: center;
	margin: 20px auto;
}






div#content div#sidebar {
	float: right;
	width: 200px;
         margin-top: 0px;
}


div#content div#sidebar div#news-list {
	width: 170px;
	margin-right: auto;
	margin-left: auto;
	font-size: 77%;
	padding: 5px;
         margin-top: 5px;
}

div#content div#sidebar div#news-list h4 {
	background: url(shared/images/back_header.gif) repeat-x left top;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
}

div#content div#sidebar div#news-list dl {
	margin-top: 5px;
	font-weight: normal;
	font-style: normal;
}

div#content div#sidebar div#news-list dd {
	margin-bottom: 5px;
	font-weight: normal;
	font-style: normal;
}

div#content div#sidebar div#navi {
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	overflow: hidden;
}

div#content div#sidebar div#navi a {
	color: #666666;
	text-decoration: none;
	display: block;
	width: 170px;
}

div#content div#sidebar div#navi a:hover {
	color: #FF6600;
}

div#content div#sidebar div#navi li {
	line-height: 30px;
	background: url(shared/images/back_navi.gif) repeat-x left top;
}

div#content div#sidebar div#navi li a {
	padding-left: 10px;
	background: url(shared/images/bullet_bar.gif) no-repeat left center;
	margin-left: 5px;
	font-weight: bold;
}

div#content div#sidebar div#navi ul.children li {
	line-height: 25px;
	width: 170px;
	display: block;
	height: 25px;
	border-bottom: 1px solid #CCCCCC;
	background: url(none);
}

div#content div#sidebar div#navi ul.children a {
	margin-left: 10px;
	padding-left: 15px;
	font-size: 92%;
	font-weight: normal;
	background: url(shared/images/bullet_menu.gif) no-repeat left center;
}

div#content div#sidebar div#linkarea {
	width: 180px;
	margin-top: 5px;
        margin-right: auto;
	margin-left: auto;
	text-align: center;
}
div#content div#sidebar div#linkarea h1 {
	width: 170px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3px;
	background: url(shared/images/back_header.gif) repeat-x left top;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
}
div#content div#sidebar div#mailform {
	width: 180px;
         margin-top: -20px;
         padding: 5px;
         margin-bottom: 5px;
	text-align: center;
}

div#footer {
	clear: both;
	width: 760px;
	background: url(shared/images/back_footer.gif) repeat-x left top;
	height: 60px;
	text-align: center;
}

div#footer address {
	color: #FFFFFF;
	padding-top: 10px;
	font-size: 77%;
	padding-right: 10px;
}


/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ----------------------------------
 home
---------------------------------- */

/*clearfix*/
div#content-list:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#content div#main div#content-list {
	display: inline-block;
	clear: both;
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

/* Hides from IE-mac \*/
* html div#content div#main div#content-list {height: 1%;}
div#content div#main div#content-list {display: block;}
/* End hide from IE-mac */

div#content div#main div#content-list li {
	float: left;
}

/*clearfix*/
div#content div#main div#subarea:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#content div#main div#subarea {
	display: inline-block;
	width: 540px;
	margin: 20px auto;
}

/* Hides from IE-mac \*/
* html div#content div#main div#subarea {height: 1%;}
div#content div#main div#subarea {display: block;}
/* End hide from IE-mac */

div#content div#main div#subarea div#inquiry {
}
div#content div#main div#subarea div#inquiry dl {
	width: 280px;
	display: block;
	float: left;
	line-height: 1.5;
}


div#content div#main div#subarea div#inquiry ul {
	margin-bottom: 10px;
}
div#content div#main div#subarea div#inquiry p img {
	float: right;
	width: 258px;
}


div#content div#main div#subarea div#link-list {
	clear: both;
	margin-top: 20px;
}
div#content div#main div#subarea div#link-list li {
	margin-bottom: 10px;
	float: left;
	margin-right: 20px;
}

/* ----------------------------------
 category
---------------------------------- */
div#content div#main div.entry div#cat-list h4 {
	font-weight: bold;
	background: url(shared/images/bullet_arrow.gif) no-repeat left center;
	padding-left: 20px;
}

/* ----- Style for Ktai Entry ----- */
.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;
}
.photo-end {
	clear:left;
}
/* ---------- */
