/* ===================================================================
CSS情報　　 ：基本情報
使用ファイル：すべてのファイル
=================================================================== */
header#header-sp {
	display: none;
}

.pc-hidden {
	display: none;
}

p.ml20.fleft.maxW480 {
	max-width: 480px;
	  -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px;
}

br.pc-br {
	display: block;
}

br.sp-br {
	display: none;
}

img.w100.img-pc-hidden {
	display: none;
}

.footer-sp {
	display: none;
}

ul.staff-top {
	display: none;
}


body{
	color: #444;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
	line-height:1.6;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin:0px;padding:0px;}
li{list-style-type:none;}

img{border:0px;}

a:link{color:#00A3D8;text-decoration:underline;}
a:visited{color:#00A3D8;text-decoration:underline;}
a:hover{color:#00A3D8;text-decoration:none;}
a:active{color:#00A3D8;text-decoration:none;}

.inner{width:1000px;margin:auto;}
#header,#contents,#footer{width:1024px;margin:0 auto;}
header{
}
footer{
}

.clear{clear:both;}

.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb50{ margin-bottom:50px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}


.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}

.fleft{float:left;}
.fright{float:right;}



/* ===================================================================
CSS情報　　 ：header
使用ファイル：すべてのファイル
=================================================================== */

#header_area{
	background-image: url(../image/common/bg_01.png);
	background-repeat: repeat-x;
	background-position: 0px 230px;
	height: 310px;
	
}

body#home #header_area{
	background-image: url(../image/common/bg_01.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 795px;
}

#header h1,
#header h1#site_tit,
#header span#site_tit{
	color:#ccc;
	display:block;
	font-size:12px;
	text-align:right;
	font-weight:normal;
	margin-bottom:15px;}

#header .title{
	float:left;
	margin-right:50px;}

body#home #header .title{float:left;}

#header .info {
	float:right;
}

#header .info_box{
	width:280px;}

#header .info_box img{
	margin-bottom:10px;}
	
#header .info_box p{
	line-height:1.4;}
	
#header .info_box p span{
	font-size:1.15em;
	color:#38b0fe;
	font-weight:bold;}

#header .iframe {
	background-color: #FFFFFF;
	height: 95px;
	width: 402px;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	display: block;
	margin-right:10px;
	border: 1px solid #C4F4FF;
	}
#header .iframe p{
	padding:10px ;
	width:360px;
}

#header table td{ vertical-align:top; padding:15px 0;}

	
#main_nav{
	display : block;
	margin  : 15px 0px 0px 0px;
	padding : 0;
	position: relative;}
	
#main_nav li{
	display   : block;
	list-style: none;
	position  : relative;
	margin    : 0;
	padding   : 0;
	width:165px;
	height:50px;
	float:left;
	text-align:center;
	margin-right:6px;}

	
#main_nav li.last{
	margin:0px;}

ul#main_nav li a{
	display:block;
	background-color:#3bb0ff;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	width:165px;
	height:50px;}
	
ul#main_nav li a:hover{
	background-color:#64D3FF;}
	
ul#main_nav li ul{
	display: none;
	position: absolute;
	margin-top:-20px;
	padding-top:20px;
	background:url(../image/common/ul_child_bg.png) top left no-repeat;}
	
ul#main_nav li ul li{
	width:94%;
	overflow:hidden;
	background-color:#fff;
	border-left:1px #3BB0FF solid;
	border-right:1px #3BB0FF solid;
	font-size:1.3em;
	line-height:1.2;
	height:auto;}
	
ul#main_nav li ul li a{
	background-color:transparent;
	border-bottom: dotted 1px #3BB0FF;
	border-radius: 0px;		/* CSS3草案 */
	-webkit-border-radius: 0px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0px;	/* Firefox用 */
	text-decoration:none;
	height:auto;
	padding:8px 0px;
	}
	
