@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2010 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 135%;
}
	
h1 {} /* Header内で設定 */
h2 { 
		position:absolute;
		top:195px;
		left:50px;
		font-size:240%;
		font-weight:bold;
		color:#FFF;
}
h3 {
	background: url(../img/sec_h3.jpg) 0 40% no-repeat;
	font-size:200%;
	color:#333;
	padding:20px 0 20px 30px;
	font-weight:bold;
	clear:both;
}

h4 {
	margin:10px 0;
	background: url(../img/sec_h4.jpg) 0 60% no-repeat;
	font-size:160%;
	color:#333;
	padding:15px 20px;
	font-weight:bold;
	clear:both;
}
h4 a{color:#333}
h5{
	margin:10px 0;
	background:url(../img/sec_h5.jpg) 0 50% no-repeat;
	font-size:140%;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	clear:both;
}

a { color: #f41; }
a:hover,
a:active { color: #f96; text-decoration: none; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

table {
}

th,
td {
}
th {
}
td {
}

p { margin: 0 0 1em; }

.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
	clear: both;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}
ul.totop li a {
	display: block;
	width: 100px;
	height: 20px;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	outline: none;
}
ul.totop li a:hover { background-position: bottom; }


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
	background:url(../img/sec_bodyBg.jpg) 50% 0 no-repeat;
	color: #333;
	text-align: center;
}
body#index{
	background-image:url(../img/index_bodyBg.jpg);
}
#wrapper {
	width:900px;
	text-align:left;
	margin:0 auto;
}
#main {
	margin:0 0 15px 0;
}

#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#main { display: inline-block; }
/* Hides from IE-mac \*/
* html #main { height: 1%; }
#main { display: block; }
/* End hide from IE-mac */
#content{
	width:660px;
	float:left;
	margin-right:20px;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width:900px;
	position:relative;
	margin:0;
	padding:0;
}
#header h1{
	text-align:right;
	color:#FFF;
}

#header #headLogo{
	position:absolute;
	top:25px;
	left:0;
}
#header #headTel{
	position:absolute;
	left:672px;
	top:16px;
}
#header #hNavi{
	position:absolute;
	left:672px;
	top:76px;
}
#header #hNavi li{
	float:left;
}

#header #hNavi li.hNavi01{
	width:62px;
}
#header #hNavi li.hNavi02{
	width:106px;
}
#header #hNavi li.hNavi03{
	width:60px;
}
#index #header h2{
	position:absolute;
	top:105px;
	left:0;
}
#index #header ul#gNavi{
	position:absolute;
	top:475px;
	left:0;
	margin:0;
	padding:0;
}
#header ul#gNavi{
	position:absolute;
	top:315px;
	left:0;
	margin:0;
	padding:0;
}
#header ul#gNavi li{
	float:left;
	height:49px;
	padding:0;
}
#header ul#gNavi li.navi01{width:118px;}
#header ul#gNavi li.navi02{width:128px;}
#header ul#gNavi li.navi03{width:138px;}
#header ul#gNavi li.navi04{width:138px;}
#header ul#gNavi li.navi05{width:119px;}
#header ul#gNavi li.navi06{width:139px;}
#header ul#gNavi li.navi07{width:120px;}

#index #header{
	height:545px;
}
#header{
	height:385px;
}
/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	background:url(../img/com_footBg.jpg) 0 0 repeat-x;
	padding:30px 0 100px;
	clear:both;
	text-align:center;
}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: right;
	width:220px;
}
#main #navi p{
	margin:0;
	padding:0;
}
#main #navi #sideNavi01{
	margin-bottom:15px;
}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

#main .topicPath{
	margin:10px 0;
}
#main .topicPath li{
	background:url(../img/sec_topic.jpg) 0 50% no-repeat;
	padding:0 15px;
	display:inline;
}
#main .topicPath li.firstChild{
	background:none;
	padding:0 15px 0 0;
}
.siteMap{
	margin:10px;
}

.siteMap *{
	*height:1%;
}

