/* aother page Style
----------------------------------------- */
@import "yamashita.css";
@import "onishi.css";

/* 
----------------------------------------- */

body { margin: 0px; background-color: #F7F8F1; line-height:1.5;}
body#whbg { margin: 0px; background-color: #FFFFFF; background-image: none}
h1 { margin: 0px 15px; font-size: 14px; line-height: 120%; color: #FFFFFF; font-weight: normal; font-family: "ＭＳ Ｐゴシック", "Osaka"}
#toppage {
	margin: 0 auto;
	text-align: center;
	}
#toppage h1 {
	width: 830px;
	font-size: 13px;
	color: #4D5613;
	padding: 5px 0;
	margin: 0 auto;
	text-align:left;
	}
.clear {
	clear: both;
	}
.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
/*--- IE ---*/
.clearfix {
	display:inline-block;
	}
/*MacIE \*/
* html .clearfix {height: 1em;}
.clearfix {display: block;}
/*  */
.ji_140 { font-size: 140%; line-height:1.5; color: #4D5613}
.ji_120 { font-size: 120%; line-height:1.5; color: #4D5613} 
.ji_110 { font-size: 110%; line-height:1.5; color: #4D5613}
.ji_100 { font-size: 100%; line-height:1.5; color: #4D5613}
.ji_90 { font-size: 90%; line-height:1.5; color: #4D5613}
.ji_80 { font-size: 80%; line-height:1.5; color: #4D5613}
.ji_75 { font-size: 75%; line-height:1.5; color: #4D5613}
.ji_70 { font-size: 70%; line-height:1.5; color: #4D5613}
.ji_idt50 { padding: 3px 0 0 50px; font-size: 80%; color: #4D5613; line-height: 140%}
.ji_idt20 { padding: 5px 0 0 20px; font-size: 75%; color: #4D5613; line-height: 120%}
.ji_idt15 { padding: 3px 0 0 15px; font-size: 80%; color: #4D5613; line-height: 140%}
.ji_idt10 { padding: 3px 0 0 10px; font-size: 80%; color: #4D5613; line-height: 140%}
.linehgt_180 {  line-height: 180%}
.col_wh { color: #FFFFFF}
.col_orange { color: #F76900}
.col_blue { color: #2C3876}
.col_brown { color: #9E6210}
.col_green { color: #336633}
.col_sky { color: #4C95D9}
.col_red { color: #990000}
a:link { color: #669900; text-decoration: underline}
a:visited { color: #3D5C00; text-decoration: underline}
a:hover { color: #436400; text-decoration: none}
a.link1:link { color: #D95F11; text-decoration: none}
a.link1:visited { color: #9F4927; text-decoration: none}
a.link1:hover { color: #D95F11; text-decoration: none}
a.link2:link { color: #419444; text-decoration: underline}
a.link2:visited { color: #419444; text-decoration: underline}
a.link2:hover { color: #419444; text-decoration: none; background-color: #FFFFFF}
a.link3:link { color: #FF8200; text-decoration: underline}
a.link3:visited { color: #FF8200; text-decoration: underline}
a.link3:hover { color: #FF8200; text-decoration: none}
a.link4:link { color: #669900; text-decoration: none}
a.link4:visited { color: #3D5C00; text-decoration: none}
a.link4:hover { color: #436400; text-decoration: underline}
.sptop_10 { padding: 10px 0px 0px}
.spbtm_6 { padding: 0px 0px 6px}
.spbtm_10 { padding: 0px 0px 10px}
.sphgt_05 { padding: 5px 0px}
.sphgt_10 { padding: 10px 0px}
.sphgt_15 { padding: 15px 0px}
.sphgt_20 { padding: 20px 0px}
.spwid_10 { padding: 0px 10px}
.spwid_15 { padding: 0px 15px}
.spwid_20 { padding: 0px 20px}
.mgtop_10 { margin: 10px 0px 0px}
.mgbtm_10 { margin: 0px 0px 10px}
.mghgt_10 { margin: 10px 0px}
.mgwid_05 { margin: 0px 5px}
.mgwid_10 { margin: 0px 10px}
.mg_10 { margin: 10px}
.bg_line { border: #B3B3B3 solid; border-width: 0 0 1px 0}
.bg_line4 { border: #4C95D9 solid; border-width: 0 0 1px}
.bg_line2 { border: #6487DB solid; border-width: 0 0 2px}
.bg_line3 { border: #222950 solid; border-width: 1px 0 0 0}
.nopt {	padding: 0; margin: 0px 15px; list-style-type: none}
.nopt li{ margin: 12px 0px}.bg_menu {  background-image: url(img/share/bg_mn.jpg); background-repeat: repeat-x; background-position: top}
.bg_menus { background-image: url(img/share/bg_mns.gif); background-repeat: repeat-x}
.sideline {  border: #C6C7AC; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.smn_line { background-image: url(img/menu/smn_bg.gif); background-repeat: repeat-x; background-position: bottom; padding-top: 0px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px}
.bg_houmon { background-image: url(story/img/houmon/bg.gif); background-repeat: no-repeat; background-color: #FFFFFF}
.mgwid_25 { margin: 0px 25px}
.ji_100_gr { font-size: 100%; line-height:1.5; color: #669900}
.bg_line5 {  border-color: #B2CC7F black black; border-style: solid; border-top-width: thin; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.bg_line6 {  border-color: black black #B3B89A; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: thin; border-left-width: 0px}
.box_1 {  padding-top: 10px; padding-left: 28px}
.ji_90_gr { font-size: 90%; line-height:1.5; color: #669900 }
.ji_80red { font-size: 80%; line-height:1.5; color: #D95F11}
.ji_80gr { font-size: 80%; line-height:1.5; color: #565E1F}
.ji_80gray { font-size: 80%; line-height:1.5; color: #666666}
.ji_80_green { font-size: 80%; line-height:1.5; color: #669900 }
.ji_70gray { font-size: 70%; line-height:1.5; color: #666666 }
.bg_ten {  background-image: url(concept/img/red_left.gif); background-repeat: repeat-y}
.bg_ten2 { background-image: url(concept/img/red_right.gif); background-repeat: repeat-y }
.bg_ten3 { background-image: url(concept/img/green_left.gif); background-repeat: repeat-y }
.bg_ten4 { background-image: url(concept/img/green_right.gif); background-repeat: repeat-y }
.bg_tochi {  background-image: url(how/img/02_tochi/70.jpg); background-repeat: no-repeat; background-position: right top}
.ji_80blue { font-size: 80%; line-height:1.5; color: #51C8BA}
.line_1 {  background-image: url(how/img/05_showroom/dot.gif); background-repeat: repeat-y; background-position: right}
.line_2 { background-image: url(how/img/05_showroom/dot.gif); background-repeat: repeat-y; background-position: left}
.line_3 { background-image: url(how/img/05_showroom/dot.gif); background-repeat: repeat-x; background-position: top}
.bg_seminar {  background-image: url(concept/img/seminar/head_06.gif); background-repeat: no-repeat; background-position: right top}
.bg_sitemap {  border-color: black black #669900; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 3px; border-left-width: 0px}
.bg_sitemap2 { border-color: black black #95BD81; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 3px; border-left-width: 0px}
.bg_sitemap3 { border-color: black black #E4E6D6; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 3px; border-left-width: 0px}
.bg_ten5 {  border-color: #4D5613 black black; border-style: dotted; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.col_333 { color: #333333}
.col_444 { color: #444444}
#line_whbx {  border-color: #FFFFFF; border-style: dashed; border-width: 2px}.bg_story {  background-image: url(story/img/index/bg_sumai_03.gif); background-repeat: no-repeat; background-position: left top}
.bg_story2 { background-image: url(story/img/index/bg_sumai2_03.gif); background-repeat: no-repeat; background-position: left top }
.mgtop_05 { margin: 5px 0px 0px}

.yume_link{ padding:5px 10px}

/*-----------------------
画像・左右回り込み
ptはポイント画像用：中央（絶対的）
------------------------*/
.img_left {
	float: left;
	margin: 0 12px 8px 0;
	}
.img_right {
	float: right;
	margin: 0 0 8px 12px;
	}
.img_pt {
	vertical-align: middle;
	margin: 2px 5px 2px 0;
	}.mghgt_05 { margin: 5px 0px}
.bg_kodawari {  background-image: url(concept/img/modelhouse/kenkou.gif); background-repeat: no-repeat}
.kodawari2 {  background-image: url(concept/img/modelhouse/lifestyle.gif); background-repeat: no-repeat}
.kodawari3 {  background-image: url(concept/img/modelhouse/aftercare.gif); background-repeat: no-repeat}


.ji_80_haiken { font-size: 74%; line-height: 130%; color: #5A5941; padding-left: 12px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px}
.ji_80dar_green { font-size: 80%; line-height:1.5; color: #4D5613}
.bg_story0807 { background-image: url(story/img/index/bg_sumai_03_080708.gif); background-repeat: no-repeat; background-position: left top }
.bg_story080716 { background-image: url(story/img/index/bg_sumai2_03_080716.gif); background-repeat: no-repeat; background-position: left top }
.mgtop {  margin: 15px 0px 0px}
.mgbtm_15 {  margin: 0px 0px 15px}
.modelhouse_bgpic {  background: url(concept/img/modelhouse/bg_pic.jpg) no-repeat right top}
.mgtop_50 {  margin: 50px 0px 0px}
.mgbtm_0 {  margin: 0px 0px}
.modelhouse_bgpic2 {  background: url(concept/img/modelhouse/bg_pic02.jpg) no-repeat right top}


/*----------------------
お客様訪問
(story)
-----------------------*/
/*
voice
------------*/
#wrapper_story_f3 {
	background: #F7F8F1 url(story/houmon_f3/img/bg.jpg) no-repeat center top;
	width: 100%;
	}
#wrapper_story_i2 {
	background: #F7F8F1 url(story/houmon_i2/img/bg.jpg) no-repeat center top;
	width: 100%;
	}
#wrapper_story_h {
	background: #F7F8F1 url(story/houmon_h/img/bg.jpg) no-repeat center top;
	width: 100%;
	}
#voice_page .story_box#f3 {
	background: url(story/houmon_f3/img/head_02.gif) no-repeat 1px top;
	}
#voice_page .story_box#i2 {
	background: url(story/houmon_i2/img/head_05.gif) no-repeat 1px top;
	}
#voice_page .story_box#h {
	background: url(story/houmon_h/img/head_05.gif) no-repeat 1px top;
	}

#voice_page .story_box#h .zoom_pic {
        padding: 5px 0;
	margin: 0;
	}

#voice_page .story_box#h .zoom_pic ul {
	padding-left: 0px;
	margin: 0;
        }

#voice_page .story_box#h .zoom_pic ul li {
         float: left;
	 vertical-align: top;
	 list-style-type: none;
	 padding-left: 0px;
        }

#voice_page:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
/*--- IE ---*/
#voice_page {
	display:inline-block;
	margin: 0 auto;
	width: 830px;
	text-align: left;
	background: #FFFFFF url(concept/img/share/kigokoro_bg.gif) repeat-y left 230px;
	}
/*MacIE \*/
* html #voice_page {height: 1em;}
#voice_page {display: block;}
/*  */

#white_base {
	background: url(story/img/white_base.gif) repeat-x top;
	}
#shbtn {
	/*background: #FFFFFF;
*/	width: 523px;
	margin: 0 auto;
	padding-left: 306px;
	}

#voice_page {
	}
#voice_page .story_box {
	padding: 0 80px 50px 230px;
	width: 520px;
	font-size: 80%;
	line-height:1.5;
	color: #4D5613;
	}
#voice_page .story_box:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
/*--- IE ---*/
#voice_page .story_box {
	padding: 0 80px 50px 230px;
	width: 520px;
	font-size: 80%;
	line-height:1.5;
	color: #4D5613;
	}
/*MacIE \*/
* html #voice_page .story_box {height: 1em;}
#voice_page .story_box {display: block;}
/*  */


#voice_page .story_box#h {
	padding: 0 55px 50px 230px;
	width: 545px;
	font-size: 80%;
	line-height:1.5;
	color: #4D5613;
	}
#voice_page .story_box #pt_img {
	padding: 20px 0 30px 240px;
	}
#voice_page .story_box #pt_img2 {
	padding: 20px 0 30px 240px;
	clear: both;
	}

#voice_page h2,
#voice_page h3 {
	margin: 0;
	}
#voice_page p {
	font-size: 1em;
	}

#story_fla_block {
	width: 830px;
	margin: 0 auto;
	}
.voice_textbox {
	background: url(../voice/img/p02/dot.gif) no-repeat bottom;
	padding: 35px 50px 40px 0;
	}
.voice_textbox h3{
	padding-bottom: 15px;
	}
.voice_textbox2 {
	padding: 35px 50px 30px 0;
	}
.voice_textbox2 h3{
	padding-bottom: 15px;
	}
#story_navi{
	clear: both;
	margin: 0 auto;
	width: 828px;
	height: 70px;
	background: url(story/houmon_f3/img/foot_bg.gif) repeat-x top;
	}
#story_navi ul {
	padding: 0 20px 0 40px;
	margin: 0;
	list-style: none;
	}
#story_navi ul li{
	float: left;
	}
#story_navi ul li.btn_top{
	padding-left: 340px;
	}


/*----------------------
木心の家
(concept)2009/02/20 
-----------------------*/
/*
siyou.html
------------*/
.kigokoro_page {
	color: #4D5613;
	line-height:1.5;
	margin: 0 auto;
	font-size: 80%;
	width: 639px;
	text-align: left;
	background: #FFF;
	}
.kigokoro_page p {
	margin: 0 0 1.2em 0;
	}
.kigokoro_page h2,
.kigokoro_page h3,
.kigokoro_page h4 {
	margin: 0;
	font-weight: normal;
	}
.kigokoro_page#siyou {
	}

.kigokoro_page#siyou #lead {
	padding-top: 20px;
	height: 210px;
	background: url(concept/img/siyou/head_05.gif) no-repeat left top;
	}
.kigokoro_page#siyou > #lead {
	min-height: 210px;
	height: auto;
	}
.kigokoro_page#siyou #lead p {
	width: 317px;
	padding: 0 50px;
	}

.kigokoro_page#siyou #main_box_bg {
	background: url(concept/img/siyou/bg.jpg) no-repeat left top;
	}
.kigokoro_page#siyou .main_box {
	width:600px;
	margin: 0 auto;
	padding-bottom: 30px;
	background: #EEEFE9;
	}
.kigokoro_page#siyou .main_box p{
	padding-left: 31px;
	width:538px;
	}
.kigokoro_page#siyou .main_box #taisin {
	float: left;
	width: 290px;
	}
.kigokoro_page#siyou .main_box #taisin p {
	width: 239px;
	}
.kigokoro_page#siyou .main_box #pic {
	padding-top: 30px;
	}

.kigokoro_page#siyou .break_pt {
	clear: both;
	height: 49px;
	background: url(concept/img/siyou/pt.gif) no-repeat center top;
	}
.kigokoro_page#siyou #var_block {
	margin: 30px auto;
	background: url(concept/img/siyou/bg.gif) repeat-x center top;
	width: 600px;
	}
.kigokoro_page#siyou #var_block h3 {
	float: left;
	width: 244px;
	}
.kigokoro_page#siyou #var_block p {
	width: 347px;
	padding: 20px 0 0 0;
	float: left;
	}
.kigokoro_page#siyou #var_block table {
	margin: 30px 0;
	}
.kigokoro_page#siyou #var_block th {
	padding: 5px 10px;
	background: #5B5A55;
	text-align: center;
	color: #ffffff;
	border-left: 1px solid #FFF;
	}
.kigokoro_page#siyou #var_block th.ttl {
	border-left: 0px;
	}
.kigokoro_page#siyou #var_block td {
	padding: 5px 10px;
	text-align: center;
	border: #5B5A55 solid;
	border-width: 0 0 1px 1px;
	}
.kigokoro_page#siyou #var_block td.ttl {
	background: #D4D7C8;
	padding: 5px 20px;
	border-left: 0px;
	}
/*----------------------
お客様訪問
(concept)2009/03/05 
-----------------------*/


.sptop_05 {  padding: 5px 0px 0px}
.spwid_07 {  padding: 0px 7px}
.spleft_07 {  padding: 0px 0px 0px 7px}
.top_taiken {  padding: 7px 0px 0px 7px}
.spleft_20 {  padding: 0px 0px 0px 20px}
.spleft_10 {  padding: 0px 0px 0px 10px}
.top_series {  padding: 10px 0px 0px 10px}
.top_series {  }
.top_series2 {  padding: 10px 0px 0px 20px}
.spbtm_15 {  padding: 0px 0px 15px}
.spleft_75 {  padding: 0px 0px 0px 75px}
.spbtm_30 {  padding: 0px 0px 30px}
.bg_navi {  background: url(img/share/bg_navi.gif) repeat-x}
.bg_top_sns {  background: url(concept/img/sns/bg_05new.gif) top}


/*----------------------
お客様訪問
(story/houmon_t3)2010/05/14 
-----------------------*/

#wrapper_story_t {
	background: #F7F8F1 url(story/houmon_t3/img/bg.jpg) no-repeat center top;
	width: 100%;
}

#voice_page .story_box#t {
	background: url(story/houmon_t3/img/head_02.gif) no-repeat 1px top;
}

#voice_page .story_box#t .zoom_pic {
    padding: 5px 0;
	margin: 0;
}
#voice_page .story_box#t .zoom_pic ul {
	padding-left: 0px;
	margin: 0;
}
#voice_page .story_box#t .zoom_pic ul li {
     float: left;
	 vertical-align: top;
	 list-style-type: none;
	 padding-left: 0px;
}
		
#voice_page .story_box#t {
	padding: 0 55px 50px 230px;
	width: 545px;
	font-size: 80%;
	line-height:1.5;
	color: #4D5613;
}

/*----------------------
お客様訪問
(story/houmon_k3)2010/05/18 
-----------------------*/

#wrapper_story_k {
	background: #F7F8F1 url(story/houmon_k3/img/bg.jpg) no-repeat center top;
	width: 100%;
}

#voice_page .story_box#k {
	background: url(story/houmon_k3/img/head_02.gif) no-repeat 1px top;
}

#voice_page .story_box#k .zoom_pic {
    padding: 5px 0;
	margin: 0;
}
#voice_page .story_box#k .zoom_pic ul {
	padding-left: 0px;
	margin: 0;
}
#voice_page .story_box#k .zoom_pic ul li {
     float: left;
	 vertical-align: top;
	 list-style-type: none;
	 padding-left: 0px;
}
		
#voice_page .story_box#k {
	padding: 0 55px 50px 230px;
	width: 545px;
	font-size: 80%;
	line-height:1.5;
	color: #4D5613;
}


/*end*/