@charset "EUC-JP"; /* 文字コード */
/* 共通 */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,address,form { margin: 0; padding: 0; }
html { height: 100%; }
body {
height: 100%;
vertical-align: text-top;
text-align: left;
background-position: center top;
background-color: #d1d1d1;
background: url(../img/bg.jpg) repeat;
}
a { overflow: hidden; color: #ff6600; text-decoration: none; }
a:link { color: #FF0000; text-decoration: none; }
a:visited { color: #FF0000; }
a:hover { color: #FF0000; text-decoration: underline; }
a:active { color: #0000FF; }
a img { border: none; }
a span, hr { display: none; }
hr { display: none; }
.clear { clear: both; }
.clear br { display: none; }
h1 { font-size: 1px; line-height: 1px; height: 0px; text-indent: -9999px; }
.style2 {
font-size: 11px;
color: #CCCCCC;
}
.style3 {
font-size: 12px;
font-weight: bold;
color: #3B3795;
}
.style4 {
font-size: 12px;
line-height: 150%;
}
.style5 {
font-size: 12px;
line-height: 150%;
color: #999999;
}
.style6 {
font-size: 12px;
font-weight: bold;
color: #9999cc;
}
#whole {
width: 940px;
margin-left: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
}
.note{
font-size: 11px;
color: #FF0000;
margin: 0px;
padding: 0px;
width: 100%;
border: 1px solid #FF3300;
}
.note a:link{ color: #FF0000; }
.note a:hover{ color: #FF0000; }
/* header */
#head2 { width: 938px; height: 248px; background-image: url(../img/head2.jpg); text-indent: -9999px; }
#head {
width: 940px;
background-image: url(../img/main_r1_c1.jpg);
text-align: left;
height: 222px;
text-indent: -9999px;
font-size:1px;
}
#head ul { list-style: none; }
#head li a {
display: block;
width: 120px;
height: 47px;
background-image: url(../img/get_taikousen.gif);
margin: 135px 15px 0 0;
float:right;
}
#head li a:hover {background-position: 0 -47px;}
#main {
background-image: url(../img/main_r2_c1.jpg);
}
#main2 {
background-image: url(../img/frame2_r2_c1.jpg);
}
.info00{
width: 838px;
height: 770px;
margin: 0 auto;
padding-bottom: 15px;
background: url(../img/goods.jpg) no-repeat;
text-indent: -9999px;
}
.info {
width: 838px;
margin: 0 auto;
position: relative;
}
.info .title0 {
height: 66px;
background-image: url(../img/title01.jpg);
text-indent:-9999px;
}
.info .title1 {
height: 66px;
background-image: url(../img/title02.jpg);
text-indent:-9999px;
}
.info .title2 {
height: 56px;
background-image: url(../img/title03.jpg);
text-indent:-9999px;
}
.info .title3 {
height: 56px;
background-image: url(../img/title04.jpg);
text-indent:-9999px;
}
.info .framebottom {
height: 3px;
background-image: url(../img/frame_r3_c1.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
padding-bottom: 10px;
}
.info .framebottom2 {
height: 3px;
background-image: url(../img/frame3_r3_c1.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
padding-bottom: 10px;
}
.info .frame {
width: 838px;
margin: 0 auto;
background-image: url(../img/frame_r2_c1.jpg);
}
.info .frame2 {
width: 838px;
margin: 0 auto;
background-image: url(../img/frame3_r2_c1.jpg);
}
.info .frame .word {
width: 750px;
margin: 0 auto;
}
#score { width:202px; height:36px; padding-top:15px; margin-left: 320px;}
#score ul{ list-style:none; }
#score li a{ display:block; height:36px; width:202px; background: url(../img3/score.jpg);}
#score li a:hover{ background-position:0 -36px}
.info .frame2 .word {
width: 750px;
margin: 0 auto;
}
.info .frame .word dt { font-size:12px; font-weight:bold; color:#3b3795; padding-bottom: 10px;}
.info .frame .word dd {
font-size:12px;
line-height:150%;
padding-bottom: 20px;
padding-left:40px;
}
.info .frame2 .word dt { font-size:12px; font-weight:bold; color:#3b3795; padding-bottom: 10px;}
.info .frame2 .word dd {
font-size:12px;
line-height:180%;
padding-bottom: 20px;
color:#ffffff;
}
.info ul{ list-style:none; }
.info li { position: absolute; display: block; }
.info li.son{
position:absolute;
display:block;
left: 567px;
top: 2px;
width: 301px;
height: 413px;
background-image: url(../img/syoukou.png);
text-indent: -9999px;
behavior: url(/script/lib/iepngfix/iepngfix.htc);
}
.info li.ton{
position:absolute;
display:block;
left: 474px;
top: -276px;
width: 420px;
height: 383px;
background-image: url(../img/kakouton.png);
text-indent: -9999px;
behavior: url(/script/lib/iepngfix/iepngfix.htc);
}
#middleframe {
height: 39px;
background-image: url(../img/frame2_r1_c1.jpg);
}
.notice{
font-size: 11px;
line-height: 130%;
width: 838px;
margin: 0 auto;
padding-bottom: 10px;
}
#btn{
height: 80px;
}
#btn ul {
list-style: none;
margin: 0 auto;
}
#btn li { position: absolute; display: block; }
#btn li a {
left: 357px;
top: 11px;
position: absolute;
display: block;
width: 202px;
height: 50px;
background-image: url(../img/btn.jpg);
overflow:hidden;
text-indent:-9999px;
}
#btn li a:hover { background-position:0 -50px; }
/* bottom */
#info0 {
width: 940px;
height: 66px;
background-image: url(../img/frame2_r3_c1.jpg);
margin: 0 auto;
padding: 0;
}
#info0 #infomemo{
width: 700px;
text-align: left;
font-size: 11px;
line-height: 130%;
color: #FFFFFF;
padding: 35px 0 0 25px;
}
#info0 ul { list-style: none; }
#info0 li { position: absolute; display: block; }
#info0 li a {
position: absolute;
display: block;
width: 117px;
left: 805px;
top: -31px;
height: 48px;
text-indent:-9999px;
}
/* footer */
#foot {
width: 940px;
height:29px;
text-align: left;
background-image: url(../img/main_r5_c1.gif);
background-repeat: no-repeat;
background-position: top;
}
#foot ul { list-style: none; }
#foot li { position: absolute; display: block; }
#foot li a { position: absolute; display: block; }
#foot li.getGC a{
top: 11px;
left: 3px;
width: 54px;
height: 10px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../img/getGC.gif);
}
#foot li.getSITE a{
top: 11px;
left: 69px;
width: 206px;
height: 10px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../img/getSITE.gif);
}
#foot li.getGC a:hover {{ background-position: 0 -10px; }
#foot li.getSITE a:hover { background-position: 0 -10px; }