@charset "UTF-8";

#main #oils dl dt {
	float: left;
	width: 240px;
        display: inline;
	overflow: hidden;
	color: #393;
	font-weight: bold;
	text-align: center;
	background-color: #FFF;
	
}
#main #oils dl dd {
	width: 320px;
	float: left;
	display: inline;
	margin-left: 10px;
	border-left-color: #393;
	border-left-width: 1px;
	border-left-style: dotted;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #333;
}
#main #oils dl dd ul{
	margin-bottom: 20px;
	margin-left: 15px;
}
#main #oils dl dd ul li {
	font-weight: bold;
	list-style-type: square;
	list-style-position: outside;
}

/*--------------------------------------
 yacco
----------------------------------------*/

#main #oils dl.yacco{
	padding: 6px;
	border: 2px solid #393;
	overflow: hidden;
	margin-right: 10px;
	margin-left: 5px;
	background-color: #FFF;
	margin-bottom: 10px;
}
#content #main #oils h2.yacco {
	background-image: url(images/yacco-h2.jpg);
	background-repeat: no-repeat;
	color: #393;
	margin-bottom: 10px;
}
#main #oils dl dt .name-yacco {
	display: block;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #393;
	background-color: #690;
	border-top-width: 1px;
	border-right-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #393;
	border-right-color: #393;
	border-left-color: #393;
	color: #FFF;
}
/*--------------------------------------
 amalie
----------------------------------------*/

#main #oils dl.amalie{
	padding: 6px;
	border: 2px solid #F00;
	overflow: hidden;
	margin-right: 10px;
	margin-left: 5px;
	background-color: #FFF;
	margin-bottom: 10px;
}
#content #main #oils h2.amalie {
	background-image: url(images/amalie-h2.jpg);
	background-repeat: no-repeat;
	color: #fff;
	margin-bottom: 10px;
}
#main #oils dl dt .name-amalie {
	display: block;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	background-color: #F60;
	border-top-width: 1px;
	border-right-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #F00;
	border-right-color: #F00;
	border-left-color: #F00;
	color: #FFF;
}
/*--------------------------------------
 meister
----------------------------------------*/

#main #oils dl.meister{
	padding: 6px;
	border: 2px solid #333;
	overflow: hidden;
	margin-right: 10px;
	margin-left: 5px;
	background-color: #FFF;
	margin-bottom: 10px;
}
#content #main #oils h2.meister {
	background-image: url(images/meister-h2.jpg);
	background-repeat: no-repeat;
	color: #fff;
	margin-bottom: 10px;
}
#main #oils dl dt .name-meister {
	display: block;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FE661B;
	background-color: #333;
	border-top-width: 1px;
	border-right-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FE661B;
	border-right-color: #FE661B;
	border-left-color: #FE661B;
	color: #FFF;
}

#main #oils dl.meister dd {
	border-left-color: #999;
	border-left-width: 1px;
	border-left-style: dotted;
}
/*--------------------------------------
 その他のオイルーsingle-oils.phpに使用
----------------------------------------*/
.name-etc{
    display: block;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FE661B;
	background-color: #fff;
	border-top-width: 1px;
	border-right-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FE661B;
	border-right-color: #FE661B;
	border-left-color: #FE661B;
	color: #333;

}