﻿@charset "UTF-8";

@import url(common.css);

@import url(textsettings.css);



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

	ドキュメント全体に関する設定

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


/* float解除用
-------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


body {

	color: #000000;

	background-color: #DADFCA;

}





#container {

	width: 940px;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: auto;

	background-color: #FFFFFF;

	background-repeat: no-repeat;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #000000;

	border-right-color: #000000;

	border-bottom-color: #000000;

	border-left-color: #000000;

	margin-right: auto;

}



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

	ヘッダ

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



/*--

#header {

	margin-top: 0px;

	margin-bottom: 0px;

	background-repeat: no-repeat;

	height: 45px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

	width: 920px;

	margin-right: 0px;

	margin-left: 0px;

	background-color: #FFFFFF;

	border-top-width: thin;

	border-bottom-width: thin;

	border-top-style: none;

	border-bottom-style: none;

	border-right-width: thin;

	border-left-width: thin;

	border-right-style: none;

	border-left-style: none;

	font-size: 85%;

	font-style: normal;

	font-weight: bold;

}

--*/



.index_top_bnr {

	width:940px;

	margin:0px auto;

	padding:0px;

}



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

	メニュー

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



#menuarea {

	height:106px;

	margin-right: 0px;

	margin-left: 0px;

	background-color: transparent;

	background-repeat: repeat-x;

	width: 940px;

	padding: 0px;

	background-image: url(../index/navi_bg.jpg);

}



#logo {

	height:106px;

	width: 210px;

	position: absolute;

	z-index: 1;

	left: 2px;

	top: 45px;

}



#logo2 {

	height:106px;

	width: 210px;

	position: absolute;

	z-index: 1;

	left: 8px;

	top: 55px;

}



#menu {

	height:64px;

	margin-right: 0px;

	margin-left: 220px;

	background-color: transparent;

	background-repeat: no-repeat;

	width: 720px;

	padding: 0px;

	background-image: url(../index/navi_1.jpg);

}



#menu ul {

	padding:0px;

	margin: 0px;

}

#menu li {

	display:inline;

	list-style-type:none;

}

#menu li a {

	height:64px;

	display:block;

	float:left;

	text-indent:-9999em;

	text-decoration:none;

	overflow:hidden;

}

/*------off*/

#menu li.menu01 a {

	background:url(../index/navi_1.jpg) no-repeat 0px 0px;

	width:65px;

}

#menu li.menu02 a {

	background:url(../index/navi_1.jpg) no-repeat -65px 0px;

	width:90px;

}

#menu li.menu03 a {

	background:url(../index/navi_1.jpg) no-repeat -155px 0px;

	width:100px;

}

#menu li.menu04 a {

	background:url(../index/navi_1.jpg) no-repeat -255px 0px;

	width:85px;

}

#menu li.menu05 a {

	background:url(../index/navi_1.jpg) no-repeat -340px 0px;

	width:80px;

}

/*------hover*/

#menu li.menu01 a:hover {

	background:url(../index/navi_1.jpg) no-repeat 0px -64px;

}

#menu li.menu02 a:hover {

	background:url(../index/navi_1.jpg) no-repeat -65px -64px;

}

#menu li.menu03 a:hover {

	background:url(../index/navi_1.jpg) no-repeat -155px -64px;

}

#menu li.menu04 a:hover {

	background:url(../index/navi_1.jpg) no-repeat -255px -64px;

}

#menu li.menu05 a:hover {

	background:url(../index/navi_1.jpg) no-repeat -340px -64px;

}





#menu2 {

	height:40px;

	margin-right: 0px;

	margin-left: 220px;

	background-color: transparent;

	background-repeat: no-repeat;

	width: 720px;

	padding: 0px;

	background-image: url(../index/navi_2.jpg);

}



#menu2 ul {

	padding:0px;

	margin: 0px;

}

#menu2 li {

	display:inline;

	list-style-type:none;

}

#menu2 li a {

	height:40px;

	display:block;

	float:left;

	text-indent:-9999em;

	text-decoration:none;

	overflow:hidden;

}

/*------off*/

#menu2 li.menu01 a {

	background:url(../index/navi_2.jpg) no-repeat 0px 0px;

	width:150px;

}

#menu2 li.menu02 a {

	background:url(../index/navi_2.jpg) no-repeat -150px 0px;

	width:110px;

}

#menu2 li.menu03 a {

	background:url(../index/navi_2.jpg) no-repeat -260px 0px;

	width:110px;

}

#menu2 li.menu04 a {

	background:url(../index/navi_2.jpg) no-repeat -370px 0px;

	width:60px;

}

#menu2 li.menu05 a {

	background:url(../index/navi_2.jpg) no-repeat -430px 0px;

	width:100px;

}

#menu2 li.menu06 a {

	background:url(../index/navi_2.jpg) no-repeat -530px 0px;

	width:50px;

}

#menu2 li.menu07 a {

	background:url(../index/navi_2.jpg) no-repeat -580px 0px;

	width:140px;

}



/*------hover*/



#menu2 li.menu01 a:hover {

	background:url(../index/navi_2.jpg) no-repeat 0px -40px;

}

#menu2 li.menu02 a:hover {

	background:url(../index/navi_2.jpg) no-repeat -150px -40px;

}

#menu2 li.menu03 a:hover {

	background:url(../index/navi_2.jpg) no-repeat -260px -40px;

}

#menu2 li.menu04 a:hover {

	background:url(../index/navi_2.jpg) no-repeat -370px -40px;

}

#menu2 li.menu05 a:hover {

	background:url(../index/navi_2.jpg) no-repeat -430px -40px;

}

#menu2 li.menu06 a:hover {

	background:url(../index/navi_2.jpg) no-repeat -530px -40px;

}

#menu2 li.menu07 a:hover {

	background:url(../index/navi_2.jpg) no-repeat -580px -40px;

}



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

	施行後のご注意カテゴリーメニュー

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

#menu3 {

	height:30px;

	margin-right: 0px;

	margin-left: 10px;

	background-color: transparent;

	background-repeat: no-repeat;

	width: 890px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}



#menu3 ul {

	padding:0px;

	margin: 0px;

}

#menu3 li {

	display:inline;

	list-style-type:none;

}

#menu3 li a {

	height:30px;

	display:block;

	float:left;

	text-indent:-9999em;

	text-decoration:none;

	overflow:hidden;

}

/*------off*/

#menu3 li.menu01 a {

	background:url(../aftermente/navi.gif) no-repeat 0px 0px;

	width:200px;

}

#menu3 li.menu02 a {

	background:url(../aftermente/navi.gif) no-repeat -200px 0px;

	width:200px;

}

#menu3 li.menu03 a {

	background:url(../aftermente/navi.gif) no-repeat -400px 0px;

	width:200px;

}



/*------hover*/

#menu3 li.menu01 a:hover {

	background:url(../aftermente/navi.gif) no-repeat 0px -60px;

}

#menu3 li.menu02 a:hover {

	background:url(../aftermente/navi.gif) no-repeat -200px -60px;

}

#menu3 li.menu03 a:hover {

	background:url(../aftermente/navi.gif) no-repeat -400px -60px;

}





/*------on*/

#menu3 li.menu01_on a {

	background:url(../aftermente/navi.gif) no-repeat 0px -30px;

	width:200px;

}

#menu3 li.menu02_on a {

	background:url(../aftermente/navi.gif) no-repeat -200px -30px;

	width:200px;

}

#menu3 li.menu03_on a {

	background:url(../aftermente/navi.gif) no-repeat -400px -30px;

	width:200px;

}







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

	indexページ　コンテンツコンテナの設定

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



#main {

	margin-top: 0px;

	margin-bottom: 0px;

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	border: 1px none #330000;

	background-color: transparent;

	background-image: url(../index/main_bg.jpg);

	background-repeat: repeat-y;

}



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

	indexページ　コンテンツ部分の設定

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

div#unit {

	width: 690px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

	padding: 0px;

	float: left;

}



div#contentstop {

	width: 488px;

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 0px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

	padding: 0px;

	float: right;

	border-right-color: #000000;

	border-left-color: #000000;

	font-size: 12px;

}



.contentstopbox {

	width: 470px;

	background-color: #F6FAF9;

	background-image: url(../index/contents_top/img_bg.jpg);

	background-repeat: no-repeat;

	padding-top: 20px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

}



.contentstopimgbox {

	width: 150px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	text-align: center;

	float: left;

}



