@charset "utf-8";
/* CSS Document */

h2 {
	clear:both;
	color:#333333;
	font-size:28px;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
	padding:0.5em 0;
	margin:0 0 0.5em 0;
}

h2 span {
	color:#CC3333;
	font-size:18px;
	font-weight:bold;
	padding:0 1em;
	margin:0;
}


.border{
	padding-bottom:20px;
	border-bottom:1px solid #333333;
}

.img_border{border:solid 1px #333333;}
.p_logo{margin:5px 0 20px 5px;}

/*---sidenavi-----------------------------------------------------------*/
#menu .block_eco li {
	border-bottom:1px dotted #CCCCCC;
	padding:0 0 9px 0;
	margin:0;
}

#menu .block_eco li a {
	display:block;
}

#menu .block_eco li a img {
	vertical-align:top;
	border:none;
}

#menu .block_eco li li {
	border:none;
	padding:0;
	margin:0;
}

/*---toppage-----------------------------------------------------------*/
#about{
	width:590px;
	height:62px;
	background-image:url(../images/about.jpg);
	margin:20px 0;
}
#about img{margin:15px 0 0 437px;}

#mame{
	width:578px;
	height:90px;
	border:solid 6px #99CC00;
}
#mame .cell_l{width:65px;padding:10px;}
#mame .cell_c{width:285px;padding-top:10px;}
#mame .cell_r{padding-top:30px;}

/*---about-----------------------------------------------------------*/
.about{
	width:590px;
	height:180px;
	background-image:url(../images/about_back.jpg);
}

#kokoeco{
	width:590px;
	height:62px;
	background-image:url(../images/ecotype.jpg);
	margin:20px 0;
}
#kokoeco img{margin:12px 0 0 437px;}

/*---ecotype-----------------------------------------------------------*/

#ecotype .cell_l,#ecotype .cell_r{
	width:290px;
	height:191px;
}

#ecotype .type01{background-image:url(../images/ecotype01.jpg);}
#ecotype .type02{background-image:url(../images/ecotype02.jpg);}
#ecotype .type03{background-image:url(../images/ecotype03.jpg);}
#ecotype .type04{background-image:url(../images/ecotype04.jpg);}

#ecotype h4{
	font-weight:normal;
	padding:10px 0 35px 10px;
}

#ecotype p{
	padding:10px 10px 0;
	margin-bottom:8px;
}

.detail_btn{
	text-align:center;
}


#category{
	margin:0;paddhing:0;
	width:590px;height:91px;
	background-image:url(../images/category_back.jpg);}
#category ul{margin:0;padding:36px 0 0 9px;}
#category li{float:left;list-style-type:none;}

/*---type1-----------------------------------------------------------*/
.otoku{
	width:550px;
	padding:20px;
	height:67px;
	background-image:url(../images/otoku_back.jpg);
}

