@charset "UTF-8";



* {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 100%;
	border:none;
	margin:0;
	padding:0;
}

body {
	margin: 0;
	padding: 12px 0;
	font-family : 'Verdana', 'Osaka', 'MS UI Gothic', sans-serif;
	color: #333333;
	background: url(img/back.gif) left top repeat-x #ffffff;
}

a {
	color:#b0762b;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}
h2{
	
	}

ul, ol, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.img_r1l5{
	margin:0 1px 0 5px;
}

.img_r1{
	margin:0 1px 0 0;
}

.ima_r5{
	padding:0 5px 0 0;
	vertical-align:middle;
	background:#FFFFFF;
}
.img_top10{
	padding:10px 0 0 0;
}
/*--------------------------------------------------*/
#topmenu {
	width: 720px;
	height: 102px;
	margin: 0 auto;
	font-size: 14px;
}

#topmenu img {
	width: 291px;
	height: 84px;
	float: right;
	margin: 9px 9px 0 0;
}

#topmenu ul {
	width: 420px;
	float: left;
}

#topmenu li {
	display: inline;
}

#topmenu li a {
	display: block;
	width: 120px;
	height: 39px;
	margin: 6px 3px;
	float: left;
	line-height: 39px;

	background: url(img/topmenu_link.jpg) left top no-repeat;
	color: #855D29;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.5pt;

}

#topmenu li a:hover {
	background: url(img/topmenu_link_h.jpg) left top no-repeat;
}

p.topcopy {
	text-align: center;
}

p.top {
	clear: both;
	padding: 12px;
	text-align: center;
	font-size: 12px;
}

p.top a:hover {
	text-decoration: underline;
}
p.copyright {
	margin: 0 auto;
	padding: 12px 0;

	font-size: 12px;
	text-align: center;
	color: #666666;
}



/*--------------------------------------------------*/
#all_top {
	clear: both;
	width: 766px;
	height: 16px;
	margin: 0 auto;
}

#all_bottom {
	clear: both;
	width: 766px;
	height: 15px;
	margin: 0 auto;
}

#all {
	clear: both;
	width: 766px;
	margin: 0 auto;
	padding: 0 0 12px 0;
	background: url(img/frame_02.png) left top repeat-y;
}

* html #all, 
* html .png { behavior: expression(IEPNGFIX.fix(this)); }


#all p.logo {
	margin-right: 64px;
	text-align: right;
}

#all p.bottomcopy {
	clear: both;
	padding-top: 36px;
	font-size: 12px;
	color: #666666;
	text-align: center;
}

#all h1.aromalogo {
	text-align: center;
}

#all p.menulink {
	width: 500px;
	margin: 12px auto;
	font-size: 14px;
}

/*-------- ･皈ﾃ･ｻ｡ｼ･ｸ --------*/
.message {
	margin: 0 32px 0 24px;
	padding-top: 82px;
	background: url(img/message_frame_top.gif) center top no-repeat;
}
.message_frame {
	padding-bottom: 32px;
	background: url(img/message_frame_bottom.gif) center bottom no-repeat;
}
.message_frame p {
	margin: 12px 108px;
	font-size: 12px;
	line-height: 145%;
	letter-spacing: 0.5pt;
}


.message h2 {
	text-align: center;
	margin-bottom: 12px;
}

.message p.sign {
	text-align: center;
}


/*-------- ｳｵﾍﾗ --------*/
.outline {
	width: 560px;
	margin: 0 auto;
}

.outline h2 {
	padding-top: 24px;
	padding-bottom: 6px;
}

.outline dl {
	width: 545px;
	margin: 0 auto 6px auto;
	font-size: 12px;
	background: url("img/company_dlback.gif") left top repeat-y;

}

.outline dt {
	clear: left;
	display: block;
	width: 110px;
	float: left;
	padding: 6px 0 6px 9px;
	line-height: 135%;
}

.outline dd {
	_height: 1%;					/*IE6 hack*/
	margin-left: 123px;
	padding: 6px;
	line-height: 135%;
	border-bottom: 1px solid #efefef;
}

.outline p.text {
	font-size: 12px;
	line-height: 135%;
	margin: 0 12px;
}

.outline p.map {
	clear: both;
	margin: 0 auto;
	text-align: center;
}

/*-------- ･ｳ｡ｼ･ｹ --------*/

.course {
	margin: 0 32px 0 24px;
	font-size: 14px;
}

.box {
	width: 705px;
}

.box_place{
	margin:0 0 0 40px;
	}

.cmenu1, 
.cmenu2, 
.cmenu3 {
	position: relative;
	display: block;
	width: 230px;
	margin-right: 3px;
	float: left;
}