.contentstopimgbox2 {

	width: 295px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

}





.contentstopbox2 {

	width: 478px;

	background-repeat: no-repeat;

	padding-top: 5px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

}



.contentstopbox3 {

	width: 480px;

	background-color: #FFFFFF;

	background-repeat: no-repeat;

	padding-top: 5px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-right: 3px;

	padding-bottom: 5px;

	padding-left: 3px;

}



div#contentstopleft {

	width: 200px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #EFEBDF;

	margin: 0px;

	float: left;

	font-size: 12px;

	padding: 0px;

	line-height: 18px;

}





.contentstopleftbox {

	width: 190px;

	margin: 5px;

}



.contentstopleftimgbox {

	width: 200px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	text-align: center;

}





div#contentstopright {

	width: 250px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #EFEBDF;

	margin: 0px;

	padding: 0px;

	float: right;

}



.contentstoprightbox {

	width: 240px;

	margin: 5px;

}



.contentstoprightimgbox {

	width: 250px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	text-align: center;

}





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

	基本コンテンツコンテナの設定

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

#main2 {

	margin-top: 0px;

	margin-bottom: 0px;

	width: 920px;

	margin-right: auto;

	margin-left: 20px;

	_maring-left: 10px;

	border: 1px none #330000;

	background-color: transparent;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 0px;

}



#main3 {

	margin-top: 0px;

	margin-bottom: 0px;

	width: 920px;

	margin-right: auto;

	margin-left: auto;

	border: 1px none #330000;

	background-color: transparent;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



#main4 {

	margin-top: 0px;

	margin-bottom: 0px;

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	border: 1px none #330000;

	background-color: transparent;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



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

	見出し部分など　900px margin-bottom: 20pxに使用 

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



.contentsA {

	margin-top: 0px;

	margin-bottom: 5px;

	width: 900px;

	margin-right: 0px;

	padding-right: 10px;

	padding-left: 10px;

}

.contentsA_1 {

	margin-top: 0px;

	margin-bottom: 5px;

	width: 900px;

	margin-right: 0px;

	padding-right: 10px;

	padding-left: 10px;

	clear:both;

}


.contentsAimgbox {

	width: 890px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 30px;

	margin-left: 0px;

	float: left;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #330000;

}



.contentsAimgbox_right {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

}



.contentsAimgbox_left {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

}





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

	company.htmlコンテンツコンテナの設定

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



div#unit2 {

	width: 920px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

	padding: 0px;

	float: left;

}



div#contents2 {

	width: 618px;

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 0px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

	padding: 0px;

	float: right;

	border-right-color: #000000;

	border-left-color: #000000;

	font-size: 12px;

}





div#contentsleft2 {

	width: 250px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #FFFFFF;

	margin: 0px;

	float: left;

	font-size: 12px;

	padding: 0px;

	line-height: 18px;

}



.contents2imgbox {

	width: 580px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 30px;

	margin-left: 0px;

	float: left;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #330000;

}



.contents2imgbox_right {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

}



.contents2imgbox_left {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

}

 

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

	ビフォーアフタートップbeforeafter.html

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

 



div#unit3 {

	width: 920px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

	padding: 0px;

	float: left;

}



div#contents3 {

	width: 920px;

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 0px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

	padding: 0px;

	float: right;

	border-right-color: #000000;

	border-left-color: #000000;

	font-size: 12px;

}





div#contentsleft3 {

	width: 280px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #FFFFFF;

	float: left;

	font-size: 12px;

	padding: 0px;

	line-height: 18px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

}



div#contents3 .contents3top {

	width:920px;

	margin-bottom:20px;

	background-image:url(../b-a/b-atop/top_bg.jpg);

	min-height:260px;

}



div#contents3 .contents3top .text{

	width:450px;

	padding:75px 0 0 90px;

}



.contents3imgbox {

	width: 920px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	float: left;

}



.contents3imgbox_right {

	margin-top: 10px;

	margin-right: 60px;

	_margin-right: 30px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

	width: 225px;

}



.contents3imgbox_center {

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 60px;

	_margin-left: 30px;

	float: left;

	width: 225px;

}



.contents3imgbox_left {

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 60px;

	_margin-left: 30px;

	float: left;

	width: 225px;

}



.contents3imgbox_right2 {

	margin-top: 10px;

	margin-right: 150px;

	_margin-right: 75px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

	width: 225px;

}



.contents3imgbox_left2 {

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 150px;

	_margin-left: 75px;

	float: left;

	width: 225px;

}



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

	新築外構工事施行例ページレイアウト

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

 



div#unit4 {

	width: 920px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

	padding: 0px;

	float: left;

}



div#contents4 {

	width: 630px;

	border-top-width: 2px;

	border-bottom-width: 2px;

	border-left-width: 2px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: dotted;

	float: right;

	border-left-color: #FF9934;

	font-size: 12px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

	border-top-color: #FF9934;

	border-bottom-color: #FF9934;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}



div#contentsleft4 {

	width: 250px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #FFFFFF;

	float: left;

	font-size: 12px;

	padding: 0px;

	line-height: 18px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

}



.contents4imgbox {

	width: 600px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 20px;

	margin-left: 0px;

	float: left;

}



.contents4imgbox_right {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

}



.contents4imgbox_left {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

	width: 290px;

}



.contentsJ {

	margin-top: 0px;

	margin-bottom: 10px;

	width: 900px;

	margin-right: 0px;

	padding-right: 10px;

	float: left;

	padding-left: 10px;

}



.contentsJimgbox {

	width: 900px;

	margin-top: 0px;

    margin-right: 0px;

	padding-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

}



.contentsJimgbox_right {

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

	width: 210px;

}



.contentsJimgbox_left {

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

	width: 650px;

	padding-left: 10px;

}



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

	ビフォーアフター個別ページ

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



div#unitBA {

	width: 860px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	float: left;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 30px;

	padding-bottom: 0px;

	padding-left: 30px;

}



div#contentsBA {

	width: 510px;

	float: right;

	font-size: 12px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}



div#contentsBAleft {

	width: 280px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #FFFFFF;

	float: left;

	font-size: 12px;

	padding: 0px;

	line-height: 18px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

}



.contentsBAimgbox {

	width: 860px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	float: left;

	padding-top: 0px;

	padding-right: 30px;

	padding-bottom: 0px;

	padding-left: 30px;

}



.contentsBAimgbox_308 {

	background-image: url(../b-a/308/ph01.jpg);

	width: 180px;

	margin-top: 0px;

	margin-right: 30px;

	margin-bottom: 5px;

	margin-left: 30px;

	float: left;

	padding-top: 790px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 680px;

	height: 160px;	

}



.contentsBAimgbox_308 a {

	display: block;

	text-indent: -9999px;	

}



.contentsBAimgbox_right {

	margin-top: 5px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

}



.contentsBAimgbox_left {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

	width: 290px;

}



.contentsBAimgbox_right2 {

	margin-top: 10px;

	margin-right: 20px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

}



.contentsBAimgbox_left2 {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 30px;

	margin-left: 10px;

	float: left;

}



.contentsBAimgbox_left3 {

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 30px;

	margin-left: 10px;

	float: left;

}



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

	ビフォア・アフター　追加ページ　310-315.html	更新日:2009-06-09

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

 

/*---310-315共通---*/

#beaf_top {

 	width:920px;

	margin:0px auto;

	padding:0px 0px 5px 0px;

	text-align:center;

}

.clear {

	clear:both;

}





/*---310.html---*/

#beaf_cont310 {

 	width:920px;

	margin:0px 0px 30px 0px;

}

#beaf_cont310 .left_side {

	margin:0px;

	float:left;

	width:360px;

}

#beaf_cont310 .right_side {

	margin:0px;

	float:left;

	width:560px;

}

#beaf_cont310 .right_side .txt {

	text-align:left;

	margin:15px 50px 50px 5px;

}

#beaf_cont310 .right_side .txt01 {

	text-align:left;

	margin:0px 50px 50px 15px;

}



#beaf_bottom310 {

	width:920x;

	margin:0px auto;

	padding:0px;

}

#beaf_bottom310 .left_side {

	width:460px;

	float:left;

}

#beaf_bottom310 .left_side .txt {

	margin:0px 15px 0px 50px;

}

#beaf_bottom310 .right_side {

	width:460px;

	float:left;

}



/*---311.html---*/