ul#main_nav li ul li.c_last{
	border-left:1px #3BB0FF solid;
	border-right:1px #3BB0FF solid;
	border-bottom:1px #3BB0FF solid;
	-webkit-border-radius: 0px 0px 15px 15px / 0px 0px 15px 15x;
	-moz-border-radius: 0px 0px 15px 15px / 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px / 0px 0px 15px 15px;}
	
ul#main_nav li ul li.c_last a{
	border-style:none;
	-webkit-border-radius: 0px 0px 15px 15px / 0px 0px 15px 15x;
	-moz-border-radius: 0px 0px 15px 15px / 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px / 0px 0px 15px 15px;}


/* ===================================================================
CSS情報　　 ：footer
使用ファイル：すべてのファイル
=================================================================== */


#footer_navi{
 padding:24px 0;
 margin:0 auto;
 text-align:center;
 	background-color: #FFFCDC;
	zoom: 1;
	position: relative;
}

#footer_navi ul li{
 display:inline;
 padding:0 0 0 8px;
}

#footer_navi ul li a{
 color:#38332C;
 text-decoration:none;
}

#footer_area{
	background-color: #FFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #C4F4FF;
	font-size:0.92em;
}

#footer table td{
	vertical-align: top;
	padding: 15px 0;
	width:33.33333333%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

#footer table td img{
	margin-bottom:12px;
	}
	
#footer table td ul{
	border-top:#DBDBDB solid 1px;
	border-bottom:#DBDBDB solid 1px;
	margin-left:10px;}
	
#footer table td ul li a{
	text-decoration:none;
	color:#333;}
	
#footer table td ul li a:hover{
	color:#0086FF;}
	
#footer table td ul li{
	line-height:1;
	background:url(../image/common/footer_icon.gif) 0px 4px no-repeat;
	padding-left:20px;
	line-height:1.5;}
	
#footer table td ul.child{
	border-style:none;}

#footer table td ul.child li{
	background:url(../image/common/footer_child_icon.gif) 0px 2px no-repeat;
	line-height:1.2;
	padding-left:15px;
	margin-right:0px;
	display:block;
	float:left;}

.copy{font-size:12px;margin:auto; text-align:center;}


table#treatment_time{
margin:10px 5px 5px 10px;
width:88%;
}

table#treatment_time th.table_tit,
table#treatment_time td.table_tit{
	width:30%;
	line-height:2;
	color:#333;
	font-size:0.85em;}

table#treatment_time th{	
	background-color:#e1f8fe;
	color:#333;
	font-size:0.85em;}
	
table#treatment_time td{
	color:#62d2ff;
	}
	
table#treatment_time td span{
	color:#333;
	}	

table#treatment_time th,
table#treatment_time td{
	width:10%;
	text-align:center;
	border:solid #e4e4e4 1px;
	line-height:1.7;
	padding:0px;
	margin:0px;}
	
span.footer_ad{
	font-size:1.27em;
	}

span.traffic{
	color:#3baeff;
	font-size:1.43em;
	font-weight:bold;
	line-height:1.7;}
	
.footer_departments{
	border:solid #3baeff 1px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding:12px 20px;
	margin:0px 30px 10px 10px;
	font-size:1.3em;
	text-align:center;
	line-height:1.3;
		}
		
span.kyusin{
	font-size:1.2em;
	margin-left:10px;}
	
span.hosi{
	color:#63d2fd;
	margin-left:10px;
	line-height:1.7;}
	
/* ===================================================================
CSS情報　　 ：home
使用ファイル：トップページ
=================================================================== */

body#home table#treatment_time.home{
	margin:10px 0px 5px 0px;
	width:100%;
	}
	
span.traffic_main{
	color:#3baeff;
	font-size:1.15em;
	font-weight:bold;
	line-height:1.7;}
	
span.main_ad{
	font-size:1.15em;
	padding-top:5px;
	margin:0px;
	display:block;
	}

body#home .main_departments{
	background-color:#fff;
	margin:15px 0px 15px 0px;
	font-size:1.15em;
	border:solid #3baeff 1px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding:15px 20px;
	text-align:center;
	line-height:1.4;
		}

