@charset "utf-8";
/***** ブロック *****/

/*
h1サイトネーム用
h2エリアタイトル用
h3アイテムタイトル用
h4サブ商品タイトルetc用
h5タブ用
h6ボタン用
*/
.jquery_tabs{
overflow:hidden;
margin:0 0 30px 0;
clear:both;
}

.jquery_tabs ul{
overflow:hidden;
float:right;
margin:0;
z-index:2;
}

.jquery_tabs .content{
margin:0;
min-height:300px;
padding: 4px 0;
border-top: 0px #fff solid;
border-bottom: 0px #eee solid;
clear:both;
background:#fff;
}

.jquery_tabs .content *{
margin:0;
}

.jquery_tabs li{
float: left;
margin: 0 0.3em 0 0;
list-style-type: none;
}

.jquery_tabs li a {
padding: .2em 2em;
}

.jquery_tabs li a{
display: block;
width: auto;
font-weight: bold;
font-size: 1em;
background: #bbb;
color: #eee;
margin: 0;
border: 1px solid #ddd;
border-bottom: 0px #eee solid;
}

.jquery_tabs h5{
display:none;
}

.yamltabsanchor{
position:absolute;
left:-999em;
}

.jquery_tabs li a:focus,
.jquery_tabs li a:hover,
.jquery_tabs li a:active{
background: #fff;
font-weight: bold;
color: #666;
text-decoration: none;
border-bottom: 0px #eee solid;
}

.jquery_tabs li.current a,
.jquery_tabs li.current a:focus,
.jquery_tabs li.current a:hover,
.jquery_tabs li.current a:active{
color: #666;
text-decoration: none;
font-weight: bold;
background: #fff;
border-color: #eee;
}
.js .jquery_tabs .current-info,
.js .jquery_tabs .accessibletabsanchor{
position:absolute;
left:-999em;
}



.blochover{
cursor: pointer;
color:#666;
filter:alpha(opacity=80);
opacity:0.8;
}
.blochover a,.blochover dt,.blochover dd{
color:#666;
}

/*検索ヒット*/
.punc{color:#ccc;}
#area_list .bloc_head{
margin:0 5px 5px 0;
padding:5px;
background:#222;
color:#fff;
}

#area_list .bloc_head ul.pages{
padding:0 0 5px 0;
border-top:0px solid #666;
border-bottom:0px solid #666;
}
#area_list .bloc_head ul.pages li{
width:33%;
float:left;
}
#area_list .bloc_head ul.pages li.left{
text-align:left;
white-space:nowrap;
}
#area_list .bloc_head ul.pages li.center{
text-align:center;
white-space:pre;
}
#area_list .bloc_head ul.pages li.right{
text-align:right;
white-space:nowrap;
}
#area_list .bloc_head ul.pages li span{
border:0px solid #333;
}
#area_list .bloc_head li a:link,#area_list .bloc_head li a:visited{
color:#fff;
}
#area_list .bloc_head li a:hover,#area_list .bloc_head li a:active{
color:#f00;
}
#area_list .bloc_head select{
border:1px solid #222;
}
/*検索ノーヒット*/
#area_list .bloc_nohit{
margin:0 auto;
clear:both;
}
#area_list .bloc_nohit p{
padding:100px 0;
text-align:center;
}

/*検索リスト*/
#area_list{
color:#333;
}
#area_list .page_head h2{
height:20px;
margin:0 0 10px 0;
padding:0 0 0 27px;
background:url("../img/icon_book.gif") left center no-repeat;
font-size:11px;
line-height:20px;
color:#333;
}

#area_list .bloc_wr{
margin:5px 5px 5px 0;
padding:5px;
background:#fcfcfc url("../img/bg_note.gif") left top repeat-x;
}
#area_list .bloc{
width:585px;
position:relative;
float:left;
}

#area_list .bloc h3{
width:320px;
margin:0 0 5px 0;
font-size:1.2em;
font-weight:normal;
}
#area_list .bloc ul.icons{
position:absolute;
top:10px;
right:10px;
}
#area_list .bloc ul.icons li{
float:left;
padding:0 0 0 1px;
}
#area_list .bloc h6{
text-align:left;
}
#area_list .bloc p{
min-height:90px;
}
#area_list .bloc table{
width:100%;
}
#area_list .bloc th{
width:135px;
height:140px;
margin:0;
padding:5px 5px 5px 0;
border-right:1px solid #fff;
text-align:center;
vertical-align:top;
}
#area_list .bloc td{
margin:0;
padding:5px;
border-right:1px solid #fff;
vertical-align:top;
}

