/*----------------------------------
  トップページ用CSS
  	
	1.	共通部分
	2.	PR部分
	3.	ヘッダー
	4.	キービジュアル	
	5.	メインメニュー
	6.	おすすめコンテンツ
	7.	当医院の治療方針
	8.	医院紹介
	9.	フッター
----------------------------------*/



/*	1. 共通部分
-----------------------------------------------	*/

* {
	font-family: Arial, Helvetica, sans-serif;
}


body{
	text-align:center;
	background:url(../images/body_bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#DBECF9;
	margin:0px;
	font-size: 12px;
	line-height: 1.5;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}
	
div#allwrap{
	width:740px;
	margin:0px auto;
	text-align:left;
	padding-left:1px;
	}
	
	
body > div#allwrap{
	width:740px;
	margin:0px auto;
	text-align:left;
	}
	
/*-----リンクテキスト-----*/

a:link{color:#035ADE;text-decoration:none;}
a:visited{color:#035ADE;text-decoration:none;}
a:hover{color:#035ADE;text-decoration:underline;}


/*-----隠しテキスト-----*/
.rmv
	{
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	}
	
/*-----IMG要素 -----*/
img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
}

/*-----回り込み解除-----*/
.clear{
	clear:both;
}

.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear-fix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear-fix {height: 1%;}
.clear-fix {display: block;}
/* End hide from IE-mac */


/*-----見出し,段落要素 -----*/

h1,h2,h3,h4,p{
	margin:0px;
	padding:0px;
	}

p{
	margin-bottom:10px;
	}

/*---右寄せ指定 ---*/

.align-right{
	text-align:right;
	}
	
	
	
/*	2. PRエリア
-----------------------------------------------	*/
#pr{
	background-image:url(../images/pr_bg.gif);
	background-repeat:no-repeat;
	width:740px;
	height:22px;
	margin:0px;
	padding:0px;
	}

#pr p{
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	line-height:175%;
	margin:0px;
	}
	
	
	
/*	3. ヘッダー
-----------------------------------------------	*/	
#hedder{
	clear:both;
	width:740px;
	height:66px;
	background-image:url(../images/hedder_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;	}
	

/*---ロゴ---*/	
#logo{
	float:left;
	height:65px;
	width:335px;
	margin:0px;
	padding:0px;
	}
	
#logo h1{
	margin:0px;
	padding:0px;
	}
#logo h1 img{
	margin:0px;
	vertical-align:bottom;
	}
/*---住所他---*/		
	
#addless{
	float:right;
	width:360px;
	height:65px;
	background-image:url(../images/addless_bg.gif);
	background-repeat:no-repeat;
	background-position:right top;
	margin:0px;
	}
	

#addless p{font-size:10px;
	}
	
	
	
	
/*	4. キービジュアル
-----------------------------------------------	*/	

#keyvisual{
	clear:both;
	width:740px;
	height:222px;
	margin:2px 0px 0px 0px;
	padding:0px;
	background-image:url(../images/keyvisual_bg.gif);
	background-repeat:repeat-y;
	}

#keyphoto{
	width:509px;
	height:222px;
	float:left;
	margin:0px;
	padding:0px;
	}
	
#keyphoto img{
	margin:0px 9px 0px 4px;
	padding:0px;
	vertical-align:bottom;
	}
#keymenu{
	width:230px;
	height:222px;
	padding:0px;
	margin:0px 1px 0px 0px;
	background-image:url(../images/keymenu_bg.gif);
	background-repeat:no-repeat;
	float:right;
	}

#keymenu ul{
	list-style-type: none;
	height:222px;
	margin:0px;
	padding:0px;
	}	
#keymenu ul li{
	margin:0px;
	padding:0px;
	}	

#keymenu li a{
	display:block;
	background:url(../images/keymenu_bg.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	}


#keymenu li.menu1 a{height:111px;}
#keymenu li.menu2 a{height:111px;background-position:-0px -111px;}

/*ヘッダーナビオーバー*/
#keymenu li.menu1 a:hover{background-position:-230px -0px;}
#keymenu li.menu2 a:hover{background-position:-230px -111px;}





/*	5. メインメニュー
-----------------------------------------------	*/	
div#menu{
	clear:both;
	width:740px;
	height:62px;
	margin:0px;
	padding:0px;
	background:url(../images/homemenu_bg.gif);
	}