#beaf_cont311 {

 	width:920px;

	margin:0px auto;

	padding:0px;

}

#beaf_cont311 .txt {

	float:left;

	width:650px;

	padding:5px 10px 0px 55px;

}

#beaf_cont311 .icon{

	float:left;

	width:200px;

}

#beaf_cont311 .img_left {

	float:left;

	width:445px;

}

#beaf_cont311 .img_right {

	float:left;

	width:475px;

	padding-top:20px;

}



#beaf_bottom311 {

	clear:both;

	width:920x;

	margin:0px 0px 30px 0px;

	padding:0px;

}



/*---312.html---*/

#beaf_cont312 {

 	width:920px;

	margin:0px auto;

	padding:0px;

}

#beaf_cont312 .left_side {

	margin:0px;

	float:left;

	width:360px;

}

#beaf_cont312 .right_side {

	margin:0px;

	float:left;

	width:560px;

}

#beaf_cont312 .right_side .txt {

	text-align:left;

	margin:50px 50px 20px 0px;

}



#beaf_bottom312 {

	clear:both;

	width:920x;

	margin:0px 0px 30px 0px;

	padding:0px;

}

#beaf_bottom312 .txt {

	padding:5px 47px;

}



/*---313.html---*/

#beaf_cont313 {

 	width:920px;

	margin:0px auto 30px auto;

	padding:0px;

}

#beaf_cont313 .left_side {

	margin:0px;

	float:left;

	width:350px;

}

#beaf_cont313 .right_side {

	margin:0px;

	float:left;

	width:570px;

}

#beaf_cont313 .right_side .txt {

	text-align:left;

	margin:10px 50px 20px 0px;

}



/*---314.html---*/

#beaf_cont314 {

 	width:920px;

	margin:0px auto 30px auto;

	padding:0px;

}

#beaf_cont314 .left_side {

	margin:0px;

	float:left;

	width:330px;

}

#beaf_cont314 .left_side p {

	width:330px;

	padding-left:50px;

}

#beaf_cont314 .right_side {

	margin:0px;

	float:left;

	width:590px;

}

#beaf_cont314 .right_side .txt {

	text-align:left;

	margin:40px 50px 10px 25px; 

}

#beaf_cont314 .right_side .txt01 {

	text-align:left;

	margin:5px 50px 20px 25px;

}

#beaf_cont314 .bottom {

	margin-bottom:30px;

	width:920px;

	clear:both;

}



#beaf_cont314 .bottom p {

	padding-left:50px;



}

/*---315.html---*/

#beaf_cont315 {

 	width:920px;

	margin:0px auto;

	padding:0px;

}

#beaf_cont315 .left_side {

	margin:0px;

	float:left;

	width:340px;

}

#beaf_cont315 .left_side p {

	padding-left:45px;

	font-size:12px;

}

#beaf_cont315 .right_side {

	margin:0px;

	float:left;

	width:580px;

}

#beaf_cont315 .right_side .txt {

	text-align:left;

	margin:20px 50px 20px 20px; 

}

#beaf_cont315 .right_side .txt01 {

	text-align:left;

	margin:20px 5px 20px 20px; 

}

#img_box315 {

	clear:left;

}

#imgbox_315 .img_left {

	float:left;

	width:460px;

}

#imgbox_315 .img_right {

	float:left;

	width:460px;

}

#beaf_bottom315 {

	clear:both;

	width:920x;

	margin:0px 0px 30px 0px;

	padding:0px;

}

#beaf_bottom315 p {

	padding-left:50px;



}





/*---320.html---*/

#beaf_top320 {

 	width:880px;

	margin:0px auto;

	padding:0px 0px 5px 0px;

	text-align:center;

}

.clear {

	clear:both;

}



#beaf_cont320 {

 	width:880px;

	margin:0px auto 30px 40px;

}

#beaf_cont320 .left_side {

	margin:0px;

	padding-top:5px;

	float:left;

	width:308px;

}

#beaf_cont320 .left_side img {

	padding-bottom:5px;

}

#beaf_cont320 .left_side p {

	padding-left:5px;

}	

#beaf_cont320 .right_side {

	margin:0px;

	padding-left:10px;

	float:left;

	width:520px;

}

#beaf_cont320 .right_side img {

	padding-top:5px;

}	

#beaf_cont320 .right_side .txt {

	text-align:left;

	padding-top:10px;

	padding-bottom:10px;

	padding-left:10px;	

}

#beaf_cont320 .bottom_txt {

	width:830px;

	height:93px;

	background-image:url(../b-a/320/bottom.jpg);

	background-repeat:no-repeat;

	margin-top:20px;

}

#beaf_cont320 .bottom_txt p {

		padding-left:25px;

		padding-top:5px;

}



/*---323.html*/

#beaf_cont310 .left_side323 {

	margin:0px;

	float:left;

	width:350px;

}

#beaf_cont310 .right_side323 {

	margin:0px;

	float:left;

	width:570px;

}

#beaf_cont310 .right_side323 .txt {

	text-align:left;

	margin:15px 50px 20px 5px;

}



/*---330.html---*/

#beaf_cont330 {

 	width:920px;

	margin:0px auto;

	padding:0px;

}

#beaf_cont330 .left_side {

	margin:0px;

	float:left;

	width:335px;

}

#beaf_cont330 .left_side p {

	padding-left:45px;

	font-size:12px;

}

#beaf_cont330 .right_side {

	margin:0px;

	float:left;

	width:585px;

}

#beaf_cont330 .right_side .txt {

	text-align:left;

	margin:20px 50px 20px 20px; 

}

#img_box330 {

	clear:left;

}

#imgbox_330 .img_left {

	float:left;

	width:460px;

}

#imgbox_330 .img_right {

	float:left;

	width:460px;

}

#beaf_bottom330 {

	clear:both;

	width:920x;

	margin:0px 0px 30px 0px;

	padding:0px;

}

#beaf_bottom330 p {

	padding-left:50px;



}



/*---331.html---*/

#beaf_cont331 {

 	width:920px;

	margin:0px auto 30px auto;

	padding:0px;

}

#beaf_cont331 .left_side {

	margin:0px;

	float:left;

	width:335px;

}

#beaf_cont331 .left_side p {

	width:285px;

	padding-left:50px;

	font-size:12px;

}



#beaf_cont331 .left_side div#box_txt {

	background:url(../b-a/331/04.jpg) no-repeat;

	width:335px;

	height:145px;

}

#beaf_cont331 .left_side div#box_txt p {

	width:275px;

	height:140px;

	font-size:10px;

	padding-top:45px;

	padding-left:45px;

	display:block;

}



#beaf_cont331 .right_side {

	margin:0px;

	float:left;

	width:585px;

}

#beaf_cont331 .right_side .txt {

	text-align:left;

	margin:40px 50px 10px 25px; 

}

#beaf_cont331 .right_side .txt01 {

	text-align:left;

	margin:5px 50px 20px 25px;

}

#beaf_cont331 .bottom {

	margin-bottom:30px;

	width:920px;

	clear:both;

}



#beaf_cont331 .bottom p {

	padding-left:50px;



}



/*---332.html---*/

#beaf_cont332 {

 	width:920px;

	margin:0px 0px 30px 0px;

}

#beaf_cont332 .left_side {

	margin:0px;

	float:left;

	width:345px;

}

#beaf_cont332 .right_side {

	margin:0px;

	float:left;

	width:575px;

}

#beaf_cont332 .right_side .txt {

	text-align:left;

	margin:15px 50px 50px 5px;

}

#beaf_cont332 .right_side .txt01 {

	text-align:left;

	margin:0px 50px 50px 15px;

}



#beaf_bottom332 {

	width:920x;

	margin:0px auto;

	padding:0px;

}



/*---333.html---*/

#beaf_top333 {

 	width:920px;

	height:970px;

	margin:30px auto 0px auto;

	padding:0px 0px 5px 0px;

	text-align:center;

	background:url(../b-a/333/img_top.jpg) no-repeat;

}

#beaf_top333 h2 {

 	width:920px;

	height:970px;

	text-indent:-9999px;

}

#beaf_cont333 {

 	width:920px;

	margin:0px 0px 30px 0px;

}



#beaf_cont333 p {

	padding-left:50px;

}





/*---修正ページ149・175.html---2009/07/08---*/



#beaf_top149 {

 	width:900px;

	margin:0px auto;

	padding:0px 0px 5px 0px;

	text-align:center;

}

