/* Common For All
-------------------------------------------------------------------*/
body {
    font-size: 11.5px;
    background: url(img/cmn/bg.jpg) repeat;
}

* {
	margin: 0;
	padding: 0;
	color: #7b7b7b;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

br { clear: both;}

a img {	border: none;}/*-全リンク画像ボーダーなし-*/

h1 {
    height: 15px;
    margin: 0;
    padding: 0 0 2px 0;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #7b7b7b;
}

a.toTop {/*-このページの上へ-*/
    font-size: 10px;
	color: #7b7b7b;
	padding-left: 720px;
}

a.PR {/*-解析-*/
    font-size: 9px;
}



/*BASE
-------------------------------------------------------------------*/
/*#WRAP {
    width: 860px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: url(img/cmn/shadow.gif) repeat-x scroll 0 0 transparent;
}--*/

#base {
	width: 820px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	border: 1px solid #f3f3f3;
	border-top: none;
}


/*HEADER
-------------------------------------------------------------------*/
#header {
	width: 820px;
	height: 100px;
	margin: 0;
	padding: 0;
}

#header a {
    width: 820px;
	height: 100px;
	float: left;
	background-image: url(img/cmn/header.jpg);
	background-repeat: no-repeat;
	text-indent: -7777px;
}


/*メインNAVI
-------------------------------------------------------------------*/
ul#nav {
	width: 820px;
	height: 30px;
    margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	background-position : left top;
}

ul#nav li {
    margin: 0;
    width: 205px;
	list-style-type: none;
	float: left;
}

ul#nav a {
    display: block;
	width: 205px;
	height: 30px;
	text-indent: -7777px;
	overflow: hidden;
}

a.bt1 { background: url(img/cmn/nav1.jpg) no-repeat;}
a.bt2 { background: url(img/cmn/nav2.jpg) no-repeat;}
a.bt3 { background: url(img/cmn/nav3.jpg) no-repeat;}
a.bt4 { background: url(img/cmn/nav4.jpg) no-repeat;}

a:hover.bt1 { background: url(img/cmn/nav1_f2.jpg) no-repeat;}
a:hover.bt2 { background: url(img/cmn/nav2_f2.jpg) no-repeat;}
a:hover.bt3 { background: url(img/cmn/nav3_f2.jpg) no-repeat;}
a:hover.bt4 { background: url(img/cmn/nav4_f2.jpg) no-repeat;}


/*コンテンツ
-------------------------------------------------------------------*/
#base p {
    width: 735px;
	margin: 0 0 10px 55px;
}
/*MainIMG
----------*/
p#main {
    width: 820px;
	height: 195px;
	text-indent: -7777px;
	margin: 0;
}
/*SubIMG
----------*/
p#sub1 {
    width: 820px;
	height: 300px;
	text-indent: -7777px;
	margin: 20px 0 0 0;
}
p#sub2 {
    width: 820px;
	height: 140px;
	text-indent: -7777px;
	margin: 15px 0 40px 0;
}

/*H-Tag関連
----------*/
h2 {
    width: 760px;
	height: 25px;
    margin: 15px 0 10px 30px;
	text-indent: -7777px;
	clear: both;
}
h2.t1 { background: url(img/top/subt_top1.jpg) no-repeat;}
h2.t2 { background: url(img/top/subt_top2.jpg) no-repeat;}
h2.w1 { background: url(img/wht/subt_wht1.jpg) no-repeat;}
h2.w2 { background: url(img/wht/subt_wht2.jpg) no-repeat;}
h2.w3 { background: url(img/wht/subt_wht3.jpg) no-repeat;}
h2.ar1 { background: url(img/arom/subt_aroma1.jpg) no-repeat;}
h2.ar2 { background: url(img/arom/subt_aroma2.jpg) no-repeat;}
h2.ar3 { background: url(img/arom/subt_aroma3.jpg) no-repeat;}
h2.ag1 { background: url(img/agla/subt_agla1.jpg) no-repeat;}
h2.ag2 { background: url(img/agla/subt_agla2.jpg) no-repeat;}
h2.ag3 { background: url(img/agla/subt_agla3.jpg) no-repeat;}
h2.info { background: url(img/subt_info.jpg) no-repeat;}

h3 {
    width: 735px;
	height: 23px;
	margin: 15px 0 10px 30px;
	padding: 2px 0 0 25px;
	font-size: 12.5px;
	color: #fff;
	background: url(img/cmn/bg_komi.jpg) no-repeat;
}

/*本文関連
----------*/
p.notice a { color: #f00;}
p.notice span.B { font-weight: bold;}
p.notice span.Blue { color: #5549a1;}

#base p.ad {
    width: 430px;
    margin: 20px 0 20px 55px;
}
#base p.ad a { color: #c83977;}

/*相互リンクについて
----------*/
#base ul.Info {
    margin: 0 0 0 85px;
}
#base ul.Info li {
    list-style: none;
	list-style-position: outside;
	list-style-type: none;
}
#base ul.L {
    padding: 0 0 0 85px;
}
#base ul.L li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
    margin: 5px 0;
}
#base ul.L li a { color: #c83977;}


