@charset "utf-8";

/****************************
	toyotahometechno.com
	ver2.1
	作成: 2009.12.02
	編集: 2010.01.21 
****************************/

/****************************
	基本
****************************/
html {}
body { background:#fff; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:1.7; font-size:12px; color:#121212; }

a:link { font-weight: normal; text-decoration: underline; color: #9f7944; }
a:active { font-weight: normal; text-decoration: underline; color: #331e01; }
a:visited { font-weight: normal; text-decoration: underline; color: #9f7944; }
a:hover { font-weight: normal; text-decoration: underline; color: #331e01; }

/* フロート解除用 */
.clr00 { clear:both; margin:0; padding:0; font-size:0; line-height:0; }

p { margin:0.8em 0; }


/****************************
	レイアウト
****************************/
body { text-align:center; }
#header, #pageContent, #footer {}
#header_inner, #pageContent_inner, #footer_inner { width:948px; margin:5px auto 0 auto; text-align:left; }

/*** ヘッダー内(#header ,#header_inner) ***/
#header { margin-bottom:10px; }
/* ヘッダー＆フッターのテキスト(トヨタホームテクノはトヨタグループのリフォーム専門会社です....) */
.statement { font-size:90%; *font-size:77%; _font-size:80%; }
/* ロゴ */
#top { float:left; width:707px; margin:0 0 10px 0; }
/* 資料請求ボタン */
#utility { float:left; width:220px; margin:0 0 10px 0; }


/*** ナビゲーション内(#nav, #nav_inner) ***/
#nav { width:100%; background:#f2f2f2 url(../img/bg_Nav.jpg) repeat-x 0 0; height:41px; margin:0 0 8px 0; overflow:hidden; }
#nav_inner { width:946px; margin:0 auto; text-align:center; }
ul#navContent { margin-bottom:15px; }


/*** ページコンテンツ内(#pageContent, #pageContent_inner) ***/
#pageContent { width:100%; }
#pageContent_inner { margin-bottom:15px; padding-top:10px; /*background:#fff ←太陽光発電のページは背景imgがあるので止めました。既存ページには影響なし */ }

/** ブロック（左右ぶちぬき） **/
.columnLR { width:937px; margin:0 auto 15px auto; }
.columnL { float:left; width:660px; margin:0 22px 15px 5px; _margin:0 18px 15px 5px; }
.columnR { float:left; width:257px; margin:0 0 15px 0; }

/** サイドバー内(.columnR) **/
.columnR img { display:block; margin:0 0 10px 0; }
img.bnr125px { display:block; float:left; width:125px; margin:0 0 10px 0; } /* 注:左右のマージンだけhtml上でスタイル調整*/

/* アコーディオン */
#accordion { margin-bottom:10px; }
.accordion_toggle img { margin-bottom:0; }

/* 最新情報(トップだけ), 店舗一覧 */
.sidebarBox_news { width:242px; background:url(../img/ttl_news.jpg) no-repeat -2px 0; margin-bottom:10px; padding:32px 4px 4px 8px; _padding-top:16px; border-right:1px solid #444; border-bottom:1px solid #444;  border-left:1px solid #444; *line-height:1.4; }
.sidebarBox_branch { width:242px; background:url(../img/ttl_branch.jpg) no-repeat -2px 0; margin-bottom:10px; padding:32px 4px 4px 8px; _padding-top:16px; border-right:1px solid #444; border-bottom:1px solid #444;  border-left:1px solid #444;  }
.sidebarBox_news h3, .sidebarBox_branch h3 { text-indent:-9999px; height:0; }
.sidebarBox_news span { font-size:11px; color:#FF3300; }
li.arrow { background:url(../img/arrow.jpg) no-repeat 0 5px; padding:0 0 0 18px; }


/*** フッター(#footer, #footer_inner) ***/
#footer { padding-top:5px; }
#footer_inner { margin-bottom:15px; background:#fff; }
.footerLinks { margin-bottom:10px; }
#footer_inner_R a { display:left; float:right; width:96px; height:20px; margin-top:-24px; text-indent:-1000px; overflow:hidden; }
a.pageTop {  width:20px; background:url(../img/btn_pagetop.jpg); }
a:hover.pageTop { background-position:0px -20px; }


/****************************
	トップページ固有の要素
****************************/
#flashContent { width948px; height:363px; background:#fff url(../../img/waku00.jpg) no-repeat 0 0; padding:10px 0 0 37px; }


/****************************
	グローバルナビ（全ページ共通）
*****************************/
ul#navContent { display:inline; list-style:none; margin:0 auto; padding:0; text-align:center; }
ul#navContent li { float:left; padding:0; text-align:center; }
ul#navContent a { display:block; height:41px; text-indent:-9999px; overflow:hidden; }

/* ホーム */
a.nav01 { width:240px; background:url(../img/navContent.jpg) no-repeat 0 0; }
a:hover.nav01 { background-position:0 -41px; }

/* コンセプト */
a.nav02 { width:225px; background:url(../img/navContent.jpg) no-repeat -241px 0; }
a:hover.nav02 { background-position:-241px -41px; }

/* 周辺環境 */
a.nav03 { width:229px; background:url(../img/navContent.jpg) no-repeat -466px 0; }
a:hover.nav03 { background-position:-466px -41px; }

/* 間取り */
a.nav04 { width:222px; background:url(../img/navContent.jpg) no-repeat -695px 0; }
a:hover.nav04 { background-position:-695px -41px; }


/****************************
	会社案内
*****************************/
.columnLR_817px { width:817px; margin:0 auto 15px auto; text-align:left; }


/****************************
	まるごとマンションリフォームキャンペーン
*****************************/
ul#reformNav { width:585px; margin:0 auto; text-align:center; }
ul#reformNav li { float:left; width:107px; margin:0 10px 10px 0; }
.reformExamples { width:938px; padding:5px; background:#eee; }
.reformExamples p { text-align:left; }
.imgAlignL { display:block; float:left; margin:0 10px 15px 0; }
.reform_txt2 { width:940px; height:101px; margin:20px 0 0 5px; background:#fffde6 url(../img/reform_btn_bg.gif) no-repeat 0 0; border:1px solid #333; }
.reform_txt2 dl{}
.reform_txt2 dt{ padding-top:15px; }
.reform_txt2 dd{ float:left; margin:5px 0 0 8px; _margin:5px 4px 0 4px; }


/****************************
	リフォーム施工事例
*****************************/
.columnLR_823px { width:823px; margin:0 auto 15px auto; text-align:center; }
#pageContent_inner h2 { margin-bottom:10px; text-align:left; }

.columnLR_823px_L { float:left; width:493px; height:240px; margin:0 10px 0 0; text-align:left; }
.columnLR_823px_L  img{ margin:2px 0 0 0; _margin:15px 0 0 0;}
.columnLR_823px_R { float:left; width:320px; margin:0 0 10px 0; }

.columnL_550px { float:left; width:550px; margin:0 16px 15px 0; _margin:0 18px 15px 0; }
.columnL2_550px { float:left; width:550px; margin:0 16px 15px 0; _margin:0 10px 15px 0; }
.box550pxL { float:left; width:220px; height:240px; margin:-80px 10px 15px 0; }
.box550pxL img { display:block; text-align:left; _margin:2px 0 0 0; margin:-2px 0 0 0; float:none;}

/*Firefox*/
@-moz-document url-prefix() { .columnLR_823px_L { margin:-15px 0 0 0; padding:0 10px 0 0;} } 
@-moz-document url-prefix() { .columnLR_823px_L  img { margin:15px 0 0 0; } } 
@-moz-document url-prefix() { .box550pxL img  { margin:8px 0 0 0; } } 

/*IE8*/
html>/**/body .columnLR_823px_L {margin:-15px 0 0 0\9; padding:0 10px 0 0\9;}
html>/**/body .columnLR_823px_L img{margin:15px 0 0 0\9;}
html>/**/body .box550pxL img{margin:10px 0 0 0\9;}
html>/**/body .box550pxL p{line-height:1.8em\9;}
html>/**/body .picThumbs a{text-decoration:none\9;}

/* Mac safari only \*/
html*.columnLR_823px_L {margin:-17px 0 0 0; padding:0 10px 0 0;}
html*.columnLR_823px_L img{margin:17px 0 0 0;}
html*.box550pxL img{margin:13px 0 0 0;}
html*.picThumbs a{text-decoration:none;}

/* chorome & safari3.1 \*/

body:nth-of-type(1) .columnLR_823px_L {margin:-17px 0 0 0; padding:0 10px 0 0;}
body:nth-of-type(1) .columnLR_823px_L img{margin:17px 0 0 0;}
body:nth-of-type(1) .box550pxL img{margin:13px 0 0 0;}
body:nth-of-type(1) .picThumbs a{text-decoration:none;}


.box550pxL p { margin-top:15px; _margin-top:18px; }
.box550pxR { float:left; width:320px; margin:-60px 0 15px 0; }

/* before→afterの矢印 */
.arrow00 { display:block; position:relative; top:130px; left:200px; }

.picThumbs { float:left; width:270px; margin:0 5px 10px 0; }
.picThumbsL { float:left; margin:0 5px 0 0; width:100px; }
.picThumbsR { text-decoration:none; }

.detailLinks { float:right; margin-right:20px; }


/****************************
	リフォーム施工事例index
*****************************/

#reformbox {height:405px;}
.reformImage {width:825px; padding:15px 0 20px 0 ; text-align:center;}

ul#btn_R {list-style:none; width:825px; height:50px; padding:20px 0 0 40px;}
ul#btn_R li { float:left; margin-left:17px; _margin-left:11px; width:225px;}
ul#btn_R a { display:block; height:49px; text-indent:-9999px; overflow:hidden; }

/* 戸建リフォーム事例 */
a.btn_R01 { width:225px; background:url(../../reform/img/btn_r01.jpg) no-repeat 0 0; }
a:hover.btn_R01 { background-position:0 -49px; }

/* マンションリフォーム事例 */
a.btn_R02 { width:225px; background:url(../../reform/img/btn_r02.jpg) no-repeat 0 0; }
a:hover.btn_R02 { background-position:0 -49px; }

/* トヨタホームテクノリフォームのヒント */
a.btn_R03 { width:225px; background:url(../../reform/img/btn_r03.jpg) no-repeat 0 0; }
a:hover.btn_R03 { background-position:0 -49px; }


.reformIndexUnits { float:left; width:545px; margin-right:0px; margin-bottom:20px; color:#4d2e01; }
.reformIndexUnits h2 { padding:5px 0; border-top:1px dotted #555; border-bottom:1px dotted #555; font-size:14px; color:#4d2e01; }
.reformIndexUnits .img { float:left; height:160px; margin:0 10px 10px 0; }
.reformIndexUnits .ttl { height:38px; margin:0 0 10px 0; }

ul.reformHints { margin:4px 0 -4px 0; _margin:1px 0 0 0; _width:auto;}
ul.reformHints li { display:block; float:left; margin-right:16px; padding-left:18px; background:url(../../reform/img/sankaku.jpg) no-repeat 0 3px; }

html>/**/body ul.reformHints {
        width: 400px\9;
        margin-top:2px\9;
}




a.btn_reform { display:block; float:right; width:130px; height:24px; background:url(../../reform/img/btn_reform.jpg) no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
a:hover.btn_reform { background-position:0 -24px; }

/****************************
	リフォーム施工事例[旧]
*****************************/
.pics　{ background:#eee; }
.pic_caption { float:left; width:250px; margin:0 16px 16px 8px; }
.pic_caption a { text-decoration:none; }
.pic_caption img { margin-bottom:8px; } 



/****************************
	太陽光発電
*****************************/
#solarContent { width:860px; margin:0 atuo; padding:0 50px 0 50px; text-align:center; background:#fff }
#solarContent h2 { display:block; margin-bottom:20px; }
#solarContent h3 { display:block; text-align:left; margin-bottom:8px; }
#solarContent p { text-align:left; margin-bottom:1em; }

.caption { font-size:80%; }

.totop  { width:860px; text-align:right; clear:both; }
                                           
/* ご相談ください(458*2)+(ボタン間margin:16px)+(padding:24px)+(border:2px) */
#solarInq { width:100%; }
#solarInq_inner { width:934px; height:76px; margin:16px 0; padding:12px; background:#fffde6; border:1px solid #0f0f0f; }

#solarInq_inner div h3 { margin-bottom:10px; }
#solarInq_inner div a { display:block; float:left; width:458px; height:40px; margin:0; }



/****************************
	エコ
*****************************/
#eco_leftbox{
	width:552px;
	padding-right:15px;
	float:left;
}
#eco_cont1{
}
#eco_cont2{
}
#eco_cont2 ul{
	position:absolute;
	display:block;
	margin:68px 0 0 145px;
}
#eco_cont2 img.img02{
	padding-top:25px;
}
#eco_cont2 img.plus{
	position:absolute;
	display:block;
	margin:170px 0 0 256px;
}
#eco_cont2 p{
	position:absolute;
	margin:247px 0 0 240px;
}
#eco_cont2 p span{
	display:block;
	font-size:11px;
}
#eco_cont2 .proviso{
	font-size:11px;
	padding:5px 0 0 0;
}
#eco_cont3, #eco_cont4, #eco_cont5, #eco_cont6{
	margin-top:30px;
}
#eco_cont3 ul{
	position:absolute;
	margin:12px 0 0 160px;
	*margin:9px 0 0 160px;
	_margin:13px 0 0 160px;
	line-height:110%;
}
#eco_cont3 ul li.l01{
}
#eco_cont3 ul li.l02, #eco_cont3 ul li.l03{
	margin-top:15px;
}
#eco_cont3 ul li.l04, #eco_cont3 ul li.l05, #eco_cont3 ul li.l06{
	margin-top:5px;
	*margin-top:2px;
}
#eco_cont3 ul li.l07{
	margin-top:2px;
	font-size:11px;
}
#eco_cont4 p{
	position:absolute;
	margin:32px 0 0 110px;
	*margin:28px 0 0 110px;
	line-height:110%;
}
#eco_cont4 .ul1{
	position:absolute;
	margin:68px 0 0 70px;
	font-size:11px;
}
#eco_cont4 .ul2{
	position:absolute;
	margin:68px 0 0 322px;
	font-size:11px;
}
#eco_cont4 .img04{
	padding-top:10px;
}
#eco_cont4 .img05{
	position:absolute;
	margin:105px 0 0 322px;
}
#eco_cont4 .img06{
	position:absolute;
	margin:105px 0 0 436px;
}
#eco_cont5 div{
	text-align:center;
	padding:5px 0;
}
#eco_cont5 .txt1{
	position:absolute;
	margin:48px 0 0 165px;
	font-size:11px;
}
#eco_cont5 .txt2{
	position:absolute;
	margin:48px 0 0 378px;
	font-size:11px;
}
#eco_cont5 .txt3{
	position:absolute;
	margin:48px 0 0 10px;
	font-size:11px;
}
#eco_cont5 .txt4{
	position:absolute;
	margin:48px 0 0 215px;
	font-size:11px;
}
#page_top{
	padding-top:30px;
	clear:both;
}
#page_top a { display:left; float:right; width:96px; height:20px; margin-top:-24px; text-indent:-1000px; overflow:hidden; }
a.pageTop {  width:20px; background:url(../img/btn_pagetop.jpg); }
a:hover.pageTop { background-position:0px -20px; }
.eco{
	padding-left:60px;
}