/******* ボディー *******/
html, body {
height: 100%;
    scrollbar-track-color: #F5EEDE;
    scrollbar-face-color: #F8F6F0;
    scrollbar-shadow-color: #BFB2A8;
    scrollbar-darkshadow-color: #4E4336;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #4E4336;
background-image:url(cmnfix/bg_body.gif);
background-position: center top;
background-repeat:repeat;

}

/*　フッターを下にくっつけるための設定　*/
.wrapper {
text-align:center;
min-height: 100%;
height: auto !important;
height: 100%; /* ie用に設定 */
margin: 0 auto -123px; 
    /* class="footer"と同じ高さの負の値を入力 */
}

body {
font-family: 'verdana','Osaka','ＭＳ　Ｐゴシック','sans-serif';
font-size:11px;
color:#2D2922;
background-color: #ffffff;
text-align: center;
margin: 0px;
padding-top: 0px;

}



body.topics{
font-family: 'verdana','Osaka','ＭＳ　Ｐゴシック','sans-serif';
font-size:10px;
background-color:#ffffff;
background-image:none;
color: #72685e;
text-align: left;
line-height:160% ;
margin: 0px;
padding: 5px;
}

body.topics table{
border-bottom:#DAD3C9 1px solid;
margin-bottom:3px;
}

body.topics th{
font-size:10px;
color:#330000;
padding-left:8px;
background-image:url(news/img/icon_sq.gif);
background-position:left center;
background-repeat:no-repeat;
padding-top:2px;
padding-bottom:3px;
}


body.topics td{
font-size:10px;
padding-top:2px;
padding-bottom:3px;
}

/************************************************
*clear
*IE以外：親要素で回りこみを自動解除
************************************************/

div:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

/******* コンテナ *******/
#container {
width:804px;
background-image:url(cmnfix/bg_container.gif);
background-position: center top;
background-repeat: repeat-y;
text-align: center;
margin-top: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;

}

#header{
width:803px;
height:80px;
background-image:url(cmndata/bg_header.gif);
background-position:center top;
background-repeat:no-repeat;
}


#header #logo{
float:left;
padding-top:25px;
padding-left:20px;
}

#header #inner{
padding-right:15px;
padding-top:25px;
float:right;
text-align:left
}
#header #inner #bt_header{
text-align:right;
padding-top:13px;
}

#header #seo-txt{
color:#ce0808;
text-align:left;
font-size:10px;
display:none;
}


#navi{
}


/******トップページ用*******/

#top_main{
margin-top:5px;
width:782px;
line-height:160% ;
margin-left:auto;
margin-right:auto;
}


#top_main #alpha{
float:left;
width:228px;
text-align:left;
background-image:url(home/img/bg_banner_leftbtm.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding:0 0 5px 0;
}

#top_main #alpha table{
background-image:url(home/img/bg_banner_left.gif);
background-repeat:repeat-y;
margin:0;
}

#top_main #alpha table img{
border-bottom:#BEB5A7 1px dotted;
}

#top_main #beta{
float:left;
width:305px;
text-align:left;
}

#top_main #beta iframe{
border-top:#d6ceba 1px solid;
border-left:#d6ceba 1px solid;
}


#top_main #beta table.calendar{
float:left;
margin-right:1px;
margin-left:3px;
font-size:10px;
border-bottom:#666666 1px solid;
background-color:#f8f6f0;
}

#top_main #beta table.calendar th{
background-color:#006030;
color:#FFFFFF;
font-weight:normal;
border-right:#aaaaaa 1px solid;
}

#top_main #beta table.calendar th.sun{
border-left:#666666 1px solid;
}

#top_main #beta table.calendar th.sat{
border-right:#666666 1px solid;
}

#top_main #beta table.calendar td.month{
border:none;
background-color:#FFFFFF;
padding-top:2px;
padding-bottom:2px;
font-size:12px;
}

#top_main #beta table.calendar td{
border-right:#aaaaaa 1px solid;
border-top:#aaaaaa 1px solid;
}

#top_main #beta table.calendar td.sun{
border-right:#aaaaaa 1px solid;
border-top:#aaaaaa 1px solid;
border-left:#666666 1px solid;
background-color:#e2dcc2;
color:#663333;
}