.clear {

	clear:both;

}



#beaf_cont149 {

 	width:900px;

	margin:0px auto 30px auto;

	text-align:center;

}

#beaf_cont149 .left_side {

	margin:0px auto;

	padding:0;

	float:left;

	width:296px;

}

#beaf_cont149 .left_side img {

	padding-top:10px;

}	

#beaf_cont149 .right_side {

	margin:0px;

	padding-left:10px;

	float:left;

	width:590px;

}

#beaf_cont149 .right_side img {

	padding-top:5px;

}	

#beaf_cont149 .right_side .txt {

	text-align:left;

	padding-top:20px;

	padding-bottom:5px;

	padding-left:10px;	

}

#beaf_cont149 .bottom_txt {

	width:830px;

	margin-top:20px;

	text-align:left;

}

#beaf_cont149 .bottom p {

	padding-left:50px;

	padding-top:5px;

	text-align:left;

}



#beaf_cont149 .bottom img {

	margin:0px auto;

	text-align:center;

}



/*--175--*/



#beaf_top175 {

 	width:900px;

	margin:0px auto;

	padding:0px 0px 5px 0px;

	text-align:center;

}



#beaf_cont175 {

 	width:900px;

	margin:0px auto 30px auto;

	text-align:center;

}

#beaf_cont175 .left_side {

	margin-left:35px;

	_margin-left:18px;

	padding:0;

	float:left;

	width:300px;

}

#beaf_cont175 .left_side img {

	padding-top:10px;

}	

#beaf_cont175 .right_side {

	margin:0px;

	padding-left:10px;

	float:left;

	width:520px;

}

#beaf_cont175 .right_side img {

	padding-top:5px;

}	

#beaf_cont175 .right_side .txt {

	text-align:left;

	padding-top:20px;

	padding-bottom:5px;

	padding-left:10px;	

}

#beaf_cont175 .bottom_txt {

	width:830px;

	margin-top:20px;

	text-align:left;

}

#beaf_cont175 .bottom p {

	padding-left:50px;

	padding-top:5px;

	text-align:left;

}



#beaf_cont175 .bottom img {

	margin:0px auto;

	text-align:center;

}



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

	ディーズガーデン

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

 

div#DG {

	width: 800px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	float: left;

	padding-top: 0px;

	padding-right: 60px;

	padding-bottom: 0px;

	padding-left: 60px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}



div#unitDG {

	width: 540px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

	padding: 0px;

	float: left;

}



div#contentsDG {

	width: 280px;

	float: right;

	font-size: 12px;

	margin: 0px;

	padding: 0px;

}



div#contentsDGleft {

	width: 260px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #FFFFFF;

	float: left;

	font-size: 12px;

	padding: 0px;

	line-height: 18px;

	margin: 0px;

}



div#contentsDGright {

	width: 260px;

	float: right;

	font-size: 12px;

	margin: 0px;

	padding: 0px;

}





div#unitDG_3 {

	width: 920px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 2px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: dotted;

	border-left-style: none;

	float: left;

	border-bottom-color: #FF9900;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

	margin-bottom: 20px;

}



div#contentsDG_3 {

	width: 630px;

	border-top-width: 2px;

	border-bottom-width: 2px;

	border-left-width: 2px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	float: right;

	border-left-color: #FF9934;

	font-size: 12px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

	border-top-color: #FF9934;

	border-bottom-color: #FF9934;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}



div#contentsleftDG_3 {

	width: 250px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #FFFFFF;

	float: left;

	font-size: 12px;

	padding: 0px;

	line-height: 18px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

	text-align: center;

}



.contentsDG_3imgbox {

	width: 600px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 20px;

	margin-left: 0px;

	float: left;

}



.contentsDG_3imgbox_right {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

	width: 580px;

}



.contentsDG_3imgbox_left {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

	width: 305px;

	text-align: center;

}



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

	ディーズガーデンd-3.htmlサムネイル設定

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





ul#thumbslist6 {

  margin: 0;

  padding: 0;

  display: inline;

}



ul#thumbslist6 li {

    background: #FFFFFF;

    margin-right: 10px;

	margin-bottom: 5px;

    padding: 0;

    width: 165px;

    border: 1px none #EEEEEE;

	margin-left: 10px;

	height: 125px;

}



div.thumbnail6 {

	background: transparent;

	margin-top: 7px;

	margin-bottom: 7px;

	padding: 0;

	border: 1px none #CCCCCC;

	height: 125px;

	width: 165px;

}



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

	エクシオールページ設定

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



div#unitEX {

	width: 900px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-top: 0px;

	padding-right: 00px;

	padding-bottom: 0px;

	padding-left: 0px;

	float: left;

	margin: 0px;

}



div#contentsEX {

	width: 630px;

	border-top-width: 2px;

	border-bottom-width: 2px;

	border-left-width: 2px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	float: right;

	border-left-color: #FF9934;

	font-size: 12px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

	border-top-color: #FF9934;

	border-bottom-color: #FF9934;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}



div#contentsleftEX {

	width: 250px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #FFFFFF;

	float: left;

	font-size: 12px;

	padding: 0px;

	line-height: 18px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

	text-align: center;

}



.contentsEXimgbox {

	width: 920px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

}



.contentsEXimgbox2 {

	width: 820px;

	margin-top: 0px;

	margin-right: 50px;

	margin-bottom: 0px;

	margin-left: 50px;

	float: left;

}



.contentsEXimgbox_right {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

}



.contentsEXimgbox_left {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

	width: 290px;

	text-align: center;

}


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

	エクシオールページサムネイル設定

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





ul#thumbslistEX {

	padding: 0;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



ul#thumbslistEX li {

    background: #FFFFFF;

    margin-right: 0px;

	margin-bottom: 5px;

    padding: 0;

    width: 180px;

    border: 1px none #EEEEEE;

	margin-left: 0px;

	height: 220px;

}



div.thumbnailEX {

	background: transparent;

	margin-top: 10px;

	margin-bottom: 7px;

	padding: 0px;

	border: 1px none #CCCCCC;

	height: 220px;

	width: 180px;

	margin-right: 0px;

	margin-left: 0px;

}



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

	エクシオールページnavi設定

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



ul#thumbslistEX2 {

	padding: 0;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



ul#thumbslistEX2 li {

    background: #FFFFFF;

    margin-right: 0px;

	margin-bottom: 5px;

    padding: 0;

    width: 180px;

    border: 1px none #EEEEEE;

	margin-left: 0px;

	height: 100px;

}



div.thumbnailEX2 {

	background: transparent;

	margin-top: 10px;

	margin-bottom: 7px;

	padding: 0px;

	border: 1px none #CCCCCC;

	height: 100px;

	width: 180px;

	margin-right: 0px;

	margin-left: 0px;

}



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

	全国のエクステリアショップexteriorshop.htmの設定

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



.contentsEXS {

	margin-top: 0px;

	margin-bottom: 0px;

	width: 700px;

	margin-right: 100px;

	padding-right: 0px;

	

	padding-left: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	margin-left: 100px;

	text-align: center;

}



ul#thumbslist4 {

  margin: 0;

  padding: 0;

}



ul#thumbslist4 li {

  background: #FFFFFF;

  margin-right: 10px;

  margin-bottom: 15px;

  padding: 0;

  width: 200px;

  height: 150px;

}



div.thumbnail4 {

  background: transparent;

  padding-top: 0;

  padding-right: 0;

  padding-bottom: 0;

  padding-left: 0;

}



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

	osaka.html,iino.html,特集tokushuu.htmlの設定

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



.contentsOS {

	width: 900px;

	padding-right: 10px;

	float: left;

	padding-left: 10px;

	padding-top: 0px;

	padding-bottom: 0px;

	text-align: center;

	margin: 0px;

}



ul#thumbslistOS {

  margin: 0;

  padding: 0;

}



ul#thumbslistOS li {

	background: #FFFFFF;

	padding: 0;

	width: 265px;

	height: 300px;

	margin: 0px;

}



div.thumbnailOS {

  background: transparent;

  padding-top: 0;

  padding-right: 0;

  padding-bottom: 0;

  padding-left: 0;

}



.contentsOS2 {

	width: 810px;

	text-align: center;

	padding-top: 0px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 30px;

	margin: 0px;

}



ul#thumbslistOS2 {

  margin: 0;

  padding: 0;

}



