/* home -------------------------20050206 by leftside */

@import "./common.css";
@import "./common2.css";
/*@import "./leftnavi.css";*/


h1{
	background : url("../img/h1_material.jpg") no-repeat;
}


h3{
	margin : 20px 0px 0px;
	font-size : 100%;
}


/* shizen-sozai------------------------ */

.sozai{
	list-style : none;
	margin : 10px 0px 0px 25px;
	_margin : 10px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

.sozai li{
	width : 350px;
	_height : 430px;
	min-height: 430px;
	float : left;
	margin : 0px 25px 25px 0px;
	_margin : 0px 0px 25px 13px;
	padding : 0px;
}

.sozai li.end{
	width : 350px;
	_height : 400px;
	float: right;
	margin : 0px 25px 25px 0px;
	_margin : 0px 13px 25px 0px;
	padding : 0px;
}

/*#sozai li{
	width : 175px;
	min-height : 150px;
	_height : 160px;
	float : left;
	margin : 0px 25px 20px 0px;
	border : 1px solid #ccc;
	padding : 10px;
}

#sozai li.end{
	margin : 0px 0px 20px;
}

#sozai li h3{
	font-size : 75%;
	min-height : 24px;
	_height : 24px;
	margin : 0px 0px 5px;
	border-left : 7px solid #ccc;
	padding : 0px 0px 0px 5px;
}*/

.detail{
	margin : 0px auto;
	background : #fff;
	border : 1px dashed #D7DDAE;
	width : 350px;
	text-align : center;
	_height : 430px;
	min-height: 430px;
}

.detail_name{
	padding : 10px;
	font-size : 87.5%;
	font-weight : bold;
	background : /*#dfdad2#BF8888*/#D7DDAE;
	text-indent : 0px;
	height : auto;
}

.detail_point{
	font-size : 75%;
	color: #000;
	border-left : 5px solid /*#aa5d5d*/#6E803D;
	padding : 0px 0px 0px 5px;
	background : none;
	height : auto;
	margin : 0px 10px;
	
}

.detail img{
	margin : 10px 0px;
}

/* sumai-no-oteire------------------ */

#info_head{
	list-style: none;
	font-size: 75%;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#info_head li{
	float: left;
	margin: 10px 15px 0px 0px;
	padding: 0px 0px 0px 10px;
    text-decoration: none;
	background: url("../../material/img/arrow.gif") left center no-repeat;
	text-align: left;
}

#info_head li a{ color: #333333;}
#info_head li a:hover{ color: #6E803D; text-decoration: none;}

.info_care{
	list-style : none;
	margin : 20px 0px 0px 0px;
}

.info_care li{
	margin : 0px 0px 25px 0px;
	clear : both;
}

.info_care li h3{
	font-size : 87.5%;
	margin : 0px 20px 0px 20px;
	padding : 5px;
	color : #291906;
	background : #D7DDAE;
	text-align: center;
}

.info_care li h4{
	font-size : 75%;
	padding : 5px;
	margin : 10px 20px 0px 20px;
	border-bottom : 1px dashed #ccc;
}

.info_care li p{
	font-size : 75%;
	line-height : 1.5;
	padding: 0px 0px 0px 5px;
	margin : 5px 20px 10px 20px;
}

/* sizen-soza-ni-kansuru-Q&A------*/

#qa_head{
	list-style: none;
	font-size: 75%;
	margin: 10px 0px 0px 20px;
	padding: 0px;
}

#qa_head li{

	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 10px;
    text-decoration: none;
	background: url("../../material/img/arrow.gif") left center no-repeat;
	text-align: left;
	line-height: 130%;
}

#qa_head li a{ color: #333333;}
#qa_head li a:hover{ color: #6E803D; text-decoration: none;}

.qa{
	list-style : none;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px;
}

.qa li{
	margin : 0px 0px 25px 0px;
	clear : both;
}

.qa li h4{
	font-size : 87.5%;
	background: #D7DDAE;
	margin : 0px 20px 0px;
	padding : 5px;
	color : #291906;
}

.qa li p{
	font-size : 75%;
	line-height : 150%;
	margin : 10px 25px 30px 25px;
	border-bottom: 1px dotted #ccc;
}




.close{
	margin : 10px 10px 0px 0px;
	text-align : right;
}

.cmt{
	padding : 0px 10px 10px 10px;
	font-size : 75%;
	line-height : 1.5;
	text-align : left;
}

.cmt2{
	font-size : 75%;
	line-height : 1.5;
	text-align : left;
	margin : 0px 0px 30px;
}

.right{
	float : right;
	margin : 10px 0px 0px 10px;
}