@charset "utf-8";

/* h2 */
h2 {
background: url(../images/share_h2_01.gif) no-repeat left top;
margin:1em 0 0;
padding:0.5em 1em;
}
#mainContents {
text-align:left;
padding:0 5px;
}
#mainContents p.eyecatch {
/* margin-left:-2px; */
margin-right: 4px;
padding: 0;
}
#mainContents p.eyecatch img {
max-width: 100%;
height: auto;
width /***/:auto;
}

#mainContents h2.syougaigakusyu,
#mainContents h2.sesaku {
background: none;
margin:1em 0 0;
padding:0;
}
#mainContents h2#syougaigakusyuinfo img,
#mainContents h2#sesakuinfo img,
#mainContents h2#topics img,
#mainContents h2#bunkazaiinfo img
 {
display: none;
}
#mainContents h2#syougaigakusyuinfo {
display: block;
height: 33px;
background: url(../images/index_h2_01s.gif) left no-repeat;
border: 1px solid #2E7FAC;
-webkit-border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
#mainContents ul.syougaigakusyu {
position: relative;
width: 100%;
margin: 0 -1px;
padding: 0 0 10px;
border: 1px solid #2E7FAC;
-webkit-border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-shadow: 0 0 3px 0 #AAAAAA;
-moz-box-shadow: 0 0 3px 0 #AAAAAA;
box-shadow: 0 0 3px 0 #AAAAAA;
background: url(../../images/index_bg_01.gif) repeat;
}
#contentsWrap #mainContents ul.syougaigakusyu li img {
display: none;
}
#contentsWrap #mainContents ul.syougaigakusyu li span {
display: inline;
}
#contentsWrap #mainContents ul.syougaigakusyu li a {
display:block;
margin: 0 3px;
padding: 0.5em 0 0.5em 46px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 3px double #DDDDDD;
-webkit-box-shadow: 0 0 1px 1px #FFFFFF inset;
-moz-box-shadow: 0 0 1px 1px #FFFFFF inset;
box-shadow: 0 0 1px 1px #FFFFFF inset;
-webkit-box-shadow: 0 0 3px 1px #EEEEEE;
-moz-box-shadow: 0 0 3px 1px #EEEEEE;
box-shadow: 0 0 3px 1px #EEEEEE;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
}
#contentsWrap #mainContents ul.syougaigakusyu li a.syougai_1 {
background: url(../../images/index_btn_01s.gif) no-repeat, -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
background: url(../../images/index_btn_01s.gif) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
background: url(../../images/index_btn_01s.gif) no-repeat, -ms-linear-gradient(top , #FFFFFF 0%, #F2F2F2 100%);
background-position: 10px;
}
#contentsWrap #mainContents ul.syougaigakusyu li a.syougai_2 {
background: url(../../images/index_btn_02s.gif) no-repeat, -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
background: url(../../images/index_btn_02s.gif) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
background: url(../../images/index_btn_02s.gif) no-repeat, -ms-linear-gradient(top , #FFFFFF 0%, #F2F2F2 100%);
background-position: 10px;
}
#contentsWrap #mainContents ul.syougaigakusyu li a.syougai_3 {
background: url(../../images/index_btn_03s.gif) no-repeat, -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
background: url(../../images/index_btn_03s.gif) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
background: url(../../images/index_btn_03s.gif) no-repeat, -ms-linear-gradient(top , #FFFFFF 0%, #F2F2F2 100%);
background-position: 10px;
}
#contentsWrap #mainContents ul.syougaigakusyu li a.syougai_4 {
background: url(../../images/index_btn_04s.gif) no-repeat, -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
background: url(../../images/index_btn_04s.gif) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
background: url(../../images/index_btn_04s.gif) no-repeat, -ms-linear-gradient(top , #FFFFFF 0%, #F2F2F2 100%);
background-position: 10px;
}
#contentsWrap #mainContents ul.syougaigakusyu li a.syougai_5 {
background: url(../../images/index_btn_05s.gif) no-repeat, -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
background: url(../../images/index_btn_05s.gif) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
background: url(../../images/index_btn_05s.gif) no-repeat, -ms-linear-gradient(top , #FFFFFF 0%, #F2F2F2 100%);
background-position: 10px;
}
#contentsWrap #mainContents ul.syougaigakusyu li a.syougai_6 {
background: url(../../images/index_btn_06s.gif) no-repeat, -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
background: url(../../images/index_btn_06s.gif) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
background: url(../../images/index_btn_06s.gif) no-repeat, -ms-linear-gradient(top , #FFFFFF 0%, #F2F2F2 100%);
background-position: 10px;
}
#contentsWrap #mainContents ul.syougaigakusyu li a.syougai_7 {
background: url(../../images/index_btn_07s.gif) no-repeat, -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
background: url(../../images/index_btn_07s.gif) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
background: url(../../images/index_btn_07s.gif) no-repeat, -ms-linear-gradient(top , #FFFFFF 0%, #F2F2F2 100%);
background-position: 10px;
}
#contentsWrap #mainContents ul.syougaigakusyu li a.syougai_8 {
background: url(../../images/index_btn_08s.gif) no-repeat, -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
background: url(../../images/index_btn_08s.gif) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
background: url(../../images/index_btn_08s.gif) no-repeat, -ms-linear-gradient(top , #FFFFFF 0%, #F2F2F2 100%);
background-position: 10px;
}

