@charset 'UTF-8';

/*　index
====================================================*/
/*▼tokucho
/*====================================================*/


/*基本枠
======================================================*/
#roof {
	margin:0;
	padding:0;
	text-align:center;
	color:#333333;
	}


/*共通枠
======================================================*/
/*▼h2
==========================*/
#mainContainer #contents #roof h2 {
	margin:15px 27px 0 28px;
	padding:5px 0 0 17px;
	height:31px;
	background:url(../images/common/bg_h2.gif) no-repeat 0 0;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	}

#mainContainer #contents #roof h2 span {
	font-size:10px;
	font-weight:normal;
	}
	
/*製品概要*/
#roof #productText {
	margin:0 27px 0 28px;
	padding:0;
	text-align:left;
	}
	
#roof #productText p {
	margin:0 0 15px 0;
	font-weight:bold;
	color:#235e8c;
	font-size:14px;
	}

#roof #productText span {
	font-size:12px;
	line-height:18px;
	}

/*spec*/
#roof #spec {
	margin:10px 57px;
	text-align:left;
	}

#roof #spec p {
	font-weight:bold;
	}

#roof #spec table {
	margin:5px 0;
	border:1px solid #999999;
	border-collapse:collapse;
	text-align:left;
	width:100%;
	}

#roof #spec th {
	padding:3px;
	border:1px solid #999999;
	border-collapse:collapse;
	background:#cccccc;
	font-weight:normal;
	text-align:center;
	}

#roof #spec td {
	padding:3px 10px;
	border:1px solid #999999;
	border-collapse:collapse;
	background:#f5f5f5;
	}
	
/*spec2*/
#roof #spec02 {
	margin:10px 57px;
	text-align:left;
	}

#roof #spec02 p {
	font-weight:bold;
	clear:both;
	}

#roof #spec02 table {
	margin:5px 0 0 0;
	border:1px solid #999999;
	border-collapse:collapse;
	text-align:left;
	width:100%;
	}

#roof #spec02 th {
	padding:2px;
	border:1px solid #999999;
	border-collapse:collapse;
	background:#cccccc;
	font-weight:normal;
	text-align:center;
	}

#roof #spec02 td {
	padding:2px;
	border:1px solid #999999;
	border-collapse:collapse;
	background:#f5f5f5;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック"
	}
	
/*グレーの枠*/
#boxGray {
	width:514px;
	margin:20px auto;
	background:url(../images/roof/bg_descript.gif) repeat-y 0 0;
	text-align:left;
	}

#boxGrayTop {
	height:32px;
	padding:13px 10px 0 28px;
	background:url(../images/roof/bg_descript_top.gif) no-repeat 0 0;
	font-weight:bold;
	font-size:16px;
	}

#boxGrayBtm {
	height:16px;
	background:url(../images/roof/bg_descript_btm.gif) no-repeat 0 0;
	}

#boxGray p {
	margin:10px 25px;
	font-size:12px;
	line-height:18px;
	}

#roof #readContent {
	margin:10px 47px;
	text-align:left;
	}

#roof #readContent p {
	height:25px;
	margin:0 0 8px 0;
	padding:3px 0 0 16px;
	font-weight:bold;
	font-size:14px;
	background:url(../images/roof/bg_midashi.gif) no-repeat 0 0;
	}

#roof #readContent span {
	font-size:12px;
	line-height:18px;
	}


/*屋上緑化の特徴/ラインナップ
======================================================*/

#tokucho {
	width:466px;
	margin:0 auto 10px auto;
	padding:0;
	background:url(../images/roof/bg_tokucho.gif) repeat-y 0 0;
	}

#tokuchoTop {
	height:34px;
	background:url(../images/roof/title_tokucho_top.gif) no-repeat 0 0;
	}

#tokuchoBtm {
	height:10px;
	background:url(../images/roof/bg_tokucho_btm.gif) no-repeat 0 0;
	}

#tokucho dl {
	width:437px;
	margin:10px 0 0 9px;
	padding:0 0 9px 0;
	background:url(../images/roof/line_dot.gif) repeat-x bottom;
	}
	
