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

#top #wrapper {
	background: url(../../images/bg_main.png) center top no-repeat;
}


#lightpop-details-number{
	display:none!important;
}

#lightpop-details-caption{
	display:none!important;
}

/* link */

a:link{
	color:#333333;
}


a:visited{
	color:#333333;
}

a:hover{
	color:#333333;
	text-decoration:none;
}

a.linkmk:link{
	color:#f88516;
	background-image:url(../images/ic_link_arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
}

a.linkmk:visited{
	color:#f88516;
	background-image:url(../images/ic_link_arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
}

a.linkmk:hover{
	color:#f88516;
	text-decoration:none;
	background-image:url(../images/ic_link_arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
}

/* social */

li.twitter {width:90px;}
li.fb {width:100px;}


#top .article .main-visual {
	height: 458px;
}

#top .article .main-visual h2 {
	margin-left: 20px;
}

#top .article .main-visual .howto {
	float: left;
	display: inline;
	background: url(../../images/bg_howto.png?210216) left top no-repeat;
	width: 412px;
	height: 329px;
	margin-left: 40px;
}

#top .article .main-visual .howto h3 {
	float: left;
	margin-right: 25px;
}

#top .article .main-visual .howto .txt {
	color: #333333;
	font-size: 1.4em;
	font-weight: bold;
	padding-top: 2px;
}

#top .article .main-visual .howto .btn {
	float: right;
	margin: 15px 6px 0 0;
}

#top .article .main-visual .pickup-recipe {
	float: right;
	display: inline;
	position: relative;
	background: url(../../images/bg_pickup_recipe.png) left top no-repeat;
	width: 417px;
	height: 182px;
	margin: 132px 15px 0 0;
}

#top .article .main-visual .pickup-recipe h3 {
	float: left;
	display: inline;
	margin: 30px 0 15px 20px;
}

#top .article .main-visual .pickup-recipe .no {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

#top .article .main-visual .pickup-recipe .img {
	float: right;
	display: inline;
	margin: 35px 25px 0 0;
}

#top .article .main-visual .pickup-recipe .tit {
	float: left;
	display: inline;
	background: url(../../images/ico_pickup_recipe.gif) 7px top no-repeat;
	border-bottom: #CCCCCC solid 1px;
	color: #333333;
	font-size: 1.8em;
	font-weight: bold;
	width: 160px;
	margin-left: 15px;
	padding: 3px 0 5px 40px;
}

#top .article .main-visual .pickup-recipe .txt {
	float: left;
	display: inline;
	color: #333333;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-left: 15px;
	width: 187px;
	padding: 8px 0 0 3px;
}

#top .article .main-visual .pickup-recipe .more {
	margin-top: 5px;
}



#top .article .studyoil {
	margin-bottom: 25px;
	padding: 0 20px;
}

#top .article .studyoil h2 {
	float: left;
	margin-right: 30px;
}

#top .article .studyoil .txt {
	float: left;
	margin-top: 5px;
}

#top .article .studyoil .more{
	float:left;
	padding:10px 0px 0px 30px;
}

#top .article .studyoil .step {
	float: left;
	background: url(../../images/bg_studyoil.png) left top no-repeat;
	width: 290px;
	height: 286px;
	margin: 25px 10px 0 0;
	padding: 10px 0 0 10px;
}

#top .article .studyoil .step.end {
	margin-right: 0;
}

#top .article .studyoil .step h3 {
	margin-bottom: 22px;
}

#top .article .studyoil .step ul {
	padding-left: 10px;
}

#top .article .studyoil .step li {
	float: left;
	margin-bottom: 14px;
}

#top .article .studyoil .step li img {
	vertical-align: bottom;
}



#top .article .recipe {
	background: #FFFFFF url(../../images/bg_recipe.gif) center top repeat-x;
	padding: 35px 0 15px;
}

#top .article .recipe .section {
	width: 920px;
	padding: 0 20px;
}

#top .article .recipe h2 {
	float: left;
	margin-right: 72px;
}

#top .article .recipe .txt {
	float: left;
	margin-top: 5px;
}

#top .article .recipe .more {
	float:left;
	padding: 10px 0px 0px 30px;
}

#top .article .recipe .img {
	float: left;
	padding-top: 30px;
}

#top .article .recipe .recipe-list {
	float: right;
	width: 620px;
	padding-top: 45px;
}

#top .article .recipe .recipe-list .ic{
	position:absolute;
	top:-5px;
	right:0px;
}


#top .article .recipe .recipe-list li {
	float: left;
	display: inline;
	width: 280px;
	_overflow: hidden;
	margin: 0 0 10px 10px;
	padding: 10px;
	position:relative;
	height:98px!important;
	background: url(../../images/bg_recipe_list.gif) left top no-repeat!important;
}

#top .article .recipe .recipe-list li .img {
	float: left;
	margin-right: 15px;
	padding-top: 0;
}

#top .article .recipe .recipe-list li .vol {
	float: left;
	color: #77a70c;
	width:190px;
	margin: 3px 0 12px;
}

#top .article .recipe .recipe-list li .tit {
	float: left;
	color: #555555;
	font-size: 1.5em;
	font-weight: bold;
	width:190px;
	padding-top: 0;
}

#top .article .recipe .recipe-list li .txt {
	float: left;
	font-size: 1.1em;
	line-height: 1.5em;
	width:190px;
	padding-top: 0;
}

#top .article .recipe .recipe-list li .txt a:link {
	color: #555555;
	text-decoration: underline;
}

#top .article .recipe .recipe-list li .txt a:visited {
	color: #555555;
	text-decoration: underline;
}

#top .article .recipe .recipe-list li .txt a:hover {
	text-decoration: none;
}



#top .article .information {
	background: #F2F2F2 url(../../images/bg_information.gif) center top repeat-x;
	padding: 25px 0 40px;
}

#top .article .information .section {
	width: 920px;
	padding: 0 20px;
}