ul#thumbslistOS2 li {

	background: #FFFFFF;

	padding: 0;

	width: 265px;

	height: 300px;

	margin: 0px;

}



div.thumbnailOS2 {

  background: transparent;

  padding-top: 0;

  padding-right: 0;

  padding-bottom: 0;

  padding-left: 0;

}









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

	lighting.htmlライティングの設定

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

div#lightingmenu {
	float:left;
	width:210px;
	margin-left:10px;
}

div#lighting {

	width: 700px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-repeat: no-repeat;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 0px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 20px;

	margin-left: 10px;

	float: left;

}



ul#lightinglist1 {

  margin: 0;

  padding: 0;
  
  clear:both;
  
  display:block;

}

ul#lightinglist2 {

  margin: 0;

  padding: 75px 0 0 0;
  
  clear:both;
  
  display:block;

}



ul#lightinglist1 li,
ul#lightinglist2 li {

	margin-right: 10px;

	margin-bottom: 15px;

	padding: 0;

	width: 160px;

	height: 106px;

	margin-left: 3px;
	
	float:left;
	
	list-style-type:none;

}

ul#lightingmenu {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#lightingmenu li {
	padding:5px 5px 10px 5px;
	background:url(../lighting/lighting_meni_bar.jpg) left bottom no-repeat;
}

ul#lightingmenu li a {
	background:url(../lighting/lighting_menu_icon.jpg) 0 0 no-repeat;
	padding-left:20px;
	display:block;
}



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

	ページTOPなど、右寄せ

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

.contentsB {

	margin-top: 0px;

	margin-bottom: 20px;

	width: 900px;

	margin-right: 0px;

	padding-right: 10px;

	float: left;

	padding-left: 10px;

	text-align: right;

	clear: both;

}



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

　　スペース用

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



.contentsC {

    margin-top: 0px;

	margin-bottom: 10px;

	width: 100px;

	clear: both;

	margin-right: 0px;

	padding-right: 0px;

}



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

	flow.html,kyujin.html

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



.contentsD {

	margin-top: 0px;

	margin-bottom: 20px;

	width: 870px;

	margin-right: 0px;

	padding-right: 10px;

	padding-left: 30px;

}



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

	aftermente-1.html 台風・雪・故障の対策について

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



.contentsE {

	margin-top: 0px;

	margin-bottom: 20px;

	width: 830px;

	margin-right: 0px;

	padding-right: 20px;

	float: left;

	background-image: url(../aftermente/);

	background-repeat: no-repeat;

	margin-left: 10px;

	height: 520px;

	border: 1px solid #333333;

	padding-left: 20px;

	padding-top: 20px;

}



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

	aftermente-2.html 雪の対策, flow.html

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



.contentsF {

	margin-top: 0px;

	margin-bottom: 20px;

	width: 830px;

	margin-right: 0px;

	padding-right: 20px;

	float: left;

	background-image: url(../aftermente/02.gif);

	background-repeat: no-repeat;

	margin-left: 10px;

	border: 1px solid #333333;

	padding-left: 20px;

	padding-top: 20px;

}



.contentsFimgbox {

	width: 400px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 30px;

	margin-left: 0px;

	float: left;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #330000;

}



.contentsFimgbox2 {

	width: 800px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 15px;

	margin-left: 0px;

	float: left;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #330000;

}



.contentsFimgbox_right {

	width: 400px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 30px;

	margin-left: 0px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #330000;

	float: right;

}



.contentsFimgbox_left {

	margin-top: 0px;

	margin-right: 20px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

}



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

	aftermente-3.html メーカー別アフターサービス窓口のご案内

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





.contentsG {

	margin-top: 0px;

	margin-bottom: 20px;

	width: 830px;

	margin-right: 0px;

	padding-right: 20px;

	float: left;

	background-image: url(../aftermente/03.gif);

	background-repeat: no-repeat;

	margin-left: 10px;

	border: 1px solid #333333;

	padding-left: 20px;

	padding-top: 20px;

	height: 500px;

}



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

	

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



.contentsH {

	margin-top: 0px;

	margin-bottom: 20px;

	width: 830px;

	margin-right: 0px;

	padding-right: 20px;

	float: left;

	background-image: url(../aftermente/04.gif);

	background-repeat: no-repeat;

	margin-left: 10px;

	border: 1px solid #333333;

	padding-left: 20px;

	padding-top: 20px;

	height: 500px;

}



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

	900px margin-bottom: 0px

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

.contentsI {

	margin-top: 0px;

	margin-bottom: 0px;

	width: 900px;

	margin-right: 0px;

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 0px;

	padding-bottom: 0px;

}





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

	koushin.htmlの設定

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

 

#koushin {

	width: 450px;

	border: 1px none #330000;

	background-color: #FFFFFF;

	margin: 0px;

	padding: 0px;

}



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

	コンテンツ画像の設定

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



.fig {

	vertical-align: top;

	margin-left: 5px;

}



.fig2 {

	vertical-align: top;

	margin-right: 5px;

}



.logotype {

 font-size: 11px;

}



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

	画像のみのボックスを作る場合の設定です

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



img {

  background: #FFFFFF;

  margin-top: 0;

  margin-right: 0;

  margin-bottom: 0;

  margin-left: 0;

}



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

	サムネイルリストの設定

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





ul#thumbslist {

  margin: 0;

  padding: 0;

}



ul#thumbslist li {

    background: #FFFFFF;

    margin-right: 5px;

	margin-bottom: 5px;

    padding: 0;

    width: 150px;

    border: 1px #EEEEEE;

	margin-left: 0px;

	height: 100px;

}



div.thumbnail {

	background: transparent;

	margin-top: 0px;

	margin-bottom: 7px;

	padding: 0;

	border: 1px solid #CCCCCC;

	height: 100px;

	width: 150px;

}


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

	ひまわりレターサムネイルリストの設定

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

ul#letter {

  margin: 0 auto 0 ;

  padding: 0 auto 0 ;

}


ul#letter li {
	width:164px;
	height:200px; 
	float:left; 
	list-style-type:none;
    
}

ul#letter img src	{
	text-align:center;

}


ul#letter p {
	font-size:24px;
	text-align:center;


}



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

	こだわりの施行例wood.htmlサムネイルリストの設定

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



ul#thumbslist2 {

  margin: 0;

  padding: 0;

}



ul#thumbslist2 li {

  background: #FFFFFF;

  margin-right: 10px;

  margin-bottom: 15px;

  padding: 0;

  width: 267px;

  height: 240px;

}



div.thumbnail2 {

  background: transparent;

  padding-top: 0;

  padding-right: 0;

  padding-bottom: 0;

  padding-left: 0;

}



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

	サムネイルリスト5の設定

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



ul#thumbslist5 {

  margin: 0;

  padding: 0;

}



ul#thumbslist5 li {

  background: #FFFFFF;

  margin-right: 25px;

  margin-left: 25px;

  margin-bottom: 15px;

  padding: 0;

  width: 175px;

  height: 220px;

}



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

	サムネイル画像についての設定

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

div.thumbnail5 {

  background: transparent;

  padding-top: 0;

  padding-right: 0;

  padding-bottom: 0;

  padding-left: 0;

}



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

	サムネイル画像についての設定

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

div.thumbnail2 {

  background: transparent;

  padding-top: 0;

  padding-right: 0;

  padding-bottom: 0;

  padding-left: 0;

}



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

	フッタ部分の設定

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



#area {

	background: #FFFFFF;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 5px;

	padding-left: 20px;

	clear: both;

	margin: 0px;

}



#footer {

	background: #FFFFFF;

	margin-top: 0;

	margin-bottom: 0;

	padding-top: 2em;

	padding-right: 0;

	padding-bottom: 1em;

	padding-left: 0em;

	text-align: center;

	clear: both;

}



#footer ul {

    margin-bottom: 4px;

    padding: 0;

    border-left: 1px solid #CCCCCC;

}



#footer ul li {

  margin: 0;

  padding: 0 5px;

  border-right: 1px solid #CCCCCC;

  background-image: none;

}



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

	myport.html マイポートの設定

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

 



div#unitK {

	width: 920px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

	padding: 0px;

	float: left;

}



div#contentsK {

	width: 630px;

	border-top-width: 2px;

	border-bottom-width: 2px;

	border-left-width: 2px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: dotted;

	float: right;

	border-left-color: #FF9934;

	font-size: 12px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

	border-top-color: #FF9934;

	border-bottom-color: #FF9934;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}



