@charset "shift_jis";
/* =================== 共通 ========================== */
html,
body{
	height:100%;
	background-color: #9BD7FF;
}
body>#content {	height:auto;}
#wrapper {
	height:100%;
	min-height:100%;
}
h1,h2,h3,h4,h5,h6 {	font-weight:bold;}
h1 { font-size:140%;}
h2 {
	font-size:120%;
	line-height: 1.2;
	padding-top: 4px;
	padding-bottom: 2px;
}
h3 { font-size:110%;}

body { line-height: 1.4;}

a:link { color: #06F;}
a:hover { color: #F30;}
a:visited { color: #09F;}

.txRight { text-align: right;}
.txLeft { text-align: left;}
.txCenter { text-align: center;}

.txRed { color: #F00;}
.txGray { color: #999;}
.fGreen { color: #093;}

.txBold { font-weight: bold;}

.floatR { float: right;}
.floatL { float: left;}
.floatC { clear: both;}

.f85 { font-size: 85%;}
.f150 { font-size: 150%;}
.f200 { font-size: 200%;}

.mTop10 { margin-top: 10px;}
.mTop30 {margin-top: 30px;}
.mLeft10 {margin-left: 10px;}
.mLeft20 {margin-left: 20px;}
.mBottom10 {margin-bottom: 10px;}
.mBottom20 {margin-bottom: 20px;}

.breadcrumbs {
	font-size: 90%;
	margin-top: 5px;
	margin-bottom: 3px;
}

.bgR {background-color: #FCE4E4;}
.small {font-size: 90%;}
.large {
	font-size:120%;
	font-weight:bold;
}

.topMr2 {margin-top: 2em;}
.leftM10 {margin-left: 10px;}
.p5 {padding: 5px;}


/* --------------------------------------- 320 */


#content {
	width:auto;
	background-color:#fff;
	overflow: hidden;
}

#main {
	width:auto;
	margin: 0px 20px;
	padding:10px 0;
}

#sidebarLeft  {
	width:auto;
	margin:10px 30px;
}

#kudata { display: none;}


#sidebarRight  { width:auto;}

#header {
	width: auto;
	border-bottom: 6px solid #333;
	background-color: #9BD7FF;
	height: auto;
	background-image: url(images/header_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#header p {
	font-size: 90%;
	height: 20px;
	width: auto;
	margin-left: 5px;
	padding-top: 10px;
}

#header strong {
	font-weight: bold;
}
#header h1 {
	height: 50px;
	width: 200px;
}
.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 36px;
	left: 204px;
	background-color:#ccc;
}
.section {
	margin-bottom: 2em;
}
.breadcrumbs { margin-left:10px;}

#footer {
	clear: both;
	width: auto;
	border-top: 2px solid #333;
	padding: 10px;
	background-color: #9BD7FF;
}
#footer ul#footerMenu li {
	display: inline;
	margin-right: 0.5em;
	font-size: 90%;
}


#searchBox { display:none;}
#categoryTable { display:none;}
#ys_copyright { display:none;}
#sidebarRight { display:none;}

#content #sidebarLeft h2,
#content #sidebarRight h2,
#content #main h2{
	background-color: #F3F3F3;
	border-bottom: 1px solid #666;
	padding-left: 10px;
	margin-bottom:1em;
}


/* ------------------ life -------------------------- */


 /*#life #sidebarLeft {display:none;} lifeページに不要 */

#life table.doctorTable th,
#life table.doctorTable td { display:block; padding:4px;}

#life table.doctorTable th { background-color: #EBEBEB; }

#life table.doctorTable .date { border:1px solid #666; }
#life table.doctorTable .hname { font-weight:bold;}

#life table#postnamBox { margin-top:1em;}
#life table#postnamBox th,
#life table#postnamBox td { padding:0 4px;}
#life table#postnamBox td.postNo { white-space: nowrap;}

#life table.doctorTable {
	margin-bottom: 20px;
	width:95%;
}
#life table.doctorTable th,
#life table.doctorTable td {
	display:table-cell;
	padding: 3px;
	border: 1px solid #999;
}
#life table.doctorTable td.bgPink {
	background-color: #FFF0FF;
}

#life .facility1 li,
#life .facility2 li {
	margin-bottom:10px;
	list-style: disc;
	margin-left: 2em;
} 

.kkbyouin {
	margin-top: 30px;
	background-color: #FFF5CE;
}

#life dl.doctorList dt {
	font-weight: bold;
	color: #C60;
}
#life dl.doctorList dd {
	margin-left: 12px;
	margin-bottom:2em;
}

#life table.hoikuTable {
	margin-bottom: 20px;
	width:95%;
}
#life table.hoikuTable th,
#life table.hoikuTable td {
	display:table-cell;
	padding: 3px;
	border: 1px solid #999;
}
#life table.hoikuTable th {
	background-color: #F8DBEF;
	font-weight: bold;
}
#life table.hoikuTable td.enName { font-weight: bold;}

