/* ------------------------------------------- CSS Information
 File Name:      style.css
 Author:         furuta
                 tachibana
 Style Info:     index.html に反映される
 ----------------------------------------------------------- */

.sub_container {
	width: 960px;
	margin:0 auto;
	overflow: auto;
}
.sub_container_left {
	width: 230px;
	margin: 30px 0 0 0px;
	float: right;
	display: inline;
	text-align:right;
}
.sub_container_left_content {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	width: 230px;
}

.sub_container_center {
	width: 710px;
	margin: 30px 0 50px 0px;
	float: left;
	display: inline;
	overflow: auto;
	clear: both;
}
.sub_container_center img { text-align:left;}



/*特別行事用注意書き*/
.home_attention{
	margin-bottom: 1em;
	border: 1px #CC0000 dotted;
	color:  #CC0000;
}
.home_attention p{
	text-align:center;
}
.home_attention p a{
	padding: 1em 1.5em;
	display:block;
	text-align:center;
	color:  #CC0000;
}

/*特集ページバナー*/
.sub_feature_banner {
	width:100%; margin:0 0 2em; text-align: center;
}
.sub_feature_banner a{
	display: block;
	width:100%;
}

/*商品ランキング*/
.sub_ranking_container {
	width:100%; margin:0 0 2em; text-align:left;
	font-size: 0.9em;
}
	/*Clearfix*/
	.sub_ranking_container:after{
		content: url(../images/spacer.gif);
		display: block;
		clear: both;
		height: 0;
	}

.sub_ranking_container ul {
	display: inline;

}
.sub_ranking_container li {
	display: block;
	float: left;
	width: 142px;
	height: 210px;
	margin: 0;
}
.sub_ranking_container li a{
	display: block;
	float: left;
	margin: 0;
	padding: 21px;
}
.sub_ranking_container li span{
	display: block;
	width: 100px;
	margin-top: 0.5em;
	text-align: center;
}
.sub_ranking_container li.sub_ranking_1{
	position:  relative;
	background : url('../images/ranking_img_bg1.png') left bottom repeat-x;
}
.sub_ranking_container li.sub_ranking_1:after{
	position: absolute;
	top: 5px;
	left: 10px;
	content: url('../images/ranking_img_rank_1.png');
}
.sub_ranking_container li.sub_ranking_2{
	position:  relative;
	background: url('../images/ranking_img_bg2.png') left bottom repeat-x;
}
.sub_ranking_container li.sub_ranking_2:after{
	content: url('../images/ranking_img_rank_2.png');
	position: absolute;
	top: 5px;
	left: 10px;
}
.sub_ranking_container li.sub_ranking_3{
	position:  relative;
	background: url('../images/ranking_img_bg3.png') left bottom repeat-x;
}
.sub_ranking_container li.sub_ranking_3:after{
	content: url('../images/ranking_img_rank_3.png');
	position: absolute;
	top: 5px;
	left: 10px;
}
.sub_ranking_container li.sub_ranking_4{
	position:  relative;
	width: 141px;
	border-right: 1px dotted #D8D8D8;
}
.sub_ranking_container li.sub_ranking_4:after{
	content: url('../images/ranking_img_rank_4.png');
	position: absolute;
	top: 5px;
	left: 10px;
}
.sub_ranking_container li.sub_ranking_5{
	position:  relative;
}
.sub_ranking_container li.sub_ranking_5:after{
	content: url('../images/ranking_img_rank_5.png');
	position: absolute;
	top: 5px;
	left: 10px;
}




/*おすすめ商品*/
dl.sub_osusume_container {
	width:100%; margin:0 0 2em; text-align:left;
}
	/*Clearfix*/
	dl.sub_osusume_container:after{
		content: url(../images/spacer.gif);
		display: block;
		clear: both;
		height: 0;
	}
dl.sub_osusume_container dt,
dl.sub_osusume_container_top dt {
	clear:both;
	padding: 0 0;
	background: #fff;
}
dl.sub_osusume_container dd{
	width:345px; font-size:90%;
}
dl.sub_osusume_container dd.fl_l{
	float:left; margin:0 13px 22px 0;
}
dl.sub_osusume_container dd.fl_r{
	float:right; margin:0 0 22px 0;
}


.sub_container_center_content {
	padding: 0px;
}
	/*Clearfix*/
	.sub_container_center_content:after{
		content: url(../images/spacer.gif);
		display: block;
		clear: both;
		height: 0;
	}
dl.sub_osusume_container .pickup {
	/*background-color:#fff7f8;
	border: 1px dotted #FFE1E1;*/
}

.sub_container_center_content_catch {
	margin-bottom: 18px;
}
.sub_container_center_content_left {
	width: 100px;
	height: 99px;
	float: left;
	overflow: hidden;
}
.sub_container_center_content_right {
	text-align: left;
	width: 233px;
    display: block;
    float: right;
}
.sub_container_center_content_right img {
	margin-bottom: 5px;
}
.sub_container_center_content_right p {
	line-height: 1.5em;
}
.info_area {
	width: 710px;
	margin-bottom: 1em;
	text-align:left;
	overflow: auto;
}
.info_area_catch { clear:both;}
.info_area .info_content {
	padding: 8px 6px;
	border-bottom: 1px dotted #333333;
	line-height: 130%;
	overflow: auto;
	clear:both;
}
.camel {color:#B6802D; font-size:13px; }
.info_area dl.accordion dt .info_content a { display:block; float:right; width: 500px; text-tlign:left;}

.info_area dl.accordion dd {float:left; margin:0 0 1.5em ; padding:0; vertical-align:bottom; }
.info_area dl.accordion dd p { clear:both;}
.info_area dl.accordion dd img {vertical-align:bottom;}
.info_area dl.accordion dd { width:100%;}
.info_area dl.accordion dd a { display:block; float:right; width: 500px; text-tlign:left;}
.date { width:95px; display:block; float:left;}
.rabel { width:82px; display:block; float:left;}
.sub_container_right {
	width: 234px;
	margin: 30px 18px 0 0;
	float: right;
	display: inline;
	overflow: hidden;
}
.sub_container_right_content {
	width: 234px;
	margin-bottom: 18px;
}
.sub_container_right_content_list {
	width: 232px;
}
.banner_ara {
	vertical-align: top;
}
.sub_container_right_content object {
	width: 234px;
	height: 96px;
	display: block;
}
.sub_container_right_content_list img {
	margin-bottom: 15px;
}
.info_area dl.sub_content_container { width:228px; float:left; display:inline; overflow:auto; border:1px solid #ccc; overflow: hidden;}
.info_area dl.sub_content_container dd { float:left; width:219px; height:65px; margin:0;}
.info_area dl.sub_content_container dd.content_right { background-color:#ff9c4c; width:9px;}
.info_area dl.sub_content_container dd.content_right img { margin-top:26px; margin-left:2px;}
.info_area dl.sub_content_container dd.content_right a { display: block; height: 65px;}

.mlr10 { margin-left:10px; margin-right:10px;}

span.dis_sp, .dis_sp {display:none;}
.sub_container_left_content_list { margin:0 0 4em;}
.sub_container_left_content_mzero { margin:0;}