@charset "utf-8";

/* =======================================================================

   ●
   
======================================================================= */

/* -----------------------------------------------------------
　●
----------------------------------------------------------- */

/* :::::::::: ● :::::::::: */


/* =======================================================================

   基本
   
======================================================================= */

/* -----------------------------------------------------------
　色
----------------------------------------------------------- */
/*
メインカラー:#00000
サブカラー:#00000
アクセントカラー:#00000
アクセントカラー:#00000
*/

/* -----------------------------------------------------------
　見出し
----------------------------------------------------------- */

h1{}
h2{
	width: 1000px;
	margin: 0 auto 35px;
}
h3{
background: url(../images/h3bg.png) no-repeat right top,#009ee8; /* Old browsers */
background: url(../images/h3bg.png) no-repeat right top,-moz-linear-gradient(left,  #009ee8 0%, #c0e2ff 100%); /* FF3.6+ */
background: url(../images/h3bg.png) no-repeat right top,-webkit-gradient(linear, left top, right top, color-stop(0%,#009ee8), color-stop(100%,#c0e2ff)); /* Chrome,Safari4+ */
background: url(../images/h3bg.png) no-repeat right top,-webkit-linear-gradient(left,  #009ee8 0%,#c0e2ff 100%); /* Chrome10+,Safari5.1+ */
background: url(../images/h3bg.png) no-repeat right top,-o-linear-gradient(left,  #009ee8 0%,#c0e2ff 100%); /* Opera 11.10+ */
background: url(../images/h3bg.png) no-repeat right top,-ms-linear-gradient(left,  #009ee8 0%,#c0e2ff 100%); /* IE10+ */

/*background: linear-gradient(to right,  #009ee8 0%,#c0e2ff 100%);*/ /* W3C */
filter: url(../images/h3bg.png) no-repeat right top,progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee8', endColorstr='#c0e2ff',GradientType=1 ); /* IE6-9 */
padding:15px;
margin:0 0 15px;
border:1px solid #b4b4b4;
color:#393939;
	font-size: 24px;
	text-shadow:0 1px 0 #fff,
        1px 0 0 #fff,
        0 -1px 0 #fff,
        -1px 0 0 #fff,
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
}
h4{
	border-bottom:2px solid #08a7e3;
	border-top:2px solid #08a7e3;
	font-size:110%;
	padding:5px 10px;
	margin:0 auto 15px;
	color:#1f5694;
	background-color:#d9eef8;
}
.h4box{ margin:0 auto 30px;}
.h4box:last-child{ margin:0;}
h5{}
.h5box{ margin:0 15px 30px;}
.h5box:last-child{ margin:0;}
h6{}
.h6box{ margin:0 auto 30px;}
.h6box:last-child{ margin:0;}

/* -----------------------------------------------------------
　リスト
----------------------------------------------------------- */
ol{
	margin:0 0 0 30px;
	padding:0;
}
ol li{
	margin:10px 0;
	padding:0;
}

ul{
	margin:0 0 0 30px;
	padding:0;
}
ul li{
	margin:10px 0;
	padding:0;
}

dl{}
dl dt{}
dl dd{}

/* :::::::::: テーブル :::::::::: */

table{}

table tr th,
table tr td{}

table tr th{}

table tr td{}


/* =======================================================================

   全体
   
======================================================================= */

body{
	font-family:Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:16px;
	color:#717171;
	line-height: 120%;
	letter-spacing: 0.05em;
	background-color: #e2ebf6;
}

a:link { color: #0000ff; text-decoration: none; }
a:visited { color:#5924f2; text-decoration: none; }
a:hover { color: #0000ff; text-decoration: underline; }
a:active { color:#0000ff; text-decoration: underline; }

img {
	border: none;
	margin: 0px;
}

p{ margin:0 0 15px;}
p:last-child{margin:0;}

.box{margin:0 auto 40px;}
.box:last-child{ margin:0 auto;}

.subbox{margin:0 15px 40px;}
.subbox:last-child{ margin:0 15px;}

/* -----------------------------------------------------------
　ラッパー
----------------------------------------------------------- */

#wrapper {
	margin:0 auto;
	padding:0;
	width:1040px;
	text-align:left;
	background-color: #ffffff;
}


/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */
#header{
	width:100%;
	margin:0 auto;
	background-image:url(../images/header-bg.jpg);
	background-repeat:repeat-x;
	padding:5px 0;
	background-color: #ffffff;
}

.header-area{
	width:1040px;
	margin:0 auto;
}

#header h1{
	color: #808080;
	font-size: 75%;
	font-weight: normal;
	margin: 5px 0 0;
}

#header #logo-add{
	height:114px;
	margin:0 auto;
	padding: 20px 0;
}

#header #logo-add .logo{
	width: 369px;
	float: left;
}

#header #logo-add .add{
	width: 365px;
	float: right;
}

/* :::::::::: cookie+CSS切り替え :::::::::: */

#header #font-buttons{}

/* :::::::::: メインナビ :::::::::: */
.main_nav-bg{
	background-image:url(../images/main_nav-bg.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:65px;
}

ul#main_nav{
	margin:0 auto;
	padding:0;
	width: 1040px;
	height: 65px;
}

ul#main_nav li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

ul#main_nav li a{
	background-image:url(../images/main_nav.png);
	line-height: 65px;
	display: block;
	text-indent: -9999px;
}

ul#main_nav li.nav01{ width:177px; height:65px;}
ul#main_nav li.nav02{	width:200px;	height:65px;}
ul#main_nav li.nav03{	width:197px; height:65px;}
ul#main_nav li.nav04{	width:197px; height:65px;}
ul#main_nav li.nav05{	width:269px; height:65px;}

ul#main_nav li.nav01 a{ background-position: 0 0;}
ul#main_nav li.nav02 a{ background-position: -177px 0px;}
ul#main_nav li.nav03 a{ background-position: -377px 0px;}
ul#main_nav li.nav04 a{ background-position: -574px 0px;}
ul#main_nav li.nav05 a{ background-position: -771px 0px;}

ul#main_nav li.nav01 a:hover{ background-position: 0 -65px;}
ul#main_nav li.nav02 a:hover{ background-position: -177px -65px;}
ul#main_nav li.nav03 a:hover{ background-position: -377px -65px;}
ul#main_nav li.nav04 a:hover{ background-position: -574px -65px;}
ul#main_nav li.nav05 a:hover{ background-position: -771px -65px;}


/* :::::::::: キービジュアル :::::::::: */

#key_visual{
	width: 1100px;
	margin: 0 auto 30px;
}

#key_visual h2{ margin:0 auto;}

/* -----------------------------------------------------------
　コンテンツラッパー
----------------------------------------------------------- */

#contents_wrapper{
	padding: 20px;
	background-color: #ffffff;
	width: 1000px;
}

/* :::::::::: パンくずリスト :::::::::: */

ol.bredcrumbs{}

ol.bredcrumbs li{
	display:inline;
	list-style-type:none;
}

ol.bredcrumbs li:after{
	content:" >> ";
}

ol.bredcrumbs li:last-child:after{
	content:"";
}

/* -----------------------------------------------------------
　メインコンテンツ
----------------------------------------------------------- */

#main_contents{
	width:730px;
	float:left;
}

