@charset "UTF-8";
*{
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 12px;
	line-height: 140%;
	color: #445a60;
}
a:link {color: #445a60; text-decoration: underline; overflow: hidden;}
a:visited {color: #445a60; text-decoration: underline; overflow: hidden;}
a:hover {color: #445a60; text-decoration: underline; overflow: hidden;}
a:active {color: #445a60; text-decoration: underline; overflow: hidden;}
.un10 {margin-bottom: 10px;}
.un20 {margin-bottom: 20px;}
.un30 {margin-bottom: 30px;}
.un40 {margin-bottom: 40px;}
.r8 {margin-right: 8px;}
.r10 {margin-right: 10px;}
.l10 {margin-left: 10px;}
.f_left {float: left;}
.f_right {float: right;}
.small {font-size: 11px;}
.large14 {font-size: 14px;}
.large {
	font-size: 16px;
	line-height: 160%;
}
.red {color: #cd2013;}
.center {text-align: center;}

/* ▼clearfix----------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix {
height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/*▲ clearfix----------------------------------------------------------------------*/

#box0 {
	clear: both;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#footer1 {
	background-color: #96cdd7;
	color: #ffffff;
	clear: both;
	height: 30px;
	margin-bottom: 10px;
	
}
#footer1 ul {
	padding-top: 8px;
	padding-left: 20px;
	list-style-type: none;
}
#footer1 li {
	background-image: url(../img/ft_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 10px;
	float: left;
	padding-right: 20px;
}
#footer1 p {
	float: right;
	padding-right: 15px;
}
#footer1 a:link {color: #ffffff; text-decoration: none; overflow: hidden;}
#footer1 a:visited {color: #ffffff; text-decoration: none; overflow: hidden;}
#footer1 a:hover {color: #ffffff; text-decoration: underline; overflow: hidden;}
#footer1 a:active {color: #ffffff; text-decoration: underline; overflow: hidden;}
#footer2 {
	clear: both;
	text-align: center;
	padding-left: 15px;
	margin-bottom: 10px;
}
#footer2 a img {
	margin-right: 10px;
}
a img {
	border-style: none;
}

#mainbox{
	clear: both;
}
#mainbox {
	background-image: url(../img/left_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	clear: both;
	margin-bottom: 10px;
	padding-left: 10px;
}


#left {
	float: left;
	width: 220px;
}
#left h1 {
	margin-bottom: 10px;
}
#left .banner {margin-bottom: 10px;}
#left .infobox {
	background-color: #FFFFFF;
	clear: both;
	margin-bottom: 10px;
	padding: 10px;
}
#left .infobox .magazine {
	clear: both;
	margin-bottom: 10px;
	position: relative;
	background-image: url(../img/dotted.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 10px;
}
#left .infobox .magazine img {
	width: 38px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-right: 5px;	
}
#left .infobox .magazine .txtbox {
	float: left;
	width: 155px;
}
#left .infobox .magazine .txtbox .date {color: #96cdd7; margin-bottom: 2px;}
#left .infobox .magazine .txtbox .title {font-weight: bold; margin-bottom: 2px;}
#left .infobox .magazine .txtbox .txt {
	color: #96cdd7;
	padding-left: 0.5em;
}
#left .infobox  a.bt_magalist {
	background-image: url(../img/bt_magalist.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 17px;
	width: 200px;
}
#left .infobox  a.bt_magalist:hover {background-position: 0px -17px;}

#leftmenu {
	list-style-type: none;
	margin-bottom: 10px;
}
#leftmenu li {
	margin-bottom: 2px;
}

#leftmenu a.menu1,
#leftmenu a.menu2,
#leftmenu a.menu3,
#leftmenu a.menu4,
#leftmenu a.menu5,
#leftmenu a.menu6,
#leftmenu a.menu7,
#leftmenu a.menu8,
#leftmenu a.menu9 {
	height: 50px;
	width: 220px;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#leftmenu a.menu1 {background-image: url(../img/leftmenu1.gif);}
#leftmenu a.menu2 {background-image: url(../img/leftmenu2.gif);}
#leftmenu a.menu3 {background-image: url(../img/leftmenu3.gif);}
#leftmenu a.menu4 {background-image: url(../img/leftmenu4.gif);}
#leftmenu a.menu5 {background-image: url(../img/leftmenu5.gif);}
#leftmenu a.menu6 {background-image: url(../img/leftmenu6.gif);}
#leftmenu a.menu7 {background-image: url(../img/leftmenu7.gif);}
#leftmenu a.menu8 {background-image: url(../img/leftmenu8.png);}
#leftmenu a.menu9 {background-image: url(../img/leftmenu9.gif);}

