@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

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


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;
}

.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#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-color: #030303;
	background-image: url(../lighting/bg.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 200px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	float: left;
}

ul#thumbslist3 {
  margin: 0;
  padding: 0;
}

ul#thumbslist3 li {
	margin-right: 10px;
	margin-bottom: 15px;
	padding: 0;
	width: 160px;
	height: 106px;
	margin-left: 3px;
}



/* ---------------------------------------------------------------- *
	ページ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;
}

/* ---------------------------------------------------------------- *
	こだわりの施行例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;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #330000;
	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;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #330000;
	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);
	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);
	width: 760px;
	height: 450px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	text-indent: -9999px;
}

#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: 275px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	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;
}