/* CSS Document */

/*contents_l
--------------*/
.contents_l {
	width:200px;
	float:left;
}


.title_img {
	background:url(../images/category/community/title_img.gif) 0 0 no-repeat;
	height:70px;
	font-size:-1em;
	line-height:-1em;
	text-indent:-9999px;
}

.title_img a {
	display: block;
	height: 70px;
	width: 200px;
}

/*sidenavi
---------------*/
.sidenavi {
	margin:0 0 0px;
	padding:0;
	list-style-type:none;
}

.sidenavi li {
	display:block;
	width:200px;
	height:40px;
}

.sidenavi01 a {
	background:url(../images/category/community/sidenavi.gif) 0 0 no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.sidenavi02 a {
	background:url(../images/category/community/sidenavi.gif) 0 -80px no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.sidenavi03 a {
	background:url(../images/category/community/sidenavi.gif) 0 -40px no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.sidenavi01 a:hover {
	background:url(../images/category/community/sidenavi.gif) -200px 0 no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.sidenavi02 a:hover {
	background:url(../images/category/community/sidenavi.gif) -200px -80px no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.sidenavi03 a:hover {
	background:url(../images/category/community/sidenavi.gif) -200px -40px no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.btn_tochinavi {
	width:200px;
	height:82px;
	margin-bottom:10px;
}

.btn_tochinavi a {
	background: url(../images/category/custom/banner_tochi.jpg) 0 0 no-repeat;
	width:200px;
	height:82px;
	display:block;
	text-indent:-9999px;
}

.btn_tochinavi a:hover {
	background:url(../images/category/custom/banner_tochi.jpg) 0 -82px no-repeat;
	width:200px;
	height:82px;
	display:block;
	text-indent:-9999px;
}

/*banner_faq
---------------*/

#banner_faq {
	margin-bottom:15px;
}

#banner_faq a {
	text-indent: -9999px;
	height:54px;
	width:200px;
	background:url(../images/com/banner_faq02.gif) no-repeat 0px 0px;
	display: block;
}

/*contents_r
--------------*/
.contents_r {
	width:670px;
	float:right;
}

.hed_img {
	margin-bottom:15px;
}

.contents_inner {
	width:655px;
	margin-left:15px;
}


.box_l {
	width:320px;
	margin-bottom:15px;
	float:left;
}

.box_r {
	width:320px;
	margin-bottom:15px;
	float:right;
}

.recommend_title {
	background:url(../images/category/community/reco_bgtitleimg.gif) 0 0 no-repeat;
	width:310px;
	height:25px;
	color:#509678;
	font-weight:bold;
	padding:5px;
}

.recommend_box {
	border-bottom:1px solid #C6C6C6;
	border-left:1px solid #C6C6C6;
	border-right:1px solid #C6C6C6;
	width:300px;
	height:150px;
	padding:10px 9px;
}

.recommend_img {
	width:120px;
	float:left;
}

.recommend_detail {
	width:170px;
	float:right;
}

.recommend_text01 {
	color:#519477;
	font-size:0.9em;
	margin-bottom:5px;
}

.recommend_text02 {
	font-size:0.8em;
	line-height:1.2em;
	margin-bottom:10px;
}

.recommend_btn01 {
	float:right;
}

.recommend_btn01 a {
	background:url(../images/com/btn_detail02.gif) 0 0 no-repeat;
	width:90px;
	height:18px;
	display:block;
	text-indent:-9999px;
}

.recommend_btn01 a:hover {
	background:url(../images/com/btn_detail02.gif) 0 -18px no-repeat;
	width:90px;
	height:18px;
	display:block;
	text-indent:-9999px;
}



.subtitle_img01 {
	background:url(../images/category/community/subtitle_img01.gif) 0 0 no-repeat !important;
	width:655px !important;
	height:28px !important;
	margin-bottom:15px !important;
	text-indent:-9999px !important;
}


.subtitle_text {
	font-weight:normal;
	border-bottom:1px solid #509678;
	margin-bottom:10px;
	padding-bottom:3px;
	font-size:1em;
}

.subtitle_text span {
	color:#509678;
	font-weight:bold;
}

.glaf {
	border:1px solid #CCCCCC;
	font-size:0.8em;
	margin-bottom:15px;
}

.glaf th {
	background:#509678;
	color:#FFFFFF;
	text-align:left;
	width:120px;
}



/*flow
--------------*/

.arrow {
	padding-bottom: 25px;
	background: url(../images/category/community/flow/arrow.gif) no-repeat 87px bottom;
}

.no_arrow {
	padding-bottom: 25px;
}

.contents_inner h3 {
	width: 200px;
	float: left;
	text-indent: -9999px;
}

#step01 {
	background: #519477 url(../images/category/community/flow/step01.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step02 {
	background: #519477 url(../images/category/community/flow/step02.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step03 {
	background: #519477 url(../images/category/community/flow/step03.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step04 {
	background: #519477 url(../images/category/community/flow/step04.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step05 {
	background: #519477 url(../images/category/community/flow/step05.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step06 {
	background: #519477 url(../images/category/community/flow/step06.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step07 {
	background: #519477 url(../images/category/community/flow/step07.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step08 {
	background: #519477 url(../images/category/community/flow/step08.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step09 {
	background: #519477 url(../images/category/community/flow/step09.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step10 {
	background: #519477 url(../images/category/community/flow/step10.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step11 {
	background: #519477 url(../images/category/community/flow/step11.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step12 {
	background: #519477 url(../images/category/community/flow/step12.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step13 {
	background: #519477 url(../images/category/community/flow/step13.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step14 {
	background: #519477 url(../images/category/community/flow/step14.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#step15 {
	background: #519477 url(../images/category/community/flow/step15.gif) no-repeat 0px 0px;
	height: 90px;
	width: 200px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}


.step_text {
	float: right;
	width: 443px;
	padding: 5px;
	height: 80px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}


/*flow
--------------*/

#construction_box {
	padding-left: 14px;
}

.construction_list {
	float: left;
	width: 145px;
	list-style: none;
	padding-right: 15px;
	text-align: center;
	height: 200px;
	letter-spacing: 0.3em;
}

.construction_list img {
	margin-bottom: 10px;
}


/*施工例
--------------*/

#construction_l {
	float: left;
	width: 280px;
	padding-left: 10px;
}

#construction_r {
	float: right;
	width: 346px;
}

.construction_r_list {
	float: left;
	width: 100px;
	padding-right: 15px;
	margin-bottom: 15px;
}