.siteMap li.tl,
.siteMap li dl dt{
	background:url(../img/sec_li01.jpg) 0 0.7em no-repeat;
	padding:3px 0 3px 15px;
}
.siteMap li dl dd{
	background:url(../img/sec_li02.jpg) 0 0.7em no-repeat;
	padding:3px 0 3px 15px;
	margin:0 0 0 15px;
}




/* index
------------------------------------------------------------------------*/
#index h3{
	background:none;
	padding:0;
	margin:0;
}

#index01 p.tit01{
	color:#333;
	padding: 0;
	margin: 0;
	clear:both;
}

#index02 p.tit02{
	color:#333;
	padding: 0;
	margin: 0;
	clear:both;
}

#index01{
	background:url(../img/index_index01Bg.jpg) 100% 100% no-repeat;
	margin-bottom:10px;
}

/* index01内 IE6 */ 
* html #index01 .box03{
	width:159px;
	float:left;
	background:url(../img/index_index01_boxBg.jpg);
	position:relative;
	padding:0 0 50px 0;
	_height:250px;
	font-size:10px;
}
* html #index01 .box01,
* html #index01 .box02,
* html #index01 .box04{
	width:159px;
	float:left;
	background:url(../img/index_index01_boxBg.jpg);
	position:relative;
	padding:0 0 50px 0;
	_height:250px;
	font-size:10px;
}
* html #index01 .box05,
* html #index01 .box06,
* html #index01 .box07{
	width:159px;
	float:left;
	background:url(../img/index_index01_boxBg.jpg);
	position:relative;
	padding:0;
	_height:300px;
	font-size:10px;
}

* html #main #content #index01 .boxInner{
	margin:5px 0 0 0;
	padding:1px 5px;
	background-image:url(../img/index_index01_boxInnerBg.jpg);
	min-height:310px;
	_height:275px;
}
* html #main #content #index01 .line02 .boxInner{
	min-height:250px;
	_height:240px;
}
/* //index01内 IE6 */ 

#index01 .box01,
#index01 .box02,
#index01 .box03,
#index01 .box04{
	width:159px;
	float:left;
	background:url(../img/index_index01_boxBg.jpg);
	position:relative;
	padding:0 0 12px 0;
	_height:250px;
	font-size:10px;
}
#index01 .box05,
#index01 .box06,
#index01 .box07{
	width:159px;
	float:left;
	background:url(../img/index_index01_boxBg.jpg);
	position:relative;
	padding:0 0 35px 0;
	_height:250px;
	font-size:10px;
}
#index01 .box01,
#index01 .box02,
#index01 .box03,
#index01 .box05,
#index01 .box06{
	margin-right:8px;
}
#index01 .line01{
}
#index01 .line02{
	padding:10px 0 0 0;
	*padding: 5px 0 0 0;
	_padding:10px 0 0 0;

	clear:both;
}

#main #content #index01 .boxInner{
	margin:5px 0 0 0;
	padding:1px 5px;
	background-image:url(../img/index_index01_boxInnerBg.jpg);
	min-height:310px;
	_height:242px;
}
#main #content #index01 .line02 .boxInner{
	min-height:250px;
	_height:222px;
}
#main #content #index01 .boxInner p.firstChild{
	margin:1px;
}
#main #content #index01 .boxInner p{
	margin:5px 5px 0 5px;
}
#main #content #index01 p.lastChild{
	min-height:37px;
	_height:47px;
	padding:5px;
	margin:0;
	position:absolute;
	bottom:5px;
	left:6px;
	width:138px;
	_width:148px;
	
	background:url(../img/index_index01Bottom.jpg) #fff 0 0 repeat-x;
}


#main #content #index01 p.lastChild a{	
	padding:0 5px 0 20px;
	display:block;
	color:#FF4411;
	text-decoration:underline;
	font-size:90%;
}
#main #content #index01 p.lastChild a:hover{	
	color:#FF9966;
	text-decoration:none;
}
#main #content #index01 .p.lastChild a:hover{
	text-decoration:underline;
}
#index01 .box01 p.lastChild a{	background:url(../img/index_index01_btn01.jpg) 0 50% no-repeat;}
#index01 .box02 p.lastChild a{	background:url(../img/index_index01_btn02.jpg) 0 50% no-repeat;}
#index01 .box03 p.lastChild a{	background:url(../img/index_index01_btn03.jpg) 0 50% no-repeat;}
#index01 .box04 p.lastChild a{	background:url(../img/index_index01_btn04.jpg) 0 50% no-repeat;}
#index01 .box05 p.lastChild a{	background:url(../img/index_index01_btn05.jpg) 0 50% no-repeat;}
#index01 .box06 p.lastChild a{	background:url(../img/index_index01_btn06.jpg) 0 50% no-repeat;}
#index01 .box07 p.lastChild a{	background:url(../img/index_index01_btn07.jpg) 0 50% no-repeat;}

