@charset "UTF-8";
/********************************
イデークラブ
*********************************/
#tit_head{
	background-color:#fafaf8;
}

#tit_head h3.md{ padding-bottom:15px;}
#tit_head h3.bg_obi{
	background-image:url(http://www.idee.co.jp/imgs/contract_h3_bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	height:19px !important;
}

#ideeclub_box{
	font-size:12px;
	line-height:180%;
}

#ideeclub_box #ideeclub_head{
	height:auto !important;
	height:237px;
	min-height:237px;
	background-color:#ffffff;
	background-image:url(../service/img/service_club_img_01.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	padding:18px 322px 0 21px;
	margin-bottom:27px;
}

#ideeclub_box #ideeclub_head h2{ margin-bottom:15px;}
#ideeclub_box a.underline{}

#ideeclub_box .ic_arrow{
	background-image:url(../service/img/ic_arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:11px;
}

#ideeclub_box dl.club_list{
	width:604px;
	margin:0 auto 5px 21px;
}

#ideeclub_box dl.club_list dt{
	width:81px;
	float:left;
}

#ideeclub_box dl.club_list dd{
	margin-left:100px;
	font-size:12px;
	color:#504a48;
}

#ideeclub_box dl.club_list dd ul li{ margin-bottom:10px;}
#ideeclub_box dl.club_list dd ul li p{ padding-left:18px;}


#ideeclub_box .line_double{
	background-image:url(../service/img/line_double.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding-bottom:10px;
	margin-bottom:18px;
}


.pad_foot_38px{ margin-bottom:38px !important;}
.pad_l_21px{ padding-left:21px;}

/********************************
イデーのトータルコーディネート･サービス
*********************************/
#totalcoordinate_box{}

#totalcoordinate_box #totalcoordinate_head{
	padding-top:28px;
	padding-bottom:29px;
	background-color:#ffffff;
}
#totalcoordinate_box #totalcoordinate_head dl{
	width:628px;
	margin:0 auto;
}

#totalcoordinate_box #totalcoordinate_head dl dt{
	width:300px;
	background-image:url(../service/img/totalcoordinate_head_line.gif);
	background-repeat:repeat-y;
	background-position:right top;
	padding-right:30px;
	font-size:12px;
	line-height:180%;
	float:left;
}

#totalcoordinate_box #totalcoordinate_head dl dd{
	margin-left:330px;
}

#totalcoordinate_box #totalcoordinate_head dl dd h4{ margin-bottom:14px;}

table.totalcoordinate_tab{
	width:295px;
}

table.totalcoordinate_tab th,
table.totalcoordinate_tab td{
	padding:5px;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	font-weight:normal;
}

table.totalcoordinate_tab tr{
	background-image:url(../imgs/dotline.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

table.totalcoordinate_tab th a{
	background-image:url(../service/img/ic_arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:11px;
	display:block;
}

table.totalcoordinate_tab th{ width:170px;}



/*タブ部分*/
.tab_box{
	width:666px;
	margin:0;
	padding:11px 0 0 0;
	clear:both;
}

.tab_box ul li{
	height:39px;
	float:left;
	display:inline;
}


.tab_box ul li a{
	display:block;
	background: url(../service/img/totalcoordinate_tab.gif) no-repeat;
	overflow:hidden;
	height:0 !important;
	height /**/: 39px ;
	padding-top:39px;

}




.tab_box ul li#tab_layout,
.tab_box ul li#tab_green_garden{ width:169px;}
.tab_box ul li#tab_curtain,
.tab_box ul li#tab_walldecoration{ width:166px;}
.tab_box ul li#tab_rug,
.tab_box ul li#tab_repair{ width:165px;}
.tab_box ul li#tab_order,
.tab_box ul li#tab_concierge{ width:166px;}

.tab_box ul li#tab_layout a{background-position:0 0;}
.tab_box ul li#tab_green_garden a{background-position:0 -39px;}
.tab_box ul li#tab_curtain a{background-position:-169px 0;}
.tab_box ul li#tab_walldecoration a{background-position:-169px -39px;}
.tab_box ul li#tab_rug a{background-position:-335px 0;}
.tab_box ul li#tab_repair a{background-position:-335px -39px;}
.tab_box ul li#tab_order a{background-position:-500px 0;}
.tab_box ul li#tab_concierge a{background-position:-500px -39px;}


.tab_box ul li#tab_layout a:hover,
.tab_box ul.now_layout li#tab_layout a{background-position:0 -78px;}

.tab_box ul li#tab_curtain a:hover,
.tab_box ul.now_curtain li#tab_curtain a{background-position:-169px -78px;}

.tab_box ul li#tab_rug a:hover,
.tab_box ul.now_rug li#tab_rug a{background-position:-335px -78px;}

.tab_box ul li#tab_order a:hover,
.tab_box ul.now_order li#tab_order a{background-position:-500px -78px}

.tab_box ul li#tab_green_garden a:hover,
.tab_box ul.now_green_garden li#tab_green_garden a{background-position:0 -117px;}

.tab_box ul li#tab_walldecoration a:hover,
.tab_box ul.now_walldecoration li#tab_walldecoration a{background-position:-169px -117px;}

.tab_box ul li#tab_repair a:hover,
.tab_box ul.now_repair li#tab_repair a{background-position:-335px -117px;}

.tab_box ul li#tab_concierge a:hover,
.tab_box ul.now_concierge li#tab_concierge a{	background-position:-500px -117px;}




/**/
#layout_box,
#curtain_box,
#rug_box,
#order_box,
#green_garden_box,
#walldecoration_box,
#repair_box,
#concierge_box{
	clear:both;
}


#detail_box h4{
	background-color:#646f35;
	height:24px;
	padding-left:21px;
	clear:both;
	margin-bottom:18px;
}

#detail_box h5{ margin-bottom:8px;}
.pad_foot_32px{ margin-bottom:32px !important;}

#detail_box h4.white{ background-color:#ffffff !important;}

#detail_box p{ margin:0 0 1em 0 !important;}
#detail_box .wide_layout{ 
	width:628px;
	margin:0 auto 1em 21px !important; 
	clear:both;
	font-size:12px;
	line-height:180%;
}

