@charset "UTF-8";

*{
	margin: 0;
	padding: 0;
}

body {
	line-height:1.4;
	color:#333;
	background-color:#fff;
	font-family:Arial, sans-serif;
	font-size:0.9em;/* 14.4px */
}

html{
	overflow-y:scroll;
}

h1,h2,h3,h4,h5,h6{
}

p,li,dt,dl{
	line-height:1.6;
}

p{
	margin:0.2em 0 0 0;
}

li{
	list-style-type:none;
}

img{
	border:0;
}







/* ------------------------------------ wrapper ------------------------------------ */
#wrapper{
}



/* ------------------------------------ top ------------------------------------ */
#top_wrap{
	width:auto;
	height:27px;
	background:url(../images/bg-top.gif) repeat-x;
}

#top_cont{
	width:801px;
	margin:0 auto 0 auto;
}

#top_cont p.link-icon{
	float:left;
	margin:5px 0 0 7px;
	width:65px;
	height:16px;
}

#top_cont p.site_text {
	float:right;
	color:white;
	font-size:0.9em;
	line-height:25px;
	vertical-align:middle;
}

#top_cont p.link-icon a{
	background:url(../images/icon-top.gif) no-repeat;
	text-indent:-9999px;
	outline:none;
	display:block;
}


/* ------------------------------------ cont_wrap ------------------------------------ */
#cont_wrap{
	width:801px;
	margin:0 auto 0 auto;
}




/* ------------------------------------ header ------------------------------------ */
#header{
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	width:799px;
	height:82px;
}

#header h1.link-top{
	float:left;
	margin:8px 0 0 15px;
	text-indent:-9999px;
}

#header h1.link-top a{
	background:url(../images/logo-reform.gif) no-repeat;
	width:285px;
	height:68px;
	outline:none;
	display:block;
}

#header h1.link-mitsuwa{
	float:right;
	margin:8px 15px 0 0 ;
	text-indent:-9999px;
}

#header h1.link-mitsuwa a{
	background:url(../images/logo-mitsuwa.gif) no-repeat;
	width:230px;
	height:67px;
	outline:none;
	display:block;
}


/* ------------------------------------ gnavi ------------------------------------ */
#gnavi{
	width:801px;
}

#gnavi ul{
}

#gnavi ul li{
	float:left;
}

#gnavi ul li a{
	display:block;
	outline:none;
	text-indent:-9999px;
}

#gnavi ul li#kitchen_bath a{
	background:url(../images/g-navi.gif) no-repeat 0 0 ;
	width:229px;
	height:36px;
}

#gnavi ul li#kitchen_bath a:hover{
	background:url(../images/g-navi_h.gif) no-repeat 0 0;
}

#gnavi ul li#interior a{
	background:url(../images/g-navi.gif) no-repeat -230px 0;
	width:135px;
	height:36px;
}

#gnavi ul li#interior a:hover{
	background:url(../images/g-navi_h.gif) no-repeat -230px 0;
}

#gnavi ul li#solar a{
	background:url(../images/g-navi.gif) no-repeat -365px 0;
	width:142px;
	height:36px;
}

#gnavi ul li#solar a:hover{
	background:url(../images/g-navi_h.gif) no-repeat -365px 0;
}

#gnavi ul li#all_elekt a{
	background:url(../images/g-navi.gif) no-repeat -507px 0;
	width:146px;
	height:36px;
}

#gnavi ul li#all_elekt a:hover{
	background:url(../images/g-navi_h.gif) no-repeat -507px 0;
}

#gnavi ul li#wrapping a{
	background:url(../images/g-navi.gif) no-repeat -653px 0;
	width:149px;
	height:36px;
}

#gnavi ul li#wrapping a:hover{
	background:url(../images/g-navi_h.gif) no-repeat -653px 0;
}


/* ------------------------------------ visual_wrap ------------------------------------ */
#visual_wrap{
	float:left;
	background:url(../images/img-top.jpg) no-repeat;
	width:800px;
	height:230px;
	margin:15px 0 0 0;
	position: relative;
	text-indent:-9999px;
}



/* ------------------------------------ topics ------------------------------------ */
#topics{
	float:left;
}

#topics div{
 	display:inline;
}


#topics h2{
	background:url(../images/title-topics.gif) no-repeat;
	text-indent:-9999px;
	height:37px;
	margin:20px 0 0 0 ;
	width:533px;
}

#topics dl.topic_box {

	width:801px;
	font-size:0.9em;
	margin:20px 0 0 0;

}

#topics dl.topic_box dt {
	float:left;
	width:100px;
	padding:0 20px 0 85px;
	text-align:right;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: 10px 0px;
		margin:5px 0;

}


#topics dl.topic_box dd {
	padding:5px 0;
}


#topics dl.topic_box dt.topics_11 {
	background-image: url(../images/icon_topics_01.gif);		
}

#topics dl.topic_box dt.topics_13 {
	background-image: url(../images/icon_topics_02.gif);		
}