#area_list .bloc_buy{
width:120px;
margin:8px 0 5px 5px;
float:left;
}
#area_list .bloc_buy ul{
min-height:110px;
}
#area_list .bloc_buy li{
padding:0 0 5px 0;
}
#area_list .bloc_buy select{
}
#area_list .bloc_buy input[type='text']{
text-align:right;
}
#area_list .bloc_buy h6{
text-align:center;
}


/*商品ルート*/
#area_detail{
color:#333;
}
#area_detail .page_head h2{
height:20px;
margin:0 0 10px 0;
padding:0 0 0 27px;
background:url("../img/icon_book.gif") left center no-repeat;
font-size:11px;
line-height:20px;
color:#333;
}
#area_detail .bloc_wr{
position:relative;
margin:0 5px 15px 0;
padding:5px;
border:0px solid #eee;
background:#fcfcfc url("../img/bg_note.gif") left top repeat-x;
}
#area_detail h3{
width:500px;
margin:0 0 10px 0;
font-size:1.8em;
font-weight:normal;
}

#area_detail ul.icons{
position:absolute;
top:10px;
right:10px;
}
#area_detail ul.icons li{
float:left;
padding:0 0 0 1px;
}
/*タブ商品説明*/
#area_detail .bloc_main table{
width:99%;
margin:3px;
}

#area_detail .bloc_main th{
width:305px;
height:305px;
margin:0;
padding:5px;
border-right:1px solid #eee;
background:#eee;
text-align:center;
vertical-align:top;
}
#area_detail .bloc_main td{
margin:0;
padding:10px;
border:0px solid #ccc;
vertical-align:top;
}
#area_detail .bloc_main p{
width:100%;
}

#area_detail .bloc_buy{
background:#222;
}
#area_detail .bloc_buy ul{
margin:5px 0;
padding:0 10px;
float:left;
border-right:0px solid #fff;
color:#fff;
}
#area_detail .bloc_buy li{
padding:0 0 0 3px;
float:left;
vertical-align:middle;
}
#area_detail .bloc_buy select{
}
#area_detail .bloc_buy input[type='text']{
text-align:right;
}

#area_detail .bloc_buy img{
float:right;
margin:5px;
}


/*タブ詳細画像*/
#area_detail .bloc_sub h4,#area_detail .bloc_sub p{
display:none;
}

#area_detail .bloc_sub div{
width:221px;
height:221px;
margin:3px;
padding:4px;
float:left;
background:#eee;
}

/*タブレビュー*/
#area_detail .bloc_review h4{
margin:5px 5px 0 5px;
padding:5px;
text-align:left;
clear:both;
}
#area_detail .bloc_review p{
margin:0 5px 15px 5px;
padding:5px;
background:#eee;
text-align:left;
}
#area_detail .bloc_review h6{
margin:100px 0;
text-align:center;
}

/*タブ関連商品*/
#area_detail .bloc_relation div.bloc{
width:339px;
float:left;
margin:3px;
padding:5px;
background:#eee;
}
#area_detail .bloc_relation h6{
text-align:right;
}
#area_detail .bloc_relation table{
width:100%;
}
#area_detail .bloc_relation th{
width:95px;
height:90px;
margin:0;
padding:0 5px 0 0;
border-right:1px solid #fff;
text-align:center;
vertical-align:top;
}
#area_detail .bloc_relation td{
margin:0;
padding:0 0 0 5px;
border:0px solid #ccc;
vertical-align:top;
}
#area_detail .bloc_relation p{
min-height:35px;
margin:2px 0;
padding:0;
border-top:1px solid #fff;
text-align:left;
clear:both;
}


/*タブトラックバック*/
#area_detail .bloc_tb input[type='text']{
}
#area_detail .bloc_tb h4{
margin:5px 5px 0 5px;
padding:5px;
text-align:left;
clear:both;
}
#area_detail .bloc_tb p{
margin:0 5px 15px 5px;
padding:5px;
background:#eee;
text-align:left;
}
#area_detail .bloc_tb h6{
margin:100px 0;
text-align:center;
}



/***** ニュース *****/
#area_news{
float:left;
margin:0 0 15px 0;
color:#333;
}
#area_news .bloc_head{
width:700px;
margin:0 0 5px 0;
padding:1px 10px;
background:#222;
clear:both;
color:#fff;
}