#tokucho dt {
	width:73px;
	margin:0;
	padding:0;
	float:left;
	}

#tokucho dd {
	width:353px;
	margin:0;
	padding:0;
	text-align:left;
	float:right;
	}

#tokucho dd p {
	margin:0 0 5px 0;
	font-size:14px;
	font-weight:bold;
	}

#kansui {
	margin:0 0 10px 0;
	text-align:center;
	}
	
#kansuiDetail {
	width:491px;
	margin:15px 0 10px 48px;
	padding:0;
	}

*:first-child+html #kansuiDetail {
	margin:15px 0 10px 20px;
	}

* html #kansuiDetail {
	width:501px;
	margin:15px 0 10px 38px;
	}
	
	
#kansuiDetail dl {
	width:150px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	}

#kansuiDetail dt {
	margin:0;
	padding:0;
	}

#kansuiDetail dd {
	margin:0;
	padding:0 5px;
	font-weight:bold;
	text-align:left;
	font-size:10px;
	}

#kansuiDetail dd span {
	font-weight:normal;
	}

/* 自動かん水システム / system.html
======================================================*/

#roof #sensor {
	height:67px;
	margin:0 0 0 50px;
	padding:15px 0 0 70px;
	background:url(../images/roof/bg_kansui_01.gif) no-repeat 0 0;
	text-align:left;
	}
	
#roof #sensor dt {
	font-weight:bold;
	margin:0 0 10px 0;
	}

#roof #timer {
	height:69px;
	margin:0 0 0 50px;
	padding:10px 0 0 70px;
	background:url(../images/roof/bg_kansui_02.gif) no-repeat 0 0;
	text-align:left;
	}
	
#roof #timer dt {
	font-weight:bold;
	margin:0 0 10px 0;
	}

/* 年中花見月 / hanamizuki.html
======================================================*/
#roof .boxWhite {
	background:url(../images/roof/bg_boxwhite.jpg) repeat-y 0 0;
	width:460px;
	margin:10px auto;
	}

#roof .boxWhiteTop {
	height:14px;
	background:url(../images/roof/bg_boxwhite_top.gif) no-repeat 0 0;
	}
	
#roof .boxWhiteBtm {
	height:12px;
	background:url(../images/roof/bg_boxwhite_btm.gif) no-repeat 0 bottom;
	}

#roof .boxWhite p {
	margin:0 15px;
	font-weight:bold;
	color:#3c7fb3;
	font-size:14px;
}

#roof .boxWhite span {
	display:block;
	padding:5px 15px;
	text-align:left;
	line-height:18px;
	}	
	
#roof .boxWhite .imgArea {
	text-align:center;
	}
	
/* 最適な植物・栽培方法 / flowers.html
======================================================*/
#roof #flowers {
	width:418px;
	margin:10px 0 0 87px;
	padding:0;
	}
	
*:first-child+html #roof #flowers {
	width:418px;
	margin:10px 0 0 30px;
	padding:0;
	}

* html #roof #flowers {
	width:418px;
	margin:10px 0 0 30px;
	padding:0;
	}
	
#roof #flowers dl {
	width:126px;
	height:150px;
	margin:0 6px 10px 0;
	padding:0;
	float:left;
	}	

#roof #shokusai {
	margin:10px 90px;
	padding:0;
	text-align:left;
	}
	
/* 商品ラインナップ / lineup.html
======================================================*/

#roof .lineup {
	width:514px;
	margin:0 auto 20px auto;
	text-align:left;
	background:url(../images/roof/bg_lineup_item.gif) repeat-y 0 0;
	}
	
#roof .lineupTop {
	height:28px;
	background:url(../images/roof/bg_lineup_item_top.gif) no-repeat 0 0;
	padding:11px 0 0 28px;
	font-size:16px;
	font-weight:bold;
	}
	
#roof .lineupBtm {
	height:8px;
	background:url(../images/roof/bg_lineup_item_btm.gif) no-repeat 0 bottom;
	}
	

#roof .lineup .itemCom {
	font-weight:bold;
	color:#235e8c;
	margin:8px 0 10px 16px;
	padding:0;
	}