#index02{
	background:url(../img/index_index02Bg.jpg) 100% 60px no-repeat;
}
#index02 p.firstChild{
	width:190px;
	float:left;
}
#index02 .index02right{
	width:470px;
	float:left;
}

#index02 .index02right p.txttit{
	font-size:140%;
	font-weight:bold;
}

#index03{
	position:relative;
}
#index03 .index03flowBtn{
	position:absolute;
	right:0;
	top:350px;
}
#index03 #index03btnRail ul li{
	width:210px;
	float:left;
}
#index03 #index03btnRail ul li.index03btn01,
#index03 #index03btnRail ul li.index03btn02{
	margin-right:15px;
}

/* 下層共通レイアウト
------------------------------------------------------------------------*/
.sec_inner{
	padding:10px;
}
.sec_inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.sec_inner { display: inline-block; }
/* Hides from IE-mac \*/
* html .sec_inner { height: 1%; }
.sec_inner { display: block; }
/* End hide from IE-mac */



/*640px;*/

.sec_inner img.fl{
	float: left;
	margin:0 15px 0 0;
}
.sec_inner img.fr{
	float:right;
	margin:0 0 0 15px;
}

#bottomInq{
	padding:10px;
}
#bottomInq p{
	display:inline;
}
#bottomInq p.firstChild{
	margin-right:10px;
}


/* 下層共通あしらい
------------------------------------------------------------------------*/
ul.type01 li{
	margin-left:1em;
	background:url(../img/sec_li01.jpg) 0 0.7em no-repeat;
	padding:3px 0 3px 15px;
}
ul.type02 li{
	margin-left:1em;
	background:url(../img/sec_li02.jpg) 0 50% no-repeat;
	padding:3px 0 3px 15px;
}
.tableCont{
	background: url(../img/sec_tableContBg.jpg) 0 0 repeat-x;
	padding:10px 0 0 0;
	width:660px;
}
.tableCont table{
	width:660px;
	background:#FFF;
	border-collapse:separate;
}
.tableCont table th{
	text-align:left;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd;
	background:url(../img/sec_tableContTh.jpg) 0 0 repeat;
	padding:10px 5px;
	width:200px;
	_width:210px;
	vertical-align:top;
}
.tableCont table td{
	text-align:left;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd;
	background:url(../img/sec_tableContTd.jpg) 0 0 repeat;
	padding:10px 5px;
	width:440px;
	_width:450px;
}
.tableCont table td dl dt{
	background:url(../img/sec_li02.jpg) 0 50% no-repeat;
	padding:3px 0 3px 15px;
}
.tableCont table td dl dd{
	margin-bottom:1em;
}


/* 水周りリフォーム
------------------------------------------------------------------------*/
#water .sec_inner .note{
	background:url(../img/sec_waterNoteBg.jpg) 0 0 no-repeat;
	min-height:241px;
	_height:241px;
}
#water .sec_inner .note p{
	padding:0 15px;
	color:#FFF;
}
#water #main #content .sec_inner .note p.firstChild{
	margin:0;
	padding:0;
}

/* 外壁・エクステリア
------------------------------------------------------------------------*/
#garden #main #content .sec_inner .rightSection{
	width: 400px;
	float:right;
}


/* コンセプトリフォーム
------------------------------------------------------------------------*/
.conceptRail ul li{
	width:160px;
	float:left;
	margin-bottom:10px;
}

/* 選ばれる理由
------------------------------------------------------------------------*/
#choice #main #content h4{
	padding:0;
	margin:0;
	background:none;
}
#choice #main #content .sec_inner{
	margin:-64px 10px 0 10px;
}
	
