@charset "UTF-8";
@import "base.css";

body {
	background: url(../images/bg_img.jpg) center 0 repeat;
	text-align:center;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	}
	
#contents {
	width: 900px;
}

#content {
	width: 645px;
	float: right;
	margin: 0px;
	padding:0px;
	display:inline;
	}

#sidebar{
	width: 255px;
	float: left;
	margin: 0 0 50px 0;
	padding:0px;
	display:inline;
}


#footer{
	height:50px;
}

table{
	width:540px;
	margin:0 auto;
	line-height:20px;
	color:#666666;
}
*html table{margin:0 10px;}
/*---------- 03  Header -----------*/

#header{
	position:relative;
	height:210px;
}

#header h1{
	position:absolute;
	width:660px;
	height:175px;
	top: 35px;
	text-indent:-9999px; 
}

#header h1 a{
	background: url(../images/header_img02.jpg) 0 0 no-repeat;
	display:block;
	width:660px;
	height:175px;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/
}

#header #tel{
	position:absolute;
	width:240px;
	height:175px;
	top: 35px;
	text-indent:-9999px;
	left: 660px;
	background:url(../images/header_tel02.jpg) 0 0 no-repeat;
}


#header h2{
	font-size:1.2em;
	color:#5E401C;
}

#header #header-list{
	position:absolute;
	width:240px;
	height:35px;
	left:660px;
	top: 0px;
}
#header #header-list li{
	font-size:1.0em;
	float:left;
}

#header #icon-home a{
	background: url(../images/header_top.jpg) 0 center no-repeat;
	width:140px;
	height:35px;
	display:block;
	float:left;
	text-indent:-9999px;
}
#header #icon-access a{
	background:url(../images/header_access.jpg) 0 center no-repeat;
	width:100px;
	height:35px;
	display:block;
	float:right;
	text-indent:-9999px;
}
/*---------- 04  HeaderImg -----------*/

#header-img{
	height:150px;
	/*wb_[ﾌイ[W鞫憚驤€
	text-indent:-9999px;
	background:(img/header-img.jpg) 0 0 no-repeat;
	*/
}

/*---------- 05  sidebar -----------*/

#sidebar li{
	line-height:35px;
}

#sidebar #sidebar_access a{
	display:block;
	height:106px;
	background: url(../images/sidebar_access.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}


#sidebar #sidebar_bt01 a{
	display:block;
	height:50px;
	background: url(../images/sidebar_bt01.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}


#sidebar #sidebar_bt02 a{
	display:block;
	height:50px;
	background: url(../images/sidebar_bt02.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}


#sidebar #sidebar_bt03 a{
	display:block;
	height:50px;
	background: url(../images/sidebar_bt03.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}



#sidebar #sidebar_bt04 a{
	display:block;
	height:50px;
	background: url(../images/sidebar_bt04.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}



#sidebar #sidebar_bt05 a{
	display:block;
	height:50px;
	background: url(../images/sidebar_bt05.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}



#sidebar #sidebar_bt06 a{
	display:block;
	height:50px;
	background: url(../images/sidebar_bt06.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}



#sidebar #sidebar_bt07 a{
	display:block;
	height:50px;
	background: url(../images/sidebar_bt07.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}

#sidebar #sidebar_bt08 a{
	display:block;
	height:50px;
	background: url(../images/sidebar_bt08.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}

#sidebar #sidebar_bt09 a{
	display:block;
	height:50px;
	background: url(../images/sidebar_bt09.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}

#sidebar #sidebar_bt10 a{
	display:block;
	height:50px;
	background: url(../images/sidebar_bt10.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}

#sidebar #sidebar_bt11 a{
	display:block;
	height:50px;
	background: url(../images/sidebar_bt11.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}

#sidebar #sidebar_bt12 a{
	display:block;
	height:50px;
	background: url(../images/sidebar_bt12.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow: hidden; 
}



#sidebar #sidebar_img{
	background:url(../images/sidebar_img.jpg) 0 0 no-repeat;
	height:373px;
}
/*---------- 06  content -----------*/

.section{
	margin-bottom:10px;
	padding:10px 22px;
}

.section_in{
		margin:10px 15px;
}

.section2{
	width:280px;
	margin:20px 0 20px 15px;
	float:left;
	display:inline;
}

#content{
	background: url(../images/content_bg.jpg) 0 0 repeat-y;
	width:645px;
}

#content #content_bg01{
	background:url(../images/content_bg01.jpg) 0 0 no-repeat;
	height:15px;
	width:645px;
}

#content #content_bg02{
	background:url(../images/content_bg02.jpg) 0 0 no-repeat;
	height:15px;
	width:645px;
}

#content h3{
	font-size: 18px;
}

#content h4{
	background:url(../images/tit_bar.jpg) 0 0 no-repeat;
	font-size: 18px;
	text-indent:90px;
	line-height:75px;
	color:#C14D2C;
	font-weight:bold;
}

