﻿@charset "UTF-8";

html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4, h5,
ul, ol, li, dl, dt, dd,
table, tr, th, td {
  margin: 0;
  padding: 0;
}

img {
	border: 0;
	vertical-align: bottom;
}

html {
	-webkit-text-size-adjust: none;
}
body {
	width: 100%;
	background-color: #ecf1fa;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #484848;
	letter-spacing: 0.05em;
	line-height: 110%;
}

a:link, a:hover,a:visited  {
  text-decoration: none;
}

.clearfix { width:100%; }
.clearfix:after {
    content: ""; 
    display: block; 
    clear: both;
}

/* 汎用マージン */
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb50 { margin-bottom: 50px; }
.mb70 { margin-bottom: 70px; }
.noMargin { margin: 0 !important; }
.center { text-align: center; }

/*---------- header ----------*/
header {
    background-color: #FFF;
    border-top: 3px solid #2FB7EB;
    height: 35px;
    margin: 0;
    padding-top: 8px;
    width: 100%;
	box-shadow: 0px 0px 2px rgba(95, 70, 39, 0.2);
}
header h1 {
	float: left;
	display: inline;
}
header p {
	float: right;
	display: inline;
	margin-top: 2px;
}

/*---------- nav ----------*/
nav {
	width: 310px;
	margin: 7px auto 6px;
	padding: 0;
}
nav ul {
	list-style: none;
}
nav ul li {
	float: left;
	display: inline;
}



/*---------- article ----------*/

article {
	width: 100%;
	margin: 0;
}
article section {
	width: 100%;
}
article section h2 {
	text-align: center;
	margin-bottom: 7px;
}


/* h3 */
article section h3 {
	border-radius: 4px 4px 0px 0px; 
	-moz-border-radius: 4px 4px 0px 0px; 
	-webkit-border-radius: 4px 4px 0px 0px;
	background: -moz-linear-gradient(top, #49a1d1, #3f76ae);
	background: -webkit-gradient(linear, left top, left bottom, from(#49a1d1), to(#3f76ae));
	margin: 15px 7px 0;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 0px #3b73a3;
	border-top: 1px solid #c4dbee;
	border-right: 1px solid #c4dbee;
	border-left: 1px solid #c4dbee;
}

/* div.whBox */
article section div.whBox {
	margin: 0 7px;
	padding: 10px 10px 15px;
	border-radius: 0px 0px 4px 4px; 
	-moz-border-radius: 0px 0px 4px 4px; 
	-webkit-border-radius: 0px 0px 4px 4px;
	box-shadow: 0px 0px 2px rgba(95, 70, 39, 0.2);
	border-bottom: 1px solid #c4dbee;
	border-right: 1px solid #c4dbee;
	border-left: 1px solid #c4dbee;
	background: -moz-linear-gradient(center bottom, #dfedf5, #fff 30px);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(85%, #fff), to(#dfedf5));  
	font-size: 11px;
}

/* div.whBoxTT */
article section div.whBoxTT {
	margin: 0 7px;
	padding: 10px;
	background-color: #fff;
	box-shadow: 0px 0px 2px rgba(95, 70, 39, 0.2);
	border-right: 1px solid #c4dbee;
	border-left: 1px solid #c4dbee;
	font-size: 11px;
}


/* treatment list */
article section ul#treatment {
	list-style: none;
	margin: 0 7px;
	border: 1px solid #c4dbee;
	box-shadow: 0px 0px 2px rgba(95, 70, 39, 0.2);
}
article section ul#treatment li {
	background: -moz-linear-gradient(top, #f6fafc, #dfedf5);
	background: -webkit-gradient(linear, left top, left bottom, from(#f6fafc), to(#dfedf5));
	padding: 10px 7px 10px 10px;
	border-bottom: 1px solid #c4dbee;
	border-top: 1px solid #fff;
}
article section ul#treatment li.last {
	border-bottom: none;
}
article section ul#treatment li p {
	background: url("../img/bg_list.png") no-repeat right center;
	padding-right: 20px;
	font-size: 11px;
}
article section ul#treatment li p span {
	font-size: 14px;
	display: block;
	padding-bottom: 2px;
	color: #014099;
}
article section ul#treatment li a:link, a:hover, a:visited {
	color: #484848;
	text-decoration: none;
}


/* table */
article section table {
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto 8px;
	font-size: 11px;
	border: 1px solid #ddd;
	
}
article section table th, td {
	padding: 3px 0;
}
article section table th {
	background-color: #F8DFCC;
	border: 1px solid #ddd;
}
article section table td {
	vertical-align: middle;
	border: 1px solid #ddd;
	text-align: center;
}
article section table td img {
	width: 11px;
	height: 11px;
	padding-bottom: 4px;
}
article section table td.time {
	width: 120px;
}


/* ul#news */
article section ul#news {
	list-style: none;
}
article section ul#news li {
	border-bottom: 1px dotted #dad8d6;
	margin-bottom: 3px;
    padding-bottom: 4px;
}
article section ul#news li span {
	color: #014099;
	display: block;
	font-size: 11px;
}
article section ul#news li a {
	color: #484848;
}

/* p#bigmap */
article section p#bigmap {
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border: 2px solid #00a5e3;
	margin-bottom: 10px;
	padding: 5px 10px;
}
article section p#bigmap a {
	color: #00a5e3;
}
article section p.accessHead {
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	display: inline;
	background-color: #00a5e3;
	color: #fff;
	padding: 3px 10px;
}


/* section#footerLink
----------------------------------------*/
article section#footerLink {
	font-size: 15px;
	margin-top: 15px;
}
article section#footerLink ul {
	list-style: none;
	border-top: 1px solid #70bed6;
	border-bottom: 1px solid #70bed6;
}
article section#footerLink ul li {
	background: -moz-linear-gradient(top, #bfe3ec, #74c1d7);
	background: -webkit-gradient(linear, left top, left bottom, from(#bfe3ec), to(#74c1d7));
	border-top: 1px solid #ecf7f9;
	padding-right: 4px;
	height: 40px;
}
article section#footerLink ul li p {
	background: url("../img/bg_list.png") no-repeat right center;
	padding: 10px 20px 10px 7px;
}
article section#footerLink ul li p span {
	background: url("../img/pc_icon.png") no-repeat left center;
	padding-left: 23px;
	text-shadow: 1px 1px 0px #fff;
}
article section#footerLink ul li a:link, a:hover, a:visited {
	color: #484848;
	text-decoration: none;
}


/*---------- footer ----------*/

footer {
	width: 100%;
	text-align: center;
	margin-top: 13px;
}
footer address {
	color: #fff;
	font-size: 10px;
	font-style: normal;
	margin-top: 15px;
	box-shadow: 0 -2px 3px rgba(211, 218, 230, 0.6);
	background-color: #2fb7eb;
	border-top: 1px solid #d4ecf3;
}