@charset "utf-8";

body {
	background:#0d1d30 url(../img/main_bg.png) repeat-x top;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	text-align:center;
	margin:0 auto;
	font-size:1.5em;
}
body#con01 {
	background:#FFF url(../img/content_bg.png) repeat-x top;
}


/*
===== サイト構成 ==========================================
*/

#wrap {
	width:1200px;
	text-align:center;
	margin:0px auto ;
	min-height:500px;
	background: url(../img/top_bg.png) no-repeat top;
	}
#main {
	width:934px;
	text-align:center;
	margin:0px auto ;
	min-height:500px;
	}
/*
===== side ==========================================
*/	
#side {
	float:left;
	width:222px;
	margin:0;
}
#sideContent {
	float:left;
	width:222px;
	overflow:scroll;
	background-color:#FFFFFF;
	-webkit-border-top-left-radius: 0;  
    -webkit-border-top-right-radius: 0;  
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;  
    -moz-border-radius-topleft: 0;  
    -moz-border-radius-topright: 0;  
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px;  
	border-bottom-right-radius: 5px;  
    border-bottom-left-radius: 5px; 
	margin:0 0 10px 0;
/*	height:300px;*/
	height:350px;
	min-height:300px;
	box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 4px 2px;
-webkit-box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 4px 2px;
-moz-box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 4px 2px;
}

#sideContentTime {
	float:left;
	width:222px;
	background-color:#FFFFFF;
	-webkit-border-top-left-radius: 0;  
    -webkit-border-top-right-radius: 0;  
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;  
    -moz-border-radius-topleft: 0;  
    -moz-border-radius-topright: 0;  
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px;  
	border-bottom-right-radius: 5px;  
    border-bottom-left-radius: 5px; 
	margin:0 0 10px 0;
	height:230px;
	min-height:230px;
	box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 4px 2px;
-webkit-box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 4px 2px;
-moz-box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 4px 2px;
}
#sideContentTime img {
	display:block;
	height:auto;
	margin:0 auto;
	padding:10px 0;
		}
	
#sideContentTime2 {
	float:left;
	width:222px;
	background-color:#FFFFFF;
	-webkit-border-top-left-radius: 0;  
    -webkit-border-top-right-radius: 0;  
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;  
    -moz-border-radius-topleft: 0;  
    -moz-border-radius-topright: 0;  
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px;  
	border-bottom-right-radius: 5px;  
    border-bottom-left-radius: 5px; 
	margin:0 0 10px 0;
	height:160px;
	min-height:160px;
	box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 4px 2px;
-webkit-box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 4px 2px;
-moz-box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 4px 2px;
}
#sideContentTime2 img {
	display:block;
	height:auto;
	margin:0 auto;
	padding:10px 0;
		}


