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

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

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

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,table,pre,address,ul,ol,dl{font-size: 135%}

h3{
background:url(../img/sec_h3bg.jpg) no-repeat 0 0;
font-size:170%;
font-weight:bold;
margin:0 0 20px}

h3.note{margin:0}

h3 span{
background:url(../img/sec_h3border.jpg) no-repeat 0 100%;
display:block;
padding:15px 20px 10px 30px}

h4{
background:url(../img/sec_h4bg.jpg) no-repeat 0 0;
font-size:150%;
font-weight:bold;
margin:0 0 20px}

h4 span{
background:url(../img/sec_h4border.jpg) no-repeat 0 100%;
display:block;
padding:8px 10px 8px 30px}

h4.note,
h4.note span{
background:none;
border:none;
padding:0}

h5{
background:url(../img/sec_h5bg.jpg) no-repeat 0 2px;
border-bottom:1px dotted #ccc;
font-size:130%;
font-weight:bold;
margin:0 0 20px;
padding:1px 0 7px 15px}

a{color:#000;text-decoration:underline}
a:hover,
a:active{text-decoration:none}

ul{margin:0 0 20px}

li{
background:url(../img/icon03.jpg) no-repeat 0 4px;
padding:0 0 0 10px}

dl{margin:0 0 20px}
dt{font-weight:bold}
dd{}

table{
border:2px solid #ccc;
border-top:5px solid #78AD1F;
margin:0 0 20px;
width:100%}

th{
background:#f0f0f0;
border-bottom:2px solid #ccc;
padding:8px 5px;
white-space:nowrap;
width:1%}

.mailform th{
font-weight:bold;
white-space:normal;
width:150px}

td{
border-bottom:2px solid #ccc;
border-left:2px solid #ccc;
padding:8px 5px}

.mailform td ul li,
.mailform td ol li{
background:none}

table.col{border:2px solid #ccc}

td ul{margin:0}

table.col th.top{
background:#78AD1F;
color:#fff;
border-left:2px solid #ccc}

div.banner{
margin:0 0 20px;
text-align:center}

iframe,
div.lead,
div.fig{margin:0 0 20px}

p,
div.adr{margin:0 0 20px}

img{vertical-align:bottom}

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

body {
background:url(../img/com_bodyBg2.jpg) repeat-x 50% 0;
color: #666;
text-align: center}

#index{background:url(../img/com_bodyBg.jpg) repeat-x 50% 0}

#wrapper{
background:url(../img/com_bodyBg2.jpg) repeat-x 50% 0;
margin:0 auto;
width:920px}

#index #wrapper{background:url(../img/com_bodyBg.jpg) repeat-x 50% 0}

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

#main{
display:inline-block;
margin:0 auto;
text-align:left}

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

.pageTop{
clear:both;
text-align:right}

.pageTop a{
font-size:125%;
padding:0}

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

#header{
background:url(../img/com_headBg.jpg) no-repeat 0 140px;
height:336px;
margin:0 0 20px;
position:relative}

#index #header{
background:none;
height:470px}

#header h1{
font-size:90%;
text-align:right;
position:absolute;
top:2px;
right:0}

#header #headLogo{
position:absolute;
top:17px;
left:0}

#header h2{
color:#333;
font-weight:bold;
font-size:200%;
text-align:left;
position:absolute;
top:240px;
left:20px}

#index #header h2{
top:160px;
left:0}

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

#header ul{
display:inline-block;
margin:0;
position:absolute}

/*\*/
*html #header ul{height:1%}
#header ul{display:block}
/**/

#header ul li{
background:none;
float:left;
margin:0;
padding:0}

#header ul#headInq{
top:31px;
right:0}

#header ul#gNav{
top:89px;
left:0;
z-index:1;}

#header ul#gNav li dl{margin:0}

#header ul#gNav li dl dd{
display:none;
position:relative;
z-index:20}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer{background:#E9E9E0}

#footer .footerCont{
background:#E9E9E0;
margin:0 auto;
padding:25px 0;
text-align:left;
width:920px}

