@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");


/* top
-----------------------------------------------------------------------*/
.toptopics_ttl{
width: 555px;
position:relative;
}
.toptopics_ttl h3{
z-index:1;
}
.toptopics_ttl p{
position:absolute;
width: 88px;
right: 11px;
top:15px;
line-height:150%;
font-size:10px;
text-align:center;
}
.toptopics_ttl div{
position:absolute;
top: 12px;
right: 11px;
z-index:2;
}

.topinfobox{
width: 547px;
margin:0px auto;
}
.topinfobox dl{
width: 517px;
padding: 5px 15px;
border-bottom:1px solid #3D3D3D;
position:relative;
overflow:hidden;
}
.topinfobox dt{
background:url(../img/icon01.gif) no-repeat 0px 5px;
line-height:150%;
color: #FFFFFF;
font-size:10px;
letter-spacing:1px;
width: 110px;
float:left;
padding-left:15px;
padding-top:2px;
}
.topinfobox dd{
line-height:150%;
color: #FFFFFF;
float:left;
width: 392px;
}
.topinfobox dd a{
color: #FFFFFF;
}

.topinfo{
background:url(../img/topinfo_btm.gif) no-repeat left bottom;
padding-bottom:4px;
}


.topalbum{
width: 513px;
margin: 0px auto 0px auto;
background:url(../img/box_top.gif) no-repeat center top #FFFFFF;
padding: 15px 10px 10px 10px;
line-height:180%;
position:relative;
overflow:hidden;
}
.topalbum-l{
float:left;
width:153px;
}
.topalbum-r{
line-height:180%;
float:right;
width: 345px;
}
.topalbum-r a{
color: #9D0807;
}

.topalbum-r h4{
color: #9D0807;
font-size:12px;
padding-bottom:10px;
margin-top:-5px;
}
.topalbum_more{
background:url(../img/icon02.gif) no-repeat right center;
margin-top:10px;
text-align:right;
padding-right:10px;
font-size:10px;
letter-spacing:1px;
color: #9D0807;
}






/* inner
-----------------------------------------------------------------------*/
dl.catettl{
width: 513px;
position:relative;
overflow:hidden;
border-bottom:1px dotted #8a8a8a;
padding-bottom:5px;
}
.catettl dt{
width: 100px;
float:left;
font-size:10px;
letter-spacing:1px;
line-height:150%;
padding-left:10px;
padding-top:2px;
}
.catettl dd{
width: 393px;
float:left;
line-height:180%;
padding-right:10px;
}
.catettl dd h4{
font-size:12px;
color: #9D0807;
}
.catettl h4 a,.catettl02 a{
color: #9D0807;
}

.catettl02 a{
text-decoration:none;
}

.catebox{
padding: 10px 10px 0px 10px;
}

.catebox span{
line-height:150%;
}

.catettl02{
font-size:12px;
color: #9D0807;
border-bottom:1px dotted #8a8a8a;
padding: 0px 10px 5px 10px;
}





/*----------------------------------------------------------------------- privacy ----*/
.privacy h3{
}
.privacy p{
padding: 15px 15px 30px 15px;
line-height:180%;
}
.privacy ol{
margin-top:-15px;
padding:0px 15px 30px 35px;
}
.privacy li{
line-height:180%;
}





/*----------------------------------------------------------------------- contact ----*/
.contact {
width: 500px;
margin: 20px auto;
border-collapse:collapse;
}
.contact th{
background: #CCC;
width: 100px;
padding: 10px;
text-align:left;
border:1px solid #999999;
}
.contact td{
width:350px;
background: #FFFFFF;
padding: 10px 15px;
text-align:left;
vertical-align: top;
border:1px solid #999999;
}
.contact th.must{
background:url(../img/inner/must.gif) no-repeat 80px center #CCC;
width: 150px;
padding: 10px;
text-align:left;
}

.absored{
font-size:10px;
letter-spacing:1px;
color: #ff0000;
font-weight: normal;
}


#F-MAIL,#F-POST {width: 57%;margin: 5px 0px 5px 0px;}
#F-MAIL2 {width: 57%;margin: 0px 0px 5px 0px;}
#F-NAME,#F-TEL,#F-FAX,#F-NAME02 {width: 50%;margin: 5px 0px 5px 0px;}
#F-ADDRESS,#F-COMPANY { width: 90%; height: 120%;margin: 5px 0px 5px 0px;}
#F-MESSAGE { width: 90%; height: 150px;margin: 5px 0px 5px 0px;}
#F-ZIP {width: 30%;margin: 5px 0px 5px 0px;}
#sex01, #sex02{ vertical-align:top;}

/* ragio-btn */
#ITEM01,#ITEM02{ margin-top: -2px;}

.conttxt{
font-size:10px;
letter-spacing:1px;
padding-left: 10px;
}
.error_mail{
padding-bottom: 20px;
color: #CC0000;
}
.mess_button{
margin-top: 20px;
}

.cont-txt02{
font-weight: normal;
}

.txt01{
line-height:180%;
}

/**********************************************
contact
***********************************************/
.f550:focus,
.f450:focus,
.f350:focus,
.f300:focus,
.f200:focus,
.f100:focus,
.f50:focus,
.f30:focus,
.change_table textarea:focus{
background-color:#FEEEEE;
}

.f550{
width:550px;
padding:1px;
border:1px solid #858585;
}

.f350{
width:350px;
padding:1px;
border:1px solid #858585;
}
.f300{
width:300px;
padding:1px;
border:1px solid #858585;
}

.f450{
width:450px;
padding:1px;
border:1px solid #858585;
}
.f200{
width:200px;
padding:1px;
border:1px solid #858585;
}

.f100{
width:100px;
padding:1px;
border:1px solid #858585;
}

.f50{
width:50px;
padding:1px;
border:1px solid #858585;
}

.f30{
width:30px;
padding:1px;
border:1px solid #858585;
}

.mintxt{
font-size:12px;
}

.thanks {
padding:40px 0 100px 0;
font-size:12px;
line-height:1.5;
text-align:center;
}

.comment {
padding-left:10px;
}