body#home span.main_kyusin{
	display:block;
	font-size:1.3em;
	text-align:center;
	margin:0px;
	padding:0px;
	line-height:1.5;}

span.main_hosi{
	margin:0px;
	color:#63d2fd;
	line-height:1.7;} 
	
p.header_time{
	font-size:0.85em;
	padding:0px;
	margin:0px;}
	
#recruit{
	width:1024px;
	margin:0px auto;}
	
#recruit img{
	float:left;}
	
#recruit_right{
	background-color:#fff;
	float:right;
	width:634px;
	height:46px;
	margin:0px auto;
	-webkit-border-radius: 0px 10px 10px 0px / 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px / 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px / 0px 10px 10px 0px;
	text-align:left;
	padding:20px;
	overflow:auto;
	}

/* ===================================================================
CSS情報　　 ：main
使用ファイル：index
=================================================================== */


#main{
	background-color: #C4F4FF;
	padding-bottom: 100px;
	background-image: url(../image/common/bg_02.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

body#home #main{
	padding-bottom: 30px;
}

.cp{
	background: url(../image/common/cp_bottom.png) no-repeat;
	background-position: bottom;
	margin-bottom: 30px;
	background-color:#FFF;
	height:auto;
}

.cp ul li{
	list-style-position: inside;
	list-style-image: url(../image/cp_list.png);
	font-weight:bold;
}

/* ===================================================================
CSS情報　　 ：primary
使用ファイル：二階層以下ページ
=================================================================== */
#main #contents a{
	color:#3bb0ff;
	text-decoration:none;}
	
#main #contents p.caption{
	text-align:center;
	padding-top:5px;}
	
#main #contents a:hover{
	color:#0086ff;
	text-decoration:underline;}

#main #contents h1,
#main #contents div.page_tit{
	background:url(../access/img/h1_tit.png) bottom left no-repeat;
	color:#fff;
	font-size:2.5em;
	line-height:80px;
	padding:50px 25px 18px 25px;
	margin-bottom:30px;
}

.primary{
	font-size:1.2em;
	background-color:#fff;
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */
	padding:30px;
	margin-bottom:20px;}
	
.primary h2{
	margin-bottom:25px;}
	
.primary h3{
	margin-bottom:25px;}

/* 院内設備 */	
#main #contents .equipment h3,
#main #contents .equipment_left h3,
#main #contents .equipment_right h3{
	margin:10px 0px;}

.equipment{
	height:570px;}

.equipment_left{
	width:440px;
	float:left;
	height:420px;
	font-size:0.95em;
	line-height:1.5;}
	
.equipment_right{
	width:440px;
	float:right;
	height:420px;
	font-size:0.95em;
	line-height:1.5;}
	
/* 診療のご案内 */

.departments_box{
	margin-top:40px;}
	
.departments_box img{
	float:left;}
	
.departments_box h4 img{
	float:none;}
	
#contents .primary .departments_box#departments06 a:link,
#contents .primary .departments_box#departments06 a:visited{
	background-color:#3bb0ff;
	color:#fff;
	display:block;
	text-align:center;
	line-height:2;
	text-decoration:none;
	margin-top:20px;}
	
#contents .primary .departments_box#departments06 a:hover,
#contents .primary .departments_box#departments06 a:active{
	color:#fff;
	background-color:#4388ff;
	}
	
.departments_content{
	float:right;
	width:480px;}
	
	
	
#main #contents .departments_content h4{
	font-weight:normal;
	color:#3cafff;
	border-bottom:solid 1px #3cafff;
	font-size:1.8em;
	line-height:2;
	margin-bottom:10px;}
	
/* アクセス */
#google_map{
	border:1px solid #eee;
	padding:2px;}

p.ad{
	text-align:center;
	line-height:2em;
	font-size:1.4em;}
	
p.tel{
	color:#38b1ff;
	text-align:center;
	line-height:2em;
	font-size:1.4em;}

.access_left h4,
.access_right h4{
	font-size:1.3em;
	font-eight:normal;}