.cmenu1 { background: url(img/course1.jpg) left top no-repeat; }
.cmenu2 { background: url(img/course2.jpg) left top no-repeat; }
.cmenu3 { background: url(img/course3.jpg) left top no-repeat; }

.cmenu1 dt, 
.cmenu2 dt, 
.cmenu3 dt {
	width: 230px;
	height: 55px;

	color: #ffffff;
	line-height: 55px;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}

.cmenu1 dt a {
	color: #A96409;
}
.cmenu2 dt a {
	color: #0A7BA8;
}
.cmenu3 dt a {
	color: #A96409;
}

.cmenu1 dt a:hover, 
.cmenu2 dt a:hover, 
.cmenu3 dt a:hover {
	text-decoration: underline;
}


.cmenu1 ul, 
.cmenu2 ul, 
.cmenu3 ul {
	font-size: 12px;
	margin:5px;
	vertical-align:middle;
}


.cmenu1 ul li, 
.cmenu2 ul li, 
.cmenu3 ul li {
	margin: 9px 5px 0 5px;
	padding:0 0 0 5px;
}

.cmenu1 li a, 
.cmenu2 li a, 
.cmenu3 li a {
	color: #333333;
}

.cmenu1 li a:hover, 
.cmenu2 li a:hover, 
.cmenu3 li a:hover {
	text-decoration: underline;
}


.course h2 {
	clear: both;
	padding: 24px 0 0 0;
	text-align: center;
}

.course p.check {
	margin: 14px 0;
	font-size: 12px;
	text-align: center;
	color: #7f7f7f;
}

.course .titlebox_1, 
.course .titlebox_2, 
.course .titlebox_3 {
	clear: both;
	height: 40px;
	width: 700px;
	margin-top: 1em;
	color: #ffffff;
}

.course .titlebox_1 { background: url(img/course_bar1.jpg) left top no-repeat; }
.course .titlebox_2 { background: url(img/course_bar2.jpg) left top no-repeat; }
.course .titlebox_3 { background: url(img/course_bar3.jpg) left top no-repeat; }


*html .course .titlebox_1 {
	height: 32px;
	padding-top: 8px;
}
*html .course .titlebox_2 {
	height: 32px;
	padding-top: 8px;
}
*html .course .titlebox_3 {
	height: 32px;
	padding-top: 8px;
}

.course .titlebox_1 h3, 
.course .titlebox_2 h3, 
.course .titlebox_3 h3 {
	display: inline;

	font-size: 14px;
	margin-right:4px;
	padding: 0 0 0 14px;

	line-height: 40px;
	font-weight: bold;
	letter-spacing: 1pt;

}