/* Q&A
------------------------------------------------------------------------*/
.faqHead{
	background:url(../img/sec_faqHeadBg.jpg) 0 0 no-repeat;
	padding:50px 120px 10px 20px;
}
.faqHead li{
	background:url(../img/sec_faqHeadList.jpg) 0 50% no-repeat;
	padding:5px 0 5px 25px;
	margin-bottom:5px;
}
.faqHead li a{
	color:#390;
}

.faqDl dt{
	background:url(../img/sec_faqQ.jpg) 0 50% no-repeat;
	padding:10px 0 10px 40px;
	font-weight:bold;
	font-size:120%;
}
.faqDl dd{
	background:url(../img/sec_faqA.jpg) 0 0 no-repeat;
	margin:10px 10px 25px 10px;
	padding:0 0 10px 30px;
}
/* ショールーム
------------------------------------------------------------------------*/


.showroomDl dl dt{
	background:url(../img/sec_li02.jpg) 0 50% no-repeat;
	padding:3px 0 3px 15px;
}
.showroomDl dl dd{
	margin-bottom:0.7em;
}

#main .show:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .show{
background:url(../img/sec_showBg.jpg) repeat-y 50% 0;
display:inline-block;}

/*\*/
*html #main .show{height:1%}
#main .show{display:block}
/**/

#main .show h4{
background: url(../img/sec_h4_2.jpg) 0 60% no-repeat;
margin:0 0 10px}

#main .show .pic{margin:0 0 15px}

#main .show .show01{
float:left;
margin:0 20px 0 0;
width:320px}

#main .show .show02{
float:left;
width:320px}

/*ご相談からお引き渡しまでの流れ
------------------------------------------------------------------------*/

#flow #main #content .flowDl{
	margin:10px 0;
}

#flow #main #content .flowDl dt{
	background:url(../img/sec_flowDtBg.jpg) 0 0 no-repeat;
	padding:46px 0 0 0;
	margin:0;
}
#flow #main #content .flowDl dt img{
	vertical-align:bottom;
}
#flow #main #content .flowDl dt.firstChild{
	background:none;
	padding:0;
	margin:0;
}
#flow #main #content .flowDl dd{
	background:url(../img/sec_flowDdBg.jpg) 0 0 repeat-y;
	padding:10px;
}
#flow #main #content .flowDl dd.lastChild{
	border-bottom:1px solid #ccc;
}

/*安心サービス・アフターフォロー
------------------------------------------------------------------------*/
#follow #main #content h4{
	background:none;
	margin:0;
	padding:0;
}
#follow #main #content .sec_inner{
	margin:-66px 0 15px 0;
}
	

/*プライバシーポリシー
------------------------------------------------------------------------*/
.privacyInner{
}
.privacyInner p{
	margin:0 1em;
}
.privacyInner ol li.tl,
.privacyInner ol li dl dt{
	margin-left:1em;
	background:url(../img/sec_li01.jpg) 0 0.7em no-repeat;
	padding:3px 0 3px 15px;
}
.privacyInner ol li dl dd{
	margin-left:1em;
}
.privacyInner ol li dl dd ul li{
	margin:0 1em;
	background:url(../img/sec_li02.jpg) 0 0.7em no-repeat;
	padding:3px 0 3px 15px;
	border-bottom:1px dotted #ddd;
}

#main p.button{
background:none;
margin:0;
padding:20px 0;}

table.mailform tr td#d_en1240790903{font-size:10px}

/*サイドバー
------------------------------------------------------------------------*/

#navi dl.sideMenu{
background:url(../img/sec_sideMenuBg.jpg) repeat;
margin:10px 0 0;
padding:5px}

#navi dl.sideMenu dt img{vertical-align:bottom}

#navi dl.sideMenu dd{
background:#fff;
border:1px solid #ccc;
border-top:none}

#navi dl.sideMenu dd a{
background:url(../img/sec_sideMenuIcon.jpg) no-repeat 10px 9px;
display:block;
color:#000;
padding:5px 10px 5px 25px}

#navi dl.sideMenu dd a:hover{color:#72A113}

#main .btn{text-align:center}