@charset "UTF-8";
/* CSS Document */

/* base ---------------------------- */
html,body {
color:#666666;
margin:0px;
padding:0px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-color: #131247;
text-align: center;
height: 100%;
width: 100%;
}
form,input{
margin: 0px;
padding: 0px;
}
ul,ol,li,dl,dt,dd,span,a,p{
margin: 0px;
padding: 0px;
list-style-type: none;
}
img,dd{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
}

/* link ---------------------------- */
a,a:visited{
color: #339966;
text-decoration: underline;
cursor:pointer;	
}
a:hover,a:active{
color: #33CC66;
text-decoration: underline;
}

/* container ---------------------------- */
#container{
height: auto;
width: 100%;
margin: 0px;
padding: 0px;
}
/* header ---------------------------- */
#h-wrap{
height: auto;
width: 100%;
padding: 0px;
margin: 0px;
background-color: #FFFFFF;
}
#h-wrap #header{
text-align: left;
height: 70px;
width: 860px;
padding: 10px 40px 0 40px;
margin: 0px auto;
background-image: url(../images/bg_h-wrap.gif);
background-repeat: no-repeat;
background-position: center top;
}
#h-wrap #header h1{
height: 45px;
width: 181px;
padding: 0px;
margin: 0px;
display:block;
}
#h-wrap #header h1 a{
font-size: 1px;
line-height: 1px;
background-image: url(../images/logo.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 45px;
width: 181px;
overflow: hidden;
}

/* visual ---------------------------- */
#v-wrap{
height: auto;
width: 100%;
padding: 0px;
margin: 0px;
background-color: #131247;
background-image: url(../images/bg_v-wrap.gif);
background-repeat: repeat-y;
background-position: center top;
}

/* menu ---------------------------- */
#m-wrap{
height: auto;
width: 100%;
padding: 0px;
margin: 0px;
background-color: #ffffff;
background-image: url(../images/bg_m-wrap.gif);
background-repeat: repeat-x;
background-position: left top;
}
#m-wrap #menu{
height: auto;
width: 900px;
padding: 0px 20px;
margin: 0px auto;
background-color: #ffffff;
background-image: url(../images/bg_menu.gif);
background-repeat: no-repeat;
background-position: center top;
}
#m-wrap #menu li{
margin: 0px;
padding: 0px;
height: 100px;
width: 225px;
text-indent: -1000em;
font-size: 1px;
line-height: 1px;
float:left;
}
#m-wrap .m1 a{
background-image: url(../images/menu1.gif);
display: block;
height: 100px;
width: 225px;
overflow: hidden;
}
#m-wrap .m2 a{
background-image: url(../images/menu2.gif);
display: block;
height: 100px;
width: 225px;
overflow: hidden;
}
#m-wrap .m3 a{
background-image: url(../images/menu3.gif);
display: block;
height: 100px;
width: 225px;
overflow: hidden;
}
#m-wrap .m4 a{
background-image: url(../images/menu4.gif);
display: block;
height: 100px;
width: 225px;
overflow: hidden;
}
#m-wrap .m1 a:hover,#m-wrap .m2 a:hover,#m-wrap .m3 a:hover,#m-wrap .m4 a:hover{
background-position: left center;
}
#m-wrap .m1 .thispage,#m-wrap .m2 .thispage,#m-wrap .m3 .thispage,#m-wrap .m4 .thispage{
background-position: left bottom;
}

/* contents ---------------------------- */
#c-wrap{
height: auto;
width: 100%;
padding: 0px;
margin: 0px;
background-color: #ffffff;
background-image: url(../images/bg_c-wrap.gif);
background-repeat: repeat-y;
background-position: center top;
}
#c-wrap #contents{
text-align: left;
height: auto;
width: 840px;
padding: 20px 50px 0px 50px;
margin: 0px auto;
background-image: url(../images/bg_c-wrap.gif);
background-repeat: repeat-y;
background-position: center top;
}

/* pagetop ---------------------------- */
#c-wrap #pagetop{
height: 70px;
width: 840px;
padding: 0px 50px;
margin: 0px auto;
background-image: url(../images/bg_c-wrap.gif);
background-repeat: repeat-y;
background-position: center top;
clear:both;
}
#c-wrap #pagetop h4{
height: 10px;
width: 96px;
margin: 50px 0 10px 0;
padding: 0px;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
display: block;
float:right;
}
#c-wrap #pagetop h4 a{
height: 10px;
width: 96px;
display: block;
background-image: url(../images/pagetop.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}
#c-wrap #pagetop h4 a:hover{
background-position: left bottom;
}

/* footer ------------------------------ */
#f-wrap{
	height: auto;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/bg_f-wrap.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#f-wrap #footer{
height: 110px;
width: 940px;
padding: 20px 0 0 0;
margin: 0px auto;
background-image: url(../images/bg_footer.gif);
background-repeat: no-repeat;
background-position: left top;
}
#f-wrap #footer .copy{
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000em;
	height: 10px;
	width: 231px;
	margin: 0px auto;
	padding: 0px;
	overflow:hidden;
	background-image: url(../images/copyright.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


/* clear */
.clear-s{
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
height: 10px;
}
.clear{
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
height: 20px;
}

/* crearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{ 
zoom: 100%;
}
.clearfix { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */


/* margin_class */
.mb5{
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;
}
.mb40{
margin-bottom: 45px;
}

.mt5{
margin-top: 5px;
}
.mt10{
margin-top: 10px;
}
.mt15{
margin-top: 15px;
}
.mt20{
margin-top: 20px;
}
.mt25{
margin-top: 25px;
}
.mt30{
margin-top: 30px;
}
.mt35{
margin-top: 35px;
}
.mt40{
margin-top: 40px;
}