#mainContents div.sesaku h2#sesakuinfo {
display: block;
margin: 0;
height: 33px;
background: url(../images/index_h2_02s.gif) left no-repeat;
/* border: 1px solid #DE7D99; */
-webkit-border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}

#mainContents div.sesaku h2#topics {
display: block;
margin: 0;
height: 33px;
background: url(../images/index_h2_01s.gif) left no-repeat;
/* border: 1px solid #DE7D99; */
-webkit-border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}

#mainContents div.sesaku h2#bunkazaiinfo {
display: block;
margin: 0;
height: 33px;
background: url(../images/index_h2_03s.gif) left no-repeat;
/* border: 1px solid #DE7D99; */
-webkit-border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}



#mainContents div.sesaku {
margin-top: 15px;
padding-bottom: 10px;
background:url(../../images/index_bg_02s.gif) repeat;
font-size:1.1em;
border: 1px solid #DE7D99;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 3px 0 #AAAAAA;
-moz-box-shadow: 0 0 3px 0 #AAAAAA;
box-shadow: 0 0 3px 0 #AAAAAA;
}

#mainContents ul.innerBox {
margin:0 auto;
padding:0 4px;
width: 95%;
}
#mainContents ul.innerBox li{
}
#mainContents ul.innerBox li img {
padding-bottom: 5px;
}
#mainContents ul.innerBox li a {
display:block;
padding: 0.5em 10px 0.4em 26px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 3px double #DDDDDD;
-webkit-box-shadow: 0 0 1px 1px #FFFFFF inset;
-moz-box-shadow: 0 0 1px 1px #FFFFFF inset;
box-shadow: 0 0 1px 1px #FFFFFF inset;
-webkit-box-shadow: 0 0 3px 1px #EEEEEE;
-moz-box-shadow: 0 0 3px 1px #EEEEEE;
box-shadow: 0 0 3px 1px #EEEEEE;
/* font-size:1.1em; */
font-weight:bold;
text-decoration:none;
background: url(../../images/index_btn_09s.gif) no-repeat left, -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
background: url(../../images/index_btn_09s.gif) no-repeat left, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
background: url(../../images/index_btn_09s.gif) no-repeat left, -ms-linear-gradient(top , #FFFFFF 0%, #F2F2F2 100%);
background-position: 8px;
}
#mainContents ul.innerBox li a:link,
#mainContents ul.innerBox li a:visited {
color:#636363;
text-decoration:none;
}
#mainContents ul.innerBox li a:hover,
#mainContents ul.innerBox li a:active,
#mainContents ul.innerBox li a:focus {
color:#f33;
text-decoration:underline;
}

#mainContents ul.icon {
margin:0 auto;
padding:0 4px;
width: 95%;
}
#mainContents ul.icon:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}
#mainContents ul.icon>li{
width: 49%;
float: left;
font-weight:bold;
margin: 1px;
}
#mainContents ul.icon>li img {
	display: block;
border-radius: 5px;
/*padding-bottom: 5px;*/
}
#mainContents ul.icon li a {
display:block;
padding: 0;
position: relative;
border-radius: 10px;
border: 5px double #DDDDDD;
box-shadow: 0 0 1px 1px #FFFFFF inset;
box-shadow: 0 0 3px 1px #EEEEEE;
font-weight:bold;
text-decoration:none;
}
#mainContents ul.icon li a:link,
#mainContents ul.icon li a:visited {
color:#636363;
text-decoration:none;
}
#mainContents ul.icon li a:hover,
#mainContents ul.icon li a:active,
#mainContents ul.icon li a:focus {
color:#f33;
text-decoration:underline;
}
#mainContents ul.icon>li>a>img {
	max-width: 100%;
}

#mainContents ul.icon>li>a>img:nth-child(2) {
	position: absolute;
	top: 3px;
	right: 3px;
}

#mainContents ul.icon li a:hover,
#mainContents ul.icon li a:active,
#mainContents ul.icon li a:focus {
	opacity: 60%;
}



#mainContents ul.etc li {
display:block;
/* float:left; */
/* width: 210px; */
margin:0 0 0.4em 16px;
}
#mainContents div#newsWrap {
margin:1.5em 0 2em;
padding-bottom: 0.5em;
}
#mainContents p.oshirase {
text-align:right;
padding-right:1em;
margin-top:-6px;
}
#contentsWrap #mainContents div#newsWrap .newsBox {
height: 200px;
/* width:710px; */
margin:1em 0.5em;
padding: 0.5em 0.5em 1em 2em;
overflow: auto;
border:1px solid #ccc;
border-width:1px;
}
#contentsWrap #mainContents div.container_top {
position: relative;
margin: 0;
background: #FFFFFF;
-webkit-border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-shadow: 0 0 3px 0 #AAAAAA;
-moz-box-shadow: 0 0 3px 0 #AAAAAA;
box-shadow: 0 0 3px 0 #AAAAAA;
}