.access_left{
	float:left;
	width:230px;
	height:350px;
	margin-right:13px;
	line-height:1.3;
	font-size:0.9em;}
	
.access_right{
	float:left;
	width:230px;
	height:350px;
	line-height:1.3;
	font-size:0.9em;}
	
.access_img{
	height:190px;
	margin:15px 0px;
	}
	
/* イベント＆トピックス */
.primary .entry{
	border:1px #45b5ff dotted;
	padding:30px;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	margin-bottom:30px}
	
#main #contents .primary#event .entry h3{
	border-bottom:1px solid #3bb0ff;
	color:#3bb0ff;
	font-size:1.9em;
	line-height:1.4;
	padding-bottom:5px;}

#main #contents .primary#event .entry h3 span{
	font-size:0.7em;
	display:block;
	}
	
#main #contents .primary#voice .entry h3{
	border-bottom:1px solid #3bb0ff;
	color:#3bb0ff;
	font-size:3em;
	line-height:1.4;
	padding-bottom:5px;}
	
#main #contents .primary#voice .entry h3 span.san{
	font-size:0.65em;
	}

#main #contents .primary#voice .entry h3 span{
	font-size:0.5em;
	display:inline;
	padding-right:15px;
	}
	
#main #contents .primary#deai h4,
#main #contents .primary#deai strong{
	color:#3bb0ff;
	font-size:1.5em;}
	
#main #contents .primary#event p,
#main #contents .primary#deai p{
	margin-bottom:25px;
	line-height:1.9;}
	
.primary .img_left{
	float:left;
	margin:0px 30px 30px 0px;}
	
.primary .img_right{
	float:right;
	margin:0px 0px 30px 30px;}
	
#main #contents .primary#event .entry p.last_coment{
	font-size:1.8em;
	line-height:2.5;
	color:#3bb0ff;
	text-align:center;}
	
#main #contents .primary dl{
	margin-bottom:30px;}
	
#main #contents .primary#faq dl{
	border-bottom:solid 1px #3bb0ff;
	padding-bottom:10px;}
	
#main #contents .primary dl dt{
	color:#3bb0ff;
	font-size:1.2em;
	font-weight:bold;
	line-height:2.2;
	}
	
#main #contents .primary dl dt span{
	color:#3bb0ff;
	font-size:1.6em;
	}
	
#main #contents .primary dl dd{
	color:#333;
	}
	
.deai_left{
	float:left;
	margin: 20px 8px 0px 0px;
	text-align:center;
	width:315px;}
	
.deai_right{
	float:right;
	margin: 20px 0px 0px 0px;
	text-align:center;
	font-size:1.1em;
	width:315px;}
	
.deai_left img,
.deai_right img{
	margin-bottom:5px;}
	
.primary .banner{
	text-align:center;
	margin-top:20px;}	
	
/* 当院の特徴 */

#important01 .about_us{
	background:url(../feature/img/aisatu_bg.jpg) left top no-repeat;
	margin:25px 0px;}
	
#important01 ul.staff{
	margin-bottom:30px;}
	
#important01 ul.staff p{
	color:#3bb0ff;
	line-height:1.3;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	}
	
#important01 ul.staff li{
	float:left;
	width:160px;
	margin-right:40px;}

#important01 ul.staff li img{
	margin-bottom:8px;}
	
#important01 ul.staff li.staff_last{
	margin:0px;}
	
#important01 .about_us p{
	padding-left:280px;
	margin-bottom:15px;}
	
#important02 h3{
	color:#0086ff;
	font-size:2em;
	margin: 20px 0px 0px 0px;
	padding:0px;
	clear:both;}

