@charset "utf-8";

/* LAYOUT ********************************************/

body{
	margin: 0;
	padding: 0;
	line-height: 160%;
	color: #352f15;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size: 78%;
	text-align:center;
	background-color: #E8F4F9;
	background-image: url(./img/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

.wrap{
	margin:0 auto;
	clear: both;
	position: relative;
	width: 900px;
	text-align:left;
}

#header{
	position: relative;
	background: url(../img/bg_header.gif);
}

#header .wrap{
	height: 85px;
	background: url(../img/bg_header_in.gif) no-repeat bottom;
}

#navi_top{
	position: absolute;
	top: 56px;
	left: 305px;
	width: 590px;
	height: 19px;
}

#container{
	padding: 10px 0 0;
	background: url(../img/bg.jpg) repeat-x top center;
}
#index #container{
	background: url(../img/index/bg.jpg) repeat-x top center;
}

#contents{
	margin: 0 0 17px;
	float: right;
	width: 670px;
	background: url(../img/bg_c_2.gif);
}
#contents_inner1{
	padding: 20px 0 0;
	background: url(../img/bg_c_1.gif) no-repeat top;
	min-height: 20px;
	_height: 20px;
}
#contents_inner2{
	padding: 0 30px 20px;
	background: url(../img/bg_c_3.gif) no-repeat bottom;
	min-height: 388px;
	_height: 410px;
}

#flash, #title{
	padding: 0 0 15px;
	background: url(../img/index/bg_flash.gif) no-repeat bottom;
}
#flash{ height: 250px;}
#flash div{
	height: 250px;
	background: url(../img/index/flash.jpg);
}
#title{ height: 125px;}
#title h1{ margin: 0; height: 125px;}

#navi_left{
	margin: 39px 0 0;
	float: left;
	width: 210px;
	height: 528px;
	background: url(../img/navi_left.gif) no-repeat top;
}
#index #navi_left{
	margin: 119px 0 0;
	background: url(../img/index/navi_left.gif);
}

#footer{
	height: 143px;
	background: url(../img/bg_footer.gif) repeat-x top;
}

#copy{
	clear: both;
	color: #423b1d;
	line-height: 25px;
	font-size: 11px;
	background-color: #E8F4F9;
}
#copy .wrap{ text-align: right;}


/* BASE ********************************************/