#top .article .information h2 {
	background: url(../../images/bdr_tit.gif) left bottom repeat-x;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#top .article .information dl {
	position:relative;
	color: #333333;
	font-size: 1.5em;
}

#top .article .information dt {
	background: url(../../images/ico_information.gif) left 4px no-repeat;
	position:absolute;
	width:8em;
	padding-left: 20px;
}

#top .article .information dd {
	padding-left:8em;
}

#top .article .information dd a:link {
	color: #333333;
	text-decoration: underline;
}

#top .article .information dd a:visited {
	color: #333333;
	text-decoration: underline;
}

#top .article .information dd a:hover {
	text-decoration: none;
}



#top .article .pickup {
	background-color: #F2F2F2;
	padding-bottom: 30px;
}

#top .article .pickup .section {
	width: 920px;
	padding: 0 20px;
}

#top .article .pickup h2 {
	background: url(../../images/bdr_tit.gif) left bottom repeat-x;
	margin-bottom: 25px;
	padding-bottom: 15px;
}

#top .article .pickup .pickup-list li {
	float: left;
	background:url(../../images/bg_pickup_list.gif) left top no-repeat;
	color: #333333;
	font-size: 1.3em;
	width: 221px;
	height: 71px;
	margin: 0 12px 12px 0;
}

#top .article .pickup .pickup-list li.right {
	margin-right: 0;
}

#top .article .pickup .pickup-list li a {
	display: block;
	width: 201px;
	height: 51px;
	padding: 10px;
}

#top .article .pickup .pickup-list li a.pdg0 {
	display: block;
	width: 221px;
	height: 71px;
	padding: 0px;
}

#top .article .pickup .pickup-list li a span {
	cursor: pointer;
}

#top .article .pickup .pickup-list li a:link {
	color: #333333;
	text-decoration: underline;
}

#top .article .pickup .pickup-list li a:visited {
	color: #333333;
	text-decoration: underline;
}

#top .article .pickup .pickup-list li a:hover {
	text-decoration: none;
}

#top .article .pickup .pickup-list li a:link span {
	color: #333333;
	text-decoration: underline;
	width:127px;
}

#top .article .pickup .pickup-list li a:visited span {
	color: #333333;
	text-decoration: underline;
}

#top .article .pickup .pickup-list li a:hover span {
	text-decoration: none;
}

#top .article .pickup .pickup-list li img {
	float: left;
	margin-right: 15px;
}

#top .article .pickup .pickup-list li span {
	float: left;
	display: block;
	width: 116px;
	margin-top: 7px;
}


/* 2nd-oil */


#dir #wrapper {
	background: url(../../images/bg_main_2nd.png) center top no-repeat;
}

#dir #wrapper .title{
	height:138px;
	position:relative;
}

#dir #wrapper .title h2{
	position:absolute;
	top:62px;
	left:249px;
}

#dir #wrapper #dir_content{
	border-top:solid 3px #ff7f00;
	padding:0px 0px 50px 0px;
	background-color:#FFFFFF;
	font-size:1.2em;
}

#dir #wrapper #dir_content .nav{
	width:200px;
	float:left;
	z-index:10;
	position:relative;
	margin-top:-90px;
	margin-left:10px;
}

#dir #wrapper #dir_content .nav h4{
	margin-bottom:1px;
}

#dir #wrapper #dir_content .nav .category{
	margin-bottom:1px;
}

#dir #wrapper #dir_content .nav .category ul{
	background-color:#fefcf6;
	padding:0px 5px 0px 6px;
}

#dir #wrapper #dir_content .nav .category ul li{
	margin-bottom:8px;
	background-repeat:no-repeat;
	background-position:15px 0px!important;
}

#dir #wrapper #dir_content .nav .category ul li.end{
	margin-bottom:0px!important;
}

#dir #wrapper #dir_content .nav .category ul li.mid{
	margin-bottom:15px;
}
#dir #wrapper #dir_content .nav .category ul li.btn {
	padding:0px;
}
#dir #wrapper #dir_content .nav .category ul li.btn a{
	height:auto!important;
	padding:0px!important;
}

#dir #wrapper #dir_content .nav .category ul li a{
	padding:0px 0px 4px 45px;
	line-height:1.8em;
	display:block;
	height:20px;
}

#dir #wrapper #dir_content .nav .category ul li.ic01{
	background-image:url(../../study-oil/images/ic_01.gif);
}
#dir #wrapper #dir_content .nav .category ul li.ic01on{
	background-image:url(../../study-oil/images/ic_01on.gif);
	font-weight:bold;
	color:#f27b05;
}
	#dir #wrapper #dir_content .nav .category ul li.ic01on a:link{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic01on a:visited{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic01on a:hover{
		font-weight:bold;
		color:#f27b05;
	}

#dir #wrapper #dir_content .nav .category ul li.ic02{
	background-image:url(../../study-oil/images/ic_02.gif);
		background-repeat:no-repeat;
}
#dir #wrapper #dir_content .nav .category ul li.ic02on{
	background-image:url(../../study-oil/images/ic_02on.gif);
	font-weight:bold;
	color:#f27b05;
}
	#dir #wrapper #dir_content .nav .category ul li.ic02on a:link{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic02on a:visited{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic02on a:hover{
		font-weight:bold;
		color:#f27b05;
	}
#dir #wrapper #dir_content .nav .category ul li.ic03{
	background-image:url(../../study-oil/images/ic_03.gif);
}
#dir #wrapper #dir_content .nav .category ul li.ic03on{
	background-image:url(../../study-oil/images/ic_03on.gif);
	font-weight:bold;
	color:#f27b05;
}
	#dir #wrapper #dir_content .nav .category ul li.ic03on a:link{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic03on a:visited{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic03on a:hover{
		font-weight:bold;
		color:#f27b05;
	}
