@charset"UTF-8";

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;line-height:0}

/* setting */
body{
background: url("../images/header_rp.gif") #000 top repeat-x;
font-family:sans-serif;
font-size:100.01%;
font-style:normal;
font-weight:normal;
text-align:center;
}

body#top {
background: #000;
}

#wrapper {
background: url("../images/header_bg.jpg") center top no-repeat;
height: 1%;
}

#header, #globalnavi, #main, #cr {
margin-left: auto;
margin-right: auto;
width: 900px;
}

#header{height:114px; display:block;}
h1{float:left;padding:10px 0 0;}
#backToIndex{float:right;padding:10px 0 0;}

#globalnavi ul li {
float: left;
list-style: none;
}

#globalnavi ul li a {
background-image: url("../images/gnavi.png");
background-repeat: no-repeat;
display: block;
text-indent: -9999px;
width: 129px;
height: 80px;
}

li#m1 a {background-position: 0 0;}
li#m2 a {background-position: -129px 0;}
li#m3 a {background-position: -258px 0;}
li#m4 a {background-position: -387px 0; width:125px!important;}
li#m5 a {background-position: -513px 0;}
li#m6 a {background-position: -642px 0;}
li#m7 a {background-position: -771px 0; width:130px!important;}

li#m1 a:hover {background-position: 0 -100px;}
li#m2 a:hover {background-position: -129px -100px;}
li#m3 a:hover {background-position: -258px -100px;}
li#m4 a:hover {background-position: -387px -100px; width:125px!important;}
li#m5 a:hover {background-position: -513px -100px;}
li#m6 a:hover {background-position: -642px -100px;}
li#m7 a:hover {background-position: -771px -100px; width:130px!important;}

li#m1 a.active {background-position: 0 -200px;}
li#m2 a.active {background-position: -129px -200px;}
li#m3 a.active {background-position: -258px -200px;}
li#m4 a.active {background-position: -387px -200px; width:125px!important;}
li#m5 a.active {background-position: -513px -200px;}
li#m6 a.active {background-position: -642px -200px;}
li#m7 a.active {background-position: -771px -200px; width:130px!important;}


* html #menu{margin-bottom:-3px;}
*:first-child+html #menu{margin-bottom:-3px;}

#main{text-align:center; background:center top no-repeat; width:900px; margin:30px auto 50px;}

.content{overflow:hidden;position:relative;}
.content span{display:block; margin:0 -100px;}


#footer{
background: url("../images/footer_bg.gif") repeat-x;
border-top:solid 1px #1e1e1e;
padding: 20px 0;
position:relative;
}

#cr {
width: 900px;
position: relative;
height: 1%;
border-bottom: solid 1px #000;
}

#cr img {
position: absolute;
top: -45px;
right: 0;
}

#backToTop{
position:relative;
margin: 0;
top:-45px;
text-align:center;
}

#backToTop p{
margin: 0 auto;
width: 900px;
}

#backToTop p a{
}

a{text-decoration:none;}

.clear {clear: both;}

/* clearfix */
.clearfix{/zoom:1;}
.clearfix:after{content:'';display:block;clear:both;height:0;}

#wp {
width: 800px;
margin-left: auto;
margin-right: auto;
}

.divider {
border-top: solid 1px #3b3037;
border-bottom: solid 1px #3b3037;
height: 2px;
margin: 10px 0 25px 0;
}

.blocktrm {
float: left;
width: 240px;
margin: 20px 18px 0 6px;
height: 360px;
}

html>body .blocktrm {
margin: 20px 12px 0 13px;
}

.blocktrm h2 {
background: url("../images/wp_tl.png") no-repeat;
color: #fff;
text-align: left;
font-weight: bold;
height: 20px;
margin: 0 0 10px;
padding: 20px 0 0 20px;
line-height: 20px;
}

.blocktrm ul {
margin-top: 20px;
}

.blocktrm ul li {
list-style: none;
float: left;
}

.blocktrm ul li a {
width: 120px;
height: 40px;
display: block;
background-image: url("../images/wp_bt.png");
background-repeat: no-repeat;
text-indent: -9999px;
}

.blocktrm ul li.size1 a {background-position: 0 0;}
.blocktrm ul li.size2 a {background-position: 0 -100px;}
.blocktrm ul li.size3 a {background-position: 0 -200px;}
.blocktrm ul li.size4 a {background-position: 0 -300px;}
.blocktrm ul li.size5 a {background-position: 0 -400px; width:170px;}

.blocktrm ul li.size1 a:hover {background-position: -250px 0;}
.blocktrm ul li.size2 a:hover {background-position: -250px -100px;}
.blocktrm ul li.size3 a:hover {background-position: -250px -200px;}
.blocktrm ul li.size4 a:hover {background-position: -250px -300px;}
.blocktrm ul li.size5 a:hover {background-position: -250px -400px; width:170px;}

li.size1nowp {width: 120px; height: 40px; background: url("../images/wp_bt.gif") -500px 0 no-repeat; text-indent: -9999px;}
li.size2nowp {width: 120px; height: 40px; background: url("../images/wp_bt.gif") -500px -100px no-repeat; text-indent: -9999px;}
li.size3nowp {width: 120px; height: 40px; background: url("../images/wp_bt.gif") -500px -200px no-repeat; text-indent: -9999px;}
li.size4nowp {width: 120px; height: 40px; background: url("../images/wp_bt.gif") -500px -300px no-repeat; text-indent: -9999px;}
li.size5nowp {width: 170px; height: 40px; background: url("../images/wp_bt.gif") -500px -400px no-repeat; text-indent: -9999px;}

.blocktrm ul li.size5, li.size5nowp {
margin-left: 18px;
}

html>body .blocktrm ul li.size5, li.size5nowp {
margin-left: 35px;
}

li.size1nowp, li.size2nowp, li.size3nowp, li.size4nowp, li.size5nowp {
*height: 45px;
}