#sideContentBana {
	float:left;
	width:222px;
	margin:0 0 60px 0;
	height:auto;
	padding:1px 0 0 0;
}
#sideContentBana ul{
	margin:0;
	padding:0;
}
#sideContentBana ul li{
	margin:0 0 2px 0;
	list-style:none;transition: 0.3s;
}
#sideContentBana ul li a:hover{
	opacity:0.8;
}
.infoCon {
	padding:6px 6px 6px 10px;
	text-align:left;
	border-bottom:1px dotted #CCC;
	font-size:12px;
}
.infoCon p{
	padding:0px 0 0 2px;
	margin:0;
	line-height:1.5;
}
#sideContent .infoCon a:link, .infoCon a:visited{
	color:#666;
}
#sideContent .infoCon a:hover{
	color:#888;
	text-decoration:underline;
}
.date {
	padding:0;
	color:#06C;
	font-size:11px;
	
}
/*
===== コンテンツ ==========================================
*/
#mainContent {
	float:right;
	width:700px;
	margin:0;
	padding-bottom:50px;
	text-align:left;
	padding-left:10px;
}
#mainContent h2#hed{
	font-size:45px;
	color:#FFF;text-shadow: 1px 1px 1px #888;  
}
.pankuzu {
	font-size:12px;
	color:#555;
}
.pankuzu a:link, .pankuzu a:visited {
	color:#FFF;
}
.pankuzu a:hover{
	color:#FFF;
}
.contentArea {
	float:left;
	width:690px;
	margin-top:20px;
	height:auto;
	background:#F7F8F9;box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 4px 2px;
-webkit-box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 4px 2px;
-moz-box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 4px 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;   
	border-radius: 5px;
	padding:5px;
}
.contentAreaHeader {
	float:left;
	width:680px;
	margin:0;
	background: #499bea; /* Old browsers */
background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
	border-bottom:4px solid #FFF;

}
ul#contentList {
	padding:0;
	margin:0 0 0 10px;
	width:100%;
}
#contentList li{
	float:left;
	display:block;
	width:auto;
	height:40px;
	padding:10px 10px 10px 13px;
	margin-right:14px;
	background: url(../img/content_header_icon.png) no-repeat 0 center;
	color:#FFF;	
	font-size:15px;
}
#contentList li a:link , #contentList li a:visited{
	color:#FFF;	
}#contentList li a:hover{
	color:#EEE;	
}
.contentAreaMain {
	float:left;
	margin:-30px 0 0 0;
	padding:0px 0 60px 10px;
	width:670px;
}

h3#hedh3{
	border-bottom:1px solid #DDD;
	border-left:5px solid #06C;
	padding:10px;
	background:#FFF;
	margin:60px 0 15px 0;
	font-size:21px;
	color:#06C;
	clear:both;
}
h3.hedh32{
	border-bottom:1px solid #DDD;
	border-left:5px solid #06C;
	padding:10px;
	background:#FFF;
	margin:60px 0 15px 0;
	font-size:21px;
	color:#06C;
	clear:both;
}
h4.hedh4{
	border-bottom:1px solid #DDD;
	border-left:4px solid #009999;
	padding:5px;
	background:#FFF;
	margin:10px 0 30px 5px;
	font-size:14px;
	color:#009999;
	clear:both;
}


/*
===== 問い合わせ　といあわせ ==========================================
*/
.contactT{
	margin:60px 0 0 0;
}
/*
===== トップキャッチ ==========================================
*/

ul#topCatch {
	width:720px;
	margin:0 -20px 10px 0;
	padding:0;
}
ul#topCatch li{
	width:220px;
	margin:0 20px 5px 0;
	height:330px;
	display:block;
	-webkit-border-radius: 6px;  
    -moz-border-radius: 6px; 
	border-radius: 6px;
	background:#FFF;
	float:left;
	padding:8px 10px 10px 10px;
	
}
.topCatchCon p {
	font-size:12px;
	text-align:left;
	padding:0 0px 0 5px;
}
.topCatchCon h2 {
	font-size:14px;
	margin:0;
	padding:10px 0;
	border-top:4px #003399 solid;
	font-weight:bold;
	color:#003399;
	text-align:center;
}
.topCatchCon img {
	margin:0 0 10px 0;
}

.normalTable {
	border:1px solid #777;
	width:100%;
	margin:0 0 10px 0;	
}
.normalTable th{
	border:1px solid #777;
	background:#036;	
	padding:15px;
	color:#FFF;
	text-align:center;
	width:5em;
}
.normalTable td{
	border:1px solid #777;
	padding:15px;	
	text-align:center;
	background:#FFF;	
}
.normalTable td.data02{
	border:1px solid #777;
	padding:15px;	
	text-align:center;
	background:#FFF;	
}
.normalTable td.data03{
	border:1px solid #777;
	padding:15px;	
	text-align:left;
	background:#FFF;	
}
.normalTable2 {
	border:1px solid #777;
	width:80%;
	text-align: center;
	margin:0 0 10px 0;	
}
.normalTable2 th{
	border:1px solid #777;
	background:#036;	
	padding:15px;
	color:#FFF;
	text-align:center;
	width:5em;
}
.normalTable2 td{
	border:1px solid #777;
	padding:15px;	
	text-align:center;
	background:#FFF;	
}
.normalTable2 td.data02{
	border:1px solid #777;
	padding:15px;	
	text-align:center;
	background:#FFF;	
}
.normalTable2 td.data03{
	border:1px solid #777;
	padding:15px;	
	text-align:left;
	background:#FFF;	
}
/*
===== 施設設備テーブル ==========================================
*/

