@charset "Shift_JIS";

* {
margin: 0;
padding: 0;
}

.body{
margin:0;
padding:0;
}

#contentswish{
overflow:auto;
position:absolute;
width:1000px;
height:700px;
top:50%;
left:50%;
margin-top:-350px;
margin-left:-500px;
background:#000000;
}

/* html版コンテンツスタイル */
.clear {
clear: both;
}
#contentshtml{
overflow:auto;
position:absolute;
width:900px;
height:600px;
padding: 50px;
top:50%;
left:50%;
margin-top:-350px;
margin-left:-500px;
background:#000000 url(../images/bg_body.gif) center no-repeat;
}
#contentshtml #contents-box {
position: relative;
width: 660px;
height: 380px;
padding: 120px;
padding-top: 50px;
background: #FFF;
}
#contents-box h1 {
display: block;
width: 660px;
height: 193px;
margin-bottom:0px;
text-indent: -9999em;
background: url(../images/select.gif) no-repeat;
}
#contents-box p {
font-size: 12px;
line-height: 1.7em;
}
#contents-box p.attention {
width: 648px;
margin-top: 30px;
padding: 5px;
text-align: center;
border: 1px solid #F00;
}
#contents-box #left-box {
float: left;
width: 300px;
padding-right: 30px;
}
#left-box ul {
display: block;
width: 300px;
height: 60px;
margin-bottom: 15px;
list-style: none;
text-indent: -9999em;
background: url(../images/btn_Flash.gif) no-repeat;
}
#left-box ul li a {
display: block;
width: 300px;
height: 60px;
}
#left-box ul li a:hover {
background: url(../images/btn_Flash.gif) 0px -60px;
}
#left-box p {
margin-bottom: 10px;
}
#left-box p#caption {
font-size: 10px;
margin-top: 10px;
margin-bottom: 0px;
}
#left-box p#caption img {
float: right;
}
#contents-box #right-box {
float: right;
width: 300px;
padding-left: 30px;
}
#right-box p {
margin-bottom: 10px;
}
/*
#contents-box img#x-series {
position: absolute;
width:82px;
height: 164px;
left: 643px;
top: 70px;
z-index: 3;
}
*/
#right-box ul {
display: block;
width: 300px;
height: 60px;
margin-bottom: 15px;
list-style: none;
text-indent: -9999em;
background: url(../images/btn_html.gif) no-repeat;
}
#right-box ul li a {
display: block;
width: 300px;
height: 60px;
}
#right-box ul li a:hover {
background: url(../images/btn_html.gif) 0px -60px;
}
#contents-box ul#close {
position: absolute;
display: block;
width: 75px;
height: 21px;
top: 490px;
left: 418px;
text-indent: -9999em;
list-style: none;
background: url(../images/btn_close.gif) no-repeat;
}
#contents-box ul#close li a {
display: block;
width: 75px;
height:21px;
}
#contents-box ul#close li a:hover {
background: url(../images/btn_close.gif) 0px -21px no-repeat;
}