#top_main #beta table.calendar td.sat{
border-right:#666666 1px solid;
border-top:#aaaaaa 1px solid;
background-color:#e2dcc2;
color:#003399;
}

#top_main #beta table.calendar td em,
#top_main #beta table.calendar td strong,
#top_main #beta table.calendar td b{
font-size:10px;
color:#CC3333;
font-weight:normal;
font-style:normal;
}


#top_main #gamma{
float:left;
width:245px;
text-align:left;
}

#top_main #gamma table.siryou{
background-image:url(home/img/banner_siryou.gif);
background-position:center center;
background-repeat:no-repeat;
font-size:11px;
height:196px;
}

#top_main #gamma table.siryou p{
padding:10px;
line-height:140%;
}
#top_main #delta{
clear:left;
float:left;
width:530px;
text-align:left;
}


#top_main #delta table{
background-color:#c8c8c8;
margin-top:2px;
}

#top_main #delta table td{
padding-bottom:10px;
font-size:11px;
}

#top_main #delta table td p{
padding:15px 15px 10px 10px;
margin:0;
line-height:160%;
}
#top_main #delta table td img{
margin:2px 5px 5px 5px;
border:1px #7e7e7e solid;
}

#top_main #delta table th{
background-image:url(cmndata/bg_title_gray.gif);
background-position:left bottom;
background-repeat:no-repeat;
color:#5B2C00;
padding-left:20px;
}



#top_main #alpha img{
margin:0px 0px 3px 0px;
}


#top_main #gamma img{
margin:0px 0px 3px 0px;
}

#top_main #left{
width:535px;
float:left;
}

iframe{
background-color:#fff9f5;
}

/****コンテンツページ用*******/

#main{
margin-top:5px;
width:782px;
line-height:160% ;
margin-left:auto;
margin-right:auto;

}


#main #menu{
float:left;
width:181px;
text-align:left;
}

#main #menu img{
margin:0;
padding:0;
}

#main #left{
width:181px;
float:left;
}

#main #right{
width:575px;
float:left;
margin-left:20px;
text-align:left;
padding-bottom:30px;

}

#main #right p{
margin:5px 20px 15px 10px;
font-size:11px;
line-height:160%;
}

#main img.dummy{
background-color:#CCFFCC;
}

/****リスト　テーブル設定****/

#main ul{
list-style-image:url(images/icon_flower_sm.gif);
margin:5px 5px 30px 40px;
}

#main li{
margin-top:5px;
}

#main table.wb{
line-height:120%;
margin-left:5px;
}

#main table.staff{
line-height:140%;
margin-left:15px;
margin-bottom:20px;
font-size:11px;
border-bottom:1px solid #99CC00;
}

#main table.staff th{
font-size:11px;
}

#main table.staff th p{
text-align:center;
}

#main table.staff img{
margin-right:10px;
margin-bottom:10px;
padding:2px;
border:1px solid #99CC00;
}

#main table.form{
margin-left:auto;
margin-right:auto;
margin-top:5px;
}

#main table td.form{
margin-left:10px;
font-size:11px;
}


.thanks{
width:400px;
height:330px;
text-align:center;
padding:40px;
margin-left:auto;
margin-right:auto;
padding-top:30px;
}

#main table.reform{
marign-left:5px;
font-size:11px;
margin-bottom:10px;
margin-top:10px;
}


#main table.reform img{
padding:2px;
border:1px solid #99CC00;
margin:2px;
}

#main table.reform img.icon{
border:none;
}

#main table.reform h4{
font-size:12px;
color:#99CC00;
margin:0;
padding-left:0;
font-style:italic;
}

#main table.staff em{
font-style:normal;
font-weight:bold;
}

#main strong{
font-style:normal;
font-weight:bold;
}

#main table.tomonokai{
margin-left:10px;
font-size:11px;
margin-bottom:15px;
margin-top:5px;
}

#main table.tomonokai td{
padding-right:5px;
padding-bottom:5px;
}

#main table.event{
margin-left:10px;
font-size:11px;
margin-bottom:20px;
}

#main table.case{
margin-left:10px;
font-size:11px;
margin-bottom:20px;
}

#main table.case a.syosai{
background-image:url(cmndata/arrows_h_sm.gif);
background-position:left center;
background-repeat:no-repeat;
padding-left:15px;
}

#main table.case td.comment{
}