#area_news .bloc_wr{
width:710px;
margin:0 5px 5px 0;
padding:5px;
border:0px solid #eee;
background:#fcfcfc url("../img/bg_note.gif") left top repeat-x;
}
#area_news .bloc{

}
#area_news h2{
height:20px;
margin:0 0 10px 0;
padding:0 0 0 27px;
background:url("../img/icon_book.gif") left center no-repeat;
font-size:11px;
line-height:20px;
color:#333;
}
#area_news h6{
width:100%;
text-align:right;
}
#area_news dl{
padding: 0 0 3px 0;
}
#area_news dt{
padding:0 0 0 0;
border-top:0px solid #eee;
border-bottom:1px solid #fff;
}
#area_news dd{
}
#area_news p{

}
/***** 新刊 *****/
#area_updated{
width:730px;
float:left;
margin:0 0 15px 0;
color:#333;
}
#area_updated .bloc_head{
width:700px;
margin:0 0 5px 0;
padding:1px 10px;
background:#222;
clear:both;
color:#fff;
}
#area_updated .bloc_wr{
float:left;
width:226px;
margin:0 5px 5px 0;
padding:5px;
border:0px solid #eee;
background:#fcfcfc url("../img/bg_note.gif") left top repeat-x;
}
#area_updated .bloc{

}
#area_updated h2{
height:20px;
margin:0 0 10px 0;
padding:0 0 0 27px;
background:url("../img/icon_book.gif") left center no-repeat;
font-size:11px;
line-height:20px;
color:#333;
}
#area_updated h6{
width:100%;
text-align:right;
}
#area_updated .bloc img{
border:0px solid #fff;
}

#area_updated dl{
}
#area_updated dt{
}
#area_updated dd{
}
#area_updated p{
}
#area_updated table{
width:100%;
margin:0;
padding:0;
border-bottom:1px solid #fff;
}
#area_updated th{
width:95px;
height:95px;
margin:0;
padding:0 5px 0 0;
border-right:1px solid #fff;
text-align:center;
vertical-align:top;
}
#area_updated td{
min-height:95px;
margin:0;
padding:0 0 0 5px;
border:0px solid #ccc;
vertical-align:top;
}


/***** おすすめ *****/
#area_recommend{
width:730px;
float:left;
margin:0 0 15px 0;
color:#333;
}
#area_recommend .bloc_head{
width:700px;
margin:0 0 5px 0;
padding:1px 10px;
background:#222;
clear:both;
color:#fff;
}
#area_recommend .bloc_wr{
float:left;
width:226px;
margin:0 5px 5px 0;
padding:5px;
border:0px solid #eee;
background:#fcfcfc url("../img/bg_note.gif") left top repeat-x;
}
#area_recommend .bloc{

}
#area_recommend h2{
height:20px;
margin:0 0 10px 0;
padding:0 0 0 27px;
background:url("../img/icon_book.gif") left center no-repeat;
font-size:11px;
line-height:20px;
color:#333;
}
#area_recommend h6{
width:100%;
text-align:right;
}
#area_recommend .bloc img{
border:0px solid #fff;
}

#area_recommend dl{
}
#area_recommend dt{
}
#area_recommend dd{
}
#area_recommend p{
}
#area_recommend table{
width:100%;
margin:0;
padding:0;
border-bottom:1px solid #fff;
}
#area_recommend th{
width:95px;
height:95px;
margin:0;
padding:0 5px 0 0;
border-right:1px solid #fff;
text-align:center;
vertical-align:top;
}
#area_recommend td{
margin:0;
padding:0 0 0 5px;
border:0px solid #ccc;
vertical-align:top;
}

/***** メガバナー *****/
#area_megabanner{
float:left;
margin:0 0 15px 0;
color:#333;
}

#area_megabanner .bloc_wr{
width:720px;
height:160px;
margin:0 5px 5px 0;
padding:0px;
border:0px solid #eee;

}
#area_news .bloc{

}

/***** バナー *****/
#area_banner{
margin:0 0 15px 0;
color:#333;
}
#area_banner .bloc_side{
width:160px;
margin:0 0 5px 0;
padding:5px;
border:0px solid #eee;
background:#fff;
}
#area_banner h2{
height:20px;
margin:0 0 10px 0;
padding:0 0 0 27px;
background:url("../img/icon_book.gif") left center no-repeat;
font-size:11px;
line-height:20px;
color:#333;
}

/***** カテゴリー *****/
#area_category{
margin:0 0 15px 0;
color:#333;
}

#area_category .bloc_side{
width:160px;
margin:0 0 5px 0;
padding:0;
border:5px solid #eee;
background:#fff;
}

#area_category h2{
height:20px;
margin:0 0 10px 0;
padding:0 0 0 27px;
background:url("../img/icon_book.gif") left center no-repeat;
font-size:11px;
line-height:20px;
color:#333;
}
#area_category ul{
}

#area_category li span{
display:block;
padding:0 0 0 15px;
background:url("../img/arrow1.gif") 0 3px no-repeat;
}
#area_category li.onmark span{
padding:0 0 0 15px;
background: url("../img/arrow2.gif") 0 3px no-repeat;
}
#area_category li.level1{
border-top:2px solid #ae3;