#content p{
	line-height:22px;
	text-align: justify;
	text-justify: inter-ideograph;
}

#content table{
	font-size:1.0em;
}

#content .pagetop{
	float:right;
}
#content .post h2{
	font-size:12px;
	padding:0 0 0 20px;
}
#content .single_day{
	color:#C14D2C;
	font-weight:bold;
	margin:0 0 0 20px;
}
/*---------- 07  Footer -----------*/

#footer {
	clear: both;
	padding: 5px 0 5px 0;
	margin:25px 0 0 0;
	font-size: 1.0em;
	text-align: center;
	}

#footer ul { 
	line-height:6px;
	list-style: none;
	margin: 10px 0;
	}

#footer li {
	background:url(../images/icon02.jpg) 0 0 no-repeat;
	padding:5px 15px;
	font-size:1.2em;
	display: inline;
}

#footer li a{
	margin:0 5px;
	color:#5E401C;
	font-weight:bold;

}

#footer address {
	margin-top:20px;
	height:15px;
	color:#5E401C;
	font-size:1.2em;
}
#footer address a{
	color:#5E401C;
}

/*---------- 08  index -----------*/

#index #header{
	position:relative;
	height:470px;
}

#index #header h1{
	position:absolute;
	width:660px;
	height:435px;
	top: 35px;
	text-indent:-9999px; 
}

#index #header h1 a{
	background: url(../images/header_img.jpg) 0 0 no-repeat;
	display:block;
	width:660px;
	height:435px;
	text-decoration:none;
	/*\*/ 
	overflow: hidden; 
	/**/
}

#index #header_banner01{
	position:absolute;
	width:240px;
	height:336px;
	top: 35px;
	text-indent:-9999px;
	left: 660px;
	background:url(../images/header_banner01.jpg)
}

#index #header #tel{
	position:absolute;
	width:240px;
	height:99px;
	top: 371px;
	text-indent:-9999px;
	left: 660px;
	background:url(../images/header_tel.jpg) 0 0 no-repeat;
}

#index #title01{
	background:url(../images/index_title01.jpg) 0 0 no-repeat;
	width:600px;
	height:36px;
	text-indent:-9999px;
}

#index #title02{
	background:url(../images/index_title02.jpg) 0 0 no-repeat;
	width:600px;
	height:36px;
	text-indent:-9999px;
}

#index #content table{
	width:560px;
	margin:20px;
}

#index #content table,
#index #content table tr,
#index #content table td,
#index #content table th{
	border-bottom:1px dotted #FCD35D;
	line-height:22px;
}
#index #content table th{
	background:url(../images/icon01.jpg) 0 5px no-repeat;
	padding:5px;
	text-indent:25px;
	color:#F3981B;
	font-weight:bold;
	width:150px;
}
#index #content table td{
	padding:5px;
}

/*---------- 08  introduction -----------*/

#introduction #title01{
	background:url(../images/introduction_title01.jpg) 0 0 no-repeat;
	width:600px;
	height:36px;
	text-indent:-9999px;
	margin:5px 0 20px 0;
}

/*---------- 08  information -----------*/

#information #title01{
	background:url(../images/information_title01.jpg) 0 0 no-repeat;
	width:600px;
	height:36px;
	text-indent:-9999px;
	margin:5px 0 20px 0;
}

/*---------- 08  topics -----------*/

#topics #title01{
	background:url(../images/topics_title01.jpg) 0 0 no-repeat;
	width:600px;
	height:36px;
	text-indent:-9999px;
	margin:5px 0 20px 0;
}
/*---------- 08  access -----------*/

#access #title01{
	background:url(../images/access_title01.jpg) 0 0 no-repeat;
	width:600px;
	height:36px;
	text-indent:-9999px;
	margin:5px 0 20px 0;
}

/*---------- 08  diagnosis -----------*/

#diagnosis #title01{
	background:url(../images/diagnosis_title01.jpg) 0 0 no-repeat;
	width:600px;
	height:36px;
	text-indent:-9999px;
	margin:5px 0 20px 0;
}
/*---------- 08  eyes -----------*/

#eyes #title01{
	background:url(../images/eyes_title01.jpg) 0 0 no-repeat;
	width:600px;
	height:36px;
	text-indent:-9999px;
	margin:5px 0 20px 0;
}

/*---------- 08  prevention -----------*/

#prevention #title01{
	background:url(../images/prevention_title01.jpg) 0 0 no-repeat;
	width:600px;
	height:36px;
	text-indent:-9999px;
	margin:5px 0 20px 0;
}
/*---------- 08  skin -----------*/

#skin #title01{
	background:url(../images/skin_title01.jpg) 0 0 no-repeat;
	width:600px;
	height:36px;
	text-indent:-9999px;
	margin:5px 0 20px 0;
}