#main table.case td img{
padding:2px;
border:#CC9933 1px solid;
}

#main table.company{
margin-left:10px;
font-size:11px;
margin-bottom:2px;
}

#main table.company_top {
margin-left:10px;
font-size:11px;
margin-bottom:2px;
margin-top:10px;
border-top:#401F00 1px solid;
}

#main table.company th,
#main table.company_top th{
font-size:11px;
border-left:#401F00 5px solid;
padding-left:5px;
background-color:#efefef;
padding-top:3px;
padding-bottom:3px;
}

#main table.company td,
#main table.company_top td{
font-size:11px;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;
}

#main img.map{
float:right;
}

#main table.modelhouse{
margin-left:10px;
}

#main #bt_touroku{
width:90%;
margin:20px 0 20px 0;
}

#main #bt_touroku img{
border:none;
padding:3px;
}

/*****フッター(containerの外側）******/



/*　下部ナビ　*/

#f_navi{
height:90px;
width:782px;
text-align:left;
background-image:url(cmnfix/bg_footnavi.gif);
background-position: center center;
background-repeat: repeat;
margin-left:auto;
margin-right:auto;
border-top:#006633 1px solid;
}

#f_navi #inner{
padding-top:12px;
padding-left:12px;
padding-right:11px;
font-size:11px;
line-height:160%;
color:#FFFFFF;
}

#f_navi #inner a{
text-decoration:none;
color:#F4FFDD
}

#f_navi #inner a:hover{
color:#FFFFFF;
} 
#footer {
width:782px;
height:32px;
background-image:url(cmnfix/bg_footer.gif);
background-position: center center;
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
text-align:center;
clear:left;
}
#copyright{
padding-top:5px;
text-align:right;
color:#006633;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}


/*　フッターを下にくっつけるための設定　*/
.push {
    height: 123px;
	clear:left;
}



/******見出し・段落設定******/
h1{
color:#330000;
font-size:14px;
background-image:url(cmndata/bg_h1.gif);
background-position:left center;
background-repeat:no-repeat;
padding-left:15px;
padding-top:6px;
padding-bottom:5px;
margin-left:3px;
}

h2{
color:#006600;
font-size:12px;
padding-top:5px;
padding-bottom:2px;
margin:3px 0 0 5px;
}

h3{
color:#00c0c0;
font-size:12px;
border-left:10px solid #00CCCC;
padding-left:5px;
padding-top:0px;
padding-bottom:0px;
margin:0;
}

h4{
color:#0099ee;
font-size:13px;
background-image:url(cmndata/ic_04.gif);
background-position:left center;
background-repeat:no-repeat;
padding-left:15px;
padding-top:2px;
padding-bottom:5px;
margin:0;
}

blockquote{
color:#996633;
font-size:10px;
}

p {
font-size:11px;
margin:0 0 10px 0;
text-align:left;
}


strong{

}
/*　リンクの設定　*/

a:link,
a:visited{
text-decoration:none;
color:#009900;
}

a:hover,
a:active{
text-decoration:underline;
color:#00CC00;
}

.pad_t10{
margin-top:10px;
}

.pad_t20{
margin-top:20px;
}

.center{
text-align:center;
}

/*********モデルハウスページの各部屋写真td背景用設定***********/

td.modelphoto{
background-position:left;
background-repeat:no-repeat;
}

td.modelphoto img{
margin-left:5px;
margin-top:5px;
}

td.modelphoto img.nomar{
margin-left:2px;
margin-top:0px;
}

td.modelphoto{
background-image:url(modelhouse/img/photo_frame.jpg);
background-position:left;
background-repeat:no-repeat;
}

/*********20081204 スタッフタイトルのみ集合写真を切り分け*************/
table.staff_title{
border:#563719 1px solid;
margin-left:auto;
margin-right:auto;
}

table.staff_title th{
border-right:#563719 1px solid;
}

/*********20081215 アクセスカウンター用*************/
div#counter{
font-size:9px;
color:#336666;
}

div#counter img{
}
#concept_list,#concept_main {
	margin-left: 15px !important;
	padding-left: 15px !important;
}
.img_fr {
	clear: both;
	float: right;
	padding-left: 30px;
}
#faq table {
	margin-bottom: 20px;
	margin-left: 10px;
}