.outline {
	border:3px solid #69C;
	width:100%;
	margin:0 0 10px 0;
}
.outline h3{
	margin:0 0 10px 0;
	padding:5px;
	color: #FFF;
	font-size:14px;
	text-align: center;
	font-weight:bold;
	background:#06C;
}
.outline img{
	display:block;
	margin:0 auto;
	text-align:center;
	width:160px;
	height:auto;
	padding-bottom:10px;
}

.outline td{
	border:1px solid #69C;
	padding:10px;
	vertical-align: top;
	text-align:left;
	background:#FFF;
	width:33%;
	font-size:11px;
}

/*
===== 症例一覧テーブル ==========================================
*/

.syourei {
	border:3px solid #69C;
	width:100%;
	margin:0 0 10px 0;
}

.syourei img{
	display:block;
	margin:0 auto;
	text-align:center;
	width:200px;
	height:auto;
	padding-bottom:10px;
}
.syourei th{
	border:1px solid #69C;
	padding:10px;
	vertical-align: top;
	text-align:center;
	background:#69C;
	color:#FFF;
	width:33%;
	font-size:18px;
}
.syourei td{
	border:1px solid #69C;
	padding:10px;
	vertical-align: top;
	text-align:center;
	background:#FFF;
	width:33%;
	font-size:14px;
}

/*
===== スタッフ ==========================================
*/
.staff h3{
	margin:10px 0 10px 0;
	padding:10px;
	color: #FFF;
	font-size:18px;
	text-align: left;
	font-weight:normal;
	background:#06C;
	width:100%;
}
.staff{
	float:left;
	border-bottom:1px dotted #CCC;
	padding-bottom:10px;
	margin-top:30px;
	clear:both;
	width:100%;
}
.staffLeft{
	float:left;
}
.leftImg{
	float:left;
	width:150px;
}
.staffRight{
	float:right;
	width:480px;
}
.staffTableSub{
	float:left;
	width:660px;
	border:3px solid #ACDEFF;
	font-size:12px;
	margin:10px 0 0 0;
}
.staffTableSub th{
	width:10em;
	padding:10px;
	border:1px solid #ACDEFF;
	background:#f3f9fe;
}
.staffTableSub td{
	width:auto;
	padding:10px;
	border:1px solid #ACDEFF;
	background:#FFF;
}
.staffTable {
	float:left;
	width:480px;
	border:3px solid #ACDEFF;
	font-size:12px;
}
.staffTable th{
	width:10em;
	padding:10px;
	border:1px solid #ACDEFF;
	background:#f3f9fe;
}
.staffTable td{
	width:auto;
	padding:10px;
	border:1px solid #ACDEFF;
	background:#FFF;
}
/*
===== topixカラー設定 ==========================================
*/
h2#orenge {
	border-top:4px #993300 solid;
	color:#993300;
} 
h2#blue01 {
	border-top:4px #0099ff solid;
	color:#0099ff;
} 
h2#yellow01 {
	border-top:4px #cc6600 solid;
	color:#cc6600;
} 
h2#green01 {
	border-top:4px #006633 solid;
	color:#006633;
} 
h2#emgreen {
	border-top:4px #009999 solid;
	color:#009999;
}
h2#grey {
	border-top:4px #666 solid;
	color:#666;
}
h2#blue {
	border-top:4px #06C solid;
	color: #06C;
}
h2#yellow {
	border-top:4px #999900 solid;
	color: #999900;
}
h2#orenge {
	border-top:4px #993300 solid;
	color:#993300;
}
/*
===== facebook ==========================================
*/
#faceBook{
	margin-top:10px;
	float:left;
}
.facebookContent{
	float:left;
	width:700px;
	height:700px;
	background:#FFF;
	border:1px solid #FFF;
}
/*
===== コンテンツヘッダー背景 ==========================================
*/
#contentHeader{
	width:1200px;
	text-align:center;
	margin:0 auto;
	height:auto;
	padding-top:10px;
	background:url(../img/content_header_bg.png) no-repeat;
}


