@charset "UTF-8";

/***********************************

【hack覚書】
★Internet Explorer 6のみ適用
* html .hogehoge{}

★Internet Explorer 7のみ適用
*+html .hogehoge{}

★Internet Explorer 8のみ適用
html>/＊＊/body .hogehoge{
	プロパティ/＊\＊＊/ : 値\9;
}
（＊は小文字に直してから使用してください。）


***********************************/

@import "./base.css";

#right_box a:hover img{
	filter: alpha(opacity=70);
  	-moz-opacity:0.7;
  	opacity:0.7;
}

#right_box ul li{
	list-style-type: none;
}

#right_box p strong{
	color: #FF0000;
}

/*
#right_box h2,
#right_box h3{
	color: #FFFFFF;
	margin: 0 0 10px;
	padding: 16px 0 0 10px;
	height: 40px;
	width: 100%;
	background-image: url('../reform/img/bg_title.png');
	background-repeat: no-repeat;
	background-position: left top;
}

#right_box h3{
	margin-top: 20px;
	clear: both;
}
*/

.redbold{
	color: #f00;
	font-weight: bold;
}
#right_box div.inquiry{
	margin: 20px 0;
}

#right_box div.thumb{
	text-align: center;
}

#right_box div.thumb img{
	border: 1px solid #CCCCCC;
}


/* リピート・紹介率90%
*********************************************************/
#index p.bg_text{
	padding: 100px 180px 10px 0;
	background-image: url(../reform/img/bg_index01.png);
	background-position: left top;
	background-repeat: no-repeat;
}

/* ショールーム
*********************************************************/
#showroom p.bg_text{
	padding: 470px 260px 10px 0;
	background-image: url(../reform/img/bg_showroom01.png);
	background-position: left top;
	background-repeat: no-repeat;
}

/* お客様インタビュー
*********************************************************/
#interview ul.entrance li{
	display: inline-block;
	margin-bottom: 10px;
}
#interview ul.entrance li:nth-child(2n+1){
	margin-right: 15px;
}
/* 詳細ページ用 */
#interview .interviewbox > ul >li{
	margin: 0 0 50px;
	border-bottom: 1px dashed #3b3b3b;
}
#interview .interviewbox > ul >li> div{
	font-size: 130%;
	font-weight: bold;
	padding: 2px 0 10px 70px; 
	background-position: left top;
	background-repeat: no-repeat;
}
#interview .cate_all > ul >li> div{
	color: #66AE32;
	background-image: url(../reform/img/icon_all.png);
}
#interview .cate_kitchen > ul >li> div{
	color: #F09F45;
	background-image: url(../reform/img/icon_kitchen.png);
}
#interview .cate_wc > ul >li> div{
	color: #7B4C8A;
	background-image: url(../reform/img/icon_wc.png);
}
#interview .cate_japanese > ul >li> div{
	color: #58814B;
	background-image: url(../reform/img/icon_japanese.png);
}
#interview .cate_exterior > ul >li> div{
	color: #C66340;
	background-image: url(../reform/img/icon_exterior.png);
}
#interview .cate_living > ul >li> div{
	color: #C57880;
	background-image: url(../reform/img/icon_living.png);
}
#interview .cate_bath > ul >li> div{
	color: #44A5B0;
	background-image: url(../reform/img/icon_bath.png);
}
#interview .cate_etc > ul >li> div{
	color: #5378AF;
	background-image: url(../reform/img/icon_etc.png);
}

#interview .interviewbox > ul >li> div > span{
	display: block;
	border-bottom: 1px solid #3b3b3b;
}
#interview .interviewbox > ul >li> ul{
	overflow: hidden;
	margin: 10px 0 50px;
}
#interview .interviewbox > ul >li> ul li{
	width: 45%;
	display: inline-block;
	vertical-align: top;
}
#interview .interviewbox > ul >li> ul.single li{
	width: 100%;
}
#interview .interviewbox > ul >li> ul span{
	display: block;
	color: #FFF;
	padding: 2px 5px;
	margin-bottom: 5px;
}
#interview .interviewbox > ul >li> ul li:nth-child(2n+1) span{
	background: rgb(251,176,0);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYjAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(251,176,0,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(251,176,0,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left,  rgba(251,176,0,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(251,176,0,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(251,176,0,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(251,176,0,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb000', endColorstr='#ffffff',GradientType=1 );
}
#interview .interviewbox > ul >li> ul li:nth-child(2n+1) div{
	text-align: right;
	margin: 1em 0 0;
}
#interview .interviewbox > ul >li> ul li:nth-child(2n+0){
	margin-left: 9%;
}
#interview .interviewbox > ul >li> ul li:nth-child(2n+0) span{
	background: rgb(168,169,169);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YTlhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(168,169,169,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(168,169,169,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left,  rgba(168,169,169,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(168,169,169,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(168,169,169,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(168,169,169,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a9a9', endColorstr='#ffffff',GradientType=1 );
}
#paging .pagination{
	text-align: center;
}

#paging .pagination a{
	background-image: url("../img/icon_paging.png");
	background-repeat: no-repeat;
	background-position: right top;
	height: 27px;
	width: 22px;
	display: inline-block;
	margin: 0 10px 0 0;
}

#paging .pagination a.selected{
	background-position: left top;
}

#interview .lightbox img{
	width: 100%;
}
#interview .lightbox a img{
	margin: 0.5em 0;
}


/* 小林家のリフォーム物語
*********************************************************/
#story #right_box p{
	line-height: 160%;
	overflow: hidden;
}

#story #right_box img.img_right{
	margin-bottom: 1em;
}

#story #right_box .textblue{
	color: blue;
	font-size: 110%;
	font-weight: bold;
}

#story #right_box .textpink{
	color: #FF33CC;
	font-size: 110%;
	font-weight: bold;
}

#story #right_box .textorange{
	color: #FF6600;
	font-size: 110%;
	font-weight: bold;
}

#story #right_box .textgreen{
	color: green;
	font-size: 110%;
	font-weight: bold;
}

#story div.btn{
	text-align: center;
	margin: 20px 0 40px;
}

/* 小工事メニュー
**********************************/
#small-menu #right_box dl{
	padding-top: 8px;
	padding-bottom: 30px;
}

#small-menu #right_box dl dt{
	font-size: 110%;
	font-weight: bold;
	margin-left: 248px;
	background-image: url('../reform/img/bg_point.png');
	background-repeat: repeat-x;
	background-position: center 10px;
}

#small-menu #right_box img.img_l{
	float: left;
}
#small-menu #right_box dl dt span{
	background-color: #FFFFFF;
	padding-right: 4px;
}

#small-menu #right_box dl dd{
	color: #ff0000;
	font-size: 110%;
	font-weight: bold;
	text-align: right;
	margin-left: 480px;
	margin-top: -1.4em;
	margin-bottom: 20px;
	width: 112px;
	background-color: #FFFFFF;
}

*+html #small-menu #right_box dl dt{
	margin-left: 248px;
}

*+html #small-menu #right_box dl dd{
	width: 110px;
	margin-left: 476px;
}