@charset "utf-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    /*font-size:100%;*/
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    /*font-size:100%;*/
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

<!-- リセットここまで -->


body{
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif; 
}

/* font */
html{
	font-size:62.5%;
	/* 10/16=0.625、10px相当 */
}
body{
	font-size:1.2rem;
	/* 12px */
}
h1{
	font-size:2rem;
	/* 20px */
}
.lead{
	font-size:1.6rem;
	/* 16px */
}

/* header */
header{
	/*border-top:3px solid #1cb9df;*/
	position:relative;
	background:#2454ac;
}
header h1 a{
	/*margin:0 8px 22px 6px;*/
	margin:0 8px 0 6px;
	padding:0;
	background:url(../img/site_logo.png) no-repeat center center;
	background-size:92% auto;
	text-indent:-9999px;
	/*height:78px;*/
	height:52px;
	display:block;
	
	color:#fff;
}

#menu{
	/*width: 100%;
	margin: 0 auto;
	padding: 0;*/
	
	display: none;
	
	overflow:hidden;
	
}
#menu li{
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0; 
}
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-bottom:1px solid #fff;
}
#menu li a:hover{
  background: #444;
}
#toggle{
  display: block;
  position: relative;
  width: 100%;
  /*background: #222;*/
  background:#0c3c95;
}
#toggle a{
  display: block;
  position: relative;
  padding: 11px 0 10px;
  /*border-bottom: 1px solid #444;*/
  border-bottom: 1px solid #2454ac;
  color: #fff;
  text-align: center;
  text-decoration: none;
  
  
}
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 52%;
    left: 10px;
    width: 20px;
    height: 4px;
    /*background: #222;*/
    background:#0c3c95;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }


#mainarea{
	padding:2px 0 0 0;
	/*border-bottom:1px solid #2454ac*/
}
#mainarea .inner{
	margin:10px 10px 0 10px;
	padding:1.5em;
	border:2px solid #2454ac;
	
	background:#fff;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin:6px;
	padding:1.2em;
}
#mainarea .inner h2{
	
	font-weight:bold;
	/*font-size:16px;*/
	font-size:1.6rem;
	
	margin:0 0 1em 0;
	padding:.5em 0 .5em 0;
	
	color:#2454ac;
	
	border-bottom:2px dotted #2454ac;
}
#mainarea .inner h3{
	/*font-size:15px;*/
	font-size:1.5rem;
	margin:0 0 1em 0;
	padding:.4em .5em .4em 1.2em;
	
	border:1px solid #e4e4e5;
	
	border-radius: .2em;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	
	line-height:1.3em;
	
	background:url(../img/mark02.gif) repeat-y 5px center;
	
}
#mainarea .inner h4{
	font-size:1.4rem;
	/*border-top:1px dashed #e4e4e5;
	border-bottom:1px dashed #e4e4e5;*/
	margin-bottom:.6em;
	padding:.6em 0 .5em 1.65em;
	background:#dce4f2 url(../img/mark03.gif) no-repeat 6px 8px;
}
#mainarea .inner h5{
	font-size:1.3rem;	
	margin-bottom:.6em;
	padding:.45em .3em .3em .3em;
	border:1px dotted #dfdfdf;
	background:#eeeeee;
	line-height:1.35em;
}
#mainarea .inner p{
	/*font-size:14px;*/
	font-size:1.4rem;
	margin-bottom:1em;
	line-height:1.5em;
}
#mainarea .inner ol{
	/*font-size:14px;*/
	font-size:1.4rem;
	margin:0 0 1em 25px;
	line-height:1.5em;
}
#mainarea .inner ul{
	/*font-size:14px;*/
	font-size:1.4rem;
	margin:0 0 1em 0px;
	line-height:1.5em;
}
#mainarea .inner ul li{
	background:url(../img/mark01.gif) no-repeat 0 .2em;
	list-style:none;
	padding-left:20px;
}



/* top-menu */
.menu{	
	overflow:hidden;
	margin-bottom:1.0em;
	
	
}
.menu ul{
	margin: 6px ;
  border: 2px solid #2454ac;
  border-radius: 6px;
}
.menu ul:after {
  content: "";
  display: block;
  clear: both;
}
.menu li{
	list-style: none;
  float: left;
  width: 50%;
  border-right: 2px solid #2454ac;
  border-bottom: 2px solid #2454ac;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.menu li:nth-child(even) {
  border-right: none;
}
.menu li:nth-last-child(1),
.menu li:nth-last-of-type(2) {
  border-bottom: none;
}
.menu li:nth-last-of-type(2):nth-child(even) {
  border-bottom: 1px solid #999;
}
.menu li a {
  display: block;
  padding:.4em;
  color: #333;
  /*font-size:14px;*/
	font-size:1.4rem;
  text-decoration:none;
}
.menu li.menu01 a, .menu li.menu02 a{
	min-width: 5.8em;
	height:5.8em;	
}
.menu li.menu03 a, .menu li.menu04 a{
	min-width: 4.62em;
	height:4.62em;	
}
.menu li h2 {
	/*background:#dce4f2;*/
	color:#2454ac;
	margin:0 0 0.3em 0;
	/*padding:.4em .3em .30em .3em;*/
	padding:.2em 0 .20em 0em;
	/*font-size:14px;*/
	font-size:1.4rem;
	line-height:1.35em;
}
.menu li p {
	line-height:1.4em;
	/*font-size:11px;*/
	font-size:1.1rem;
}
.menu li img{
	width:100%;
	height:auto;
}