#dir #wrapper #dir_content .nav .category ul li.ic04{
	background-image:url(../../study-oil/images/ic_04.gif);
}
#dir #wrapper #dir_content .nav .category ul li.ic04on{
	background-image:url(../../study-oil/images/ic_04on.gif);
	font-weight:bold;
	color:#f27b05;
}
	#dir #wrapper #dir_content .nav .category ul li.ic04on a:link{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic04on a:visited{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic04on a:hover{
		font-weight:bold;
		color:#f27b05;
	}
#dir #wrapper #dir_content .nav .category ul li.ic05{
	background-image:url(../../study-oil/images/ic_05.gif);
}
#dir #wrapper #dir_content .nav .category ul li.ic05on{
	background-image:url(../../study-oil/images/ic_05on.gif);
	font-weight:bold;
	color:#f27b05;
}
	#dir #wrapper #dir_content .nav .category ul li.ic05on a:link{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic05on a:visited{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic05on a:hover{
		font-weight:bold;
		color:#f27b05;
	}
#dir #wrapper #dir_content .nav .category ul li.ic06{
	background-image:url(../../study-oil/images/ic_06.gif);
}
#dir #wrapper #dir_content .nav .category ul li.ic06on{
	background-image:url(../../study-oil/images/ic_06_on.gif);
	font-weight:bold;
	color:#f27b05;
}
	#dir #wrapper #dir_content .nav .category ul li.ic06on a:link{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic06on a:visited{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic06on a:hover{
		font-weight:bold;
		color:#f27b05;
	}
#dir #wrapper #dir_content .nav .category ul li.ic07{
	background-image:url(../../study-oil/images/ic_07.gif);
}
#dir #wrapper #dir_content .nav .category ul li.ic07on{
	background-image:url(../../study-oil/images/ic_07on.gif);
	font-weight:bold;
	color:#f27b05;
}
	#dir #wrapper #dir_content .nav .category ul li.ic07on a:link{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic07on a:visited{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic07on a:hover{
		font-weight:bold;
		color:#f27b05;
	}
#dir #wrapper #dir_content .nav .category ul li.ic08{
	background-image:url(../../study-oil/images/ic_08.gif);
}
#dir #wrapper #dir_content .nav .category ul li.ic08on{
	background-image:url(../../study-oil/images/ic_08on.gif);
	font-weight:bold;
	color:#f27b05;
}
	#dir #wrapper #dir_content .nav .category ul li.ic08on a:link{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic08on a:visited{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic08on a:hover{
		font-weight:bold;
		color:#f27b05;
	}
#dir #wrapper #dir_content .nav .category ul li.ic09{
	background-image:url(../../study-oil/images/ic_09.gif);
}
#dir #wrapper #dir_content .nav .category ul li.ic09on{
	background-image:url(../../study-oil/images/ic_09on.gif);
	font-weight:bold;
	color:#f27b05;
}
	#dir #wrapper #dir_content .nav .category ul li.ic09on a:link{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic09on a:visited{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic09on a:hover{
		font-weight:bold;
		color:#f27b05;
	}
#dir #wrapper #dir_content .nav .category ul li.ic10{
	background-image:url(../../study-oil/images/ic_10.gif);
}
#dir #wrapper #dir_content .nav .category ul li.ic10on{
	background-image:url(../../study-oil/images/ic_10on.gif);
	font-weight:bold;
	color:#f27b05;
}
	#dir #wrapper #dir_content .nav .category ul li.ic10on a:link{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic10on a:visited{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic10on a:hover{
		font-weight:bold;
		color:#f27b05;
	}
#dir #wrapper #dir_content .nav .category ul li.ic11{
	background-image:url(../../study-oil/images/ic_11.gif);
}
#dir #wrapper #dir_content .nav .category ul li.ic11on{
	background-image:url(../../study-oil/images/ic_11on.gif);
	font-weight:bold;
	color:#f27b05;
}
	#dir #wrapper #dir_content .nav .category ul li.ic11on a:link{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic11on a:visited{
		font-weight:bold;
		color:#f27b05;
	}
	#dir #wrapper #dir_content .nav .category ul li.ic11on a:hover{
		font-weight:bold;
		color:#f27b05;
	}


#dir #wrapper #dir_content .mainarea{
	width:705px;
	float:right;
	text-align:left;
}

#dir #wrapper #dir_content .mainarea .innr{
	width:690px;
}

#dir #wrapper #dir_content .mainarea .innr h3{
	font-weight:bold;
	font-size:1.6em;
	margin-bottom:30px;
}

#dir #wrapper #dir_content .mainarea .innr h3 span{
	font-size:1.2em;
	color:#f88516;
}

#dir #wrapper #dir_content .mainarea .innr .midashi{
	background-color:#eeeeee;
	border-radius:3px 3px 3px 3px;
	font-size:1.4em;
	font-weight:bold;
	padding:5px 10px;
	margin-bottom:20px;
}
#dir #wrapper #dir_content .mainarea .innr .ic_new{
	position:relative;
	padding-left:60px;
}
#dir #wrapper #dir_content .mainarea .innr .ic_new img{
	position:absolute;
	left:5px;
	top:-11px;
}

#dir #wrapper #dir_content .mainarea .innr .bn{
	margin-bottom:20px;
}

.layout{
	margin-bottom:30px;
}

li.phBox{
	width:272px;
	float:left;
	text-align:center;
}

li.txtBox{
	width:403px;
	float:right;
	font-size:1.2em;
	line-height:1.4em;
}
dl.point {
	margin-bottom:10px;
}
.point dt{
	width:85px;
	float:left;
	clear:both;
}

.point dd{
	width:318px;
	float:left;
	line-height:1.3em;
}

.point dd.pad0{
	paddin-top:0px!important;
}


h5{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:10px;
}

.w650{
	width:650px;
	margin:0px auto;
	margin-bottom:20px;
}

.w650 .bn{
	margin-bottom:10px!important;
}

.w650 .caption{
	font-size:1.1em;
	margin-bottom:5px;
	line-height:1.4em;
}

.w650 .thumb{
	float:left;
	padding-right:20px;
}