/* :::::::::: お知らせ欄 :::::::::: */

#information{
	height: 450px;
	overflow-y: scroll;
	margin: 0 auto 60px;
	background-color:#f3fdff;
	
}
#information dl{padding:15px; }
#information dt{ border-bottom:2px dotted #00a2e8; font-size:130%;font-weight: bold; color:#096AB4;padding-bottom:7px;}
#information dd{ margin:7px 0 30px;color:#222;font-weight: 500;font-size:110%;line-height:1.5;}

.info_bold{
	font-weight:bold;
	color:#000FFF;
}

/* :::::::::: 医院概要 :::::::::: */

#infobox{
	font-size:90%;
}

#infobox .info{
	width:378px;
	float:left;
}

#infobox .info .title{
	background-color:#00a7e3;
	padding:3px 12px;
	color:#ffffff;
	display:inline-block;
	margin:0 0 5px;
	border-radius:5px;
}

#infobox .map{
	width:296px;
	float:right;
}

table.Chour_table{
	border-collapse:collapse;
	margin:0 0 5px;
}
table.Chour_table td{
	border-top:1px solid #00A8D3;
	border-left:1px solid #00A8D3;
	text-align:center;
	letter-spacing:0.05em;
	font-size:90%;
	padding:10px;
	line-height:110%;
	color: #222A78;
	font-weight: bold;
}
table.Chour_table th{
	border: 2px solid #ffffff;
	background-color:#00A8D3;
	font-weight:bold;
	color:#ffffff;
	padding:5px 0;
	text-align: center;
}
table.Chour_table .Chour_time{
	background-color:#00A8D3;
	color:#ffffff;
	border: 2px solid #ffffff;
	font-weight: bold;
}


