@charset "utf-8";
@import "../css/common.css";

.bgH{
    background: #A71C4A;
}
.h1Tit{
	color:#fff;
	font-size:12px;
	width:980px;
	margin:0 auto;
	padding:10px 0;
}
.top_news{
	border:#A71A4A 3px solid;
	width:980px;
	margin:0 auto;
	background:#Fff;
	margin-top:40px;
}
.top_news .txt{
	font-size:15px;
	text-align:center;
	font-weight:bold;
	padding:10px 0;
}
.top_news a{
	text-decoration:none;
}

.secRequest.top{margin-top:40px;}

/* nav_top */
#nav_top{
	padding-top:10px;
	border-bottom:#D75174 solid 5px;
}
#nav_top .navIn{
	width:980px;
	margin:0 auto;
	overflow:visible;
}
#nav_top .btnNav{
	display:block;
	width:163px;
	padding:10px 0 20px;
	float:left;
}
#nav_top .btnNav span{
	display:block;
	width:162px;
	border-left:#CCCCCC solid 1px;
	height:35px;
}
#nav_top .btn01 span{ background:url(../img/common/btnNav01.gif) left top no-repeat; }
#nav_top .btn02 span{ background:url(../img/common/btnNav02.gif) left top no-repeat; }
#nav_top .btn03 span{ background:url(../img/common/btnNav03.gif) left top no-repeat; }
#nav_top .btn04 span{ background:url(../img/common/btnNav04.gif) left top no-repeat; }
#nav_top .btn05 span{ background:url(../img/common/btnNav05.gif) left top no-repeat; }
#nav_top .btnNav:hover span,
#nav_top .btnNav.active span{ background-position:right top; }
#nav_top .btnShowroom{ float:left; }
#nav_top .btn05{
	position:relative;
}
#nav_top .navList{
	position:absolute;
	left:1px;
	top:65px;
	z-index:100;
}
#nav_top .navList a{
	display:block;
	width:162px;
	background:#A61A49;
	color:#FFFFFF;
	line-height:50px;
	text-align:center;
	border-bottom:#FFFFFF solid 1px;
}
#nav_top .navList a:last-child{ border-bottom:none; }
#nav_top .navList a:hover{ background:#B8486D; }

/*-----------------------------------------------
	slider
-----------------------------------------------*/

/* secIndexSlide */
.secIndexSlide{
	width:100%;
	margin:0 auto;
	height:510px;
	overflow:hidden;
	font-size:0px;
}

.secIndexSlide .wrapper{
	width:980px;
	margin:0 auto;
	position:relative;
}
.secIndexSlide .sliderOuter{
	width:980px;
	height:510px;
}

#slider{
	width:100%;
	height:510px;
	position:relative;
}

#slider .slide{
	background:#fff;
}
#btnSliderPrev a{
	display:block;
	width:28px;
	height:89px;
	background:url(../img/index/prev.png) left top no-repeat;
	position:absolute;
	top:210px;
	left:-25px;
	cursor:pointer;
	text-decoration:none;
}
#btnSliderPrev a:hover{
	background-position:right top;
}
#btnSliderNext a{
	display:block;
	width:28px;
	height:89px;
	background:url(../img/index/next.png) left top no-repeat;
	position:absolute;
	top:210px;
	right:-25px;
	cursor:pointer;
	text-decoration:none;
}
#btnSliderNext a:hover{
	background-position:right top;
}

/* secIndexBnr */
.secIndexBnr{
	width:980px;
	margin:0 auto;
	padding:40px 0;
}
.secIndexBnr li{
	width:310px;
	float:left;
	padding:0 25px 0 0;
}
.secIndexBnr li:last-child{
	padding-right:0;
}

#contents{
	width:100%;
	text-align:center;
	margin:0 auto;
}
#contents .contentsBox{
	width:980px;
	margin:0 auto;
}
#contents .contentsBox .bnr01{
	width:100%;
	background: url(../img/index/bgReform.jpg) no-repeat top center;
	height:540px;
	text-align:right;
}
.bnr01 .secReform{
	width:840px;
	margin:0 auto;
	padding:225px 0 0 0;
}
.bnr01 .secReform a{
	display:block;
	width:210px;
	height:265px;
	background:url(../img/index/bgBtnReform01.jpg) no-repeat top left;
	float:left;
	position:relative;
	text-decoration:none;
}
.bnr01 .secReform a:hover{
	background-position: right top;
}
.bnr01 .secReform a:hover span{
	filter:alpha(opacity=80);opacity:0.8;-webkit-opacity:0.8;-moz-opacity:0.8;-ms-opacity:0.8;-o-opacity:0.8;
}
.bnr01 .secReform a:hover span.imgReform{
	background-position: right top;
	filter:alpha(opacity=100);opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;
}
.bnr01 .secReform .imgReform{
	display:block;
	position:absolute;
	width:81px;
	height:81px;
	left:10px;
	top:-20px;
	z-index:999;
}
.bnr01 .secReform .imgReform.kitchen{ background: url(../img/index/imgReform01.png) no-repeat top left; }
.bnr01 .secReform .imgReform.bathroom{ background: url(../img/index/imgReform02.png) no-repeat top left; }
.bnr01 .secReform .imgReform.toilet{ background: url(../img/index/imgReform03.png) no-repeat top left; }
.bnr01 .secReform .imgReform.washstand{ background: url(../img/index/imgReform04.png) no-repeat top left; }

