@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 10px;
}
#mainContents p.eyecatch {
margin-left:-2px;
}
#mainContents h2.syougaigakusyu,
#mainContents h2.sesaku {
background: none;
margin:1em 0 0;
padding:0;
}
#mainContents ul.syougaigakusyu {
background:url(../../images/index_bg_01.gif) no-repeat center bottom;
padding:0.3em 0 10px 36px;
margin:0;
}
#contentsWrap #mainContents ul.syougaigakusyu li {
display:block;
width:180px;
float:left;
padding:0;
margin:0 2px 2px 0;
height:100%;
}
#contentsWrap #mainContents ul.syougaigakusyu li a {
padding:0;
margin:0;
}
#contentsWrap #mainContents ul.syougaigakusyu li a span {
display: none;
}
#mainContents ul.syougaigakusyu li img {
padding:0 0 2px;
margin:0;
}
#mainContents div.sesaku {
background:url(../../images/index_bg_02.gif) no-repeat center bottom;
font-size:100%;
padding:0 0 10px;
margin:0 0 2em 0;
}
#mainContents ul.innerBox {
margin:0 0 0 36px;
padding:0 4px;
}
#mainContents ul.innerBox li{
background:url(../../images/index_btn_09.gif) no-repeat left top;
width: 300px;
height: 50px;
margin:0 8px 1px 0;
padding:0 0 0.2em 2px;
display:table-cell;
vertical-align:middle;
font-weight:bold;
line-height:1.2;
}
* html #mainContents ul.innerBox li{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #mainContents ul.innerBox li{/* IE 7 */
display:inline;
zoom:1;
}
#mainContents ul.innerBox li a {
display:block;
}
#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 0 0 36px;
padding:0 4px;
}
#mainContents ul.icon:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}
#mainContents ul.icon>li{
width: 225px;
float: left;
font-weight:bold;
margin: 1px;
}
#mainContents ul.icon>li>a {
display:block;
border: 5px solid #ccc;
text-decoration: none;
position: relative;
padding: 0;
}
#mainContents ul.icon>li>a>img {
	max-width: 100%;
}

#mainContents ul.icon>li>a>img:nth-child(2) {
	position: absolute;
	top: 5px;
	right: 5px;
}

#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 10px;
}
#mainContents div#newsWrap {
margin:1.5em 0 2em;
}
#mainContents p.oshirase {
text-align:right;
padding-right:1em;
margin-top:-6px;
}

#contentsWrap #mainContents div#newsWrap .newsBox {
height: 200px;
width:90%;
margin:1em auto;
padding: 0.5em 0.5em 1em 2em;
overflow: auto;
border:1px solid #ccc;
border-width:1px;
}