@charset "utf-8";

a {
	color:#99620f;
}

a:hover {
	color:#996666;
	text-decoration:underline;
}

#main_visual {
	display:none;
}

.cont_box {
	line-height:150%;
	margin:40px;
}

.cont_box h3 {
	height:22px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:14px;
	border-bottom:1px solid #999;
	border-left:10px solid #999;
	padding:4px 0 0 10px;
	margin:0 0 20px;
}

.cont_box p {
	line-height:150%;
	margin:12px 0;
}

.cont_box dl {
	margin:12px 0;
}

.cont_box dl#oil_explain {
	color:#4d929a;
	font-size:10px;
	line-height:18px;
	background:url("../concept/img/aroma_img01.jpg") no-repeat top left;
	padding:0 0 0 216px;
	margin:0 0 10px;
}

.cont_box dl dt,
.cont_box dl dd {
	line-height:18px;
}

#point {
	
}

#point li {
	margin:0;
}

#point li h4 {
	height:30px;
	line-height:30px;
	border:1px solid #ccc;
}

#point li h4 span {
	width:120px;
	height:30px;
	color:#fff;
	text-align:center;
	line-height:30px;
	display:inline-block;
	background:#07366c;
	margin:0 50px 0 0;
}

#point li p {
	line-height:1.7em;
	padding:10px;
	margin:0;
}

#point li p.p1 {
	padding:10px;
	margin:12px 0;
}

#point li p.p2 {
	width:490px;
	height:98px;
	text-align:justify;
	text-justify:inter-ideograph;
	background:url("../concept/img/aroma_img03.jpg") no-repeat right;
	padding:22px 123px 22px 10px;
}

#point li p.p3 {
	width:437px;
	height:88px;
	text-align:justify;
	text-justify:inter-ideograph;
	background:url("../concept/img/aroma_img04.jpg") no-repeat top left;
	overflow:hidden;
	padding:22px 10px 22px 186px;
}

.p4 {
	padding:22px 10px 10px;
	margin:12px 0;
}

#aroma_oil {
	width:600px;
	height:100px;
	margin:0 0 0 15px;
	clear:both;
}

#aroma_oil li {
	width:90px;
	display:inline;
	margin:0 0 0 5px;
	float:left;
}

.p5 {
	text-align:right;
}

#play p {
	text-align:justify;
	text-justify:inter-ideograph;
}

#play .float_img1 {
	width:148px;
	height:150px;
	padding:0;
	margin:0 10px 10px 0;
	float:left;
}

#play .float_img2 {
	width:90px;
	height:150px;
	padding:0;
	margin:0 0 20px 10px;
	float:right;
}

#play h4 {
	color:#07366c;
	font-weight:bold;
	letter-spacing:2px;
}

#step_flow {
	clear:both;
	width:600px;
	border:1px solid #999;
	padding:10px 20px;
	/padding:10px;
}

#step_flow h5 {
	padding:10px;
	margin:12px 0;
}

#step_flow ol {
	overflow:hidden;
}

#step_flow ol li {
	display:inline;
	float:left;
}

#step_flow p {
	margin:10px 0 15px;
}

#step_flow li p {
	margin:12px 0;
}

#step_flow li p span {
	display:block;
}

#step_flow li.step_1,
#step_flow li.step_2,
#step_flow li.step_3 {
	width:164px;
	margin:0 30px 0 0;
}

#step_flow li.step_4,
#step_flow li.step_5,
#step_flow li.step_6,
#step_flow li.step_7 {
	width:102px;
	margin:0 20px 0 0;
}

#step_flow li.step_1,
#step_flow li.step_2,
#step_flow li.step_4,
#step_flow li.step_5,
#step_flow li.step_6 {
	background:url("../concept/img/90img.jpg") no-repeat top right;
	padding:0 20px 0 0;
}

#step_flow li.step_3,
#step_flow li.step_7 {
	margin:0;
}

.p6 {
	color:#633;
	font-weight:bold;
	letter-spacing:1px;
	margin:10px 0 15px;
}