div#contentsleftK {

	width: 125px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #FFFFFF;

	float: left;

	font-size: 12px;

	padding: 0px;

	line-height: 18px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

}



.contentsKimgbox {

	width: 600px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 20px;

	margin-left: 0px;

	float: left;

}



.contentsKimgbox_right {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

}



.contentsKimgbox_left {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

	width: 290px;

}



.contentsK {

	margin-top: 0px;

	margin-bottom: 0px;

	width: 900px;

	margin-right: 0px;

	padding-right: 10px;

	float: left;

	padding-left: 10px;

}



.contentsKimgbox {

	width: 900px;

	margin-top: 0px;

    margin-right: 0px;

	padding-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

}



.contentsKimgbox_right {

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

	width: 210px;

}



.contentsKimgbox_left {

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

	width: 650px;

	padding-left: 10px;

}





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

	screen.html マイポートの設定

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

 



div#unitL {

	width: 905px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

	float: left;

	clear: both;

	position: relative;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 15px;

}



div#contentsL {

	width: 880px;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

	margin-top: 0px;

	margin-bottom: 20px;

	margin-left: 15px;

	height: 50px;

	background-color: #3E8B52;

	clear: both;

}



*html  div#contentsL {

	width: 880px;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

	margin-top: 0px;

	margin-bottom: 20px;

	margin-left: 20px;

	height: 50px;

	background-color: #3E8B52;

	clear: both;

}



div#contentsL2 {

	width: 915px;

	clear: both;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



*html div#contentsL2 {

	width: 915px;

	clear: both;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 8px;

}



div#contentsL3 {

	width: 905px;

	clear: both;

	padding: 0px;

	border: 1px solid #00C64F;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 5px;

	position: relative;

}



*html div#contentsL3 {

	width: 905px;

	clear: both;

	padding: 0px;

	border: 1px solid #00C64F;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 12px;

	position: relative;

}



div#contentsL h3 {

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #0066CC;

	line-height: 30px;

}



div#contentsLleft {

	width: 125px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #FFFFFF;

	float: left;

	font-size: 12px;

	padding: 0px;

	line-height: 18px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

}



.contentsLimgbox {

	width: 600px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 20px;

	margin-left: 0px;

	float: left;

}



.contentsLimgbox_right {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

	width: 700px;

	padding-top: 10px;

}



.contentsLimgbox_left {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

	width: 160px;

	padding-left: 15px;

}



.contentsLimgbox2_left {

	margin-top: 10px;

	margin-right: 9px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

	width: 286px;

	padding-left: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

}



.contentsLimgbox2_right {

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

	width: 286px;

	padding-top: 10px;

}



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

	カーポート・テラス設定

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



#main_carport {

	margin-top: 0px;

	margin-bottom: 0px;

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	border: 1px none #330000;

	background-color: #FFFFFF;

	position: relative;

}



#main_carport2 {

	margin-top: 0px;

	margin-bottom: 0px;

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	border: 1px none #330000;

	background-color: #FFFFFF;

	position: relative;

}





div#unitM {

	width: 545px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	float: left;

	clear: both;

	position: relative;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 395px;

	background-image: url(../carport/carport_top/top01.jpg);

	background-repeat: no-repeat;

	height: 275px;

	margin: 0px;

}





ul#thumbslistM {

  margin: 0;

  padding: 0;

}



ul#thumbslistM p {

	margin: 0;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 15px;

}



.bana {

	text-align: right;

	padding-bottom: 0;

	background-repeat: no-repeat;

	background-position: right;

	background-image: url(../carport/carport_top/n.gif);

	font-size: 11px;

	padding-right: 20px;

}



ul#thumbslistM li {

    background: #FFFFFF;

    margin-right: 0px;

	margin-bottom: 5px;

    padding: 0;

    width: 225px;

	margin-left: 5px;

	height: 350px;

}



div.thumbnailM {

	background: transparent;

	margin-top: 0px;

	margin-bottom:10px;

	height: 300px;

	width: 225px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0px;

	margin-left: 5px;

}





.contentsM {

	width: 920px;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin-top: 0px;

	margin-bottom: 20px;

	clear: both;

	position: relative;

}



.textM {

	width: 900px;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 20px;

	margin-top: 0px;

	margin-bottom: 20px;

	clear: both;

	position: relative;

}



#carport_navi {

	width: 150px;

	border-right-width: 2px;

	border-right-style: dotted;

	border-right-color: #144AFC;

	padding-left: 10px;

	text-align: center;

	padding-right: 0px;

	float: left;

}



#carport_main2_right {

	width: 770px;

	padding-left: 0px;

	padding-right: 0px;

	float: right;

}



.carport_main2_right_l {

	width: 385px;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

	text-align: left;

}



.carport_main2_right_r {

	width: 385px;

	padding-left: 0px;

	padding-right: 0px;

	float: right;

}



#carport_main2_M {

	width: 770px;

	padding-left: 0px;

	padding-right:0px;



	float: right;

	background-image: url(../M/bg_ti.jpg);

	background-repeat: no-repeat;

}



#carport_main2_M2 {

	width: 765px;

	padding-left: 5px;

	padding-right: 0px;

	float: right;

	background-image: url(../M/bg_ti2.jpg);

	background-repeat: no-repeat;

	margin-top: 20px;

	margin-bottom: 20px;

	height: 342px;

}



#carport_main2_M3 {

	width: 770px;

	padding-left: 0px;

	padding-right: 0px;

	float: right;

}



#carport_main2_190 {

	width: 190px;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

}



#carport_main2_134 {

	width: 134px;

	padding-left: 15px;

	padding-right: 5px;

	float: left;

}



#carport_main2_150 {

	width: 150px;

	padding-left: 4px;

	padding-right: 0px;

	float: left;

}



#carport_main2_cb {

	width: 770px;

	padding-left: 0px;

	padding-right: 0px;

	float: right;

	background-image: url(../cb/ph02.jpg);

	background-repeat: no-repeat;

	background-position: center;

	height: 384px;

}



#carport_main2_cbb {

	padding-left: 10px;

	padding-right: 0px;

	float: left;

}



#carport_main2_nature {

	width: 770px;

	padding-left: 0px;

	padding-right: 0px;

	float: right;

	background-image: url(../nature/bg_ti.jpg);

	background-repeat: no-repeat;

	height: 201px;

}



#carport_main2_porch {

	width: 770px;

	padding-left: 0px;

	padding-right: 0px;

	float: right;

	background-image: url(../porch/bg_ti.jpg);

	background-repeat: no-repeat;

	height: 160px;

}



#carport_main2_eg {

	width: 350px;

	padding-left: 420px;

	padding-right: 0px;

	float: right;

	background-image: url(../eg/bg.jpg);

	background-repeat: no-repeat;

	margin-top: 0px;

	margin-bottom: 20px;

	height: 510px;

}



#carport_main2_mylish_1 {

	background-image: url(../mylish/ph01.jpg);

	background-repeat: no-repeat;

	width: 760px;

	height: 302px;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

	text-indent: -9999px;

}


#carport_main2_mylish_2 {

	background-image: url(../mylish/ph02.jpg);

	background-repeat: no-repeat;

	width: 760px;

	height: 450px;

	padding-left: 0px;

	padding-right: 0px;

	text-indent: -9999px;

	clear:both;

}




#carport_main2_mylish_2_right {



	width: 110px;

	height: 280px;

	padding-left: 0px;

	padding-right: 0px;

	float: right ;

	padding-top: 155px;

	text-indent: 0;

}







#carport_main2_mylish_2_left {

	width: 100px;

	height: 225px;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

	padding-top: 210px;

	text-indent: 0;

}







#carport_main2_mylish_3 {

	background-image: url(../mylish/ph03.jpg);

	width: 770px;

	height: 277px;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

	text-indent: -9999px

}
/*---------------------------------------------------------

           archifitページ

---------------------------------------------------------*/
#carport_main2_A {

	width: 770px;

	padding-left: 0px;

	padding-right:0px;

	padding-bottom:50px;

	padding-top:20px;

	float: right;

	background-image: url(../archifit/ph01.jpg);

	background-repeat: no-repeat;

}

#carport_main2_archifit_1 {

	background-image: url(../archifit/ph03.jpg);

	background-repeat: no-repeat;

	width: 760px;

	height: 302px;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

	text-indent: 0;

}

