@charset "utf-8";

/*
========================================

トップページ用スタイル
	

========================================
*/

/*
========== 枠 ==========
*/
#contentscolumn{
width:679px;
float:left;
}

#contentscolumn #main{
width:449px;
float:right;
background:none;
}

#flash{
margin:0 0 7px 0;
}

#side{
padding:4px 0 0 0;
}

#side .sidecategory ul{
/*display:block;*/
}

h1{
margin:0;
}

/*
========== 注目ピックアップ ==========
*/
.pickup{
margin-bottom:15px;
width:449px;
background:transparent url(../images/pickup_bg.gif) left top repeat-y;
}

.pickup .bg{
padding:0 0 8px 0;
width:449px;
background:transparent url(../images/pickup_bottom.gif) left bottom no-repeat;
}

.pickup .pickupitem{
padding:10px 0 0 0;
width:449px;
float:none;
background:transparent url(../images/pickup_itop.gif) left top no-repeat;
}

.pickup .pickupitem .bg{
padding:0 20px 16px 20px;
width:409px;
background:transparent url(../images/pickup_ibottom.gif) left bottom no-repeat;
}

.pickup .pickupitem dl{
width:258px;
}

.pickup .pickupitem dt{
margin:0 0 3px 0;
}

.pickup .pickupitem dd{
margin:0 0 3px 0;
}

.pickup .pickupitem .clear{
width:0;
background:none;
}


/*
========== おすすめ特集 ==========
*/
.ichioshis{
width:449px;
background:transparent url(../images/recommend_bg.gif) left top repeat-y;
}

.ichioshis .bg{
width:449px;
background:transparent url(../images/recommend_bottom.gif) left bottom no-repeat;
}

.ichioshis .coltop{
background:transparent url(../images/recommend_itop.gif) left top no-repeat;
}

.ichioshis .colbottom{
background:transparent url(../images/recommend_ibottom.gif) left bottom no-repeat;
}

.ichioshis .feature{
padding:4px 15px 4px 19px;
width:190px;
float:left;
}

.ichioshis .feature p{
width:85px;
float:left;
}

.ichioshis .feature dl{
width:100px;
float:right;
}

.ichioshis .feature dt{
padding:0;
text-align:left;
font-weight:bold;
}

.ichioshis dd{
padding:0;
}

/*
========== お知らせ ==========
*/
/* 外枠
-------------------------------------------- */
/*
#infomation{
width:449px;
background:transparent url(../images/info_bg.gif) left top repeat-y;
}*/

/*.infomation .bg{
width:449px;background:transparent url(../images/info_bottom.gif) left bottom no-repeat;
}*/

#infomation .scroll{
width:187px;
height:60px;
overflow:auto;
scrollbar-base-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffd800;
scrollbar-highlight-color:#ffd800;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}


#infomation li{
width:165px;
text-align:left;
border-bottom:1px solid #e4e4e4;
}

/*
.infomation li .top{
background:transparent url(../images/info_itop.gif) left top no-repeat;
}

.infomation li .bottom{
background:transparent url(../images/info_ibottom.gif) left bottom no-repeat;
}*/

/*
========== バナー ==========
*/

/*
#main .bnr li,
#main p.bnr{
margin:0 0 3px 0;
}*/

#topside .banner{
margin:0 0 9px 0;
width:218px;
background:transparent url(../images/side_bg.gif) left top repeat-y;
}

#topside .banner .bg{
padding:0 5px 9px 3px;
width:210px;
background:transparent url(../images/banner_ibottom.gif) left bottom no-repeat;
}

#topside .banner .block{
margin:0 0 4px 0;
width:210px;
background:transparent url(../images/side_ibg.gif) left top repeat-y;
}

#topside .banner .block .top{
padding:14px 0 0 0;
width:210px;
background:transparent url(../images/side_itop.gif) left top no-repeat;
}

#topside .banner .block .bottom{
padding:0 10px 14px 14px;
width:186px;
background:transparent url(../images/side_ibottom.gif) left bottom no-repeat;
}

#topside .banner li{
width:180px;
margin-bottom:10px;
}

#topside .banner li.end{
width:180px;
margin-bottom:0px;
}

/*
========== 右カラム ==========
*/
#topside p{
margin:0;
}

#topside .topframe{
margin:0 0 9px 0;
width:218px;
background:transparent url(../images/side_bg.gif) left top repeat-y;
}

#topside .topframe .bg{
padding:0 5px 20px 3px;
width:210px;
background:transparent url(../images/side_bottom.gif) left bottom no-repeat;
}

#topside .topframe .block{
margin:0 0 4px 0;
width:210px;
background:transparent url(../images/side_ibg.gif) left top repeat-y;
}

#topside .topframe .block .top{
padding:14px 0 0 0;
width:210px;
background:transparent url(../images/side_itop.gif) left top no-repeat;
}

#topside .topframe .block .bottom{
padding:0 10px 14px 14px;
width:186px;
background:transparent url(../images/side_ibottom.gif) left bottom no-repeat;
}

/* ご案内
-------------------------------------------- */
#topside .notice{
color:#ff0000;
font-weight:bold;
text-align:left;
margin:10px 0;
padding:0;
background-color:#fffdd9;
}

/* ご利用ガイド
-------------------------------------------- */
#guide li{
margin:0 0 2px 0;
font-size:0;
line-height:0;
}

#guide .block li{
margin:0 0 9px 0;
}

/* ケータイからもアクセス
-------------------------------------------- */
#mobile li{
margin:0 0 2px 0;
font-size:0;
line-height:0;
}

#mobile dt{
margin:0 0 7px 0;
font-size:0;
line-height:0;
}

#mobile dd img,
#mobile dd input{
vertical-align:middle;
}

#mobile dd .wid12{
width:110px;
}

#topside #mobile.topframe .block .bottom{
padding-bottom:8px;
}

/* 人気ランキング
-------------------------------------------- */
#ranking .iconum{
width:37px;
float:left;
}

#ranking .photo{
width:142px;
float:right;
}

#ranking .photo img{
border:1px solid #eee;
}

#ranking dl{
padding:4px 5px 0 5px;
width:176px;
clear:both;
}

#ranking dt{
font-weight:bold;
}

#ranking dl.subordinate{
padding:0;
width:142px;
float:right;
clear:none;
}

/* 最近のレビュー
-------------------------------------------- */
#recentreview .photo{
margin:0 0 4px 0;
text-align:center;
}

#recentreview .photo img{
border:1px solid #eee;
}

#recentreview .star{
margin:0 0 2px 0;
}

#recentreview dt{
font-weight:bold;
}

/*
========================================

商品準備中
	
========================================
*/
.prepar{
	margin:20px auto;
	width:669px;
}

.prepar .framess{
margin:45px 0 0 0;
float:left;
}

.prepar .framess .bottom{
padding:0 40px 8px;
width:383px;
height:150px;
line-height:1.8;
}

.prepar p{
margin:0;
}

.prepar .illust{
width:116px;
float:right;
}

.prepar .databtn{
clear:both;
}

/*
========================================

メンテナンス
	
========================================
*/
.mainte{
	margin:20px auto;
	width:740px;
}

.mainte .frame553{
margin:45px 0 0 0;
float:left;
}

.mainte .frame553 .bottom{
padding:25px 40px;
width:450px;
height:150px;
line-height:1.8;
}

.mainte p{
margin:0;
}

.mainte .illust{
width:116px;
float:right;
margin:20px 0 0 0;
}

.mainte .databtn{
clear:both;
}