@charset "Shift_JIS";

/* ****************************************
 *  top.css  [2011/10/01]
	Modify  toiyama
 * ****************************************
 */

/* FONT
8px -> 71.4%
9px ->78.5%
10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217%
*/



/*==================================
top
================================== */

#top{
}

#top #navi{
margin-bottom:12px;
}

#top #contents{
width:970px;
padding:0px;
margin:0px auto 15px;
background:none;
border:none;
}

#top #contents #main{
width:680px;
float:left;
font-size:108.4%;
line-height:160%;
}

/*---------main-image----------*/
#main-image{
margin-bottom:13px;
}

/*---------new-bulid----------*/
#new-article{
background:url(../img/article-bg.jpg);
padding:10px 8px 10px 10px;
width:952px;
margin-bottom:20px;
}

#new-article .koushinbi{
color:#990000;
padding:3px 5px;
margin-top:5px;
background:#F2F2F2;
font-size:83.4%;
text-align:right;
}

#new-article li{
float:left;
width:234px;
border:1px solid #F6971F;
margin-right:2px;
background:#FFFFFF;
}
#new-article li h3{
background:#F5F5F5;
padding:5px;
}
#new-article li dl{
width:224px;
padding:5px;
}
#new-article li dt{
width:105px;
float:left;
}

#new-article li dd{
width:110px;
float:right;
margin-bottom:3px;
}

#new-article li dd .price{
}



/*-------news---------*/
#news{
width:648px;
margin-bottom:18px;
padding:15px;
background:#FFFFFF;
border-bottom:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
}
#news ul{
width:648px;
}

#news li{
border-bottom: dotted 1px #CCCCCC;
width:628px;
margin:0px auto 5px;
background:url(../img/info-ico.jpg) no-repeat left;
padding-left:20px;
}

#news li span{
color:#999999;
padding-right:20px;
}


/*------pickup-----*/
#pickup{
width:660px;
padding:15px 0px 15px 18px;
margin-bottom:18px;
background:#FFFFFF;
border-bottom:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
}
#pickup ul{
width:206px;
}

#pickup .p-contener{
width:210px;
margin-right:10px;
float:left;
}

#pickup .p-contener h3{
width:210px;
}

#pickup .p-contener dl{
border:1px solid #E6E6E6;
padding:1px;
width:206px;
}

#pickup .p-contener .txt{
border-bottom:1px dotted #999999;
line-height:130%;
margin-bottom:8px;
font-size:91.7%;
padding:5px;
}
#pickup .p-contener dl li{
background:url(../img/pickup-ico.jpg) no-repeat left;
padding-left:20px;
line-height:130%;
margin-bottom:5px;
}
#pickup .p-contener dl li.blank{
background:none;
}

/*-------gaibu_bnr-----*/

#gaibu-bnr{
width:680px;
}

#gaibu-bnr li{
float:left;
width:165px;
margin-right:6px;
}

#gaibu-bnr li:last-child{
margin-right:0px;
}
#gaibu-bnr .fin{
margin-right:0px;
}

/*-------message------------*/
#message{
border:1px solid #E6E6E6;
width:276px;
background:#FFFFFF;
height:70px;
overflow:hidden;
margin-bottom:8px;
padding:1px;
}
#message h3{
background:#F2A44C;
}

#message p{
padding:8px;
font-size:91.7%;
}


/*--------bloglist-area------*/
#bloglist-area{
border:1px solid #E6E6E6;
width:276px;
background:#FFFFFF;
margin-bottom:8px;
padding:1px;
}
#bloglist-area h3{
border-top:#FFCC00 3px solid;
background:#F2A44C;
padding:3px;
text-align:center;
}
#bloglist-area dl{
width:250px;
margin:5px auto 0px;
}

#bloglist-area dt{
background:url(../img/info-ico.jpg) no-repeat left;
padding-left:20px;
color:#666666;
font-size:83.4%;
}


#bloglist-area dd{
border-bottom:#666666 dotted 1px;
padding:3px 0px;
margin-bottom:5px;
}

#bloglist-area dd img{
vertical-align:middle;
}

#bloglist-area .go-list{
background:#F5F5F5;
text-align:right;
padding:3px;
color:#666666;
width:260px;
margin:0px auto 5px;
}

#bloglist-area .go-list span{
background: url(../img/goarw.jpg) no-repeat right;
padding-right:30px;
}