@charset "UTF-8";

@import url(template.css);

/* howto
-------------------------------------------------------*/
.decoeco h2 {margin-bottom: 0px;padding-bottom: 0px;} /* overwrite */

.mainContents .howtoArea {
	margin: 0 0 0 12px;
	width: 487px;
}
.mainContents .howtoArea a {color: #3fab34;}

.mainContents .howtoArea .howtoHead {
	margin: 5px 0px 15px 0px;
	font-size: 90%;
	color:#3FAB34;
	background: #fffee6;
	text-align: left;
	padding: 5px 10px 0px 10px;
}
.mainContents .howtoArea .howtoHead span.stars {padding-right:2.5em;}

.mainContents .howtoArea .message {margin-bottom:10px;}
.mainContents .howtoArea .message div.howtoPhoto {
float:right;
margin-left:15px;
}
.mainContents .howtoArea .message div.howtoPhoto p {
padding:3px;
text-align:left;
}
.mainContents .howtoArea .message p.title {
	font-weight: bold;
	font-size: 90%;
	color: #3fab34;
}

.mainContents .howtoArea .work {padding:5px 0px;float:left;}
.mainContents .howtoArea .work div {float:right;width:260px;}
.mainContents .howtoArea .work img {
float:left;
margin:0px 5px;
}
.mainContents .howtoArea .work h3 {
	padding-left: 13px;
	margin-bottom: 10px;
	background: transparent url(../image/icon_list.gif) left top repeat-y;
	font-weight: bold;
	font-size: 90%;
	color: #3fab34;
}




.mainContents .howtoArea .line {
	height: 2px;
	border-bottom: 2px dotted #3fab34;
	margin-top:0px;
	clear:both;
}



.mainContents .howtoArea .howtoProduction {
	margin-top: 10px;
	background: #fffee6;
	text-align: left;
	padding: 10px;
}
.mainContents .howtoArea .howtoProduction img {
float:left;
margin-right:15px;
}
.mainContents .howtoArea .howtoProduction p.title {
	font-weight: bold;
	font-size: 90%;
	color: #3fab34;
}
.mainContents .howtoArea .howtoProduction p.contactProduction {
	color: #3fab34;
	font-size: 90%;
}



.toDetail{margin-bottom:5px;}
.toDetail a{
	font-size:82%;
	padding-left:12px;
	background:url(../howto/image/i_arrow.gif) no-repeat left top;
}






/* clear
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
-------------------------------------------------------*/

div.clearfix {
	display:none;
}