.w650 ul{margin-left:40px;padding-left:100px;}
.w650 ul li{
	list-style-type:disc!important;
}

.pointBox{
	font-weight:bold;
	padding-left:80px;
	line-height:1.3em;
	padding-top:10px;
}

.pointBox .icpoint{
	vertical-align:middle;
	margin-right:10px;
}

.list-btn{
	float: right;
	margin-bottom: 50px;
}

/* about - style.css */


#dir #wrapper h2.full{
	top:40px!important;
	left:10px!important;
}

#dir #wrapper #dir_content .mainarea_full{
	width:940px;
	text-align:left;
	margin:0px auto;
}

#dir #wrapper #dir_content .mainarea_full .oilvisual{
	float:left;
	padding:30px 0px;
}

#dir #wrapper #dir_content .mainarea_full .about_text{
	float:right;
	padding:60px 30px 30px 0px;
}

#dir #wrapper #dir_content .mainarea_full .about_text p{
	margin-top:30px;
	font-size:1.4em;
	line-height:1.4em;
	width:457px;
}

#dir #wrapper #dir_content .mainarea_full h3.midashi{
    background-color: #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 5px 10px;
}

#dir #wrapper #dir_content .mainarea_full .list{
	margin-bottom:30px;
}

#dir #wrapper #dir_content .mainarea_full .list li{
	padding:8px 0px;
	border-bottom:dotted 1px #d8d8d8;
	width:95%;
	margin:0px auto;
}



/* choice */

.choice p.phBox{
	width:151px;
	float:left;
	text-align:center;
	margin-right: 20px;
}

.choice p.titBox{
	color:#ff7f00;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:15px;
}

.choice p.txtBox{
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:20px;
}

.choice p.btnL {
	float:left;
	margin-right:10px;
}

.choice p.btnR {
	float:right;
}

.choice p.mgnT {
	margin-top:17px;
}

.choice p.mgnB {
	margin-bottom:5px;
}

.wideTxt {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:30px;
}

ul.temperature li {
	float:left;
	font-size:1.2em;
	line-height:1.4em;
	width:220px;
	margin-right:15px;
	_margin-right:13px;
}

ul.temperature li.end {
	margin-right:0;
}

ul.temperature li .tit {
	margin-bottom:1px;
}

ul.temperature li .img {
	margin-bottom:10px;
}

ul.temperature li .txt {
	margin-bottom:20px;
}

ul.temperature li .btn {
	width:100%;
	text-align:center;
}

.wideTxt.ol {
	list-style: decimal;
	margin-left: 30px;
}

.bubble div.phBox{
	width:261px;
	float:left;
	text-align:center;
	margin-right:20px;
}

.bubble div.phBox .ph{
	margin-bottom:20px;
}

.bubble p.txtBox{
	float:right;
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:20px;
	width:409px;
}

.bubble .pointBoxL{
	float:right;
	width:285px;
}

.cleanup div.phBox{
	width:261px;
	float:left;
	text-align:center;
	margin-right:20px;
}

.cleanup div.phBox .ph{
	margin-bottom:20px;
}

.cleanup div.midashiS{
	float:right;
	width:399px;
}

.cleanup p.txtBox{
	float:right;
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:20px;
	width:409px;
}

.cleanup .pointBoxL{
	float:right;
	width:285px;
}



/* 2nd-recipe */

#recipe #wrapper {
	background: url(../../images/bg_main_2nd.png) center top no-repeat;
}

#recipe #wrapper .title{
	height:138px;
	position:relative;
}

#recipe #wrapper .title h2{
	position:absolute;
	top:54px;
	left:249px;
}

#recipe #wrapper #dir_content{
	border-top:solid 3px #8cc215;
	padding:0px 0px 50px 0px;
	background-color:#FFFFFF;
	font-size:1.2em;
}

#recipe #wrapper #dir_content .nav{
	width:200px;
	float:left;
	z-index:10;
	position:relative;
	margin-top:-90px;
	margin-left:10px;
}

#recipe #wrapper #dir_content .nav .category{
	margin-bottom:1px;
}

#recipe #wrapper #dir_content .nav .category ul{
	background-color:#fefcf6;
	padding:0px 5px 0px 6px;
}

#recipe #wrapper #dir_content .nav .category ul li{
	width:160px;
	margin:0px auto 8px;
	border-bottom:dotted 1px #8cc215;
	padding-bottom:10px;
}

#recipe #wrapper #dir_content .nav .category ul li a{
	display:block;
}

#recipe #wrapper #dir_content .nav .category ul li.end{
	margin-bottom:0px!important;
	border:none;
}

#recipe #wrapper #dir_content .nav .category ul li img.thmb{
	float:left;
	margin-right:10px;
}

#recipe #wrapper #dir_content .nav .category ul li .num{
	margin-bottom:5px;
}

#recipe #wrapper #dir_content .mainarea{
	width:705px;
	float:right;
	text-align:left;
}

#recipe #wrapper #dir_content .mainarea .innr{
	width:690px;
}

#recipe #wrapper #dir_content .mainarea .innr h3{
	font-weight:bold;
	font-size:1.6em;
	margin-bottom:30px;
}