#topics dl.topic_box dt.topics_03 {
	background-image: url(../images/icon_topics_03.gif);		
}


/* リニューアルで不要
#topics ul.topic_box li{
	float:left;
	width:257px;
	padding:15px 0 0 10px;
}

#topics ul.topic_box li h3{
	width:100px;
	height:14px;
	text-indent:-9999px;
	margin: 0 0 10px 0;
}

#topics ul.topic_box li h3#case{
	background:url(../images/info-case.gif) no-repeat;
}

#topics ul.topic_box li h3#customer{
	background: url(../images/info-customer.gif) no-repeat;
}

#topics ul.topic_box li h3#column{
	background: url(../images/info-column.gif) no-repeat;
}

#topics ul.topic_box li p{
	font-size:0.8em;
}
*/


/* ------------------------------------ special ------------------------------------ */
#special{
	float:left;
	width:533px;
}

#special h2 {
	background:url(../images/title-special.gif) no-repeat;
	text-indent:-9999px;
	height:37px;
	margin:20px 0 15px 0 ;
	width:533px;
}

#special a.list_btn {
	margin-top:-40px;
	float:right;
}



#special img {
	float:right;
}

.special_box {
	float:left;
	width:200px;
	margin:0 0 15px 0;	
	
}

.special_box h3 {
	font-size:0.9em;
}


.special_box p {
	margin:10px 0;
	font-size:0.9em;
}

.special_box p.price {
	text-align:right;
	color:red;
	font-size:1em;
}

.special_box p.price strong {
	font-size:2.7em;
	padding: 0 5px;
}


.special_box a img {
	margin:5px 10px 0 10px;
}


/* ------------------------------------ example ------------------------------------ */
#example{
	float:left;
	width:533px;
}

#example h2 {
	background:url(../images/title-example.gif) no-repeat;
	text-indent:-9999px;
	height:37px;
	margin:50px 0 15px 0 ;
	width:533px;
}
#example a.list_btn {
	margin-top:-40px;
	float:right;
}



#example img {
	float:left;	
}

.example_box {
	float:right;
	width:260px;
	margin:0 0 20px 0;	
	
}

.example_box h3 {
	font-size:1.3em;
	color:#090;
	margin-top:10px;
}


.example_box p {
	margin:10px 0;
	font-size:0.9em;
}



.example_box a img {
	margin:10px 0 0 15px;
}



/* ------------------------------------ contents ------------------------------------ */
#contents{
	width:535px;
	float:left;
}

#contents h2{
	background:url(../images/title-service.gif) no-repeat;
	text-indent:-9999px;
	width:535px;
	height:37px;
	margin:20px 0 0 0 ;
}

#contents ul.cont_box{
}

#contents ul.cont_box li{
	float:left;
	width:250px;
	padding:20px 0 0 17px;
}

#contents ul.cont_box h3{
	width:199px;
	height:17px;
	text-indent:-9999px;
}

#contents ul.cont_box h3#kitchen{
	background:url(../images/title-kitchen.gif) no-repeat;
}

#contents ul.cont_box h3#interior{
	background:url(../images/titlte-interior.gif) no-repeat;
}

#contents ul.cont_box h3#solar{
	background:url(../images/title-solar.gif) no-repeat;
}

#contents ul.cont_box h3#all_elekt{
	background:url(../images/title-allelect.gif) no-repeat;
}

#contents ul.cont_box h3#wrapping{
	background:url(../images/title-wrapping.gif) no-repeat;
}

#contents ul.cont_box li p{
	text-align:justify;
	text-justify:distribute;
	font-size:85%;
	letter-spacing:-1px;
	color:#333333;
	line-height:1.4;
	margin:10px 0 0 17px;
	width:180px;
}

#contents ul.cont_box li p a{
	text-decoration:none;
}

#contents ul.cont_box li p a img{
	margin-bottom:5px;
}


/* ------------------------------------ link_bnr ------------------------------------ */
#link_bnr{
	float:left;
	width:801px;
}

#link_bnr ul.link_box{
}

#link_bnr ul.link_box li{
	float:left;
	width:267px;
}

#link_bnr ul.link_box li img{
	margin:20px 0 0 14px;
}


/* ------------------------------------ guide ------------------------------------ */
#guide{
	width:801px;

	float:left;
	height:230px;
}

#guide h2{
	background: url(../images/title-guide.gif) no-repeat;
	text-indent:-9999px;
	width:801px;
	height:37px;
	margin:20px 0 0 0 ;
}

#guide ul.guide{

}

#guide ul.guide li{
	float:left;
	list-style-type: circle;
	list-style-position: inside;
	margin:20px 0 0 60px;
	padding:0;
}

#guide ul.guide li a{
	font-size:95%;
}


/* ------------------------------------ page_top ------------------------------------ */
#page_top{
	width:100%;
	height:28px;
	background:url(../images/bg-footer.gif) repeat-x;
}

#pagetop_btn{
	width:801px;
	margin:0 auto 0 auto;
}