.course .titlebox_1 h3 { color: #E1793D; }
.course .titlebox_2 h3 { color: #ffffff; }
.course .titlebox_3 h3 { color: #E1793D; }


.course .titlebox_1 p.tips, 
.course .titlebox_2 p.tips, 
.course .titlebox_3 p.tips {
	position: relative;
	display: inline;
	top: -2px;
	padding: 4px 6px;
	margin:0 4px 0 0;
	border: 1px solid #888888;
	background: #ffffff;
	color: #666666;
	font-size: 10px;
	letter-spacing:0.5px;
}

/*safari3,4用調整※firefox3にも効く*/

body:first-of-type .course .titlebox_1 h3 {
	margin-right:2px;
	padding-left:11px;
	font-size: 13px;
	letter-spacing:0;
}
body:first-of-type .course .titlebox_2 h3 {
	margin-right:2px;
	padding-left:11px;
	font-size: 13px;
	letter-spacing:0;
}
body:first-of-type .course .titlebox_3 h3s {
	margin-right:2px;
	padding-left:11px;
	font-size: 13px;
	letter-spacing:0;
}

body:first-of-type .course .titlebox_1 p.tips {
	margin-right:2px;
	font-size: 9px;
}
body:first-of-type .course .titlebox_2 p.tips {
	margin-right:2px;
	font-size: 9px;
}
body:first-of-type .course .titlebox_3 p.tips {
	margin-right:2px;
	font-size: 9px;
}

.course .titlebox_1 img,
.course .titlebox_2 img,
.course .titlebox_3 img {
	width:56px;
	height:22px;
}

/*IE8用*/

html>/**/body .course .titlebox_1 img {     
    margin-top /*\**/: -9px\9;
}
html>/**/body .course .titlebox_2 img {   
    margin-top /*\**/: -9px\9;  
}
html>/**/body .course .titlebox_3 img {   
    margin-top /*\**/: -9px\9;  
}

.course .textbox {
	width: 700px;
	font-size: 12px;
}

.course .textbox img {
	width: 350px;
	padding: 6px 9px 12px 9px;
	float: right;
	background: #ffffff;
}

.course .textbox .text {

}

.course .textbox p {
	margin: 14px 14px 14px 6px;
	line-height: 155%;
	letter-spacing: 0.5pt;
}

.course .textbox p.subcourse {
	margin: 14px 14px 14px 6px;
	padding: 6px;
	background: #E5F2F8;
}

.course .textbox p.subtext {
	margin: 12px;
	padding: 0;
}

.course .textbox p span.pink {
	padding: 1px 2px;
	background: #FBDAC7;
}

.course .textbox h4.color1, 
.course .textbox h4.color2, 
.course .textbox h4.color3 {
	margin-bottom: 3px;
	line-height: 28px;
	padding-left: 28px;
	font-size: 12px;
	letter-spacing: 1px;
}

.course .textbox h4.color1 {
	background: url(img/course_circle1.gif) left top no-repeat #fbdac7; /*#E1F7DA;*/
}
.course .textbox h4.color2 {
	background: url(img/course_circle2.gif) left top no-repeat #E5F2F8;
}
.course .textbox h4.color3 {
	background: url(img/course_circle3.gif) left top no-repeat #fbdac7; /*#F3DDE8;*/
}



.course .textbox span.tips {
	display: inline;
	padding: 2px 6px;
	border: 1px solid #888888;

	background: #ffffb2;
	color: #666666;
	font-size: 12px;
	letter-spacing: 0.5pt;
}



/*-------- ﾅｹﾊﾞ --------*/
.store {
	width: 560px;
	margin: 0 auto;
	font-size: 12px;
}

.store a:hover {
	text-decoration:underline;
}

.store h2.store {
	padding: 9px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.store p.storelink {
	margin: 12px 0;
	text-align: center;
}

/*アロマクラブ店舗紹介リンクボタン*/

.store p.storelink span#button1 {
	display:block;
	width:77px;
	height:30px;
}

.store p.storelink span#button1 a {
	display:block;
	width:77px;
	height:30px;
	text-indent:-999px;
	overflow:hidden;
	background:url(img/store_01.gif) no-repeat left top;
}

.store p.storelink span#button1 a:hover {
	background:url(img/storeon_01.gif) no-repeat left top;
}

.store h3 {
	clear: both;
	padding: 18px 0 9px 0;
}

.store .storetable {
	width: 530px;
	margin: 0 auto;
}

.store .storetable h4 {
	width: 220px;
	height: 30px;
	float: left;
	background: url(img/store_bar.gif) left top no-repeat;

	font-size: 14px;
	text-align: center;
	line-height: 30px;
	letter-spacing: 1px;
}

.store .storetable td.maplink {
	width: 120px;
	height: 60px;
	text-align: left;
}

.store .storetable td.add {
	padding: 18px 6px 3px 28px;
	border-bottom: 1px solid #EDDCC3;
}

.store .storetable td.addonly {
	padding: 18px 28px;
}

.store .storetable td.tel {
	padding: 3px 6px 24px 6px;
}

.store .storetable td.tel ul li.url {
	padding-top:5px;
}

/**/
.store .storetable td.link_tit {
	padding: 18px 10px 18px 10px;
	border-bottom: 1px solid #EDDCC3;
}

.store .storetable td.link {
	padding: 18px 6px 18px 5px;
	border-bottom: 1px solid #EDDCC3;
}

.store p.externalLink {
	height:30px;
	margin-top:-30px;
	padding-right:80px;
	text-align:right;
	letter-spacing:1px;
}

/*------ ､ｪﾌ荀､ｹ遉?ｻ ----*/
.form {
	width: 700px;
	margin: 0 auto;
	background: url(img/form_back.jpg) right top no-repeat;
}

.form .box {
	position: relative;
	top: 32px;
}

.form h1 {
	margin-bottom: 24px;
}

.form dl {
	width: 417px;
	margin-left: 9px;
}

.form dt {
	width: 417px;
	height: 30px;
	margin-top: 6px;
	padding: 9px 6px 6px 12px;

	background: url(img/form_bar.gif) left top no-repeat;
	font-size: 14px;
	line-height: 100%;

}

.form dd p {
	margin: 0 14px 22px 14px;
	font-size: 12px;
	line-height: 135%;
}

.form dd p.maptext {
	margin: 0;
	height: 78px;
	font-size: 12px;
	line-height: 155%;
}

.form dd .maplogo {
	margin-right: 3px;
	float: left;
}

.form dd p.map {
	margin: 0 0 0 -16px;
	height: 267px;
}


.form dd a:hover {
	text-decoration: underline;
}

.clear{clear:both;margin:0;padding:0;height:0px;line-height:0px;font-size:1px;}