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

/* reset
############################################################ */
html{height:100%;overflow-y:scroll;}
body{height:100%;margin:0;padding:0;font-size:1px;line-height:1px;}
img{border:0;}
form{margin:0px;padding:0px;}
p{margin:0px;padding:0px;}
a,a:hover{text-decoration:none; outline:none;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-size:1px;line-height:1px;}
ul,dl,dt,dd{margin:0px;padding:0px;}
li,ol{margin:0px;padding:0px;list-style:none;}
table{border:0;border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
.clear{clear:both;margin:0px;padding:0px;font-size:1px;line-height:1px;}
sup{ font-size:60%;}


/* body
############################################################ */
body{ background:url(../img/bg.jpg); font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}


/* margin
############################################################ */
.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;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:50px;}
.mt70{ margin-top:70px;}
.mt125{ margin-top:125px;}
.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:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mr25{ margin-right:25px;}
.mr40{ margin-right:40px;}
.ml30{ margin-left:30px;}


/* contents
############################################################ */
#contents{ width:900px; height:80%; min-height:450px; margin:0 auto;}
#contentsWrap{ width:900px; height:450px;}
#contentsBox{ width:900px; height:450px; position:relative;}


/* footer
############################################################ */
#footer{ width:100%; min-width:900px; height:20%; min-height:100px; background:#FFFFFF;}
#footerWrap{ width:900px; height:100%; margin:0 auto; position:relative;}
#footerWrap ul#menu{ width:386px; height:29px; position:absolute; top:24px; left:37px;}
#menu li#menu01 a{ width:121px; height:29px; margin:0 62px 0 0; display:block; text-indent:-9999px; background:url(../img/menu01.gif); float:left;}
#menu li#menu02 a{ width:50px; height:29px; margin:0 90px 0 0; display:block; text-indent:-9999px; background:url(../img/menu02.gif); float:left;}
#menu li#menu03 a{ width:63px; height:29px; display:block; text-indent:-9999px; background:url(../img/menu03.gif); float:left;}
#menu li#menu01 a:hover,#menu li#menu02 a:hover,#menu li#menu03 a:hover{ background-position:0 -29px;}
#menu li#menu01 a.on,#menu li#menu02 a.on,#menu li#menu03 a.on{ background-position:0 -29px;}
#footerWrap h3#logo a{ width:86px; height:40px; display:block; text-indent:-9999px; background:url(../img/logo.gif); position:absolute; top:11px; right:40px;}
#footerWrap p#copy{ width:358px; height:14px; display:block; text-indent:-9999px; background:url(../img/copy.gif); position:absolute; top:62px; right:40px;}