div#menu ul{
	clear:both;
	list-style-type:none;
	height:62px;
	margin:0px;
	padding:0px;
	}

div#menu li{
	margin:0;
	float:left;}

div#menu li a{
	display:block;
	float:left;
	height:62px;
	background:url(../images/homemenu_bg.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	}

/*メニュー部通常時*/
div#menu #menu-service a{width:187px;}
div#menu #menu-info a{width:183px;background-position:-187px 0;}
div#menu #menu-couseling a{width:183px;background-position:-370px 0px;} 
div#menu #menu-access a{width:187px;background-position:-553px 0px;}

/*メニュー部オーバー*/
div#menu #menu-service a:hover,#menu-service a.on{background-position:0px -62px;}
div#menu #menu-info a:hover,#menu-info a.on{background-position:-187px -62px;}
div#menu #menu-couseling a:hover,#menu-couseling a.on{background-position:-370px -62px;}
div#menu #menu-access a:hover,#menu-access a.on{background-position:-553px -62px;}




/*	6. おすすめコンテンツ
-----------------------------------------------	*/

#pickup-contents{
	clear:both;
	width:740px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 3px 0px;
	background-image:url(../images/pickup_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
#pickup-table{
	width:740px;
	margin:0px;
	padding:0px;
	}
	
#pickup-table th{
	margin:0px;
	padding:0px;
	}
	
#pickup-table td{
	width:365px;
	margin:0px;
	padding:0px;
	background-color:#F6FFFE;
	vertical-align:top;
	}
.space{
	width:10px;
	}


#pickup-table td h4{
	margin:8px;
	paddig:0px;
	}

#pickup-table td p{
	margin:8px;
	paddig:0px;
	line-height:120%;
	clear:both;
	}

.to-r{
	float:right;
	border:none;
	}
.to-l{
	float:left;
	border:none;
	}	

h3.h3-top1,h3.h3-top2{
	background-repeat:no-repeat;
	width:365px;
	height:39px;
	}
	
h3.h3-top1{
	background-image:url(../images/b_title.gif);
	}
h3.h3-top2{
	background-image:url(../images/h_title.gif);
	}

/*	7. 当医院の治療方針
-----------------------------------------------	*/
#policy{
	clear:both;
	margin:0px;
	padding-bottom:10px;
	border-bottom:1px solid #9D8B85;
	}
	
#policy h2{
	background-image:url(../images/policy_title.gif);
	background-repeat:no-repeat;
	height:26px;
	width:740px;
	}

.doctor_img{
	float:left;
	margin:0px 15px 0px 0px;
	padding:0px;
	}

#policy #check {
	margin-top: 15px;
}


/*	8. 医院紹介
-----------------------------------------------	*/

/*-----段組 -----*/

#clinic-info{
	clear:both;
	magin:0px 0px 25px 0px;
	padding:0px;
	}

#clinic-info h2{
	background-image:url(../images/clinicinfo_title.gif);
	background-repeat:no-repeat;
	height:26px;
	width:740px;
	}

#clinic-l{
	width:400px;
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
	}
#clinic-r{
	width:330px;
	float:right;
	margin:0px;
	padding:0px;
	}
	
/*-----左カラム -----*/	

#clinic-l h3{
	background-color:#F3F2ED;
	padding:4px 8px;
	font-weight:bold;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	}
#clinic-l p{
	padding-left:8px;
	}	
#time-table{
	width:400px;
	background-color:#01A4E7;
	}
#time-table table{
	width:100%;
	}

#time-table th.row{
	text-align:left;
	background-color:#F0F3F6;
	padding:3px;
	}
#time-table th.col{
	text-align:center;
	background-color:#E1F5FF;
	font-weight:normal;
	padding:3px;
	}
	
#time-table td{
	background-color:#ffffff;
	padding:3px;
	font-size:16px;
	width:30px;
	text-align:center;
	}




#policy h2,#clinic-info h2{
	margin:15px 0px 10px;
	}


/*-----地図エリア -----*/	

#clinic-r h3{
	background-image:url(../images/maptop_bg.gif);
	background-repeat:no-repeat;
	height:22px;
}

#map-middle{
	margin:0px;
	padding:0px;
	background-image:url(../images/map_bg.gif);
	background-repeat:repeat-y;
	height:150px;
	}

#map-middle img{
	margin:0px 10px;
	padding:0px;
	float:left;
	vertical-align:bottom;
	}
#map-middle p{
	margin-right:10px;
	}