table.Cguide{
   border-collapse:collapse;
   margin:0 0 15px;
}
table.Cguide td{
	letter-spacing:0.1em;
	padding:0 0 10px 25px;
	line-height:110%;
}
table.Cguide th{
	font-weight:normal;
	color:#1572aa;
	padding: 7px 5px 0 23px;
	background: url(../images/icon_ohgi.png) no-repeat left;
	text-align:left;
}


#map_canvas{
	width:100%;
	height:500px;
}

/* -----------------------------------------------------------
　サブコンテンツ
----------------------------------------------------------- */

#sub_contents{
	width:240px;
	float:right;
}

/* :::::::::: サブナビ :::::::::: */

#sub_contents .menubox{
	margin:0 auto 20px;
	padding:10px 0;
	background: #3ec6f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #3ec6f1 0%, #dbf6ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ec6f1), color-stop(100%,#dbf6ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3ec6f1 0%,#dbf6ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3ec6f1 0%,#dbf6ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3ec6f1 0%,#dbf6ff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3ec6f1 0%,#dbf6ff 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ec6f1', endColorstr='#dbf6ff',GradientType=0 ); /* IE6-9 */
}

ul#sub_nav{
	padding:0;
	margin:0 auto;
	width: 240px;
	height: 399px;
}

#sub_nav li{
	margin:0 auto;
	padding:0;
	list-style:none;
	width:240px;
	height:57px;
}

ul#sub_nav li a{
	background-image:url(../images/sub_nav.png);
	background-repeat:no-repeat;
	line-height: 57px;
	display: block;
	text-indent: -9999px;
}

ul#sub_nav li.nav01 a{background-position: 0 0;}
ul#sub_nav li.nav02 a{background-position: 0 -57px;}
ul#sub_nav li.nav03 a{background-position: 0 -114px;}
ul#sub_nav li.nav04 a{background-position: 0 -171px;}
ul#sub_nav li.nav05 a{background-position: 0 -228px;}
ul#sub_nav li.nav06 a{background-position: 0 -285px;}
ul#sub_nav li.nav07 a{background-position: 0 -342px;}

ul#sub_nav li.nav01 a:hover{background-position: -240px 0;}
ul#sub_nav li.nav02 a:hover{background-position: -240px -57px;}
ul#sub_nav li.nav03 a:hover{background-position: -240px -114px;}
ul#sub_nav li.nav04 a:hover{background-position: -240px -171px;}
ul#sub_nav li.nav05 a:hover{background-position: -240px -228px;}
ul#sub_nav li.nav06 a:hover{background-position: -240px -285px;}
ul#sub_nav li.nav07 a:hover{background-position: -240px -342px;}


#sub_contents .menubox2{
	margin:0 auto 20px;
	padding:10px 0;
	background: #0086cd; /* Old browsers */
	background: -moz-linear-gradient(top,  #0086cd 0%, #08a8e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0086cd), color-stop(100%,#08a8e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0086cd 0%,#08a8e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0086cd 0%,#08a8e3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0086cd 0%,#08a8e3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0086cd 0%,#08a8e3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086cd', endColorstr='#08a8e3',GradientType=0 ); /* IE6-9 */
}

.menubox2 ul#sub_nav2{
	padding:0;
	margin:0 auto;
	width: 240px;
	height: 228px;
}

.menubox2 #sub_nav2 li{
	margin:0 auto;
	padding:0;
	list-style:none;
	width:240px;
	height:57px;
}

.menubox2 ul#sub_nav2 li a{
	background-image:url(../images/sub_nav2.png);
	background-repeat:no-repeat;
	line-height: 57px;
	display: block;
	text-indent: -9999px;
}