#leftmenu a.menu1:hover,
#leftmenu a.menu2:hover,
#leftmenu a.menu3:hover,
#leftmenu a.menu4:hover,
#leftmenu a.menu5:hover,
#leftmenu a.menu6:hover,
#leftmenu a.menu7:hover,
#leftmenu a.menu8:hover,
#leftmenu a.menu9:hover {background-position: 0px -50px;}

/*▼プルダウン----------------------------------------------------------------------*/
#leftmenu li ul#pulldown-menu {
	list-style-type: none;
}
#top #leftmenu li ul#pulldown-menu { /* IE6 対策 */
    behavior: url("js/csshover3.htc");
}
#leftmenu li ul#pulldown-menu { /* IE6 対策 */
    behavior: url("../js/csshover3.htc");
}
#leftmenu li ul#pulldown-menu li {
	margin: 0px;
	position: relative;
	display: inline;
}
/* 下層のメニューを不可視に */
#leftmenu li ul#pulldown-menu li ul{
    display: none;
	list-style-type: none;
	background-color: #ffffff;
	border: 1px solid #96cdd7;
	padding: 5px;
}
/* 疑似要素 :hover で下層のメニューを可視に */
#leftmenu li ul#pulldown-menu li:hover ul {
	display: block;
	position: absolute;
	z-index: 100;
	left: 220px;
	top: 3px;
}
#leftmenu li ul#pulldown-menu li ul li {
	width: 160px;
	display: block;
	margin-bottom: 5px;
}

#leftmenu li ul#pulldown-menu li ul li a:link {color: #333333; text-decoration: none; overflow: hidden;}
#leftmenu li ul#pulldown-menu li ul li a:visited {color: #333333; text-decoration: none; overflow: hidden;}
#leftmenu li ul#pulldown-menu li ul li a:hover {color: #96cdd7; text-decoration: underline; overflow: hidden;}
#leftmenu li ul#pulldown-menu li ul li a:active {color: #96cdd7; text-decoration: underline; overflow: hidden;}
#leftmenu #pulldown-menu a.menu4a,
#leftmenu #pulldown-menu a.menu4b,
#leftmenu #pulldown-menu a.menu4c {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 160px;
}
#leftmenu #pulldown-menu a.menu4a {background-image: url(../img/leftmenu3a.gif);}
#leftmenu #pulldown-menu a.menu4b {background-image: url(../img/leftmenu3b.gif);}
#leftmenu #pulldown-menu a.menu4c {background-image: url(../img/leftmenu3c.gif);}
#leftmenu #pulldown-menu a.menu4a:hover,
#leftmenu #pulldown-menu a.menu4b:hover,
#leftmenu #pulldown-menu a.menu4c:hover  {background-position: 0px -16px;}
/*▲プルダウン----------------------------------------------------------------------*/

#right {
	float: right;
	width: 700px;
	padding-top: 10px;
}
#header a.top_contact {
	background-image: url(../img/top_contact.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	float: right;
	height: 27px;
	width: 110px;
}
#header a.top_contact:hover {background-position: 0px -27px;}
#header h2 {
	float: left;
}
#header {
	clear: both;
	margin-bottom: 10px;
}
#top_newsinfo,
#top_aromavariation {
	clear: both;	
}
#top_newsinfo h4,
#top_aromavariation h4 {
	clear: both;
	margin-bottom: 15px;
	background-image: url(../img/dotted.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 1px;
	position: relative;
}
#top_newsinfo .txtbox,
#news #mainbox .textbox {
	margin-left: 8em;
	position: relative;
	clear: both;
	margin-bottom: 20px;
	padding-right: 10px;
}
#top_newsinfo .txtbox .date,
#news #mainbox .textbox .date {
	position: absolute;
	left: -7em;
	top: 0px;
	color: #DCA2B4;
}
#top_aromavariation a.topbt_av1,
#top_aromavariation a.topbt_av2,
#top_aromavariation a.topbt_av3 {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float: left;
	height: 93px;
	width: 168px;
	margin-right: 9px;
}
#top_aromavariation a.topbt_av3 {
	margin-right: 0px;
}
#top_aromavariation a.topbt_av1 {
}
#top_aromavariation a.topbt_av2 {
}
#top_aromavariation a.topbt_av3 {
}
#top_aromavariation a.topbt_av1:hover,
#top_aromavariation a.topbt_av2:hover,
#top_aromavariation a.topbt_av3:hover {background-position: 0px -125px;}
#top_newsinfo a.bt_listinfo {
	background-image: url(../img/bt_infolist.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	float: right;
	height: 18px;
	width: 238px;
	position: absolute;
	top: 10px;
	right: 0px;
}
#top_newsinfo a.bt_listinfo:hover {background-position: 0px -18px;}