#recipe #wrapper #dir_content .mainarea .innr .midashi{
	background-color:#eeeeee;
	border-radius:3px 3px 3px 3px;
	font-size:1.4em;
	font-weight:bold;
	padding:5px 10px;
	margin-bottom:20px;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg{
	background-image:url(../../recipe/images/bg_recipe.gif);
	padding:13px 13px 0px;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .tipsBox{
	margin:15px 0px 0px;
	padding-bottom:5px;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .tipsBox dd{
	float:left;
	width:214px;
	margin-right:11px;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .tipsBox dd.end{
	margin-right:0px!important;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg h3{
	margin:0px;
	padding:0px;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr{
	background-color:#FFFFFF;
	width:664px;
	margin:0px auto;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .materialBox{
	width:370px;
	float:left;
	margin-left:15px;
	_margin-left:7px;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .materialBox table{
	width:370px;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .materialBox table th{
	border-bottom:solid 1px #dad5db;
	padding:5px 0px;
	vertical-align:top;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .materialBox table td{
	width:172px;
	background-image:url(../../recipe/images/bg_dotline.gif);
	background-position:left 10px;
	background-repeat:no-repeat;
	padding:5px 0px 5px 28px;
	border-bottom:solid 1px #dad5db;
	margin-bottom:5px;
	vertical-align:top;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .materialBox table th.nobrd{
	border-bottom:none!important;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .materialBox table th.strong{
	font-weight:bold;
}
.mgnB10{
	margin-bottom:10px!important;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .phBox{
	width:232px;
	float:right;
	margin-right:15px;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .phBox table{
	width:232px;
	margin-top:5px;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .phBox table th{
	border-bottom:solid 1px #dad5db;
	padding:5px 0px;
	vertical-align:top;
	font-weight:bold;
	color:#8cc215;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .phBox table td{
	width:80px;
	background-image:url(../../recipe/images/bg_dotline.gif);
	background-position:left 10px;
	background-repeat:no-repeat;
	padding:5px 0px 5px 28px;
	border-bottom:solid 1px #dad5db;
	margin-bottom:5px;
	vertical-align:top;
}


#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .contBox{
	width:620px;
	margin:0px auto;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .contBox ul,ol{
	margin-left:45px;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .contBox ul li{
	list-style-type:disc!important;
	padding:5px 0px;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .contBox ol li{
	list-style-type:decimal!important;
	padding:5px 0px;
}

#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .contBox li.nomark{
	list-style-type:none!important;
}

.betterhome{
	text-align:right;
	padding:20px 0px 5px;
}
.betterhome img{
	vertical-align:middle;
}


/* recipe - style.css */
#recipe #wrapper #dir_content .mainarea .innr .contBg .tipsBox dd{
	position:relative;
}
#recipe #wrapper #dir_content .mainarea .innr .contBg .tipsBox dd a{
	background-image:url(../images/ic_link_arrow.png);
	background-repeat:no-repeat;
	padding-left:13px;
	position:absolute;
	z-index:10;
	top:113px;
	left:9px;
	display:block;
	color:#ff7f00;
	font-size:0.9em;
	height:18px;
}
#recipe #wrapper #dir_content .mainarea .innr .contBg .innr .contBox li.mid{
	margin-left:-20px;
	font-weight:bold;
	color:#8cc215;
}

/* recipe index - style.css */

.recipeList li{
	border:solid 3px #d8d8d8;
	padding:20px;
	position:relative;
	margin-bottom: 15px;
}

.recipeList li .ic {
    left: 650px;
    position: absolute;
    top: -20px;
}

.recipeList li img{
	float:left;
}
.recipeList li span{
	width:462px;
	float:right;
	display:block;
	background-image:url(../../recipe/images/index_line_g.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#77a70c;
	font-size:1.3em;
	font-weight:bold;
}

.recipeList li a.txt{
	display:block;
	float:right;
	width:442px;
	font-size:1.7em;
	background-image:url(../../recipe/images/ic_link_arrow_g.png);
	background-repeat:no-repeat;
	background-position: 0 6px;
	padding-left:20px;
	margin-bottom:20px;
	font-weight:bold;
	text-decoration:none;
	color:#77a70c;
}

.recipeList li p{
	display:block;
	float:right;
	width:462px;
}


/*========================*/
/*====== 共通パーツ ======*/
/*========================*/


#dir #wrapper #dir_content .mainarea .innr .midashiS{
	font-size:1.2em;
	font-weight:bold;
	border-bottom:solid 1px #DDDDDD;
	padding:5px 5px;
	margin-bottom:20px;
}

.padB20{
	padding-bottom:20px;
}

/* 注意書き */
.notice{
	position:relative;
	background-image:url(../../study-oil/images/bg_notice.gif);
	padding:20px 20px 20px 80px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.5em;
}
.notice img.ic{
	position:absolute;
	top:14px;
	left:27px;
}

.notice span{
	font-weight:normal!important;
	line-height:1.2em;
}

.notice .right{
	float:right;
	margin-left:20px;
}

/* ポイント */

.pointBoxL{
	position:relative;
	background-color:#FFFFFF;
	border:solid 1px #d8d8d8;
	padding:15px 20px 15px 102px;
	margin-bottom:20px;
	line-height:1.2em;
	font-size:1.2em;
}

.pointBoxL .ic{
	position:absolute;
	top:15px;
	left:15px;
}
.pointBoxL ul li{
	float:left;
}
.pointBoxL ul li.w460{
	width:460px;
}
.pointBoxL .mid{
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}
.pointBoxL ul li.w100{
	 text-align:right;
	 width:100px;
}

/* Q&A */


.qaBox{
	padding-left:100px;
	position:relative;
	font-size:1.3em;
	margin-bottom:20px;
	min-height:80px;
	_height:80px;
}

.qaBox .ic{
	position:absolute;
	top:0px;
	left:3px;
}


.qaBox .answer{
	padding:20px 0px 12px 10px;
	background-image:url(../images/ic_link_arrow.png);
	background-repeat:no-repeat;
	background-position:11px 23px;
}

.qaBox .answer a:link{
	padding-left:20px;
	font-weight:bold;
	color:#f88516;
	display:block;
}

.qaBox .answer a:visited{
	padding-left:20px;
	font-weight:bold;
	color:#f88516;
	display:block;
}

.qaBox .answer a:hover{
	text-decoration:none;
	padding-left:20px;
	font-weight:bold;
	color:#f88516;
	display:block;
}


.phFull{
	border:solid 1px #d8d8d8;
	padding:6px;
	text-align:center;
}


/* betterhome */
body#betterhome{
	min-width:600px!important;
}
#betterhome #wrapper #container .innr{
	margin:10px auto;
	padding:10px 0px;
	width:600px;
	background-color:#FFFFFF;
}

#betterhome #wrapper #container .innr h1{
	margin-bottom:20px;
}

#betterhome #wrapper #container .innr ul{
	padding:0px 20px;
}

#betterhome #wrapper #container .innr ul li.ph{
	float:left;
	width:230px;
	text-align:center;
}

#betterhome #wrapper #container .innr ul li.txt{
	float:right;
	width:330px;
	text-align:left;
	font-size:1.4em;
	line-height:1.4em;
}

#betterhome #wrapper #container .innr ul li.txt p{
	margin-bottom:10px;
}

/* パンくず */

ul.pankuzu{
	position:absolute;
	top:15px;
	left:10px;
}

ul.pankuzu li{
	float:left;
	background-image:url(../images/arrow_pankuzu.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding:0px 20px 0px 10px;
}

ul.pankuzu li.current{
	font-weight:bold;
	color:#FF6600;
	background-image:none!important;
}

.bold{
	color:#f88516;
	font-weight:bold;
}

/* pager */
ul.pager{
	border-top:dotted 1px #ddd;
	border-bottom:dotted 1px #ddd;
	padding:15px 0px;
}

ul.pager li{
	width:50%;
}

ul.pager li.prev{
	float:left;
	text-align:left;
}

ul.pager li.next{
	float:right;
	text-align:right;
}

/* search box */

.search{
	width:180px;
	float:right;
	margin: 17px 5px 0 10px;
}

.search form{
	width:180px;
}

.search dt{
	width:130px;
	float:left;
	padding-top:2px;
}

.search dt input{
	width:120px;
}

.search dd{
	width:50px;
	float:left;
}

.about{
	text-align:right;
}

.txtNew{
	float:right;
	margin-right:7px;
	padding-top:2px;
}

/* テスト用 */

.txtNew02{
	position:absolute;
	left:216px;
	top:59px;
}

.ic_new_m{
	margin:3px 0px 0px 8px;
}

.title_movie{
	background-color: #FF7F00;
    color: #FFFFFF;
    font-weight: bold;
    padding: 8px;
}


/* 20140313追記 */
/* キッチンきれいプロジェクト */
#dir #wrapper #dir_content #project .innr{
	line-height:1.5;
	padding-left:7px;
	width:698px
}
#dir #wrapper #dir_content #project .innr h3{
	font-weight:bold;
	font-size:1.6em;
	color:#FC8908;
}
#dir #wrapper #dir_content #project .innr p.titlebox{
	color:#FC8908;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url(PIE.htc);
	border: 1px solid #FC8908;
	padding:3px 15px;
	margin:8px 0 15px 60px;
	width:170px;
	text-align:center;
	font-size:1.4em;
}
#dir #wrapper #dir_content #project .innr .layout{
	margin-bottom:60px;
}
#dir #wrapper #dir_content #project .innr .mb15{
	margin-bottom:15px;
}
#dir #wrapper #dir_content #project .innr .mb30{
	margin-bottom:30px;
}
#project .notes{
	text-align:left;
	margin-bottom:20px;
	margin-left:2.5em;
	text-indent:-2.5em;
}
#dir #wrapper #dir_content #project .cp_step ul{
	width:696px;
	height:355px;
	background:url(../../study-oil/images/cp_step_bg.jpg) no-repeat;
}
#dir #wrapper #dir_content #project .cp_step li{
	float:left;
}
#dir #wrapper #dir_content #project .cp_step li a{
	width:231px;
	height:355px;
	display:block;
	cursor:pointer;
	position:relative;
	text-decoration:none;
	z-index:100;
}
#dir #wrapper #dir_content #project .cp_step li p{
	position:absolute;
	width:190px;
	padding:0 20px;
}
#dir #wrapper #dir_content #project .cp_step .step01 p{
	top: 133px;
	left: 2px;
}
#dir #wrapper #dir_content #project .cp_step .step02 p{
	top: 105px;
	left: 2px;
}
#dir #wrapper #dir_content #project .cp_step .step03 p{
  top: 105px;
	left: 2px;
}
#dir #wrapper #dir_content #project .cp_step span img{
	position:absolute;
	width:42px;
	height:48px;
	display:block;
}
#dir #wrapper #dir_content #project .cp_step .step01 span img,
#dir #wrapper #dir_content #project .cp_step .step02 span img,
#dir #wrapper #dir_content #project .cp_step .step03 span img{
	top: 320px;
	left: 88px;
}
#dir #wrapper #dir_content #project .innr h4{
	background:url(../../study-oil/images/cp_obi.png) no-repeat;
	width:690px;
	height:34px;
	line-height:34px;
	padding-left:11px;
	font-size:1.4em;
	font-weight:bold;
}
#dir #wrapper #dir_content #project .innr .ele_point{
	width:640px;
	height:574px;
	background:url(../../study-oil/images/ele_img02.png) no-repeat;
	position:relative;
}
#dir #wrapper #dir_content #project .innr .ele_point li{
	position:absolute;
	width:155px;
}
#dir #wrapper #dir_content #project .innr .ele_point li dt{
	display:none;
}
#dir #wrapper #dir_content #project .innr .ele_point li.point_tana{
	top:110px;
	left:70px;
}
#dir #wrapper #dir_content #project .innr .ele_point li.point_kabe{
	top:255px;
	left:30px;
}
#dir #wrapper #dir_content #project .innr .ele_point li.point_yuka{
	top:410px;
	left:60px;
}
#dir #wrapper #dir_content #project .innr .ele_point li.point_kankisen{
	top:140px;
	left:435px;
}
#dir #wrapper #dir_content #project .innr .ele_point li.point_konro{
	top:360px;
	left:460px;
}
#dir #wrapper #dir_content #project .innr .ele_point li.point_grill{
	top:435px;
	left:410px;
}
#dir #wrapper #dir_content #project .innr .option{
	position:relative;
}
#dir #wrapper #dir_content #project .innr .textover{
	z-index:100;
}
#dir #wrapper #dir_content #project .innr .op_imgBox{
	position:relative;
	top:-73px;
	left:-10px;
	width:718px;
	height:751px;
	z-index:1;
}
#dir #wrapper #dir_content #project .innr .op_qanda{
	width:693px;
	height:626px;
	background:url(../../study-oil/images/op_img03.jpg) no-repeat;
	position:relative;
}
#dir #wrapper #dir_content #project .innr .op_qanda dt{
	display:none;
}
#dir #wrapper #dir_content #project .innr .op_qanda dd,
#dir #wrapper #dir_content #project .innr .op_qanda .op_point01,
#dir #wrapper #dir_content #project .innr .op_qanda .op_point02{
	position:absolute;
}
#dir #wrapper #dir_content #project .innr .op_qanda .op_q01{
	top:39px;
	left:153px;
	width:365px;
}
#dir #wrapper #dir_content #project .innr .op_qanda .op_a01{
	top:196px;
	left:248px;
	width:380px;
}
#dir #wrapper #dir_content #project .innr .op_qanda .op_q02{
	top:348px;
	left:98px;
	width:265px;
}
#dir #wrapper #dir_content #project .innr .op_qanda .op_a02{
	top:450px;
	left:133px;
	width:240px;
}
#dir #wrapper #dir_content #project .innr .op_qanda .op_point01{
	top: 340px;
	left: 338px;
	width: 200px;
}
#dir #wrapper #dir_content #project .innr .op_qanda .op_point02{
	top: 424px;
	left: 530px;
	width: 130px;
}
#dir #wrapper #dir_content #project .cleaning{
	position:relative;
}
#dir #wrapper #dir_content #project .innr .cle01_btn{
	position:absolute;
	top: 60px;
	right:0;
}
#dir #wrapper #dir_content #project .innr .cle01_step li{
	margin-bottom:15px;
}
#dir #wrapper #dir_content #project .innr .cle01_step dl{
	position:relative;
}
#dir #wrapper #dir_content #project .innr .cle01_step dd .text01,
#dir #wrapper #dir_content #project .innr .cle01_step dd .text02,
#dir #wrapper #dir_content #project .innr .cle01_step dd .text03{
	position:absolute;
	z-index:100;
}
#dir #wrapper #dir_content #project .innr .cle01_step01 .text01{
	top: 50px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle01_step01 .text02{
	top: 110px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle01_step02 .text01{
	top: 80px;
	left: 500px;
	width: 180px;
}
#dir #wrapper #dir_content #project .innr .cle01_step02 .text02{
	top: 150px;
	left: 500px;
	width: 180px;
}
#dir #wrapper #dir_content #project .innr .cle01_step03 .text01{
	top: 88px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle01_step04 .text01{
	top: 36px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle01_step04 .text02{
	top: 101px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle01_step04 .text03{
	top: 250px;
	left: 410px;
	width: 240px;
}
#dir #wrapper #dir_content #project .innr .cle01_step05 .text01{
	top: 40px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle01_step05 .text02{
	top: 100px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle01_step05 .text03{
	top: 230px;
	left: 390px;
	width: 270px;
}
#dir #wrapper #dir_content #project .innr .cle01_step06 .text01{
	top: 90px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle01_step07 .text01{
	top: 85px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle01_step01 .text02,
#dir #wrapper #dir_content #project .innr .cle01_step02 .text02,
#dir #wrapper #dir_content #project .innr .cle01_step04 .text02{
	color:#e07902;
	margin-left:1em;
	text-indent:-1em;
}
#dir #wrapper #dir_content #project .innr .cle01_step05_notes{
	width:230px;
	position:absolute;
	top: 360px;
	right: 10px;
}
#dir #wrapper #dir_content #project .innr .cle01_step05_notes_img{
	text-align:right;
}
#nav_c_project{
	background:#FEFCF6;
	padding:10px 0;
}
#nav_c_project dl{
	margin:0 auto;
	border: 1px dashed #faaf3a;
	padding: 16px;
	width: 156px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc);
}
#nav_c_project dt{
	background:url(../../study-oil/images/ic_12.gif) no-repeat left center;
	height:20px;
	line-height:20px;
	padding-left:29px;
}
#nav_c_project dd li{
	margin-top:10px;
	margin-left:29px;
	line-height:1.3;
}
#nav_c_project dd li li{
	margin-left:8px;
}
#nav_c_project dd{
	padding-top: 17px;
}
#nav_c_project dl .on{
	font-weight:bold;
	color:#f27b05;
}
#nav_c_project dl dt.on{
	background:url(../../study-oil/images/ic_12on.gif) no-repeat left center;
}
	#nav_c_project dl .on a:link{
		font-weight:bold;
		color:#f27b05;
	}
	#nav_c_project dl .on a:visited{
		font-weight:bold;
		color:#f27b05;
	}
	#nav_c_project dl .on a:hover{
		font-weight:bold;
		color:#f27b05;
	}