.bnr01 .secReform .frame{
	display:block;
	width:190px;
	height:160px;
	overflow:hidden;
	position:relative;
	margin:12px auto 0;
}
.bnr01 .secReform .frame img{
	position:absolute;
	width:auto;
	height:auto;
	min-width:100%;
	min-height:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate3d(-50%, -50%, 0);
	transform:translate3d(-50%, -50%, 0);
}
.bnr01 .secReform .secPrice{
	display:block;
	width:140px;
	text-align:right;
	padding:10px 0 0 28px;	
	font-family: 'Oleo Script', cursive;
	font-family: 'Ramabhadra', sans-serif;
	color:#A51946;
}
.bnr01 .secReform .secPrice .txtPrice01{
	font-size:54px;	
}
.bnr01 .secReform .secPrice .txtPrice02{
	font-size:34px;	
}



#contents .contentsBox .bnr01 .btnMore{
	width:210px;
	height:264px;
	position:absolute;
	top:70px;
	left:0px;
}

#contents .contentsBox .leftBox{
	width:488px;
	height:368px;
	float:left;
	border:1px solid #D6D6D6;
	background:#FFF;
}
#contents .contentsBox .leftBox .title{
	width:486px;
	height:56px;
	background-color:#E6E9E4;
	margin:0 auto;
	margin-top:1px;
	position:relative;
}
#contents .contentsBox .leftBox .title .txt{
	width:58px;
	height:16px;
	position:absolute;
	top:20px;
	left:336px;
}
#contents .contentsBox .leftBox .title .txt02{
	width:63px;
	height:16px;
	position:absolute;
	top:20px;
	left:410px;
}
#contents .contentsBox .leftBox .newsBox{
	width:460px;
	height:60px;
	border-bottom:1px dotted #999;
	margin:0 auto;
	color:#666666;
	display:block;
}

#contents .contentsBox .leftBox .newsBox:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
	-ms-opacity:0.8;
	-o-opacity:0.8;
}
#contents .contentsBox .leftBox .newsBox:last-child{
	border-bottom:none;
}
#contents .contentsBox .leftBox .newsBox .dayBox{
	width:139px;
	height:17px;
	float:left;
}
#contents .contentsBox .leftBox .newsBox .dayBox .txt{
	font-size:12px;
	line-height:100%;
	color:#666;
	text-align:left;
	margin-top:20px;
	font-family:Verdana;
}

#contents .contentsBox .leftBox .newsBox .dayBox .txt .tag{
	width:39px;
	height:17px;
	vertical-align:middle;
	padding-left:15px;
}
#contents .contentsBox .leftBox .newsBox .section{
	width:320px;
	float:left;
	height:60px;
}

#contents .contentsBox .leftBox .newsBox .section .sectionIn{
	text-align:left;
	margin-top:11px;
}
#contents .contentsBox .leftBox .newsBox .section .sectionIn .tabBefore01{
	background:url(../img/index/txtBgBefore.png) no-repeat center;
	width:49px;
	height:16px;
	float:left;	
	font-size:10px;
	line-height:120%;
	color:#fff;
	text-align:center;
	padding-top:1px;
	margin-right:5px;
}
#contents .contentsBox .leftBox .newsBox .section .sectionIn .tabBefore02{
	background:url(../img/index/txtBgBefore.png) no-repeat center;
	width:49px;
	height:16px;
	float:left;	
	font-size:10px;
	line-height:120%;
	color:#FFFF00;
	text-align:center;
	padding-top:1px;
	margin-right:5px;
}
#contents .contentsBox .leftBox .newsBox .section .sectionIn .tabNow{
	background:url(../img/index/txtBgOpen.png) no-repeat center;
	width:49px;
	height:16px;
	float:left;	
	font-size:10px;
	line-height:120%;
	color:#fff;
	text-align:center;
	padding-top:1px;
	margin-right:5px;
}
#contents .contentsBox .leftBox .newsBox .section .sectionIn .tabAfter{
	background:url(../img/index/txtBgAfter.png) no-repeat center;
	width:49px;
	height:16px;
	float:left;	
	font-size:10px;
	line-height:120%;
	color:#fff;
	text-align:center;
	padding-top:1px;
	margin-right:5px;
}
#contents .contentsBox .leftBox .newsBox .section .sectionIn .txt{
	font-size:12px;
	color:#333;
	white-space:normal;
	line-height:120%;
	height:17px;
	padding-top:2px;
	margin-left:5px;
}
#contents .contentsBox .leftBox .newsBox .section .sectionIn .txt02{
	font-size:12px;
	color:#666;
	white-space:normal;
	text-align:left;
	line-height:120%;
	float:left;
	padding-top:3px;
}
#contents .contentsBox .leftBox .newsBox .section .sectionIn .new{
	width:35px;
	height:15px;
	float:left;
	padding-top:3px;
	padding-left:5px;
}