#about #mainbox .textbox,
#point #mainbox .textbox,
#designer #mainbox .textbox,
#blender #mainbox .textbox,
#products #mainbox .textbox,
#privacy #mainbox .textbox{
	padding-right: 20px;
	padding-left: 20px;
	clear: both;
	margin-bottom: 40px;
}
#magazine #mainbox .textbox{
	padding-right: 20px;
	padding-left: 20px;
	clear: both;
	margin-bottom: 40px;
	background-image: url(../img/dotted.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#point .pointbox {
	background-image: url(../point/img/pointbg.gif);
	background-position: center bottom;
	clear: both;
	width: 700px;
	margin-bottom: 10px;
}

#point .pointbox h4 {
	clear: both;
	margin-bottom: 10px;
}
#point .pointbox .box {
	width: 342px;
	padding-bottom: 15px;
}
#point .pointbox .box p {
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 1em;
}
#point .caution {
	color: #b57788;
}
#about a.bt_point,
#point a.bt_designer {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 43px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-bottom: 40px;
}
#about a.bt_point {background-image: url(../about/img/bt_point.gif); width: 268px;}
#point a.bt_designer {background-image: url(../point/img/bt_designer.gif); width: 318px;}

#about a.bt_point:hover,
#point a.bt_designer:hover {
	background-position: left bottom;
}

.dotted {
	clear: both;
	background-image: url(../img/dotted.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 1px;
}
.dotted_top {
	clear: both;
	background-image: url(../img/dotted.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 15px;
}





/*アコーディオン*/
#accordion1,#accordion2{
	clear: both;
	margin-bottom: 40px;
	border: 5px solid #f4f4f4;
}
.accordion-head{
	background-color:#dca2b4;
	cursor:pointer;
	font-weight:bold;
	background-image: url(../blender/img/bt_shousai.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	width: 690px;
}
.accordion-head:hover{
	background-position: 0px -38px;
}
/* The target element should not have padding set, otherwise you'll see the effect "bouncing". */
/* see http://wiki.github.com/madrobby/scriptaculous/effect-slidedown */
.acbox {
	padding: 15px;
}
.accordion-body {
	background-image: url(../img/dotted.gif);
	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 15px;
	padding-bottom: 30px;
}
.accordion-body p{
	zoom:1;/* for IE */
}
.accordion-open{
	background-image: url(../blender/img/bt_shousai_c.gif);
	background-position: 0px 0px;
}
/*アコーディオン*/

#blender  a.bt_av1,
#blender  a.bt_av2,
#blender  a.bt_av3 {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 75px;
	width: 227px;
	margin-right: 6px;
}
#blender  a.bt_av1 {background-image: url(../blender/img/aromavariation1.jpg);}
#blender  a.bt_av2 {background-image: url(../blender/img/aromavariation2.jpg);}
#blender  a.bt_av3 {background-image: url(../blender/img/aromavariation3.jpg);}
#blender  a.bt_av1:hover,
#blender  a.bt_av2:hover,
#blender  a.bt_av3:hover {background-position: 0px -75px;}
#mainbox .borderbox {
	clear: both;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border: 5px solid #f4f4f4;
	margin-bottom: 30px;
}
#products .somenail {
	float: left;
	width: 200px;
}
#products .borderbox .txtbox {
	float: right;
	width: 450px;
}
#products .borderbox .txtbox .graybox {
	background-color: #f3f3f3;
	padding: 10px;
}
.bold {
	font-weight: bold;
}
#products a.bt_buy {
	background-image: url(../products/img/bt_buy.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	clear: both;
	height: 30px;
	width: 180px;
	margin-right: auto;
	margin-left: auto;
}
#products a.bt_buy:hover {background-position: 0px -30px;}
#privacy .textbox h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1em;
}
#privacy .textbox p {
	clear: both;
	margin-bottom: 1em;
}
#privacy .textbox .un0 {
	clear: both;
	margin-bottom: 0em;
}
#privacy .textbox ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 1em;
	padding-left: 1.5em;
}

#magazine h4{
	clear: both;
	margin-bottom: 20px;
	background-image: url(../img/dotted.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
}

#magazine .textbox .magazine {
	float: left;
	padding-right: 25px;
	padding-bottom: 20px;
}
#magazine .textbox .magazine img {
	width: 38px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-right: 5px;	
}
#magazine .textbox .magazine .txtbox {
	float: left;
	width: 150px;
}
#magazine .textbox .magazine .txtbox .date {color: #96cdd7; margin-bottom: 2px;}
#magazine .textbox .magazine .txtbox .title {font-weight: bold; margin-bottom: 2px;}
#magazine .textbox .magazine .txtbox .txt {
	color: #96cdd7;
	padding-left: 0.5em;
}
.aromalist {
	margin: 0px;
	padding: 0px;
	clear: both;
	background-image: url(../img/dotted.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 10px;
	margin-top: 10px;
}