/*
===== スライドショー ==========================================
*/
#slideShow {
	width:700px;
	height:240px;
	float:left;
	border-radius:6px;
	background:#FFF;
	margin:0 0 30px 0;
	padding:10px;
}
#slideShow img{
	display:block;
	margin:0 auto;
}
ul.bxslider {
	width:680px;
	
	padding:0;
	margin:0;
}
.bxslider li{
	padding:0;
	margin:0;
	display:none;
}
.hide{
	display:none;
}
#news {
  overflow: hidden; 
	font-size:1.2em;
	color:#333;
}
dl {
  margin: 0 0 -1px;
}
dt {
  float: left;
  clear: left;
  width: 12em;
  padding: 10px 0;
  font-weight:bold;
}
dd {
  	padding: 10px 0 10px 8em;
	border-bottom:1px dotted #CCC;
	background:url(../img/info_icon.gif) no-repeat 11em center;
}
/*
===== eventアルバムイベントアルバム ==========================================
*/
.evenT {
	width:100%;
	border:1px solid #DDD;
	margin-bottom:20px;
}
.evenT th{
	border:1px solid #DDD;
	padding:10px;
	font-size:12px;
	text-align:center;
}
.evenT th.onEvent{
	background:#888;
	color:#FFF;
}
/*
===== リンク集 ==========================================
*/
.link {
	border-bottom:1px dashed #CCC;
}
.link li{
	margin-bottom:8px;
}

/*
===== ヘッダーHEADER ==========================================
*/
#header{
	width:934px;
	height:47px;
	margin:0 auto;
	position:relative;
	text-align:center;
}
.h1hed {
	font-size:13px;
	padding:13px 0 0 0 ;
	margin:0;
	font-weight:normal;
	position: absolute;
	top:0;
	left:0;
}


#header a:link,#header a:visited {
	text-decoration:none;
	color: #888;
	}
#header a:hover {
	color: #06C;
	}	
ul#sub-navi{
	position:absolute;
	top:-2px;
	right:0px;
	}
ul#sub-navi li {
	float:left;
	display:block;
	padding:10px 5px 5px 5px;
	text-align:center;
	height:35px;
	width:110px;
	background:#1380C8;
	margin:0px 5px 0 0;
	font-size:12px;
    -webkit-border-bottom-right-radius: 4px;  
    -webkit-border-bottom-left-radius: 4px;  
    -moz-border-radius-bottomright: 4px;  
    -moz-border-radius-bottomleft: 4px;
	border-radius: 4px;
	color:#FFF;
	}	
	
ul#sub-navi li a:link ,ul#sub-navi li a:visited{
	color:#FFF;
	}	
ul#sub-navi li a:hover{
	color:#039;
	}		

/*
===== navi ==========================================
*/

#navi {
	width:1200px;
	height:161px;
	text-align:center;
	margin:0 auto;
	}
#Stage{
	width:1200px;
	height:161px;
	text-align:center;
	margin:0 auto;
	}
#StageFish{
	width:1200px;
	height:154px;
	text-align:center;
	margin:0 auto;
	}	