#life table.hoikuTable td:nth-child(4) { text-align: center;}
#life table.hoikuTable td:nth-child(5) { text-align: center;}
#life table.hoikuTable td:nth-child(6) { text-align: center;}
#life table.hoikuTable td:nth-child(7) { text-align: center;}

#life table.hoikuTable tr:nth-child(even) {
	background-color: #F1E8EC;
}


#life table.animalTable {
	margin-bottom: 60px;
	width:95%;
}
#life table.animalTable th,
#life table.animalTable td {
	display:table-cell;
	padding: 3px;
	border: 1px solid #999;
}
#life table.animalTable th {
	background-color: #DBF8DE;
	font-weight: bold;
}
#life table.animalTable td.enName { font-weight: bold;}

#life table.animalTable td:nth-child(4) { text-align: center;}
#life table.animalTable td:nth-child(5) { text-align: center;}
#life table.animalTable td:nth-child(6) { text-align: center;}

#life table.animalTable tr:nth-child(even) {
	background-color: #E8F1EC;
}

/* ------------------ info -------------------------- */

#info #sidebarLeft {display:none;} /* infoページに不要 */

#info table {margin:1em;}
#info table th { width:6em;}
#info table th.txRight { text-align: left;}


/*　震災写真　*/


#info img.w300 { max-width: 300px;}
#info img.w400 { max-width: 400px;}

#info #main p {
	margin-bottom:1em;
	line-height: 1.6;
}

#main ol.listNum {
	margin-top: 0.5em;
	margin-bottom: 2em;
}
#main ol.listNum li {
	list-style: decimal;
	margin-left: 4em;
	padding-left: 0em;
}

/* ------------------ event -------------------------- */

#event #sidebarLeft {display:none;} /* eventページに不要 */

#event #main .section h3 {
	color: #930;
	margin-bottom: 0.5em;
	border-left:5px solid #930;
	padding-left: 5px;
	margin-top: 2em;
}
#event table.timetable {
	width: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}

table.timetable th,
table.timetable td {
	border:solid 1px #ccc;
	padding: 3px;
}
#event #map,
#event #map2{
	height: 300px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}




@media only screen and (min-width:360px){

#life table.doctorTable th,
#life table.doctorTable td { display:table-cell; padding:4px;}

#life table.doctorTable {
	margin-bottom: 20px;
}
#life table.doctorTable th,
#life table.doctorTable td {
	padding: 3px;
	border: 1px solid #999;
}
#life table.doctorTable td.bgPink {
	background-color: #FFF0FF;
}

#life table#postnamBox th,
#life table#postnamBox td {
	padding: 6px;
}
}


@media only screen and (min-width:480px){
	
#life #main {
	margin: 0px 10px;
}

#life table.doctorTable th,
#life table.doctorTable td { display:table-cell; padding:4px;}

#life table.doctorTable {
	margin-bottom: 20px;
}
#life table.doctorTable th,
#life table.doctorTable td {
	padding: 3px;
	border: 1px solid #999;
}
#life table.doctorTable td.bgPink {
	background-color: #FFF0FF;
}

#life table#postnamBox {
	margin: 1em auto;
}
#life table#postnamBox th,
#life table#postnamBox td {
	padding: 10px;
}

#life .facility1 li,
#life .facility2 li {
	margin-left: 4em;
	margin-right:4em;
} 

.kkbyouin {
	margin-top: inherit;
	background-color: inherit;
}
}



@media only screen and (min-width:640px){

#header {
	background-image: url(images/header_bg2.png);
	background-repeat: no-repeat;
	background-position: right top;
}

}

@media only screen and (min-width:760px){

#main {
	float: left;
	width: 530px;
	overflow: hidden;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FFF;
	margin-left:0px;
	margin-right:0px;
}

#sidebarRight { display: inherit;}
#sidebarRight {
	float: right;
	width: 200px;
	overflow: hidden;
	background-color: #FFF;
}

#sidebarLeft  { display: none;}


#life #main { margin: 0px;}
#life th,#life td { display: table-cell;}


}


@media only screen and (min-width:950px){


.header a { display: none;}


#kudata { display: inherit;}

#sidebarRight { margin:0;}

#sidebarLeft  { display: inherit; margin:0;}

#life #sidebarLeft {display: inherit;}
#info #sidebarLeft {display: inherit;}
#life table.doctorTable .hname { font-weight:normal;}

#event #sidebarLeft {display: inherit;}


#main { padding:0;}



#searchBox { display: inherit;}
#categoryTable { display: inherit;}
#ys_copyright { display: inherit;}






#wrapper {
	width: 950px;
	margin: auto;
	background-color: #FFF;
}
#header {
	width: 950px;
	border-bottom: 10px solid #333;
	margin-bottom: 10px;
	background-color: #9BD7FF;
	background-image: url(images/header_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 90px;
}
#header p {
	font-size: 90%;
	height: 20px;
	display: block;
	width: 350px;
	margin-left: 5px;
	padding-top: 10px;
}

#header strong {
	font-weight: bold;
}
#header h1 {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	width: 200px;
}

#content {
	margin: auto;
	width: 950px;
	overflow: hidden;
	background-color: #FFF;
}