.otoku1{background-color:#FFDDDD;padding:10px 0;}
.otoku1 ul , .otoku1 p, .otoku1 h5{padding:0 10px 5px;}
.otoku1 li{font-weight:bold;}
.otoku1 .normal{font-weight:normal;}
.otoku2 .cell_l , .otoku2 .cell_r{background-color:#FFFFCC;}
.otoku2 img{padding:4px;}

/*---type2-----------------------------------------------------------*/
.bouka{
	width:550px;
	padding:20px;
	height:111px;
	background-image:url(../images/bouka_back.jpg);
}

.bouka1{background-color:#C8E1F7;padding:10px;}
.bouka1 .cell_r{width:235px;padding:5px;}
.bouka2 .cell_r{text-align:center;}
.bouka3 img{padding:20px;}

/*---type3-----------------------------------------------------------*/
.anshin{
	width:550px;
	padding:20px;
	height:80px;
	background-image:url(../images/anshin_back.jpg);
}

.anshin1{background-color:#FFE4CA;padding:10px 0;margin:20px 0;}
.anshin1 h4 , .anshin1 p{padding:0 10px 5px;}
.anshin1 .cell_l{width:44%;}
.anshin1 .cell_r{width:55%;}

.mark div{
	clear:right;
	float:right;
	padding:0 0 30px 5px;
}

/*---type3.5common---*/
#subnavi{border-bottom:solid #FF9900 5px;}
#subnavi div{text-align:center;}

#pp{
	width:590px;height:100px;margin:20px 0;
	background-image:url(../images/an03.jpg);}
#pp img{margin:46px 0 0 445px;}

/*---type3.5-----------------------------------------------------------*/
.anzen{
	width:550px;
	padding:20px;
	height:108px;
	background-image:url(../images/anzen_back.jpg);
}

.anzen1{background-color:#D9ECFF;padding:10px 0;margin:20px 0;}
.anzen1 h4 , .anzen1 p{padding:0 10px 5px;}
.anzen1 .cell_l , .anzen1 .cell_c , .anzen1 .cell_r{text-align:center;} 
.anzen2 .cell_r{text-align:center;} 

.secure{padding:5px;float:right;}

/*---type4-----------------------------------------------------------*/
.shizuka{
	width:550px;
	padding:20px;
	height:108px;
	background-image:url(../images/shizuka_back.jpg);
}

.shizuka1{background-color:#E6F7BD;padding-top:10px;margin:20px 0;}
.shizuka1 h4 , .shizuka1 p{padding:0 10px 5px;}
.shizuka1 img{margin:0 0 20px 12px;}

/*---catalog-----------------------------------------------------------*/
#catalog p{
	width:180px;
	padding-left:110px;
	height:135px;
	padding-top:20px;
}

.ct1{background-image:url(../images/catalog01.jpg);}
.ct2{background-image:url(../images/catalog02.jpg);}
.ct3{background-image:url(../images/catalog03.jpg);}
.ct4{background-image:url(../images/catalog04.jpg);}
.ct5{background-image:url(../images/catalog05.jpg);}

.pink{
	font-weight:bold;
	color:#FF9999;
}

/* Q&A */


.faq_box {
	padding:0;
	margin:0;
}

.faq_box dt {
	height:10px;
	overflow:hidden;
	background-color:#CCCCCC;
	padding:0;
	margin:0;
}

.faq_box dt img {
	display:block;
	border:none;
}

.faq_box dd {
	border:10px solid #CCCCCC;
	border-top:none;
	padding:1.5em 1em;
	margin:0;
}


.qa {
	position:relative;
	clear:both;
	display:block;
	padding:0;
	margin:0 0 1em 0;
}

.qa dt {
	position:relative;
	clear:both;
	height:auto;
	cursor:pointer;
	background:none;
	padding:0 0 0.25em 0;
	margin:0;
}

.qa dt a {
	color:#3C5F84;
	font-weight:normal;
	padding:0.1em 0.2em;
}

.qa dt.active a,
.qa dt a:hover {
	background:#EFC3CB;
}

.qa dt a span {
	color:#CC3300;
	padding-right:0.25em;
}

.qa dd {
	border:5px solid #CCCCCC;
	padding:1em;
	margin:0;
}

.qa dd dl {
	padding:0 0 1em 0;
	margin:0;
}

.qa dd dl dt {
	float:left;
	width:3em;
	font-weight:normal;
	text-align:center;
	padding:0;
	margin:0;
}

.qa dd dl dd {
	border:none;
	padding:0;
	margin:0 0 0 4em;
}

.qa dd blockquote {
	clear:both;
	position:relative;
	display:block;
	border:1px dotted #CCCCCC;
	background:#FFFFFF url(../images/box_relate.gif) no-repeat left center;
	padding:0;
	margin:0;
}

.qa dd blockquote ul {
	border:1px solid #FFFFFF;
	padding:1em 1em 1em 100px;
	margin:0;
}

.qa dd blockquote ul li {
	display: block;
	list-style:none;
	padding:0;
	margin:0.3em 0 0 0;
}

.qa dd blockquote ul li a {
	text-decoration:underline;
}

/*---knowledge-----------------------------------------------------------*/

.knowledge h4{
	color:#3C5F84;
	font-weight:normal;
	padding:0.1em 0.2em;
}

.star{
	padding:10px;
}

.knowledge1{
	background-color:#FFFFCC;
	padding:10px;
}

.knowledge2{
	background-color:#E5F2BF;
	padding:10px;
}

.knowledge3{
	background-color:#FFFFFF;
	padding:10px;
}

.knowledge3 p{
	margin:0;
	padding:0;
}
	
.knowledge3 th{
	background-color:#999999;
	color:#FFFFFF;
	text-align:left;
}

.areaOne{background-color:#A99DCC;}
.areaTwo{background-color:#74BDE9;}
.areaThree{background-color:#80C99B;}
.areaFour{background-color:#FFFACB;}
.areaFive{background-color:#FDCE8D;}