/*
===== content ==========================================
*/



/*
===== フッター ==========================================
*/

	
#footer{
	width:100%;
	text-align:center;
	background: url(../img/footer.png) repeat-x ;
	clear:both;
	position:relative;
	margin:0 auto;
	padding-top:10px;
	height:200px;
}
#footerCon{
	width:934px;
	text-align:center;
	clear:both;
	position:relative;
	margin:0 auto;
	padding-top:20px;
	color:#FFF;
}
.pagetop {
	position:absolute;
	top:-30px;
	right:-40px;
}

.footerImg {
	position:absolute;
	top:10px;
	left:10px;
}
.address {
	text-align:center;
}

#footer .copyright {
	text-align:center;
}

#footer p{
	color:#FFF;
	text-align:center;
}
#footer  a:link,
#footer  a:visited	{
	text-decoration:none;
	color:#DDD;
	}	
#footer  a:hover{
	text-decoration:underline;
	color: #FFF;
	}	
	
/*
===== pageTop ==========================================
*/		

#pageTop{
	position:fixed;
	bottom:20px;
	right:20px;
}
#pageTop:hover{
	cursor:pointer;
	opacity:0.6;
}


/*
===== policy ==========================================
*/		
#content h3.policy {
	margin:10px 0 0 0;
	padding:10px 0 5px 0;
	font-size:1.6em;
}
ul#policyText{
	padding:0;
	margin:0;
}
ul#policyText li{
	text-align:left;
	margin:0;
	padding:0;
	font-size:1.3em;
	line-height:1.6;
	border:none;
	-webkit-box-shadow: 0px 0px 3px #FFF;
	-moz-box-shadow: 0px 0px 3px #FFF;
	box-shadow: 0px 0px 3px #FFF; 
}
/*
===== link ==========================================
*/	
#content dl img {
	border:1px solid #DDD;
	padding:2px;
}
#content dt  {
	width:275px;
	background:none;
}
#content dd  {
	padding:12px 2px;
	font-size:1.4em;
	border:none;
	background:none;
	float:left;
}
.company  {
	width:580px;
	border:none;
	background:transparent;
	margin:10px;
	}
.company th{
	padding:10px;
	background:transparent;
	color:#333333;
	border-right:1px solid #CCC;
	border-left:none;
	border-top:none;
	border-bottom:1px solid #CCC;
	width:100px;
	font-size:1.3em;
	text-align:right;
	}		
.company td{
	text-align:left;
	padding:8px;
	background:transparent;
	font-size:1.3em;
	border-right:none;
	border-left:none;
	border-top:none;
	border-bottom:1px solid #CCC;
	}	
/*
===== FAQ ==========================================
*/	
div.faqConRight{
	background:#FFF;
	width:680px;
	border:2px solid #CCC;
	float:left;
	text-align:left;
	margin-bottom:10px;
	-moz-border-radius: 7px; /* for Fx */
	-webkit-border-radius: 7px; /* for Safari */

	}			
div.faqConT {
	background:url(../img/question_icon.gif) no-repeat 6px 50% #EEE;
	color:#0066CC;
	font-weight:bold;
	clear:both;
	min-height:60px;
	}	
div.appConT {
	background:url(../img/question_icon01.gif) no-repeat 6px 50% #EEE;
	color:#0066CC;
	font-weight:bold;
	clear:both;
	min-height:60px;
	position:relative;
	}
div.appConT p.line1{
	line-height:50px;
}
	
	div.appConB {
	background:url(../img/answer_icon01.gif) no-repeat 6px 50% #FFF;
	clear:both;
	min-height:50px;
	}
	div.appConB p.line1{
		line-height:50px;
	}

div.faqConB {
	background:url(../img/answer_icon.gif) no-repeat 6px 50% #FFF;
	clear:both;
	min-height:50px;
	}
div.faqConRight div.appConB p,div.faqConRight div.appConT p {
	padding:7px 5px 5px 90px;	
	}	