/* news */
.news{
	background:#fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin:6px 6px 1.8em 6px;
	padding:1.2em;
	border:2px solid #2454ac;
	
	/*box-shadow: 0 0px 1px #5dcce9;
	-moz-box-shadow: 0 0px 1px #5dcce9;
	-webkit-box-shadow: 0 0px 1px #5dcce9;*/
}
.news h1{
	/*padding:.6em 0.4em .6em 1.95em;*/
	padding:.4em .3em;
	
	/*background:url(img/ttl-top-news.png) no-repeat;
	background-size:auto 100%;
	height:24px;*/
	
	 background:#2454ac;
	 color:#fff;
	
	font-weight:bold;
	/*font-size:17px;*/
	font-size:1.7rem;
	
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.news ul{
	margin-bottom:1.5em;
	padding:.5em 0 0 0;
}
ul.news-list{
	border-top:2px dashed #2454ac;
	padding:0;
}
.news li{
	list-style:none;
	border-bottom:2px dashed #2454ac;
	background:none;
	line-height:1.5em;
}
#mainarea .inner ul.news-list li{
	list-style:none;
	border-bottom:2px dashed #2454ac;
	background:none;
	padding-left:0;

	font-size:12px;
}
.news li a, ul.news-list li a{
	display:block;
	position:relative;
	/*padding:8px 20px 8px 0px;*/
	padding:0 20px 0 0px;
	color:#2454ac;
	text-decoration:none;
	/*line-height:1.5em;*/
	
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #f1f5fd 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#f1f5fd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f1f5fd 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f1f5fd 50%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f1f5fd 50%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#f1f5fd 50%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.news li a span, ul.news-list li a span{
	font-size:15px;
	color:#333;
}
.news li a:after, ul.news-list li a:after{
	display:block;
	position:absolute;
	top:50%;
	right:10px;
	width:5px;
	height:5px;
	margin-top:-3px;
	border-top:2px solid #2454ac;
	border-right:2px solid #2454ac;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content:"";
}

/* リンクなしのリスト */
.news li, ul.news-list li{
	padding:8px 0 8px 0px;
	color:#2454ac;
}
.news li span, ul.news-list li span{
	font-size:15px;
	color:#333;
}


.btnmore{
	background:#dce4f2;
	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	text-align:center;
}
.btnmore a{
	text-decoration:none;
	color:#333333;
	/*font-size:14px;*/
	font-size:1.4rem;
	padding:.5em;
	display:block;
}

.date{
	text-align:right;
	margin:0;
	padding:0;
}

.info-prof{
	width:100px;
	float:right;
	font-size:1.2rem;
	line-height:1.45em;
	padding-left:.8em;
}

dl{
	font-size:1.4rem;
	line-height:1.5em;
	margin-bottom:1.5em;
}
dt{
	float:left;
	/*width:86px;*/
	width:86px;
	margin:0 0 8px 0;
	padding:0;
	clear:both;
}
dd {
	/*width:210px;*/
	width:62%;
	margin:0 0 8px 86px;
	padding:0px 5px 0px 10px;
	border-left:1px solid #ccc;
}

ul.sien-pic{
	overflow:hidden;
}
#mainarea .inner .sien-pic li{
		width:44.0%;
		list-style:none;
		background:none;
		margin:.5em 0 0 0;
		padding:0 .5em;
		float:left;
}
#mainarea .inner .sien-pic li img{
	width:100%;
	height:auto;
}

#mainarea .inner.data-img img{
	width:100%;
	height:auto;
}

.data-graph{
		font-weight:bold; 
		color:#2454ac;
		 text-align:center;
}
.data-graph img{
	margin-bottom:.5em;
}



.kyujin{
	background:#fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin:6px 6px 1.8em 6px;
	padding:1.2em;
	border:2px solid #2454ac;
	
	/*box-shadow: 0 0px 1px #5dcce9;
	-moz-box-shadow: 0 0px 1px #5dcce9;
	-webkit-box-shadow: 0 0px 1px #5dcce9;*/
}
.kyujin h1{
	border-left:15px solid #cc0000;
	font-size:1.6rem;
	padding-left:6px;
}
.kyujin p{
	line-height:1.45em;
	margin:.5em 0 0 0;
	font-size:1.3rem;
}
.btnmore.cl{
	margin-top:10px;
	background:#ffffcc;
	text-align:center;
	border:1px solid #ffff88;
}