#footer .footerCont ul{
background:url(../img/com_footLi.jpg) no-repeat 100% 2px;
margin:-1.2em 0 0;
padding:0 8px 0 0;
text-align:right}

#footer .footerCont ul li{
background:url(../img/com_footLi.jpg) no-repeat 0 2px;
font-size:90%;
display:inline;
margin:0 0 0 8px;
padding:0 0 0 8px}

#footer .footerCont ul li a{color:#8c8c86}

#footer .footerCont address{font-size:110%}

#footer2{background:url(../img/ind_footBg.jpg) no-repeat 50% 100%}

#footer2 .footerCont{
background:url(../img/ind_footBg.jpg) no-repeat 50% 100%;
margin:0 auto;
padding:20px 0;
text-align:left;
width:920px}

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

#footer2 .footerCont{display:inline-block;}

/*\*/
*html #footer2 .footerCont{height:1%}
#footer2 .footerCont{display:block}
/**/

#footer2 .footerCont dl{
background:#fff;
float:left;
margin:0 20px 0 0;
padding:15px 20px;
width:620px;
_width:680px}

#footer2 .footerCont dl dt{
color:#78AD1F;
font-weight:bold;
margin:0 0 10px}

#footer2 .footerCont dl dd{
font-size:80%;
margin:0 0 10px}

#footer2 .footerCont dl dd.note{
border-top:1px dotted #ccc;
padding:10px 0 0}

#footer2 .footerCont dl dd dl{
margin:0;
padding:0;
width:620px}

#footer2 .footerCont dl dd dl dt{
color:#333;
font-size:130%;
margin:0 0 5px}

#footer2 .footerCont dl dd dl dd{
font-size:100%;
margin:0}

#footer2 .footerCont dl.adobe{
background:none;
margin:0;
padding:0;
width:220px}

#footer2 .footerCont dl.adobe dt,
#footer2 .footerCont dl.adobe dd{
font-size:80%;
margin:0 0 10px}

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

#navi{
float:right;
width:220px}

#navi dl,
#navi ul,
#navi div{margin:0 0 10px}

#navi .menu{
background:#E6E2D4;
padding:5px}

#navi dl.menu dd{
background:#fff;
border-bottom:1px dotted #999;
padding:1px 0}

#navi dl.menu dd.last{
border:none;
margin:0}

#navi dl.menu dd a{
background:url(../img/com_sideMenuBg.jpg) no-repeat 1px 50%;
display:block;
font-size:90%;
padding:3px 5px 3px 25px}

#navi ul.menu li{
background:url(../img/com_sideMenuBg2.jpg) no-repeat 0 0;
border-bottom:1px solid #ccc}

#navi ul.menu li.first{border-top:1px solid #ccc}

#navi ul.menu li a{
background:url(../img/icon02.jpg) no-repeat 0 8px;
display:block;
font-size:90%;
padding:3px 5px 3px 10px}

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

#content{
float:left;
margin:0 20px 0 0;
width:680px}

#index #content{padding:20px 0 0}

#main .topicPath{
margin:0 0 5px;
text-align:right}

#main .topicPath li{
background:url(../img/nav.gif) no-repeat 0 4px;
display:inline;
font-size:85%;
margin:0 0 0 4px;
padding:0 0 0 10px}

#main .topicPath li.firstChild{
background:none;
margin:0;
padding:0}

/* sec
------------------------------------------------------------------------*/

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

#content dl.banner{display:inline-block;}

/*\*/
*html #content dl.banner{height:1%}
#content dl.banner{display:block}
/**/

#content dl.banner dt{margin:0 0 20px}

#content dl.banner dd{float:left}

#content dl.banner dd.firstChild{margin:0 20px 0 0}

#content .bg01,
#content .bg03{
background:url(../img/sec_pict01.jpg) no-repeat 100% 0;
min-height:185px;
_height:185px;
padding:0 305px 0 0}

#content .bg03{background:url(../img/sec_pict03.jpg) no-repeat 100% 0}