#dir #wrapper #dir_content #project .innr .ele_step{
	width:641px;
	height:249px;
	position:relative;
	background:url(../../study-oil/images/ele_img04.jpg) no-repeat;
}
#dir #wrapper #dir_content #project .innr .ele_step li{
	position:absolute;
	top:192px;
	width:128px;
}
#dir #wrapper #dir_content #project .innr .ele_step li.ele_step01{
	left:0;
}
#dir #wrapper #dir_content #project .innr .ele_step li.ele_step02{
	left:162px;
}
#dir #wrapper #dir_content #project .innr .ele_step li.ele_step03{
	left:324px;
}
#dir #wrapper #dir_content #project .innr .ele_step li.ele_step04{
	left:486px;
}


/*-------------------------------
cleaning02
---------------------------------*/

#dir #wrapper #dir_content #project .innr .cle-heading{
	padding-bottom:15px;
}
#dir #wrapper #dir_content #project .innr .cle02_btn{
	position:absolute;
	top: 60px;
	right:0;
}

#dir #wrapper #dir_content #project .innr .cle02_step02{
	height:250px;
}
#dir #wrapper #dir_content #project .innr .cle02_02_step04{
	height:70px;
}
#dir #wrapper #dir_content #project .innr .cle02_step li{
	margin-bottom:15px;
}
#dir #wrapper #dir_content #project .innr .cle02_step dl{
	position:relative;
}
#dir #wrapper #dir_content #project .innr .cle02_step dt{
	z-index:0;
}
#dir #wrapper #dir_content #project .innr .cle02_step dd{
	z-index:9999;
}
#dir #wrapper #dir_content #project .innr .cle02_step dd .text01,
#dir #wrapper #dir_content #project .innr .cle02_step dd .text02,
#dir #wrapper #dir_content #project .innr .cle02_step dd .text03{
	position:absolute;
	z-index:100;
}
#dir #wrapper #dir_content #project .innr .cle02_step dd{
	z-index:9999;
}
#dir #wrapper #dir_content #project .innr .cle02_step02 .img01,
#dir #wrapper #dir_content #project .innr .cle02_step02 .img02,
#dir #wrapper #dir_content #project .innr .cle02_02_step01 .img01,
#dir #wrapper #dir_content #project .innr .cle02_02_step04 .img01{
	position:absolute;
	z-index:9999;
}
#dir #wrapper #dir_content #project .innr .cle02_step02 .text02,
#dir #wrapper #dir_content #project .innr .cle02_step04 .text02,
#dir #wrapper #dir_content #project .innr .cle02_02_step03 .text02,
#dir #wrapper #dir_content #project .innr .cle02_02_step04 .text02{
	color:#e07902;
	margin-left:1em;
	text-indent:-1em;
}