#sidebarLeft {
	float: left;
	width: 200px;
	overflow: hidden;
	background-color: #FFF;
}
#sidebarLeft .ad {
	text-align: center;
	margin-bottom: 20px;
}

#main {
	float: left;
	width: 530px;
	overflow: hidden;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FFF;
}
.section {
	margin-bottom: 2em;
}

#sidebarRight {
	float: right;
	width: 200px;
	overflow: hidden;
	background-color: #FFF;
}
#footer {
	clear: both;
	width: 930px;
	border-top: 2px solid #333;
	padding: 10px;
	background-color: #FFF;
}
#footer ul#footerMenu li {
	display: inline;
	margin-right: 0.5em;
	font-size: 90%;
}

table td strong {
	font-weight: bold;
	font-size: 110%;
}

#sidebarLeft ul li {
	line-height: 2;
}
#sidebarLeft #twitBox {
	margin: auto;
	width: 190px;
}

#sidebarRight ul#siteRegist {
	margin-bottom: 1em;
}

#searchBox {
	background-color: #EBEBEB;
	padding: 5px;
}
#searchBox input[type="text"] {
	width: 300px;
}

#content #sidebarLeft h2,
#content #sidebarRight h2,
#content #main h2{
	background-color: #F3F3F3;
	border-bottom: 1px solid #666;
	padding-left: 10px;
}
#content p,
#content li {
	padding-right: 10px;
	padding-left: 10px;
}
#content h2 {
	margin-bottom: 0.5em;
}
#content h3 {
	margin-left: 10px;
}


.pageTop a {
	text-decoration:none;
	padding:0.5em 1em;
	margin:3em 0 1em auto;
	text-align:center;
	background-color:#ebebeb;
	display:block;
	width:10em;
}
.pageTop a:hover {
	background-color:#FCE4E4;
}


/* ===================トップページ============================== */
#main ul li.listOpen {
	background-image: url(images/icon_open.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 60px;
	line-height: 1.6;
}
#main ul li.listEvent {
	background-image: url(images/icon_event.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 60px;
	line-height: 1.6;
}
#main ul li.listTopics {
	background-image: url(images/icon_topics.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 60px;
	line-height: 1.6;
}
#main .section ul li strong { font-weight: bold; }


table#categoryTable {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 530px;
}
table#categoryTable td {
	padding: 5px;
}

#sidebarRight ul li.listOpen {
	background-image: url(images/icon_open.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 60px;
	line-height: 1.6;
}
#sidebarRight ul li.listEvent {
	background-image: url(images/icon_event.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 60px;
	line-height: 1.6;
}
#sidebarRight ul li.listTopics {
	background-image: url(images/icon_topics.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 60px;
	line-height: 1.6;
}


/* ------------------ event -------------------------- */
#event #header,
#life #header{
	margin-bottom: 3px;
}
#event #main .section h3 {
	color: #930;
	margin-bottom: 0.5em;
	border-left:5px solid #930;
	padding-left: 5px;
	margin-top: 2em;
}
table.timetable {
	width: 480px;
	margin-top: 10px;
	margin-bottom: 20px;
}

table.timetable th,
table.timetable td {
	border:solid 1px #ccc;
	padding: 3px;
}
#event #map,
#event #map2{
	height: 400px;
	width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/* ------------------ life -------------------------- */

#life #main .goog { margin-bottom: 5px; }



#life table.doctorTable {
	margin-bottom: 20px;
}
#life table.doctorTable th,
#life table.doctorTable td {
	padding: 3px;
	border: 1px solid #999;
}
#life table.doctorTable td.bgPink {
	background-color: #FFF0FF;
}
#life table.doctorTable th { background: #EBEBEB; }

#life table.w400 {
	width: 400px;
}
#life dl.doctorList {
	margin-left: 20px;
}
#life dl.doctorList dt {
	font-weight: bold;
	color: #C60;
}
#life dl.doctorList dd {
	margin-left: 12px;
}
#life ul.listMark li {
	list-style: disc;
	margin-left: 50px;
	margin-bottom: 5px;
}


.kome {
	background-color:#FCE4E4;
	color:#ff0000;
	font-size:150%;
	font-weight:bold;
	margin-top:inherit;
}



#formopennews {
	display: block;
	width: 500px;
	margin: 5em auto;
	line-height: 1.6;
	background-color: #ebebeb;
	padding-top: 1em;
	padding-bottom: 1em;
}
#formopennews p{
	line-height: 1.6;
	margin-bottom: 1em;
}
#formopennews p input[type="text"] {
	width: 250px;
}
#formopennews p textarea {
	width: 400px;
}

/* ------------------ search -------------------------- */
#search table#log {
	width:800px;
	margin-left:50px;
}
#search table#log td {
	padding:10px;
}
/* ------------------ info -------------------------- */




#formContainer {
	width: 480px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #ebebeb;
	padding: 1em;
}
#formContainer p input[type="text"] {
	width: 250px;
}
#formContainer p textarea {
	width: 400px;
}

}