.staff_left{
	float:left;
	width:470px;
	height:300px;
	padding: 0px 10px 0px 0px;
	margin:30px 0px;
	border-right: dotted #3bb0ff 1px;}
	
.staff_right{
	float:right;
	width:470px;
	height:300px;
	padding: 0px 0px 0px 10px;
	margin:30px 0px;}

.staff_left img,	
.staff_right img{
	float:left;}
	
.staff_right_box{
	float:right;
	width:300px;
	}
.intyo_right{
	width:650px;
	float:right;}

.intyo_right ul{
	margin: 15px 0px 30px 0px;}
	
.intyo_right p{
	padding-bottom:20px;}
	
.intyo_right ul li{
	float:left;
	width:320px;
	color:#39b1fd;}

	
.staff_right_box h4 span{
	display:block;
	color:#333;
	font-size:0.55em;
	font-weight:normal;}
	
.staff_right_box h4{
	width:100%;
	display:block;
	color:#2690ff;
	font-size:1.6em;
	line-height:1.5;
	margin-bottom:5px;}
	
.staff_right_box h4 img{
	float:none;}

.staff_right_box ul{
	margin:10px 0px;
	}
	
.staff_right_box ul li{
	font-size:0.9em;
	color:#39b1fd;}
	


#important01 hr,
#important02 hr{
	clear:both;
	border-top-style:none;
	border-bottom: dotted #3bb0ff 1px;}
	
#important02 h3{
	color:#0086ff;
	font-size:2em;
	margin: 20px 0px 0px 0px;
	padding:0px;
	clear:both;}

.feature_left{
	float:left;
	width:425px;
	height:270px;
	padding: 0px 40px 0px 15px;
	margin:30px 0px;
	border-right: dotted #3bb0ff 1px;}
	
.feature_right{
	float:right;
	width:425px;
	height:270px;
	padding:0px 15px;
	margin:30px 0px;}
	
.feature_left02{
	float:left;
	width:425px;
	height:170px;
	padding: 0px 40px 0px 15px;
	margin:30px 0px;
	border-right: dotted #3bb0ff 1px;}
	
.feature_right02{
	float:right;
	width:425px;
	height:170px;
	padding:0px 15px;
	margin:30px 0px;}
	
.feature_center{
	clear:both;
	float:none;
	width:930px;
	padding:15px;
	background:url(../feature/img/feature_center_bg.jpg) bottom right no-repeat;}
	
.feature_left h4,
.feature_right h4,
.feature_left02 h4,
.feature_right02 h4,
.feature_center h4{
font-size:1.3em;
color:#3bb0ff;
}

.feature_left h4 img,
.feature_right h4 img,
.feature_left02 h4 img,
.feature_right02 h4 img,
.feature_center h4 img{
float:none;
}

.f_right_box{
	width:240px;
	float:right;}
	
.feature_center .f_right_box{
	width:300px;
	float:left;
	margin-left:20px;
	}

.feature_left img,
.feature_right img,
.feature_left02 img,
.feature_right02 img,
.feature_center img{
float:left;
}

#main #contents .primary p.f_last_coment{
	font-size:1.1em;
	font-weight:bold;
	line-height:2.5;
	text-align:center;}
	
#important01 h3{
	border-bottom:2px #7bd4ff solid;
	color:#3bb0ff;
	font-size:1.6em;
	line-heigh:2;
	margin-bottom:15px;}
	
#important01 h3 span{
	font-size:0.8em;
	margin-left:10px;}
	
.important03_left{
	float:left;
	width:445px;}
	
.important03_left img{
	margin-top:20px;}
	
.important03_right{
	float:right;
	width:480px;}
	
.important03_last_coment{
	margin: 30px 0px 10px 0px;}
	
ul.important05_img,
ul.important04_img {
	margin: 20px 0px 0px 0px;
   text-align: center;
}

ul.important05_img li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 25px;
}

ul.important04_img li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 5px;
  height:290px;
  vertical-align:top;
}

ul.important04_img li  p{
font-size:0.95em;
line-height:1.3;
text-align:left;
background:url(../feature/img/li_icon.jpg) 0px 5px no-repeat;
padding-left:15px;}


ul.important04_img li img,
ul.important05_img li img{
	margin-bottom:8px;}



/* 回り込み解除
----------------------------------------------- */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
