* {
margin:0px;
padding:0px;
}
html,body{
height:100%;
background:#ffffff url(../img/bg.jpg) top center no-repeat fixed;
}
br {letter-spacing:0;}
#cover {
width:932px;
height:100%;
min-height:100%;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
position:relative;
}
body > #cover {
height:auto;
}
#top {
position:relative;
width:932px;
height:158px;
margin-bottom:12px;
}
#headertext {
position:absolute;
top:30px;
left:50px;
font-size:85%;
font-weight:bold;
letter-spacing:1px;
text-align:left;
color:#ffffff;
}
#side {
float:left;
width:224px;
margin-left:8px;
text-align:left;
}
.head-menu {
border:1px solid #0c235b;
width:224px;
height:20px;
line-height:20px;
letter-spacing:1px;
text-align:center;
margin-bottom:16px;
}
.head-menu a {
background-color:#ffffff;
color:#0c235b;
letter-spacing:1px;
text-align:center;
width:224px;
text-decoration:none;
vertical-align:middle;
display:block;
}
.head-menu a:hover {
background-color:#0c235b;
letter-spacing:1px;
color: #ffffff;
text-decoration:none;
}
.cate_menu a{
display:block;
width:224px;
height:28px;
background:url('./parts/cate.gif') no-repeat;
color:#696969; 
font-size:90%;
font-weight:bold;
letter-spacing:1px;
line-height:29px;
text-decoration:none;
margin-bottom:2px;
}
.cate_menu a:hover{
color:#a9a9a9; 
background:url('./parts/cateover.gif') no-repeat;
}
.current {
display:block;
width:224px;
height:28px;
background:url('./parts/catecurrent.gif') no-repeat;
color:#ff6347; 
font-size:90%;
font-weight:bold;
letter-spacing:1px;
line-height:29px;
text-decoration:none;
margin-bottom:2px;
}
.current a{
display:block;
width:224px;
height:28px;
background:url('./parts/catecurrent.gif') no-repeat;
color:#ff6347; 
font-size:90%;
font-weight:bold;
letter-spacing:1px;
line-height:29px;
text-decoration:none;
margin-bottom:2px;
}
.current a:hover{
color:#ff6347; 
background:url('./parts/cateover.gif') no-repeat;
}
.p-honet {
width:224px;
height:24px;
margin-top:40px;
margin-bottom:40px;
border:1px solid #bdb76b;
font-size:80%;
line-height:24px;
text-align:center;
}
a.p-ho:link {
color:#00008b;
text-decoration:none;
}
a.p-ho:active {
color:#00008b;
text-decoration:none;
}
a.p-ho:visited {
color:#00008b;
text-decoration:none;
}
a.p-ho:hover {
color:#00008b;
text-decoration:underline;
}
#main {
float:right;
width:658px;
margin-right:8px;
margin-bottom:40px;
letter-spacing:1px;
text-align:left;
}
.name {
float:left;
width:558px;
height:22px;
background-color:#0c235b;
line-height:22px;
font-size:90%;
color: #ffffff;
font-weight:bold;
letter-spacing:1px;
margin-bottom:5px;
}
.no {
float:right;
width:100px;
height:22px;
background-color:#0c235b;
line-height:23px;
font-size:90%;
color: #ffffff;
letter-spacing:1px;
text-align:right;
margin-bottom:5px;
}
.thumb {
float:left;
width:140px;
margin-right:8px;
margin-bottom:4px;
}
.txt {
font-size:90%;
color:#696969;
line-height:150%;
letter-spacing:1px;
margin-bottom:8px;
}
.txt12 {
font-size:90%;
font-weight:bold;
color:#696969;
letter-spacing:12px;
}
.copy {
font-size:90%;
color:#696969;
line-height:150%;
letter-spacing:1px;
margin-bottom:8px;
}
.gray {
font-size:90%;
color:#696969;
line-height:150%;
letter-spacing:1px;
margin-bottom:4px;
}
.blue {
font-size:90%;
color:#0c235b;
line-height:150%;
letter-spacing:1px;
margin-bottom:4px;
}
.red {
font-size:90%;
color:#ff6347;
line-height:150%;
letter-spacing:1px;
margin-bottom:4px;
}
.condition {
font-size:90%;
color:#696969;
line-height:150%;
letter-spacing:1px;
margin-bottom:4px;
}
.price {
float:left;
font-size:120%;
color:#ff6347;
font-weight:bold;
line-height:27px;
letter-spacing:1px;
margin-right:8px;
margin-bottom:8px;
}
.special {
width:640px;
font-size:150%;
color:#ff6347;
font-weight:bold;
letter-spacing:1px;
margin-bottom:8px;
}
.look {
float:left;
margin-bottom:8px;
}
.gotop {
float:right;
margin-bottom:8px;
}
.hasen {
width:100%;
background-image:url('./parts/hasen.gif');
background-repeat:repeat-x;
}
.image {
margin-bottom:8px;
}
.vertical {
color:#696969;
}
.pcurrent {
color:#ff6347;
}
.clear {
clear:both;
}
.storytxt {
font-size:85%;
color:#282828;
line-height:110%;
margin-top:8px;
margin-bottom:4px;
}
.bf1g {
background-color:#ffffff;
border:1 solid #99cccc;
}
.commew {
background-color:#ffffff;
border:1 solid #99cccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#99cccc;
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#cccccc;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}
.bottom {
position:absolute;
bottom:0px;
width:100%;
font-size:12px;
color:#a9a9a9;
text-align:center;
}
.titleno {
width:100%;
height:24px;
border:1px solid #0c235b;
color:#0c235b;
text-align:left;
letter-spacing:1px;
font-weight:bold;
line-height:24px;
margin-bottom:8px;
}
.subtitle {
text-align:left;
color:#696969;
font-size:95%;
letter-spacing:1px;
font-weight:bold;
}
a.ttext:link {
color:#696969;
letter-spacing:1px;
text-decoration:none;
}
a.ttext:active {
color:#696969;
letter-spacing:1px;
text-decoration:none;
}
a.ttext:visited {
color:#696969;
letter-spacing:1px;
text-decoration:none;
}
a.ttext:hover {
color:darkblue;
letter-spacing:1px;
text-decoration:underline;
}
.ttext {
text-align:left;
margin-top:4px;
margin-bottom:4px;
font-size:85%;
letter-spacing:1px;
line-height:125%;
color:#696969;
}