#content .bg02,
#content .bg04{
background:url(../img/sec_pict02.jpg) no-repeat 0 0;
min-height:185px;
_height:185px;
padding:0 0 0 305px}

#content .bg04{background:url(../img/sec_pict04.jpg) no-repeat 0 0}

#content .bg05,
#content .bg07,
#content .bg09{
background:url(../img/sec_pict05.jpg) no-repeat 100% 0;
min-height:220px;
_height:220px;
padding:0 240px 0 0}

#content .bg07{background:url(../img/sec_pict07.jpg) no-repeat 100% 0}
#content .bg09{background:url(../img/sec_pict09.jpg) no-repeat 100% 0}

#content .bg06,
#content .bg08,
#content .bg10{
background:url(../img/sec_pict06.jpg) no-repeat 0 0;
min-height:200px;
_height:200px;
padding:0 0 0 220px}

#content .bg08{background:url(../img/sec_pict08.jpg) no-repeat 0 0}
#content .bg10{background:url(../img/sec_pict10.jpg) no-repeat 0 0}


/* 施工実績
************************/

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

#content .case{
background:#F0F0F0;
border:#ccc;
display:inline-block;
margin:0 0 20px;
padding:10px}

/*\*/
*html #content .case{height:1%; padding-right:0;}
#content .case{display:block}
/**/

#content .case ul{
float:left;
margin:0}

#content .case ul.big{
border-right:1px dotted #999;
margin:0 15px 0 0;
padding:0 15px 0 0}

#content .case ul.big li{display:none}

#content .case ul.big li.li01,
#content .case ul.big li.li03,
#content .case ul.big li.li06,
#content .case ul.big li.li09,
#content .case ul.big li.li15,
#content .case ul.big li.li21,
#content .case ul.big li.li24,
#content .case ul.big li.li26
/*#content .case ul.big li.li27,
#content .case ul.big li.li28,
#content .case ul.big li.li29,
#content .case ul.big li.li30,
#content .case ul.big li.li31,
#content .case ul.big li.li32,
#content .case ul.big li.li33,
#content .case ul.big li.li34,
#content .case ul.big li.li35,
#content .case ul.big li.li36,
#content .case ul.big li.li37*/

{display:block}

#content .case ul.small:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content .case ul.small{
display:inline-block;
width:280px}

/*\*/
*html #content .case ul.small{height:1%}
#content .case ul.small{display:block}
/**/

#content .case ul li{
background:none;
padding:0}

#content .case ul.small li{
cursor:pointer;
float:left;
margin:0 10px 10px 0}

/* 住まいづくりの流れ
************************/

#content .step dl{
background:url(../img/sec_stepBg01.jpg) no-repeat 0 0;
min-height:206px;
_height:206px;	
padding:30px 0 0 90px}

#content .step dl.dl03{background:url(../img/sec_stepBg03.jpg) no-repeat 0 0}
#content .step dl.dl05{background:url(../img/sec_stepBg05.jpg) no-repeat 0 0}
#content .step dl.dl07{background:url(../img/sec_stepBg07.jpg) no-repeat 0 0}
#content .step dl.dl09{background:url(../img/sec_stepBg09.jpg) no-repeat 0 0}

#content .step dl dt{margin:0 0 15px}

#content .step dl dd{padding:0 350px 0 0}

#content .step dl.dl02,
#content .step dl.dl04,
#content .step dl.dl06,
#content .step dl.dl08{
background:url(../img/sec_stepBg02.jpg) no-repeat 0 0;
min-height:206px;
_height:206px;	
padding:30px 0 0 440px}

#content .step dl.dl04{background:url(../img/sec_stepBg04.jpg) no-repeat 0 0}
#content .step dl.dl06{background:url(../img/sec_stepBg06.jpg) no-repeat 0 0}
#content .step dl.dl08{background:url(../img/sec_stepBg08.jpg) no-repeat 0 0}

#content .step dl.dl02 dd,
#content .step dl.dl04 dd,
#content .step dl.dl06 dd,
#content .step dl.dl08 dd{padding:0 10px 0 0}