div.faqConRight p {
	padding:7px 5px 5px 58px;	
	}	
	
/*
===== 画像レイアウト ==========================================
*/
.imgRight {
	float:right;
	margin:0 0 10px 10px;
	padding:5px;
	border:1px solid #DDD;
	border-radius: 4px;
    background: #FFF;
    -moz-border-radius: 4px; /* FF */
    -webkit-border-radius: 4px;/* Webkit */
	}

.imgLeft {
	float:left;
	margin:0px 10px 30px 0;
	padding:5px;
	border:1px solid #DDD;
	border-radius: 4px;
    background: #FFF;
    -moz-border-radius: 4px; /* FF */
    -webkit-border-radius: 4px;/* Webkit */
	-webkit-box-shadow: 0px 0px 3px #CCC;
	-moz-box-shadow: 0px 0px 3px #CCC;
	box-shadow: 0px 0px 3px #CCC;
	}
.imgCenter {
	display:block;	
	margin:10px auto;
	padding:5px;
	border:1px solid #DDD;
	border-radius: 4px;
    background: #FFF;
    -moz-border-radius: 4px; /* FF */
    -webkit-border-radius: 4px;/* Webkit */
	-webkit-box-shadow: 0px 0px 3px #CCC;
	-moz-box-shadow: 0px 0px 3px #CCC;
	box-shadow: 0px 0px 3px #CCC;
	}
#content ul li.listC {
	text-align:center;
	margin:0 auto;
	margin:0 0 15px 22px;
}
#content .itemCenterText {
	text-align:center;
	font-size:1.3em;
	line-height:1.2;
	padding-top:5px;
}
.imgLeft01 {
	float:left;
	margin:0px 10px 30px 0;
	padding:5px;
	border:1px solid #DDD;
	border-radius: 4px;
    background: #FFF;
    -moz-border-radius: 4px; /* FF */
    -webkit-border-radius: 4px;/* Webkit */
	-webkit-box-shadow: 0px 0px 3px #CCC;
	-moz-box-shadow: 0px 0px 3px #CCC;
	box-shadow: 0px 0px 3px #CCC; 
	}
.imgItem {
	float:left;
	margin:0px 20px 10px 20px;
	padding:5px;
	border:1px solid #DDD;
	border-radius: 4px;
    background: #FFF;
    -moz-border-radius: 4px; /* FF */
    -webkit-border-radius: 4px;/* Webkit */
	-webkit-box-shadow: 0px 0px 3px #CCC;
	-moz-box-shadow: 0px 0px 3px #CCC;
	box-shadow: 0px 0px 3px #CCC;
	clear:both;
	}
.imgBorder{
	padding:5px;
	margin:0 0 10px 0;
	border:1px solid #DDD;
	border-radius: 4px;
    background: #FFF;
    -moz-border-radius: 4px; /* FF */
    -webkit-border-radius: 4px;/* Webkit */
	-webkit-box-shadow: 0px 0px 3px #CCC;
	-moz-box-shadow: 0px 0px 3px #CCC;
	box-shadow: 0px 0px 3px #CCC;
	clear:both;
	}
.imgka {
	float:left;
	clear:both;
	margin:-25px 0 0 35px;
}
.imgka01 {
	float:left;
	clear:both;
	margin:-5px 0 10px 70px;
}
/*
===== 定期検診テーブル ==========================================
*/

.kenshin {
	border:3px solid #69C;
	margin:0 0 10px 0;
	width:100%
}

.kenshin th{
	border:1px solid #69C;
	padding:10px;
	vertical-align: top;
	text-align:center;
	background:#69C;
	color:#FFF;
	font-size:18px;
}
.kenshin td{
	border:1px solid #69C;
	padding:10px;
	vertical-align: top;
	text-align:left;
	background:#FFF;
	font-size:14px;
}