.menubox2 ul#sub_nav2 li.nav01 a{background-position: 0 0;}
.menubox2 ul#sub_nav2 li.nav02 a{background-position: 0 -57px;}
.menubox2 ul#sub_nav2 li.nav03 a{background-position: 0 -114px;}
.menubox2 ul#sub_nav2 li.nav04 a{background-position: 0 -171px;}

.menubox2 ul#sub_nav2 li.nav01 a:hover{background-position: -240px 0;}
.menubox2 ul#sub_nav2 li.nav02 a:hover{background-position: -240px -57px;}
.menubox2 ul#sub_nav2 li.nav03 a:hover{background-position: -240px -114px;}
.menubox2 ul#sub_nav2 li.nav04 a:hover{background-position: -240px -171px;}




#sub_contents .bana img{
	margin:0 auto 10px;
}


/* -----------------------------------------------------------
　フッタ
----------------------------------------------------------- */
#footer{
	margin:0 auto;
	padding:30px 0 0 0;
	width:100%;
	color:#ffffff;
	background: #0a98d9; /* Old browsers */
	background: -moz-linear-gradient(top,  #0a98d9 0%, #8acaee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a98d9), color-stop(100%,#8acaee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0a98d9 0%,#8acaee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0a98d9 0%,#8acaee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0a98d9 0%,#8acaee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0a98d9 0%,#8acaee 100%); /* W3C */


	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a98d9', endColorstr='#8acaee',GradientType=0 ); /* IE6-9 */
}

.pagetop{
	width:1000px;
	margin:0 auto;
	text-align:right;
}

/* :::::::::: フッターナビ :::::::::: */
#footer_nav{
	width:1040px;
	margin:0 auto;
}

#footer_nav ul{
	position:relative;
}

#footer_nav li{
	float:left;
	list-style:none;
	font-size:80%;
	margin:0 20px 5px 0;
	}


#footer .copyright{
	font-size: 70%;
	margin: 0;
	background-color:#086ab4;
	text-align:center;
	padding: 5px 0;
	margin:30px 0 0;
}

#footer a:link,
#footer a:visited {
 	color:#ffffff;
 	text-decoration:underline;
}

#footer a:hover,
#footer a:active {
 	color:#999999;
 	text-decoration:none;
}



/* :::::::::: index :::::::::: */
table.symp-table{
	margin:10px 0;
	width:100%;
}

table.symp-table td{
	padding:0 0 15px 0;
}


/* :::::::::: first :::::::::: */
.first-item{
	border:2px solid #66c9f5;
	float:left;
	margin:0 0 30px;
	width:47%;
}

.first-item-right{
	border:2px solid #66c9f5;
	float:right;
	margin:0 0 30px;
	width:47%;
}

.first-item .title, .first-item-right .title{
	background-color:#c1ecff;
	padding:10px 0;
	margin:10px 0 15px;
	text-align:center;
	color:#096ab4;
}

.first-item .area, .first-item-right .area{
	margin:0 10px 10px;
	font-size: 95%;
}

.first-item .photo, .first-item-right .photo{
	margin:10px auto;
	text-align:center;
}

.first-item .photo img, .first-item-right .photo img{
	border-radius:75px;
}


.first-flow{
	border:5px solid #66c9f5;
	padding:15px;
}

.first-flow .flowtitle{
	border-bottom:3px double #c1ecff;
	padding:0 0 10px;
	color:#096ab4;
	margin:0 0 15px;
}

.flowline{
	border:0;
	border-left:2px dashed #66c9f5;
	height:70px;
	margin:0 auto;
	padding:0;
	width:5px;
}

.first-flow .photo{
	margin:10px auto;
	text-align:center;
	float:right;
	margin:0 0 0 20px;
}

.first-flow .photo img{
	border-radius:71px;
}

	.itembox {
    width: 700px;
    border-bottom: 1px #C2D8F8 dotted;
    padding-bottom: 5px;
    margin: 5px 0 10px 0;
    clear: both;
}
	
p.itemname {
    font-size: 130%;
    color: #3357AA;
    margin: 20px 0 5px 0;
  font-weight: bold;
}
p.img {
    width: 300px;
    float: right;
    margin: 5px 0 20px 30px;
    border: #CCC 1px solid;
    padding: 2px;
}
p.imgleft {
    width: 300px;
    float: left;
    margin: 5px 20px 10px 0;
    border: #CCC 1px solid;
    padding: 2px;
}