#carport_main2_archifit_1 p {

	line-height:1.5em;

	float:right; 

	margin-right:40px; 
	
	margin-top:15px;

}

#carport_main2_archifit_1 span {

	font-size:16px;

	font-weight: bold;

}
	




#carport_main2_archifit_2 {

	background-image: url(../archifit/ph04.jpg);

	background-repeat:no-repeat;

	width: 760px;

	height: 237px;

	padding-top: 15px;

	padding-left: 0px;

	padding-right: 0px;

	text-indent: -9999px;

	clear: both;

}

#carport_main2_archifit_2_1 {

	background-image: url(../archifit/ph06.jpg);

	background-repeat:no-repeat;

	width: 760px;

	height: 282px;

	padding-left: 0px;

	padding-right: 0px;

	text-indent: -9999px;

}



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

            Tomyページ

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



#tomy_top {

	width:940px;

	height:489px;

	margin-left:auto;

	margin-right:auto;

	background-image:url(../tomy/topph.jpg);

	background-repeat:no-repeat;

	text-indent:-9999px;

}



.tomy_top_textbox {

	font-weight:bolder;

	padding-left:30px;

	clear:both;

	margin-top:15px;

	margin-bottom:20px;

	_margin-top:15px;

	_margin-bottom:20px;

}



#tomy_main {

	margin-left:auto;

	margin-right:auto;

	width:920px;

	clear:both;

}



.tomy_main01 {

	clear:both;

	background:url(../tomy/ph01.jpg) center;

	background-repeat:no-repeat;

	width:920;

	height:363px;

	margin-left:auto;

	margin-right:auto;

	_padding-left:10px;

	text-align:center;

	text-indent:-9999px;

}



.tomy_main02 {

	background:url(../tomy/ph02.jpg) center;

	background-repeat:no-repeat;

	width:920;

	height:395px;

	margin-left:auto;

	margin-right:auto;

	_padding-left:10px;

	text-align:center;

	text-indent:-9999px;

}



.tomy_main03 {

	background:url(../tomy/ph03.jpg) center;

	background-repeat:no-repeat;

	width:920;

	height:398px;

	margin-left:auto;

	margin-right:auto;

	_padding-left:10px;

	text-align:center;

	text-indent:-9999px;

}



.tomy_main04 {

	background:url(../tomy/ph04.jpg) center;

	background-repeat:no-repeat;

	width:920;

	height:397px;

	margin-left:auto;

	margin-right:auto;

	_padding-left:10px;

	text-align:center;

	text-indent:-9999px;

}



.tomy_main05 {

	background:url(../tomy/ph05.jpg) center;

	background-repeat:no-repeat;

	width:920;

	height:423px;

	margin-left:auto;

	margin-right:auto;

	_padding-left:10px;

	text-align:center;

	text-indent:-9999px;

}



.tomy_main06 {

	background:url(../tomy/ph06.jpg) center;

	background-repeat:no-repeat;

	width:920;

	height:390px;

	margin-left:auto;

	margin-right:auto;

	_padding-left:10px;

	text-align:center;

	text-indent:-9999px;

}



.tomy_main07 {

	background:url(../tomy/ph07.jpg) center;

	background-repeat:no-repeat;

	width:920;

	height:389px;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

	_padding-left:10px;

	text-indent:-9999px;

}



.tomy_bt01 {

	margin:0 0 0 0;

	height:25px;

	width:140px;

	position:absolute;

	left: 737px;

	top: 1167px;

	margin-left:auto;

	margin-right:auto;

} 



.tomy_bt02 {

	margin:0 0 0 0;

	height:25px;

	width:140px;

	position:absolute;

	left: 747px;

	top: 1532px;

	margin-left:auto;

	margin-right:auto;

}



.tomy_bt03 {

	margin:0 0 0 0;

	height:25px;

	width:140px;

	position:absolute;

	left: 737px;

	top: 1935px;

	margin-left:auto;

	margin-right:auto;

}



.tomy_bt04 {

	margin:0 0 0 0;

	height:25px;

	width:140px;

	position:absolute;

	left: 21px;

	top: 2378px;

	margin-left:auto;

	margin-right:auto;

}



.tomy_bt04_2 {

	margin:0 0 0 0;

	height:25px;

	width:140px;

	position:absolute;

	left: 5px;

	top: 1825px;

	margin-left:auto;

	margin-right:auto;

}



.tomy_bt05 {

	margin:0 0 0 0;

	height:25px;

	width:140px;

	position:absolute;

	left: 755px;

	top: 2792px;

	margin-left:auto;

	margin-right:auto;

}



.tomy_bt06 {

	margin:0 0 0 0;

	height:25px;

	width:140px;

	position:absolute;

	left: 765px;

	top: 3161px;

	margin-left:auto;

	margin-right:auto;

}



.tomy_bt07 {

	margin:0 0 0 0;

	height:25px;

	width:140px;

	position:absolute;

	left: 758px;

	top: 3553px;

	margin-left:auto;

	margin-right:auto;

}	



.rakutenlink {

	display:block;

	width:860px;

	height:35px;

	text-align:center;

	margin:10px auto;

	clear:both;

}



.rakutenlink p {

	margin:10px 0;

	float:left;

}



/*---ビフォーアフター共通用---*/

#b-a_top {

 	width:920px;

	margin:0px auto;

	padding:0px 0px 5px 0px;

	text-align:center;

}

.clear {

	clear:both;

}



#b-a_cont {

 	width:920px;

	margin:0px 0px 30px 0px;

}



#b-a_cont .txt1 {

	float:left;

	width:650px;

	padding:5px 10px 0px 55px;

}



/* top下右ボタン配置用　*/

#b-a_cont .bt{

	float:left;

}



#b-a_cont p{

	padding:0 50px;

}



#b-a_cont .left_side {

	margin:0px;

	float:left;

	width:350px;

}



/* 中段左テキスト用　*/

#b-a_cont .left_side p{

	padding:0 50px;

}



#b-a_cont .right_side {

	margin:0px;

	float:left;

	width:570px;

}



/* 中段右テキスト用　*/

#b-a_cont .right_side .txt2 {

	text-align:left;

	margin:15px 50px 50px 5px;

}





/* インテリアプランター追加更新日：2009-08-08

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



#main2 #plant_top {

 	width:920px;

	height:1224px;

	margin:0px auto;

	text-align:center;

}

/*

#main2 #plant_top h2 {

	text-indent:-9999px;

}

*/

#main2 #plant_top p.link_frp {

	text-align:right;

	padding-right:10px;

	padding-top:527px;



}



#main2 #plant_top p.link_grc {

	text-align:center;

	padding-right:28px;

	padding-top:345px;



}



#main2 #plant_top p.link_buy {

	text-align:right;

	padding-right:7px;

	padding-top:160px;



}



#main2 .plantbox {

	width:920px;

	margin:0px auto;

	padding:0px 0px;

	clear:both;

}



.plantbox .left {

	width:460px;

	float:left;

}



.plantbox .right {

	width:460px;

	float:left;

}



/* float解除用

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

.plantbox:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



.plantbox {

  min-height: 1px;

}



* html .plantbox {

  height: 1px;

  /*¥*//*/

  height: auto;

  overflow: hidden;

  /**/

}



/* FRP・GRCページ

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



#main2 #frp_top {

 	width:920px;

	height:86px;

	margin:0px auto;

	padding:0px;

	text-align:center;

	background:url(../frpgrc/images/frp_grc_ti.jpg) no-repeat;

	text-indent:-9999px;

}



#main2 #frp_content {

 	width:920px;

	height:865px;

	margin:0px auto;

	padding:0px;

	text-align:center;

	background:url(../frpgrc/images/frp.jpg) no-repeat;

	text-indent:-9999px;

}



#main2 #grc_content {

 	width:920px;

	height:959px;

	margin:0px auto 20px;

	padding:0px;

	text-align:center;

	background:url(../frpgrc/images/grc.jpg) no-repeat;

	text-indent:-9999px;

}



/* gardemroom_zima

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



#gardenroom_main {

	margin-top: 0px;

	margin-bottom: 0px;

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	border: 1px none #330000;

	background-color: transparent;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 0px;

}



#gardenroom_top {

	margin:0px auto;

	padding:10px 0px;

	width:auto;

}



#gardenroom_content {

	width:940px;

	margin-bottom:20px;

	color:#333333;

	font-size:12px;

}



#gardenroom_content .ti_zima {

	background:url(../gardenroom_zima/ti_zima.jpg) no-repeat;

	margin-right:auto;

	margin-left:10px;

	padding-left:0px;

	padding-bottom:10px;

	width:590px;

	height:78px;

}



#gardenroom_content .ti_zima h2 {

	text-indent:-9999px;

}

#gardenroom_content .content_box {

	clear:both;

	width:940px;

	margin:0px auto;

	padding:20px 0px 0px 0px;

}



.content_box:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



.content_box {

  min-height: 1px;

}



* html .content_box {

  height: 1px;

  /*¥*//*/

  height: auto;

  overflow: hidden;

  /**/

}