#pagetop_btn a img{
	float:right;
	margin:0 72px 0 0;
}

/* ------------------------------------ footer ------------------------------------ */
#footer{
	width:801px;
	height:120px;
	margin:0 auto 0 auto;
	padding:10px 0 0 0 ;
}

#footer address{
	float:left;
	background:url(../images/address.gif) no-repeat;
	width:330px;
	height:20px;
	text-indent:-9999px;
}

#footer_contact{
	float:right;
	width:300px;
	text-align:center;
}

#footer_contact p {
	font-size:0.8em;
}

#footer_contact p strong {
}


#footer_contact .struct_no {
	color:#039;
}

/* ------------------------------------ main_cont ------------------------------------ */
#all_wrap{
	
}

/* ------------------------------------ main_cont ------------------------------------ */
#main_cont{
	width:533px;
	float:left;
	overflow:hidden;
}

/* ------------------------------------ sub_cont ------------------------------------ */
#sub_cont{
	width:247px;
	float:right;

	/*
	width:247px;
	float:right;
	*/
}


/* ------------------------------------ box ------------------------------------ */

h2 {
	
	margin: 10px 0 0 0;
}

.box-std {
	margin:20px 15px;
}

.box-std h3 {
	margin:10px 0;
}



.box-std img {

	margin: 0 0 10px 0;
}

.box-std a {
	color: #FF6600;	
}

.box-std a:visited {

	color: #FF6600;	
}

.box-std a:active {
	color: #FF6600;
}

.box-std a:hover {
	color: #FF6600;
	text-decoration:underline;
}


.box-text {
	margin:20px 15px;
	color: #6A3C16;	
	width:418px;
}

.box-text h3 {
	font-weight: bold;
	font-size: 1.0em;	
	margin: 0 0 15px 0;
}

.box-text h4 {
	font-weight: normal;	
	font-size: 0.8em;	
	margin: 0 0 15px 0;

}

.box-text p {
	font-size: 0.8em;
	text-align: justify;
	line-height: 1.8;	
	margin: 0 0 18px 0;
}


.box-memo {
	margin:20px 15px;
	padding: 15px;
	color: #6A3C16;
	width:480px;
	background-color: #F6EED8;
}

.box-memo h3 {
	line-height:2.0;
	font-size: 1em;
	margin: 0 0 20px 0;
	color: #EE601D;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #EE601D;
}

.box-memo p {
	font-size: 0.8em;
	margin: 0 0 15px 0;
	
}

.box-memo p a {
	color: #39B6E1;
	text-decoration: underline;
}


.box-memo2 {
	margin:20px 15px;
	padding: 15px;
	color: #606060;
	width:480px;
	background-color: #F6EAE4;
}
.box-memo2 h3 {
	margin:7px 0;
}
.box-memo2 p {
	font-size: 0.8em;
	text-align: justify;
	line-height: 1.8;	
	margin: 0 0 10px 0;
}
.box-memo2 img {
	
	margin: 0 0 10px 0;
}


/* ------------------------------------ sub ------------------------------------ */

#sub_cont h3 {
	float:left;
	text-indent:-9999px;
	background-repeat: no-repeat;
	margin:20px 0 5px 0;
	padding: 10px 0 0 0;
	width:250px;
	
}

#subtitle01 {
	background-image: url(../images/title-contents_sub.gif);

}

#sub_cont img{
	margin: 5px 5px;
}

#sub_cont h3#subtitle02 {
	background-image: url(../images/title-guide_sub.gif);
	
}

#sub_cont h3#subtitle03 {
	background-image: url(../images/title-place_sub.gif);
	
}

ul#sub_guide {
	padding: 0 0 0 20px;
	float:left;
	clear:both;

	
}

ul#sub_guide li {
	padding: 0 0 0 15px;
	margin: 7px 0 0 0;
	font-size:1.0em;
	color:#093;
	width:210px;
	background-image:url(../images/list-icon.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
}

ul#sub_guide li a {
	color:#093;
	line-height:23px;
	vertical-align:middle;

}

ul#sub_guide li a:hover {
	text-decoration:none;
}

ul#sub_guide li a img {
	text-align:left;
	margin-left:10px;
	vertical-align:middle;
	display:inline;
}

ul#sub_guide li p {
	font-size:0.73em;
	color:#000;
	text-align:justify;
}




/* ------------------------------------ 問題解消用　解消した場合width指定、clearfixの使用考察 ------------------------------------ */
.clear{
	clear:both;
}

/* ------------------------------------ clearfix ------------------------------------ */
.clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

/* ------------------------------------ IE7対策 ------------------------------------ */
.clearfix{
	zoom:100%;
}

/* ------------------------------------ link custom ------------------------------------ */

a:link{
	color:#333333;
	text-decoration:none;
}

a:visited{
	color:#333333;
	text-decoration:none;
}

a:hover{
	color:#ed6941;
	text-decoration:underline;
}

a:active{
	color:#ed6941;
}