/* 採用情報
************************/

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

#content ul.anchor{display:inline-block;}

/*\*/
*html #content ul.anchor{height:1%}
#content ul.anchor{display:block}
/**/

#content ul.anchor li{
background:none;
float:left;
margin:0 0 0 10px;
padding:0}

#content ul.anchor li.firstChild{margin:0}

/* map
************************/

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

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

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

#content ul.show li{
background:none;
float:left;
padding:0}

#content ul.show li.firstChild{margin:0 20px 0 0}

#content ul.show li h4{
background:url(../img/sec_showH4.jpg) no-repeat 0 0;
font-size:100%}

#content ul.show li h4 span{background:url(../img/sec_showH42.jpg) no-repeat 0 100%}

#content ul.show li div{margin:0 0 20px}

/* サイトマップ
************************/

#content ul.sitemap li{
background:url(../img/icon04.jpg) no-repeat 0 4px;
margin:0 0 5px;
padding:0 0 0 15px}

#content ul.sitemap li.note{
background:none}

#content ul.sitemap li.nolink{
color:#000;
font-weight:bold}

#content ul.sitemap li ul{
height:1%;
margin:0}

#content ul.sitemap li ul li{
background:url(../img/icon03.jpg) no-repeat 0 4px}

#content .inqCont{
background:url(../img/sec_inqContBg.jpg) repeat;
margin:0 0 20px;
padding:5px}

#content .inqCont ul{
background:#fff;
margin:0;
padding:15px 20px 10px}

#content .inqCont ul li{
background:url(../img/icon05.jpg) no-repeat 0 5px;
margin:0 0 5px;
padding:0 0 0 15px}

/* index
------------------------------------------------------------------------*/

#index #content h3,
#index #content h3 span,
#index #content h4,
#index #content h4 span{
background:none;
border:none;
padding:0}

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

#index #content .h301{
background:url(../img/ind_h301bg.jpg) no-repeat 0 55px;
display:inline-block;
margin:0 0 20px}

/*\*/
*html #index #content .h301{height:1%}
#index #content .h301{display:block}
/**/

#index #content .h301 dl{
float:left;
margin:0;
padding:0 0 0 80px;
width:260px;
_width:340px}

#index #content .h301 dl.note{
padding:0 0 0 70px;
width:270px;
_width:340px}

#index #content .h301 dl dt{margin:0 0 10px -70px}

#index #content .h301 dl dd.link{text-align:right}

#index #content .h302 table{border:none}

#index #content .h302 table th{
background:url(../img/icon01.jpg) no-repeat 0 8px;
border-bottom:1px dotted #d2d2d2;
font-weight:normal;
padding:5px 0 5px 20px}

#index #content .h302 table td{
border:none;
border-bottom:1px dotted #d2d2d2;
padding:5px 0 5px 15px}

#index dl.group:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index dl.group{
background:url(../img/ind_linkBg.gif) repeat;
clear:both;
display:inline-block;
padding:0 0 10px 18px}

/*\*/
*html #index dl.group{height:1%}
#index dl.group{display:block}
/**/

#index dl.group dt{
background:#fff;
margin:0 0 10px -18px}

#index dl.group dd{
float:left;
margin:0 10px 0 0}

.cap{
 color:#8EB542;
 font-size:28px;
font-weight:bold;
}



p.case_img img {
	margin-right:0px;
	margin-left:0px;}
	
p.case_img1 img {
	margin-right:0px;
	margin-left:0px;}

*:first-child+html p.case_img1 img {
	margin-right:0px;
	margin-left:0px;}
	
* html p.case_img1 img {
	margin-right:0px;
	margin-left:0px;}
	
	

#content .case50{
background:#F0F0F0;
border:#ccc;
display:inline-block;
padding-bottom:0px;
padding-top:10px;
}

#content .case50 p{
margin-bottom:10px;
padding:0;
}

#content .sr_marL{ _margin-left:-10px;}

#index h2{
background:#fff;
}