html{
scrollbar-arrow-color: #808080;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #cfcfcf;
scrollbar-darkshadow-color: #cfcfcf;
scrollbar-highlight-color: #eeeeee;
scrollbar-shadow-color: #eeeeee;
}
#bodyid{
background:#feeef4 url('http://i.peach-pi.net/play/bg.png');
padding:0;
margin:0;
text-align:center;
}
#bg{
width:706px;
background:#fff;
margin:0 auto;
}
#page{
margin:0 2px;
border:1px solid #999;
}
#top{
width:700px;
height:150px;
background:url('http://i.peach-pi.net/play/image.jpg') no-repeat left top;
text-align:left;
}
#top h1{
color:#FFFFFF;
font-size:24px;
letter-spacing:3px;
padding:40px 0px 10px 20px;
margin:0;
font-family: "lr SVbN", "Osaka|";
}
#main{
width:700px;
background:url('http://i.peach-pi.net/play/menu.png') repeat-y 0 0;
padding:0;
font-size:0.8em;
}
#main a{
color:#ee7aa3;
}
#main a:hover{
color:#fa3279;
}
#left{
width:200px;
background:url('http://i.peach-pi.net/play/menu.png') repeat-y 0 0;
float:left;
margin:0;
padding:0;
text-align:left;
}
#left h2{
border-bottom:1px solid #777;
font-size:13px;
padding:5px 10px 5px 25px;
margin:0 5px 0 0;
color:#777;
background-image: url(http://i.peach-pi.net/play/h2-bg.jpg);
background-repeat: repeat-y;
}
#left ul{
list-style-type:none;
margin:0;
padding:0;
}
#left li{
font-weight:normal;
border-bottom:1px solid #ccc;
background:url('http://i.peach-pi.net/play/point.gif') no-repeat 2px 1px;
padding:6px 10px 6px 30px;
margin:0 5px 0 18px;
color:#555;
font-size:12px;
}
#left li a{
color:#555;
text-decoration:none;
font-size:12px;
}
#left li a:hover{
color:#777;
}
#left p{
border-top:1px solid #777;
border-bottom:1px solid #777;
font-size:12px;
padding:5px 10px 5px 25px;
margin:20px 5px 20px 0;
color:#555;
line-height:120%;
}
#right{
width:470px;
font-size: 0.8em;
margin: 0px;
padding-top: 30px;
}
#right h2{
color:#e06362;
background:url('http://i.peach-pi.net/play/line.png') no-repeat left bottom;
padding:0 60px 0 15px;
margin:10px 10px 0 0;
height:32px;
font-size:12px;
text-align:left;
line-height:120%
}
.txt{
margin:0;
padding:0 25px 8px 15px;
text-align:left;
color:#555;
font-size:12px;
line-height:120%;
}
.txt p{
margin:0 0 10px;
}
#pagetop{
text-align:right;
color:#555;
padding:5px 18px 0 0;
font-size:12px;
}
#copy{
clear:both;
color:#555;
font-size:12px;
background:url('http://i.peach-pi.net/play/copy.png') no-repeat left bottom;
padding:15px 0 5px 0;
}
#omo{
display:none;
}
.imgbox {
margin: 0px 0px 1em 40px;
}
.imgbox img{
border: 1px solid #666666;
}
.imgbox_f {
margin: 0px 10px 1em;
float: right;
z-index: auto;
}
.imgbox_f img{
border: 1px solid #666666;
}
.imgbox_u img{
border: 1px solid #666666;
}
dl.play {
margin:0;
margin-top: 0.5em;
padding:0 25px 8px 15px;
text-align:left;
}
dl.play dt {
font-size: 13px;
margin-top: 0.5em;
color:#555;
}
dl.play dd {
font-size: 12px;
color:#555;
margin-left: 1.5em;
line-height:120%;
}
dl.qa {
margin:0;
margin-top: 0.5em;
padding:0 25px 8px 15px;
text-align:left;
}
dl.qa dt {
font-size: 12px;
margin-top: 0.5em;
color:#483D8B;
font-weight: bold;
border-bottom: dashed 1px #9370DB;
}
dl.qa dd {
font-size: 12px;
color:#555;
line-height:120%;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
table.icon td {
font-size: 12px;
color:#555;
}
#p6 table {
border-top: 1px dotted #999;
border-left: 1px dotted #999;
border-collapse: collapse;
}
#p6 td {
border-bottom: 1px dotted #999;
border-right: 1px dotted #999;
font-size: 12px;
padding: 5px 7px;
}
#cpqes img{
border: 0;
}
.cpt {
margin-bottom: 60px;
}
.cpt td {
width: 531px;
font-size: 12px;
}
.cpt p {
line-height: 150%;
color: #630;
font-size: 12px;
margin-left: 30px;
margin-right: 30px;
}
.cpt dt {
line-height: 150%;
font-weight: bold;
font-size: 13px;
border-bottom: solid 1px #f9c;
color: #c36;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 8px;
}
.cpt dd {
line-height: 150%;
font-size: 12px;
color: #630;
margin-left: 50px;
margin-right: 30px;
}
.koukan {
margin-left: 50px;
line-height: 140%;
font-size: 12px;
color: #000080;
}
.koukan td {
vertical-align: top;
padding: 5px;
}
.f{
background : url(http://i.peach-pi.net/html/note.gif) no-repeat 50% 50%;
padding : 20 15 20 30px;
height :500px;
width : 400px;
font-size : 10px;
color: #734E3C;
}
.sub{
font-size : 10px;
background-color: #FFFFFF;
border: 1px solid;
}
INPUT {
border-style : none;
border-bottom : 1px dotted #734E3C;
background-color : #FFFFCC;
scrollbar-arrow-color: #734E3C;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #734E3C;
scrollbar-darkshadow-color: #734E3C;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
line-height: 1.5em;
color: #734E3C;
}
.com{
line-height: 1.5em;
}
#mail{
background-image: url(http://i.peach-pi.net/html/bg_mail.gif);
}
.kanban {
border:0;
margin-top: 20px;
text-align: center;
width: 325pix;
}
.kanban p {
line-height: 140%;
font-size: 12px;
color: #630;
}
.kanban h5 {
color: #c06;
font-size: 15px;
border-bottom: 1px solid;
margin-bottom: -0.5em;
}
#timg {
margin: 20px;
}
#timg h5 {
font-size: 13px;
color: #008;
padding-left: 1em;
border: 1px solid #99f;
border-width: 0px 0px 1px 8px;
line-height: 150%;
margin-top: 25px;
}
#timg img {
margin: 0px 0px 5px 0px;
border: 0;
}
#timg p {
margin-left: 40px;
font-size: 12px;
line-height: 140%;
color: #630;
}
#muzi {
color: #fff;
font-size: 14px;
font-weight: bold;
margin-top: 15px;
text-align: center;
}
#atn {
background-color: #fff;
margin-left: 30px;
margin-bottom: 2em;
padding: 10px;
color: #333;
border: 1px dashed #c03;
}
#atn h5 {
font-size: 13px;
text-align: center;
color: #fff;
background-color: #c03;
padding: 2px;
}
#atn dt {
border-bottom:1px solid #9cf;
padding-left:8px;
color: #06c;
}
#atn dd {
margin-top: 3px;
margin-left: 2em;
margin-right: 2em;
margin-bottom:1em;
}
#account td {
font-size: 12px;
padding: 10px 30px;
}
#account dt {
border-bottom:1px dashed #999;
padding-left:8px;
color: #039;
font-size: 12px;
font-weight: bold;
}
#account dd {
margin-top: 3px;
margin-left: 3em;
margin-right: 2em;
margin-bottom:2em;
color: #630;
}