#gardenroom_content .content_box .txt02 {

	background:url(../gardenroom_zima/scene04.jpg) no-repeat right top;

	width:870px;

	height:97px;

	display:block;

	padding:10px 0px 10px 10px;

	letter-spacing:1px;

	line-height:1.5;

	}



#gardenroom_content .content_box .left_side {

	float:left;

	margin:0px auto;

	width:360px;

	

}



#gardenroom_content .content_box .left_side .txt {

	display:block;

	width:340px;

	padding:0px 0px 10px 10px;

	margin-top:50px;

	letter-spacing:1px;

	line-height:1.5;

	}

	

#gardenroom_content .content_box .left_side .txt01 {

	display:block;

	width:340px;

	padding:10px 0px 10px 20px;

	letter-spacing:1px;

	line-height:1.5;

	}

	

#gardenroom_content .content_box .right_side {

	float:left;

	padding-left:10px;

	margin:0px auto;

	width:540px;

	

}



#gardenroom_content .content_box .right_side .txt {

	display:block;

	width:540px;

	padding:10px;

	}

	

/*コマーシャライザ*/



div#cmizer{

	position: absolute;

	top: 360px;

	height: 400px;

	width: 415px;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 5px;

	left: 12px;

	visibility: visible;

	}







/*--カーポート施工事例（090924）--*/



ul.carportlist{

   margin: 0;

   padding: 0;

   list-style-type: none;

   }

   

ul.carportlist li{

   margin: 0 2px 0 2px;

   float: left;

   width: 185px;

   height: 165px;

   display: block;

   }

   

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

	数奇屋

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



#modan_main {

	margin-top: 0px;

	margin-bottom: 0px;

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	border: 1px none #330000;

	background-color: transparent;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 0px;

}



#modan_top {

	margin:0px auto;

	padding:10px 0px;

	width:auto;

	clear: both;

}



.modan_head{

	clear: both;

	margin-top: 20px;

	display: block;



}



.modan_head h2{

    clear: both;

	border-left: #669966 10px solid;

	padding-left: 10px;

	font-weight: bold;

	margin-left: 15px;

}



.modan_head p{

	padding-left: 35px;

}



.modan_content {

	width:940px;

	color:#333333;

	font-size:12px;

	text-align: center;

	clear: both;

	display: block;

}



.modan_content .left {

	float: left;

	margin-left: 15px;

	text-align: left;

}



.modan_content .right {

	float: right;

	margin-right: 15px;

	text-align: left;

}



.modan_content .p_left {

	width: 530px;

	float: left;

	margin-left: 80px;

	_margin-left: 40px;

	text-align: left;

}



.modan_content .p_right {

	float: right;

	margin-right: 80px;

	_margin-right: 40px;

	text-align: left;

}



.modan_content .p_left .pictur{

	width: 530px;

	clear: both;

	display: block;

}



.modan_content .p_left .pictur .picture_left {

	float: left;

	margin-left: 5px;

	text-align: left;

	display: block;

}



.modan_content .p_left .pictur .picture_right {

	float: right;

	margin-left: 5px;

	text-align: left;

	display: block;

}





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

	展示場　100116追加

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



#jikkyo {}



#jikkyo_top {}



#jikkyo_top .left {

	float:left;

	width:448px;

	display:block;

	}



#jikkyo_top .right {

	float:left;

	}



#jikkyo_top .img_left {

	float:left;

	margin:10px 20px;

	}

	

#jikkyo_top .img_right {

	float:right;

	margin:10px 20px;

	}

	

#jikkyo_top p {

	width:450px;

	margin:15px 0;

}



.jikkyo_box {

	width:850px;

	display:block;

	margin:20px auto;

	clear:both;

	}



.jikkyo_box .left {

	float:left;

	width:230px;

	text-align:center;

	}



.jikkyo_box .right {

	float:left;

	margin-left:5px;

	width:600px;

	display:block;

	}

	

.jikkyo_box .jikkyo_title {

	background:url(../himawari_jikkyo/jikkyo_titleback.jpg) no-repeat;

	height:53px;

	color:#960;

	display:block;

	clear:both;

	padding:10px 0 0 60px;

	margin-top:35px;

}





.jikkyo_box a.link1 {

	margin-bottom:35px;

	display:block;

}

.jikkyo_box a.link2 {

	margin:0;

	display:block;

}

.jikkyo_box .jikkyo_img {

	margin:5px auto 0 auto;

	display:block;

}



#jikkyo_middle {

	margin:25px auto;

	}



#jikkyo_middle .middle_box {

	float:left;

	margin:0 4px;

}



#jikkyo_middle .middle_box1 {

	width:285px;

	height:310px;

	display:block;

	padding:5px 7px 5px 3px;;

	background:url(../himawari_jikkyo/jikkyo_cocoma_img.jpg) no-repeat;

}



#jikkyo_middle .middle_box2 {

	width:285px;

	height:310px;

	display:block;

	padding:5px 7px 5px 3px;;

	background:url(../himawari_jikkyo/jikkyo_carport_img.jpg) no-repeat;

}



#jikkyo_middle .middle_box3 {

	width:285px;

	height:310px;

	display:block;

	padding:5px 7px 5px 3px;;

	background:url(../himawari_jikkyo/jikkyo_wooddeck_img.jpg) no-repeat;

}





#jikkyo_middle p,

#jikkyo_middle a.middle_link1 {

	margin:260px 5px 0 5px;

	_margin:260px 4px 0 4px;

	font-size:11px;

	color:#000;

	text-decoration:none;

}



#jikkyo_middle a.middle_link2 {

	text-decoration:none;

	color:#060;

	display:block;

	text-align:right;

	margin-right:15px;

}



#jikkyo_bottom {

	margin:20px auto;

	text-align:center;

}



#jikkyo_bottom .bottom_txt {

	text-align:left;

	margin-left:60px;

}



#jikkyo_bottom a {

	color:#060;

	text-decoration:none;

}



#jikkyo_bottom strong {

	margin:20px auto;

	font-size:20px;

	font-weight:bold;

}

/*--お客様の声　前へと次へのリンク--*/
#koe_navi {
	height:20px;
	width:560px;
	margin:0px auto 0px auto;
	padding:5px 0px;
	border-top:1px dotted #666666;
	position:relative;
}

.back {
	text-align:left;
	position:absolute;
	left:0;
	top:10px;
	width:300px;
}

.next {
	text-align:right;
	position:absolute;
	right:0;
	top:10px;
	width:300px;
}

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

	kyujin.htm 20111006追加

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

.contentsD {

	margin-top: 0px;

	margin-bottom: 20px;

	width: 870px;

	margin-right: 0px;

	padding-right: 10px;

	padding-left: 30px;

}
.kyujin_box {
width:870px;
margin:0 auto;
padding:0;
line-height:180%;
letter-spacing:1px;
}
.kyujin_box li {
margin-bottom:5px;
}

.kyujin_details01 {
background:url(../kyujin/shokushu_01_bg.jpg) 0 0 no-repeat;
width:870px;
height:402px;
margin-left:25px;
margin-top:5px;
padding-top:30px;
padding-left:50px;
}

.kyujin_details02 {
background:url(../kyujin/shokushu_02_bg.jpg) no-repeat;
width:805px;
height:280px;
padding-top:200px;
padding-left:60px;
margin-left:20px;
}
.kyujin_details03 {
background:url(../kyujin/shokushu_03_bg.jpg) 0 0 no-repeat;
width:825px;
height:396px;
margin-left:25px;
padding-top:40px;
padding-left:50px;
}
.kyujin_details04 {
background:url(../kyujin/shokushu_04_bg.jpg) 0 0 no-repeat;
width:825px;
height:324px;
margin-left:25px;
padding-top:40px;
padding-left:50px;
}