#dir #wrapper #dir_content #project .innr .cle02_step01 .text01{
	top: 100px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle02_step02 .text01{
	top: 70px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle02_step02 .text02{
	top: 90px;
	left: 360px;
	width: 180px;
}
#dir #wrapper #dir_content #project .innr .cle02_step02 .img01{
	top: 180px;
	left: -30px;
	width: 180px;
}
#dir #wrapper #dir_content #project .innr .cle02_step02 .img02{
	top: 110px;
	left: 530px;
	width: 180px;
}


#dir #wrapper #dir_content #project .innr .cle02_02_step01 .text01{
	top: 50px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle02_02_step01 .img01{
	top: 110px;
	left: 270px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle02_02_step02 dt img{
	z-index:0;
}
#dir #wrapper #dir_content #project .innr .cle02_02_step02 .text01{
	top: 100px;
	left: 360px;
	width: 300px;
}
#dir #wrapper #dir_content #project .innr .cle02_02_step03 .text01{
	top: 80px;
	left: 415px;
	width: 250px;
}
#dir #wrapper #dir_content #project .innr .cle02_02_step03 .text02{
	top: 140px;
	left: 415px;
	width: 250px;
}

#dir #wrapper #dir_content #project .innr .cle02_02_step04 .text01{
	top: 10px;
	left: 55px;
	width: 500px;
}
#dir #wrapper #dir_content #project .innr .cle02_02_step04 .text02{
	top: 35px;
	left: 55px;
	width: 500px;
}
#dir #wrapper #dir_content #project .innr .cle02_02_step04 .img01{
	top: -30px;
	right: 0px;
	width: 146px;
}
#dir #wrapper #dir_content #project .innr .attention{
	padding-top:10px;
	display:block;
	color: #e07902;
}
#dir #wrapper #dir_content #project .innr #ele_header{
	background:url(../../study-oil/images/icon01.gif) no-repeat left center;
	padding-left:70px;
}
#dir #wrapper #dir_content #project .innr #op_header{
	background:url(../../study-oil/images/icon02.gif) no-repeat left center;
	padding-left:60px;
	height:50px;
	line-height: 60px;
}
#dir #wrapper #dir_content #project .innr #cle_header{
	background:url(../../study-oil/images/icon03.gif) no-repeat left center;
	padding-left:60px;
	height:50px;
	line-height: 60px;
	margin-bottom:5px;
}