font-weight: bold;
}
#area_category li.level1 ul{
border-top:1px solid #eee;
}
#area_category li.level1 li{
padding:0 0 0 7px;
border-bottom:1px solid #eee;
background:#fff;
font-weight: normal;
}

#area_category a{color:#000;letter-spacing:0.01em;}
#area_category a:link{color:#000;}
#area_category a:visited{color:#000;}
#area_category a:hover{color:#f00;}
#area_category a:active{color:#f00;}

#area_category li a.onlink{color:#000;}
#area_category li a.onlink:link{color:#f00;}
#area_category li a.onlink:visited{color:#f00;}
#area_category li a.onlink:hover{color:#f00;}
#area_category li a.onlink:active{color:#f00;}

/***** カート *****/
#area_cart{
margin:0 0 5px 0;
color:#222;
font-size:10px;
*font-size:9px;
}
#area_cart .bloc_side{
width:160px;
margin:0 0 5px 0;
padding:5px;
border:0px solid #eee;
background:#ae3;
}
#area_cart dl{
padding:0 0 3px 0;
}
#area_cart dt{
float:left;
padding:0 0 0 0;
}
#area_cart dd{
}
#area_cart p{
border-top:1px solid #fff;
}
#area_cart h2{
height:20px;
margin:0 0 10px 0;
padding:0 0 0 27px;
background:url("../img/icon_book.gif") left center no-repeat;
font-size:11px;
line-height:20px;
color:#333;
}
#area_cart h6{
width:100%;
text-align:center;
}

/***** 検索 *****/
#area_search {
margin:0 0 15px 0;
color:#333;
}
#area_search .bloc_side{
width:160px;
margin:0 0 5px 0;
padding:5px 0 5px 10px;
border:0px solid #eee;
background:#eee;
}
#area_search h2{
height:20px;
margin:0 0 10px 0;
padding:0 0 0 27px;
background:url("../img/icon_book.gif") left center no-repeat;
font-size:11px;
line-height:20px;
color:#333;
}
#area_search p{
padding:0 0 5px 0;
}
#area_search dl{
padding:0;
}
#area_search dt,#area_search dd{
float:left;
}
#area_search dt{
}
#area_search input[type='text']{
border: solid 1px #ae3;
*margin:-1px 0 0 0;
}
#area_search input[type='img']{

}
#area_search select{
border: solid 1px #eee;
}

/***** 利用ガイド *****/
#area_guide{
margin:0 0 15px 0;
color:#333;
}
#area_guide .bloc_side{
width:160px;
margin:0 0 5px 0;
padding:0 5px;
border:0px solid #eee;
background:#fff;
}
#area_guide h2{
height:20px;
margin:0 0 10px 0;
padding:0 0 0 27px;
background:url("../img/icon_book.gif") left center no-repeat;
font-size:11px;
line-height:20px;
color:#333;
}

/***** ログイン *****/
#area_login{
margin:0 0 15px 0;
color:#333;
}
#area_login .bloc_side{
width:160px;
margin:0 0 5px 0;
padding:5px;
border:0px solid #eee;
background:#eee;
}
#area_login dl{
padding:0 0 3px 0;
}
#area_login dt{
width:50px;
height:30px;
float:left;
padding:0 0 0 0;
}
#area_login dd{
height:30px;
}
#area_login ul{
}
#area_login li{
padding:0 0 3px 0;
}
#area_login p{
border-top:1px solid #fff;
padding:0 0 3px 0;
}
#area_login h2{
height:20px;
margin:0 0 10px 0;
padding:0 0 0 27px;
background:url("../img/icon_book.gif") left center no-repeat;
font-size:11px;
line-height:20px;
color:#333;
}
#area_login h6{
width:100%;
text-align:center;
}

/***** カレンダー *****/
#area_calendar{
margin:0 0 15px 0;
color:#333;
}
#area_calendar .bloc_side{
width:160px;
margin:0 0 5px 0;
padding:0 5px;
border:0px solid #eee;
background:#fff;
}
#area_calendar h2{
height:20px;
margin:0 0 10px 0;
padding:0 0 0 27px;
background:url("../img/icon_book.gif") left center no-repeat;
font-size:11px;
line-height:20px;
color:#333;
}
#area_calendar table{
width:100%;
margin:0 0 10px 0;
border:1px solid #ccc;
text-align:center;
}
#area_calendar th,#area_calendar td{
padding:2px;
border:1px solid #ccc;
}

#area_calendar th{
background:#ff8144;
color:#fff;
}
#area_calendar td{
background:#fff;
color:#999;
}
#area_calendar .off{
background:#ffeecc;
color:#e04A00;
}
#area_calendar caption{
color:#dd4400;
}