#roof .lineup .itemCom02 {
	font-weight:bold;
	color:#235e8c;
	margin:8px 0 0 16px;
	padding:0;
	}
	
#roof .lineup .itemWrapBg {
	border-bottom:1px solid #cccccc;
	width:480px;
	margin:5px auto;
	padding:0 0 5px 0;
	}

	
#roof .lineup .itemWrap {
	width:480px;
	margin:0 auto;
	padding:0;
	background:url(../images/roof/bg_lineup_itemwrap.gif) repeat-y center;
	}

#roof .lineup .itemBox {
	width:220px;
	margin:5px 3px 5px 17px;
	padding:0;
	float:left;
	}

#roof .lineup .itemBox p.itemName {
	margin:0 5px 5px 0;
	padding:0 0 5px 0;
	background:url(../images/roof/line_dot_s.gif) repeat-x bottom;
	font-size:16px;
	font-weight:bold;
	}
	
#roof .lineup .itemBox p.itemPoint {
	margin:0 5px 0 0;
	padding:;
	}

#roof .lineup .itemBox p.itemName span {
	font-size:12px;
	font-weight:normal;
	}

#roof .lineup .itemBox img {
	margin:8px 0 0 0;
	}

#roof .lineup .itemBox .detailLink {
	margin:10px 5px 0 0;
	text-align:right;
	font-size:10px;
	}
	
/*IE6.0*/
* html #roof .lineup .itemWrapBg {
	border-bottom:1px solid #cccccc;
	width:500px;
	margin:5px auto;
	padding:0 0 5px 0;
	}

	
* html #roof .lineup .itemWrap {
	width:500px;
	margin:0 auto;
	padding:0;
	background:url(../images/roof/bg_lineup_itemwrap.gif) repeat-y center;
	}
	

* html #roof .lineup .itemBox {
	width:220px;
	margin:0 0 0 15px;
	padding:0;
	float:left;
	}

/*商品リスト　小*/

#roof .lineup .itemTb {
	margin:0 15px;
	padding:8px 0;
	border-bottom:1px solid #cccccc;
	}
	
#roof .lineup .itemTb table {
	width:100%;
	margin:0;
	padding:0;
	}

#roof .lineup .itemTb td {
	padding:0 10px;
	}
	
#roof .lineup .itemTb .line {
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	}

#roof .lineup .itemTb .border {
	height:11px;
	background:url(../images/roof/border.gif) repeat-x 0 0;
	}

#roof .lineup .itemTb td p.itemNameS {
	font-weight:bold;
	}

#roof .lineup .itemTb td img {
	margin:5px 0 0 0;
	}

#roof .lineup .itemTb td p.itemNameS span {
	font-weight:normal;
	}

#roof .lineup .itemTb th {
	height:40px;
	background:url(../images/roof/bg_option_tit.gif) no-repeat 0 9px;
	padding:0 8px;
	}


#roof .btnArea {
	text-align:center;
	margin:10px 0;
	}	

#roof #hanrei {
	margin:0 57px;
	text-align:left;
	}

#roof #hanrei th {
	font-weight:normal;
	}

#roof #hanrei td {
	padding:2px 0;
	}
	
#roof #itemList {
	margin:0 0 8px 15px;
	}
	
	

/* スクエアプランツ / plants.html
======================================================*/
#roof table.plnsTokutyou{
	width:100%;
	margin:0;
	padding:0;
	border:none;
	}

#roof table.plnsTokutyou td{
	width:50%;
	margin:0;
	padding:10px;
	border:none;
	vertical-align:top;
	line-height:16px;
	}

#roof table.plnsTokutyou td img{
	margin-bottom:5px;
	}

#roof .plnsSetsumei{
	width:432px;
	height:203px;
	margin:15 27px 0 28px;
	padding:40px 40px 40px 40px;
	text-align:left;
	background:url(../images/roof/plants_mes_back.gif) no-repeat;
	}

#roof #spec td.plnsKLi{
	padding-left:18px;
	background:url(../images/roof/kouzou_li.gif) no-repeat 7px 8px;
	}