/* 150330 */
.fright {
    text-align: right;
    float: right;
}

.mgB20 { margin-bottom: 20px;}

.anchor {
    margin: 0 0 20px 0;
	background-color: #fff7f0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.anchor li {
	margin: 10px;
	float: left;
}

.pointBoxL {
    min-height: 56px;
}

.w360 {
    width: 360px;
}

.bunbetsu li {
    margin: 0;
    padding: 0 0 20px 20px;
    background-image: url(../../study-oil/images/icon_howto.png);
    background-repeat: no-repeat;
    background-position: left 18px;
}

.bunbetsu li img {
    vertical-align:middle;
}

h5#kotsu {
    margin: 0;
}

.kotsu {
    width: 677px;
    margin: 0 0 20px 0;
    padding: 30px 5px 20px 5px;
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.kotsu .box {
    width: 206px;
    padding: 0 9px;
    float: left;
    border-right: 1px dotted #cfcfcf;
    text-align: center;
}

.kotsu .last {
    border-right: 0px;
}

.kotsu .box p {
    margin: 5px 0;
    text-align: left;
}

.kotsu .box p.lead {
    margin: 10px 0;
    font-size: 1.2em;
    color: #ff7f00;
    font-weight: bold;
}

.kotsu .box p a {
    padding: 0 0 0 16px;
    background-image: url(../../study-oil/images/icon_arrow.png);
    background-position: left center;
    background-repeat: no-repeat;
}


/*油の捨て方　画像リンク*/
.link-on-image-block{
	position: relative;
}
.link-on-image{
	position: absolute;
	display: inline-block;
}
.link-on-image:hover{
	opacity: 0.8;
}
.link-on-image img{
	width: 100%;
}
.link-on-image.btn-cap{top: 36.6%;right: 5.4%;width: 118px;}
.link-on-image.btn-label{width: 175px;bottom: -0.7%;right: 15.5%;}