#detail_box  ul.ic_arrow li{
	background-image:url(../service/img/ic_arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:11px;
	line-height:140%;
}

#detail_box  ul.ic_arrow li.ic_tel{
	background-image:url(../service/img/totalcoordinate_stit_tel.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:41px;
}


#detail_box .l_layout_box{
	width:405px;
	padding-left:21px;
	float:left;
	font-size:12px;
	line-height:180%;
}

#detail_box .l_layout_box h5{ margin-bottom:8px;}

#detail_box .r_layout_box{
	width:232px;
	float:right;
	text-align:left;
}

#detail_box .r_layout_box img{ margin-bottom:10px;}

/*SERVICE FLOW　コーディネートサービスの流れ*/
dl.flow_list{
	margin-left:21px;
	margin-bottom:5px;
}

dl.flow_list dt{
	height:16px;
	line-height:0;
}
dl.flow_list dd{
	background-image:url(../service/img/totalcoordinate_stit_arrow.gif);
	background-repeat:no-repeat;
	padding:10px 0 0 24px;
	font-size:12px;
}



/********************************
秋のファブリックキャンペーン
*********************************/
#tit_head_fabric{
	width:666px;
	height:61px;
	background-image:url(../service/img/fabriccamp_bg_head.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

#tit_head_fabric h3{}


#ideefabric_box{}
#ideefabric_box p{ margin-top:0 !important;}

#ideefabric_box #ideefabric_head{
	width:666px;
	height:411px;
	position:relative;
	background-color:#ffffff;
}

#ideefabric_box #ideefabric_head p{
	width:306px;
	margin-left:19px;
	margin-top:0 !important;
	margin-bottom:15px;
	font-size:12px;
	line-height:140%;
}

#ideefabric_box #ideefabric_head .bor_line{
	width:282px;
	position:absolute;
	bottom:22px;
	left:0;
	border:solid 1px #CEB5A3;
	padding:15px 11px 11px 11px;
	margin-left:19px;
	font-size:12px;
	line-height:160%;
}


#ideefabric_box #ideefabric_head #head_img{
	position:absolute;
	right:0;
	top:0;
}


#ideefabric_box .lead{
	padding:23px 40px 0 21px;
}

#ideefabric_box .lead p{ margin:0 0 15px 0;}
#ideefabric_box h4{
	background-color:#8B8227;
	padding-left:21px;
	margin-bottom:20px;
	clear:both;
}

#ideefabric_box h5{ font-size:12px;}

.col_txt_brown{ color:#85452C;}
.col_txt_fabricred{ color:#E63306;}
.pad_head_28px{ padding-top:28px !important;}
.pad_l_23px{ padding-left:23px !important;}
.pad_foot_10px{ padding-bottom:10px !important;}
.pad_foot_15px{ padding-bottom:15px !important;}
.pad_foot_18px{ margin-bottom:18px !important;}
.pad_foot_33px{ margin-bottom:33px !important;}

.r_txt{ text-align:right !important;}


/*左画像*/
#ideefabric_box dl.ideefabriclist_box{
	width:624px;
	margin:0 auto;
}

#ideefabric_box dl.ideefabriclist_box dt{
	width:214px;
	float:left;
}

#ideefabric_box dl.ideefabriclist_box dd{
	width:395px;
	float:right;
	font-size:12px;
}


/*右画像*/
#ideefabric_box dl.ideefabriclist_box_r{
	width:624px;
	margin:0 auto;
}

#ideefabric_box dl.ideefabriclist_box_r dt{
	width:395px;
	float:left;
	font-size:12px;
}

#ideefabric_box dl.ideefabriclist_box_r dd{
	width:214px;
	float:right;
}


#ideefabric_box .dotline{
	width:624px;
	margin:0 auto 21px auto;
	padding-bottom:21px;
	background-image:url(../service/img/fabriccamp_dotline.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	clear:both;
}

/**/
#ideefabric_box .noline{
	margin-bottom:21px;
}

/*140px　画像*/
#ideefabric_box dl.ideefabric_list{
	width:140px;
	float:left;
	margin-right:8px;
}

#ideefabric_box dl.ideefabric_list dt{ padding-bottom:8px;}
#ideefabric_box dl.ideefabric_list dt img{ vertical-align:top;}
#ideefabric_box dl.ideefabric_list dd{}

#ideefabric_box .fabric_layout{
	width:624px;
	margin: 0 auto;
	font-size:12px;
}


#ideefabric_box .l_box{
	width:195px;
	float:left;
}

#ideefabric_box .r_box{
	width:404px;
	float:right;
}