/* footer */
footer{
	text-align:center;
	padding:0 0 15px 0;
}
footer .ptop{
}
footer .ptop a{
	margin:0 7px;
	padding:.7em 0 .7em 0;
	background:#2454ac;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	line-height:1em;
	color:#fff;
	text-decoration:none;
	display:block;
	position:relative;
}

footer h1{
	margin:16px 0 10px 0;
	padding:8px 0 8px 0;
	/*font-size:17px;*/
	font-size:1.7rem;
	line-height:1.25em;
	border-top:1px solid #2454ac;
	border-bottom:1px dashed #2454ac;
	background:#dce4f2;
}
footer address{
	font-style:normal;	
}
footer h2{
	color:#2454ac;
	padding:.5em;
	line-height:1.3em;
	font-size:1.4rem;
}
footer p{
	/*font-size:14px;*/
	font-size:1.4rem;
	line-height:1.5em;
}

footer .copy{
	margin-top:1em;
	padding:.6em 1.6em .3em 1.6em;
	/*font-size:11px;*/
	font-size:1.1rem;
	background:#eee;
	line-height:1.3em;
}


@media only screen and (orientation : landscape) { /*横向きの際に適用*/

#image{
	margin:0 0 .4em 0;	
	position:relative;
}
#image .main-img img{
	vertical-align:bottom;
	width:100%;
	height:auto;
}
#image .logo{
	position:absolute;
	top:0px;
	right:7px;
	background:#fff;
	/*width:94px;*/
	width:124px;
	padding:4px 4px 2px 4px;
	border:1px solid #d4dbe9;
	border-top:0;
	filter: alpha(opacity=92);
    -moz-opacity:0.92;
    opacity:0.92;
}
#image .logo img{
	width:100%;
	height:auto;
}
#image .txt{
	position:absolute;
	top:90px;
	right:10px;
	text-align:right;
}
#image .txt img{
	width:56%;
	height:auto;	
}

.menu li h2 {
	font-size:1.8rem;	
}

.menu li.menu01 a, .menu li.menu02 a, .menu li.menu03 a, .menu li.menu04 a{
	min-width: 8.5em;
	height:8.5em;
}


#mainarea .inner.info-img{
	background:url(../img/image-top01.png) no-repeat 0 -20px;
	background-size:100% auto;
	padding-top:142px;
}
#mainarea .inner.data-img{
	background:url(../img/image-top03.png) no-repeat 0 -20px;
	background-size:100% auto;
	padding-top:142px;
}
#mainarea .inner.sien-img{
	background:url(../img/image-top02.png) no-repeat 0 -20px;
	background-size:100% auto;
	padding-top:142px;
}
#mainarea .inner.schedule-img{
	background:url(../img/image-top04.png) no-repeat 0 -20px;
	background-size:100% auto;
	padding-top:142px;
}
#mainarea .inner.news-img{
	background:url(../img/image-top05.png) no-repeat 0 -20px;
	background-size:100% auto;
	padding-top:142px;
}

#mainarea .inner h2{
	font-size:2.0rem;
}
#mainarea .inner h3{
	font-size:1.6rem;
}

}

@media only screen and (orientation : portrait) { /*縦向きの際に適用*/

#image{
	margin:0 0 .4em 0;	
	position:relative;
}
#image .main-img img{
	vertical-align:bottom;
	width:100%;
	height:auto;
}
#image .logo{
	position:absolute;
	top:0px;
	right:7px;
	background:#fff;
	width:94px;
	padding:4px 3px 1px 3px;
	border:1px solid #d4dbe9;
	border-top:0;
	filter: alpha(opacity=92);
    -moz-opacity:0.92;
    opacity:0.92;
}
#image .txt{
	position:absolute;
	top:66px;
	left:54px;
}
#image .txt img{
	width:84%;
	height:auto;	
}

.menu li.menu01 a, .menu li.menu02 a{
	min-width: 5.8em;
	height:5.8em;
}
.menu li.menu03 a, .menu li.menu04 a{
	/*min-width: 4.85em;
	height:4.85em;	*/
	min-width: 5.0em;
	height:5.0em;
}

#mainarea .inner.info-img{
	background:url(../img/image-top01.png) no-repeat 0 -12px;
	background-size:100% auto;
	padding-top:76px;
	padding-bottom:0;
}
#mainarea .inner.data-img{
	background:url(../img/image-top03.png) no-repeat 0 -12px;
	background-size:100% auto;
	padding-top:76px;
	padding-bottom:0;
}
#mainarea .inner.sien-img{
	background:url(../img/image-top02.png) no-repeat 0 -12px;
	background-size:100% auto;
	padding-top:76px;
	padding-bottom:0;
}
#mainarea .inner.schedule-img{
	background:url(../img/image-top04.png) no-repeat 0 -12px;
	background-size:100% auto;
	padding-top:76px;
	padding-bottom:0;
}
#mainarea .inner.news-img{
	background:url(../img/image-top05.png) no-repeat 0 -12px;
	background-size:100% auto;
	padding-top:76px;
	padding-bottom:0;
}

}