@charset "utf-8";

/**
*
*	/products/colorio/css/index_wide.css
*/

/*************************************************************************
 *		カラリオトップのCSSを定義
*************************************************************************/

/*------------------------------------------------------------
*	特集バナー
*/
div#bn_feature { position:relative; width:184px; height:287px; background:url(../images/index_wide/bg_feature.gif) no-repeat; }

div#bn_feature ul.slide { position:absolute; left:1px; top:1px; width:182px; height:271px; font-size:0; line-height:1; }
div#bn_feature ul.slide li { display:none; position:absolute; left:0; top:0; width:100%; z-index:1; }

div#bn_feature ul.nav { position:absolute; left:0; top:272px; width:100%; height:15px; font-size:0; line-height:1; }
div#bn_feature ul.nav li { width:61px; float:left; }
div#bn_feature ul.nav li a { display:block; width:100%; height:15px; }
div#bn_feature ul.nav li a span { display:none; width:100%; height:100%; background:url(../images/index_wide/bt_feature.gif) no-repeat; cursor:pointer; }
div#bn_feature ul.nav li.bt_feature_03 { width:62px; }
div#bn_feature ul.nav li.bt_feature_01 a span { background-position:0 0; }
div#bn_feature ul.nav li.bt_feature_02 a span { background-position:-61px 0; }
div#bn_feature ul.nav li.bt_feature_03 a span { background-position:-122px 0; }


/*------------------------------------------------------------
*	コンテンツエリア
*/
#colorio_contents_local_contents_full #areaMainvisual {
	margin:0 0 20px 0;
	width:715px;
	height:287px;
	position:relative;
	overflow:hidden;
}
#colorio_contents_local_contents_full #areaMainvisual .mainBnr {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:715px;
	height:287px;
}
#colorio_contents_local_contents_full #areaMainvisual .mainBnr li {
	position:absolute;
	left:0;
	top:0;
}
#colorio_contents_local_contents_full #areaMainvisual .subBnrBg {
	display:none;
	width:220px;
	height:287px;
	position:absolute;
	right:0;
	top:0;
	background-color:#000000;
	filter:alpha(opacity=50);
	-ms-filter:alpha(opacity=50);
	opacity:0.5;
}
#colorio_contents_local_contents_full #areaMainvisual .subBnr {
	display:none;
	position:absolute;
	right:10px;
	top:10px;
}
#colorio_contents_local_contents_full #areaMainvisual .subBnr li {
	margin-bottom:4px;
}
#colorio_contents_local_contents_full #areaMainvisual .noscriptBlock {
	width:715px;
	height:287px;
	background-color:#d0d0d0;
	text-align:center;
}
#colorio_contents_local_contents_full #areaMainvisual .noscriptBlock p {
	padding-top:137px;
}

#colorio_contents_local_contents_full #tit_useScene{
	margin:0 0 8px 0;
}

#colorio_contents_local_contents_full .bg_info_couple_middle{
	margin:0 0 20px 0;
	background:url(/products/colorio/images/index_wide/bg_info_couple_middle_716_5.gif) left top repeat-y;
}
#colorio_contents_local_contents_full .bg_info_couple_bottom{
	background:url(/products/colorio/images/index_wide/bg_info_couple_bottom_716_5.gif) left bottom no-repeat;
}
#colorio_contents_local_contents_full .bg_info_couple_bottom .fl,
#colorio_contents_local_contents_full .bg_info_couple_bottom .fr{
	width:353px;
}

#colorio_contents_local_contents_full .bg_info_single_bottom .inner_info{
	padding:5px;
}
#colorio_contents_local_contents_full .bg_info_single_bottom .list_info dt{
	margin:5px 0px 0px 5px;
	padding:5px 0 5px 0;
	clear:both;
	float:left;
	vertical-align: top;	
}
#colorio_contents_local_contents_full .bg_info_single_bottom .list_info dt img{
margin-left: 8px;	
margin-right: 8px;	
vertical-align: top;	
}
#colorio_contents_local_contents_full .bg_info_single_bottom .list_info_detail,
#colorio_contents_local_contents_full .bg_info_single_bottom .list_info dd{
	margin:4px 0 0px 0px;
	padding:6px 0 7px 186px;
	background:url(/products/colorio/images/index_wide/bg_line_dotted_gray_10_1.gif) left bottom repeat-x;
}

#colorio_contents_local_contents_full .bg_info_single_bottom .list_info .list_info_detail_last{
	margin:0;
	padding:0;
	background:none;
}
#colorio_contents_local_contents_full .colorio_h2_long{
	position:relative;
}
#colorio_contents_local_contents_full .colorio_h2_long .bt_top_list_info{
	position:absolute;
	top:4px;
	right:5px;
}


#colorio_contents_local_contents_full .link2{
	display:block;
	padding-left: 1em;
	background: url(/products/colorio/common_wide/images/template/ico_link.gif) 0 0.4em no-repeat;
}

#colorio_contents_local_contents_full .bg_info_single_middle{
	width:716px;
	background:url(/products/colorio/images/index_wide/bg_info_single_middle_716_5.gif) left top repeat-y;
}
#colorio_contents_local_contents_full .bg_info_single_bottom{
	width:716px;
	background:url(/products/colorio/images/index_wide/bg_info_single_bottom_716_5.gif) left bottom no-repeat;
}
#colorio_contents_local_contents_full .bg_info_single_top{
	width:716px;
	background:url(/products/colorio/images/index_wide/bg_info_single_top_716_5.gif) left top no-repeat;
}
#colorio_contents_local_contents_full .bg_info_single_top .fl_icon{
	margin:5px 20px 1px 16px;
	padding-bottom:1px;
}
#colorio_contents_local_contents_full .bg_info_single_top .ft{
	margin:15px 20px 15px 0;
	margin-top:15px;
}

#colorio_contents_local_contents_full .bg_info_single_top dl.icon_list dd{
	margin:0;
}