a{ color: #597d8e;}
a:hover{ text-decoration: none;}

a img{ border: none;}

h1, h2{	font-size: 100%; font-weight: normal;}

h2{
	clear: both;
	height: 37px;
	background-image: url(../img/index/h2_bg.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-left: 15px;
}

h3{
	margin: 0 0 15px;
	padding: 0 20px;
	background: url(../img/h3_1.gif);
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	overflow: hidden;
}
h3 span{ color: #9c8101;}
h3 span.sm1{ color: #352f15;}
.f1_l h3, .f1_r h3{ background: url(../img/h3_2.gif);}
.f9_l h3{ background: url(../img/h3_3.gif);}

h4{
	margin: 0 0 0.5em;
	padding: 0 0 0 15px;
	background: url(../img/h4.gif);
	line-height: 27px;
	font-size: 100%;
}

#header span,
#navi_left span,
#footer span,
.button a span,
.pagetop span
{ display: none;}

#tel, #flash div, .all_denka h4, #copy{ text-indent: -9000px;}

/* exclude ie mac \*/
#contents{ text-align: justify; text-justify: inter-ideograph;}
/* all brouser */

.read{
	padding: 20px 10px 10px;
	line-height: 170%;
	font-size: 105%;
}
.read p{ margin: -3px 0 0.75em;}

.article{ padding: 0 10px 10px; clear: both;}
.article p{ margin: 0 0 0.75em;}
.article ul, .article ol{ margin: 0 0 0.75em 2em; padding: 0;}

/* --- MARGINE & FONT-SIZE --- */

.mg1{ margin: 0 17px 0 0;}
.mg2{ padding: 0 0 15px;}
.mg3{ margin: 0 0 15px;}

.idt1 p{ padding: 0 0 0 15px;}
.idt1 dd{ padding: 0 0 0 15px;}

.sm1{ font-size: 80%; line-height: 150%;}
.lg1{ font-size: 110%; line-height: 170%;}

.clr{ clear: both;}

.cntr{ text-align: center;}
.rght{ text-align: right;}
.left{ text-align: left;}

.red{ color: #cc423c;}

/* --- FLOAT --- */

.f1_l, .f2_l, .f3_l, .f4_l, .f5_l, .f6_l, .f7_l, .f8_l, .f9_l, .fa_l, .fb_l{ float: left;}
.f1_r, .f2_r, .f3_r, .f4_r, .f5_r, .f6_r, .f7_r, .f8_r, .f9_r, .fa_r, .fb_r{ float: right;}

.f1_l, .f1_r{ width: 285px;}
.f2_l, .f2_r, .f3_l{ width: 185px}
.f3_r{ width: 388px;}
.f4_l{ width: 270px;}
.f4_r{ width: 300px;}
.f5_l{ width: 265px;}
.f5_r{ width: 310px;}
.f6_l{ width: 220px;}
.f6_r{ width: 350px;}
.f7_l{ width: 330px;}
.f7_r{ width: 240px;}
.f8_l{ width: 315px;}
.f8_r{ width: 256px;}
.f9_l{ width: 380px;}
.f9_r{ width: 190px;}
.fa_l{ width: 240px;}
.fa_r{ width: 330px;}
.fb_l{ width: 420px;}
.fb_r{ width: 150px;}


/* --- BTN PAGETOP --- */

.pagetop{
	margin: 15px 0 5px;
	clear: both;
	background: url(../img/btn_pagetop.gif) no-repeat right;
	height: 17px;
}
.pagetop a{ float: right; display: block; width: 82px; height: 17px;}


/* --- GET HIGHT --- */

.hght{
	display: block;
	min-height: 0;
}
.hght:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .hght{ display: inline-block;}
/* exclude ie mac \*/
* html .hght{ height: 1%;}
/* all brouser */

/* --- PRINT --- */

@media print {
body { zoom: 0.8;}
#navi_top2{ overflow: hidden;}
}

/* --- TABLE --- */

table{
	border-top: solid 1px #d9cb90;
	border-right: solid 1px #d9cb90;
	border-collapse: collapse;
	width: 100%;
	line-height: 140%;
}
.reform table{ width: 590px;}

th{
	background: #f5f0da;
	font-size: 90%;
	font-weight: normal;
}
th, td{
	padding: 2px;
	border-bottom: solid 1px #d9cb90;
	border-left: solid 1px #d9cb90;
	text-align: center;
}
th, td{
	_line-height: 140%;
	_font-size: 12px;
	_font-family: Verdana, "ＭＳ Ｐゴシック";
}
.head td{ background: #fff1af;}
.naiyou{ width: 150px; text-align: left;}
.white_s{ white-space: nowrap;}

/* --- DIFINE LIST --- */

.article dl{ margin: 0;}
.article dt{
	margin: 0 0 0.35em;
	padding: 0 0 0 15px;
	background: url(../img/arrow_1.gif);
	font-weight: bold;
}
.article dd{ margin: 0 0 0.5em;}

/* --- PAGE-LINK --- */

#p_link{
	margin: 10px 0 25px;
	padding: 8px 20px;
	background: #f5f0da;
	border: solid 1px #d9cb90;
	text-align: center;
}
#p_link ul{ margin: 0; padding: 0; list-style: none;}
#p_link li{ margin: 0; padding: 0; float: left; background: url(../img/arrow_2.gif) no-repeat left;}
#p_link li a{ margin: 0 15px 0 0; padding: 0 0 0 20px;}

/* BACKGROUND ********************************************/

/* --- H1 --- */

.h1BG{ background: url(../shinchiku/img/h1.jpg);}

/* --- H2 --- */

.index #h2_1{ background: url(../img/index/h2_1.gif);}
.index #h2_2{ background: url(../img/index/h2_2.gif);}
.index #h2_3{ background: url(../img/index/h2_3.gif);}

/* header ********************************************/

#header a{ display: block;}

/* --- LOGO --- */

#header h1{ margin: 0; line-height: 20px; font-size: 12px; overflow: hidden;}
#header #logo{ position: absolute; top: 20px; left: 0;}
#header #logo, #header #logo a{ width: 267px; height: 61px;}

/* --- NAVIGATION --- */

#header ul{ margin: 0; padding: 0; list-style: none;}
#header li{ margin: 0; padding: 0; float: left;}
#navi_top li, #navi_top a{
	width: 100px;
	height: 19px;
}
#navi_top li#btn_fudosan, #navi_top li#btn_fudosan a{ width: 152px;}
#header li#btn_fudosan{ margin: 0; padding: 0; float: right;}


/* --- TEL --- */

#header #tel{
	position: absolute;
	top: 20px;
	left: 300px;
	width: 600px;
	height: 35px;
}


/* navi_left ********************************************/

#navi_left ul{
	padding: 0;
	list-style:none;
	margin-top: 40px;
	margin-right: 18px;
	margin-bottom: 40px;
	margin-left: 21px;
}
#navi_left li {
	width: 171px;
	height: 30px;
	text-indent: 18px;
	letter-spacing: 0.3em;
	float: left;
	display: inline;
	padding: 0;
	margin: 0;

}
#navi_left a{ display: block;}

#navi_left li.lg, #navi_left li.lg a{ height: 44px;}
#navi_left li.mg{ margin: 0 0 40px;}

/* contents ********************************************/

/* --- INDEX --- */

#whats_new{ padding: 0 10px 25px;}
#whats_new div{ margin: 0; clear: both;}
#whats_new .hght{ margin: 0 0 2px;}
#whats_new div div{
	float: left;
	clear: none;
	width: 70px;
}
#whats_new p{ margin: 0 0 2px; float: right; width: 505px;}