.yoyaku{
	margin-top:10px;
	}
.tel-number{
	font-size:20px;
	color:#FF7E00;
	line-height:170%;
	}	

#map-bottom{
	clear:both;
	background-image:url(../images/mapbottom_bg.gif);
	background-repeat:no-repeat;
	height:44px;
	}

#map-bottom img{
	margin:5px 0px 0px 102px;
	border:none;
	}


/*-----和晃会 医院紹介 -----*/

#clinic-info .h2-1,#clinic-info .h2-2,#clinic-info .p-1,#clinic-info .p-2{
	background-repeat:no-repeat;
	width:740px;
	padding:0px;
	clear:both;
	}

#clinic-info .h2-1,#clinic-info .h2-2{
	background-image:url(../images/wakoukai_info_title.gif);
	background-repeat:no-repeat;
	height:26px;
	margin:15px 0px 0px 0px;
	}
	
.h2-2{background-image:url(../images/offer_title.gif);}
	
.p-1, .p-2{
	background-image:url(../images/intro_p.gif);
	height:10px;
	margin:10px 0px 0px 0px;
	}
.p-2{
	float: left;
	background-image:url(../images/offer_p.gif);
}
	
#intro h3.h3-1,#intro h3.h3-2,#intro h3.h3-3{
	background-repeat:no-repeat;
	background-position:top;
	height:33px;
	width:226px;
	margin:0px 0px 0px 0px;
	padding:0px;
	}	
	
#intro h3.h3-1{
	background-image:url(../images/intro_c.gif);
	}
#intro h3.h3-2{
	background-image:url(../images/intro_i.gif);
	}	
#intro h3.h3-3{
	background-image:url(../images/intro_t.gif);
	}	


/*------リスト部分------*/	
#intro, #offer{
	background-image:url(../images/intro_b.gif);
	background-repeat:no-repeat;
	width:708px;
	background-position:bottom;
	margin:0px 0px 30px 0px;
	padding:0px 16px;
	}#offer{background-image:url(../images/offer_b.gif);}

#offer dl{	display: block;}
#offer dl dt{
	display: block;
	float: left;
	width: 5em;
	margin-left: 8px;
	padding-left: 16px;
	background: url(../images/list_bg.gif) no-repeat 2px 2px;
	font-weight: bold;
	color: #999;
}
#offer dl dd{	margin-left: 8em;}
#offer p a{	margin-left: 1.6em;}
#iehack{	display: none; _display: inline;}

.chiba{
	float:left;
	width:226px;
	margin:0px;
	padding:0px 0px 10px 0px;
	}

	
.ibaragi,.tokyo{
	float:left;
	width:226px;
	margin:0px 0px 0px 15px;
	padding:0px 0px 10px 0px;
	}

	
#intro ul{
	clear:both;
	margin:0px; 
	padding:5px 8px;
	list-style-type:none; 
	}

#intro ul li{
	background-image:url(../images/list_bg.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
	margin:0px;
		}




/*	9. フッター
-----------------------------------------------	*/

#futter{
	clear:both;
	width:740px;
	margin:0px;
	padding:0px;
	background-image:url(../images/futter_bg.gif);
	background-repeat:repeat-x;
	height:59px;
	}
#futter ul{
	float: left;
	width:450px;
	margin: 15px 0px 0px 5px;
	list-style-type: none;
	padding:0px;
	}

#futter ul li {
	float: left;
	margin:0px;
}
#futter ul li a{
	color:#ccc;
	}
	
#futter ul li.t_left a{
	padding-right: 10px;
	border-right: 1px solid #CCC;	
}

#futter ul li.t_middle a{
	padding-right: 10px;
	padding-left:10px;
	border-right: 1px solid #CCC;	
	}

#futter ul li.t_right a{
	padding-left:10px;
	}


#futter ul li.t_left a:link,#futter ul li.t_left a:visited,	#futter ul li.t_middle a:link,#futter ul li.t_middle a:visited,	#futter ul li.t_right a:link,#futter ul li.t_right a:visited{
	color:#666;
	text-decoration:none;
	}
#futter ul li.t_left a:hover,#futter ul li.t_middle a:hover,#futter ul li.t_right a:hover{
	color:#666;
	text-decoration:underline;
	}
#futter p.copyright{
	float: right;
	margin: 15px 5px 0px 0px;
	text-align: right;
	color: #666;
	font-size:11px;
	}