#contents .contentsBox .rightBox{
	width:489px;
	height:368px;
	float:right;
	border:1px solid #D6D6D6;
	border-left:none;
	background-color:#FFF;
}
#contents .contentsBox .rightBox .bnr01{
	width:468px;
	height:250px;
	margin:0 auto;
	padding-top:9px;
	background:#fff;
}
#contents .reformBox{
	width:980px;
	margin:0 auto;
	margin-top:50px;
}
#contents .reformBox .bnr01{
	width:100%;
	text-align:center;
}

#contents .reformBoxIn{
	width:980px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:30px;
}

#contents .reformBoxIn .reformBoxIn01{
	width:490px;
	float:left;
}
#contents .reformBoxIn .reformBoxIn02{
	width:245px;
	float:left;
}
#showroom{
	width:100%;
	text-align:center;	
	margin-top:50px;
}
#showroom .showroomBox{
	width:980px;
	margin:0 auto;
}
#showroom .showroomBox .title{
	width:100%;
	text-align:center;
}
#showroom .tokushimaBox{
	width:100%;
	text-align:center;
	background:url(../img/index/bgShowroom.jpg)  no-repeat center;
	margin-top:20px;
}
#showroom .tokushimaBox .tokushimaBoxIn{
	width:980px;
	margin:0 auto;
}
#showroom .tokushimaBox .tenpo,
#showroom .kagawaBox .tenpo{
	width:245px;
	float:left;
	position:relative;
	margin-top:20px;
}
#showroom .tokushimaBox .tenpo02,
#showroom .kagawaBox .tenpo02{
	width:246px;
	float:left;
	position:relative;
	margin-top:20px;
}

#showroom .tokushimaBox .tenpo02 .pop,
#showroom .kagawaBox .tenpo02 .pop,
#showroom .tokushimaBox .tenpo .pop,
#showroom .kagawaBox .tenpo .pop{
	width:75px;
	height:74px;
	position:absolute;
	top:0;
	left:0;
}
#showroom .another{
	width:980px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#showroom .another .blog{
	width:487px;
	height:248px;
	float:left;
	border:1px solid #D6D6D6;
}
#showroom .another .blog .title{
	width:486px;
	margin:0 auto;
	margin-top:1px;
	background:#E6E9E4;
	position:relative;
}
#showroom .another .blog .title .txt{
	position:absolute;
	left: 401px;
	top: 19px;
}
#showroom .another .blog .article{
	width:460px;
	height:50px;
	border-bottom:1px dotted #999999;
	margin-top:12px;
	margin:10px auto;
}
#showroom .another .blog .article:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
	-ms-opacity:0.8;
	-o-opacity:0.8;
}

#showroom .another .blog .article:last-child{
	border-bottom:none;
}

#showroom .another .blog .article .day{
	font-size:12px;
	text-align:left;
	color:#666666;
	font-family:Verdana;
	float:left;
	line-height:18px
}
#showroom .another .blog .article .articleIn{
	width:365px;
	height:38px;
	font-size:12px;
	text-align:left;
	color:#666666;
	margin-left:10px;
	float:left;
	line-height:18px;
	overflow:hidden;
}
#showroom .another .staff{
	width:490px;
	height:250px;
	float:left;
	background:url(../img/index/bgStaff.jpg) no-repeat top left;
	position:relative;
	border-left:1px solid #cccccc;
}
#showroom .another .staff .txt{
	width:145px;
	height:88px;
	position:absolute;
	top:22px;
	left:17px;
}
#showroom .another .staff .takamatsu{
	width:110px;
	height:110px;
	position:absolute;
	top:20px;
	left:256px;
}
#showroom .another .staff .marukame{
	width:110px;
	height:110px;
	position:absolute;
	top:20px;
	left:365px;
}
#showroom .another .staff .shido{
	width:110px;
	height:110px;
	position:absolute;
	top:129px;
	left:256px;
}
#showroom .another .staff .kannonji{
	width:110px;
	height:110px;
	position:absolute;
	top:129px;
	left:365px;
}


#showroom .another .staff02{
	width:490px;
	height:250px;
	float:left;
	background:url(../img/index/bgStaff02.jpg) no-repeat top center;
	position:relative;
	border-left:1px solid #cccccc;
}
#showroom .another .staff02 .txt{
	width:145px;
	height:88px;
	position:absolute;
	top:22px;
	left:16px;
}
#showroom .another .staff02 .honsya{
	width:110px;
	height:110px;
	position:absolute;
	top:20px;
	left:256px;
}
#showroom .another .staff02 .aizumi{
	width:110px;
	height:110px;
	position:absolute;
	top:20px;
	left:365px;
}
#showroom .another .staff02 .honten{
	width:110px;
	height:110px;
	position:absolute;
	top:130px;
	left:256px;
}
#showroom .another .staff02 .anan{
	width:110px;
	height:110px;
	position:absolute;
	top:130px;
	left:365px;
}
#showroom .kagawaBox{
	width:980px;
	margin-top:50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#showroom .kagawaBox .title{
	width:100%;
	text-align:center;
}