#banners{ margin: 0; padding: 0 20px 25px; list-style: none; height: 50px;}
#banners li, #banners li a{ margin: 0; display: block; width: 180px; height: 50px;}
#banners li{ padding: 0 15px 0 0; float: left;}
#banners li.end{ padding: 0; float: right;}

/* --- info --- */

#gaiyou{
	margin: 0 10px 25px;
	padding: 3px 0 0;
	background: url(../info/img/border_2.gif);
}
#gaiyou div{ margin: 0; clear: both;}
#gaiyou .hght{
	margin: 0 0 4px;
	padding: 0 10px;
	background: url(../info/img/border_1.gif) no-repeat bottom;
}
#gaiyou div div{
	float: left;
	clear: none;
	width: 135px;
	letter-spacing: 0.3em;
}
#gaiyou p{ margin: 0 0 4px; float: right; width: 410px;}

.info .f1_r iframe{ border: 1px solid #d9cb90;}

/* footer ********************************************/

#footer h2{
	margin: 10px 0;
	clear: both;
	height: 26px;
	line-height: 26px;
	text-indent: 0;
}
#footer dl{ margin: 0;}
#footer dt{ margin: 0 0 0.3em; float: left; width: 6em;}
#footer dd{ margin: 0 0 0 6.5em;}

#footer_inner{
	float: left;
	width: 750px;
}

#footer_pagetop, #footer_pagetop a{ width: 82px; height: 17px;}
#footer_pagetop{
	margin: 15px 0 0;
	float: right;
	background: url(../img/btn_pagetop.gif);
}
#footer_pagetop a{ display: block;}

br.clear20 {
	clear: both;
	height: 20px;
}
br.clear30 {
	clear: both;
	height: 30px;
}
br.clear50 {
	clear: both;
	height: 50px;
}