/*ホワイティシモ
-------------------------------------------------------------------*/
/*MainIMG
----------*/
p#main.wht { background: url(img/wht/main_wht.jpg) no-repeat;}
p#main.wht a {
    width: 325px;
	height: 26px;
	margin: 150px 59px 0 0;
	float: right;
	text-indent: -7777px;
}
p#sub1.wht { background: url(img/wht/sub_wht1.jpg) no-repeat}
a#afBtn1 {
    width: 250px;
	height: 60px;
	margin: -80px 60px 0 0;
	float: right;
	text-indent: -7777px;
	background: url(img/wht/btn_wht.jpg) no-repeat;
}
p#sub2.wht { background: url(img/wht/sub_wht2.jpg) no-repeat}


/*アロマエッセ
-------------------------------------------------------------------*/
/*MainIMG
----------*/
p#main.arm { background: url(img/arom/main_aroma.jpg) no-repeat;}
p#main.arm a {
    width: 325px;
	height: 26px;
	margin: 150px 59px 0 0;
	float: right;
	text-indent: -7777px;
}
p#sub1.arm { background: url(img/arom/sub_aroma1.jpg) no-repeat}
a#afBtn2 {
    width: 250px;
	height: 60px;
	margin: -80px 60px 0 0;
	float: right;
	text-indent: -7777px;
	background: url(img/arom/btn_aroma.jpg) no-repeat;
}
p#sub2.arm { background: url(img/arom/sub_aroma2.jpg) no-repeat}


/*アグレーラ
-------------------------------------------------------------------*/
/*MainIMG
----------*/
p#main.agl { background: url(img/agla/main_agla.jpg) no-repeat;}
p#main.agl a {
    width: 325px;
	height: 26px;
	margin: 150px 59px 0 0;
	float: right;
	text-indent: -7777px;
}
p#sub1.agl { background: url(img/agla/sub_agla1.jpg) no-repeat}
a#afBtn3 {
    width: 250px;
	height: 60px;
	margin: -80px 60px 0 0;
	float: right;
	text-indent: -7777px;
	background: url(img/agla/btn_agla.jpg) no-repeat;
}
p#sub2.agl { background: url(img/agla/sub_agla2.jpg) no-repeat}


/*FOOTER-
-------------------------------------------------------------------*/
p.Fmenu {
    text-align: center;
}
p.Fmenu a {
    text-decoration: none;
}
p.Fmenu a:hover {
    text-decoration: underline;
}

/*copyright
----------*/
address {
    width: 820px;
	height: 25px;
	margin-top: 10px;
	padding: 5px 0px;
	background: url(img/cmn/footer.jpg) no-repeat;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	color: #fff;
	display: block;
}


/*[for only TOP-PAGE]
-------------------------------------------------------------------*/
/*MainBNR
----------*/
p#main a.top1 {
    width: 285px;
	height: 195px;
	margin: 0;
	float: left;
	text-indent: -7777px;
	background: url(img/top/top_bnr1.jpg) no-repeat;
}
p#main a:hover.top1 { background: url(img/top/top_bnr1_f2.jpg) no-repeat;}

p#main a.top2 {
    width: 250px;
	height: 195px;
	margin: 0;
	float: left;
	text-indent: -7777px;
	background: url(img/top/top_bnr2.jpg) no-repeat;
}
p#main a:hover.top2 { background: url(img/top/top_bnr2_f2.jpg) no-repeat;}

p#main a.top3 {
    width: 285px;
	height: 195px;
	margin: 0;
	float: left;
	text-indent: -7777px;
	background: url(img/top/top_bnr3.jpg) no-repeat;
}
p#main a:hover.top3 { background: url(img/top/top_bnr3_f2.jpg) no-repeat;}

/*WHITISSIMO
----------*/
p#AF1 {
    width: 820px;
	height: 200px;
	text-indent: -7777px;
	margin: 10px 0 5px 0;
	background: url(img/top/top_nav1.jpg) no-repeat;
}
p#AF1 a.af {
    width: 160px;
	height: 45px;
	margin: 125px 0 0 30px;
	float: left;
	text-indent: -7777px;
}
p#AF1 a.komi {
    width: 250px;
	height: 55px;
	margin: 32px 55px 0 0;
	float: right;
	text-indent: -7777px;
}
p#AF1 a:hover.komi { background: url(img/top/top_nav1_f2.jpg) no-repeat}

/*AROMA ESS
----------*/
p#AF2 {
    width: 820px;
	height: 200px;
	text-indent: -7777px;
	margin: 5px 0;
	background: url(img/top/top_nav2.jpg) no-repeat;
}
p#AF2 a.af {
    width: 160px;
	height: 45px;
	margin: 125px 0 0 30px;
	float: left;
	text-indent: -7777px;
}
p#AF2 a.komi {
    width: 250px;
	height: 55px;
	margin: 29px 55px 0 0;
	float: right;
	text-indent: -7777px;
}
p#AF2 a:hover.komi { background: url(img/top/top_nav2_f2.jpg) no-repeat}

/*AGLAIRA
----------*/
p#AF3 {
    width: 820px;
	height: 200px;
	text-indent: -7777px;
	margin: 5px 0;
	background: url(img/top/top_nav3.jpg) no-repeat;
}
p#AF3 a.af {
    width: 160px;
	height: 45px;
	margin: 125px 0 0 30px;
	float: left;
	text-indent: -7777px;
}
p#AF3 a.komi {
    width: 250px;
	height: 55px;
	margin: 29px 55px 0 0;
	float: right;
	text-indent: -7777px;
}
p#AF3 a:hover.komi { background: url(img/top/top_nav3_f2.jpg) no-repeat}