@charset "UTF-8";


/* ========================================================
	共通スタイル・リセット設定
======================================================== */

	*{ margin: 0px; padding: 0px; }
	
	body {
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		background: #FCF4E7;
		font-family: "ＭＳ Ｐゴシック",Arial;
		color: #333;
	}
	
	img{ border: 0px; }
	
	h1{ margin: 0px; padding: 0px; }
	
	h2{ margin: 0px; padding: 0px; }
	
	h3{ margin: 0px; padding: 0px; }
	
	h4{ margin: 0px; padding: 0px; }
	
	.clear{ clear: both; font-size: 1px; line-height: 0px; }


	#container{ width: 806px; margin: 0 auto; padding: 0px; background: url(/img/container_bg.gif) repeat-y;}
	


/* ========================================================
	リンク設定
======================================================== */

	/****** スタンダード　アンカー *****/
	a:link		{ color:#c60; text-decoration:underline; }
	a:visited	{ color:#c60; text-decoration:underline; }
	a:hover		{ color:#c60; text-decoration:none;}
	a:active	{ color:#c60; text-decoration:none; }


/* ========================================================
	header style
======================================================== */

div#header{ width: 800px; height: 119px; display: block; background: url(/img/header_bg.gif) no-repeat top right; margin: 0 auto; padding: 0px;}
div#header p{ font-size: 1px;  padding: 0px 0px 0px 0px; background: url(/img/header_p.gif) no-repeat; text-indent: -5555px; width: 420px; height: 11px; margin: 0px 0px 0px 11px;}
div#header .logo01 a{ width: 378px; height: 61px; background: url(/img/header_logo.gif) no-repeat; text-indent: -5555px; margin: 0px 0px 0px 7px; padding: 0px 0px 0px 0px; display: block; float: left; /* border: 1px solid #f00; */}

div#header .header_right{ width: 245px; float :right; margin: 0px; padding: 0px 0px 0px 0px;}
div#header .logo02 a{ width: 196px; height: 41px; padding: 0px; background: url(/img/header_logo02.gif) no-repeat; text-indent: -5555px; display: block; float: right; margin: 6px 3px 0px 0px; clear: both;}

/****** header_bt ******/
div#header_bt { width: 158px; height: 15px; margin: 0px 0px 0px 0px; padding: 0px; float :right;}
div#header_bt ul{ margin: 0px; padding: 0px;}
div#header_bt li{ margin: 0 ;  padding: 0 ; list-style: none; text-indent: -5555px; display: block; float: left;}
div#header_bt .bt01 a{ width: 57px; height: 15px; margin: 0px 6px 0px 0px; padding: 0px; display: block; /* float:left; */ background: url(/img/header_home.gif) no-repeat; }
div#header_bt .bt02 a{ width: 81px; height: 15px; margin: 0px; padding: 0px; display: block; float:left; background: url(/img/header_sitemap.gif) no-repeat; }


/* ========================================================
	contents navi style
======================================================== */


div#navi{ width: 792px; /* height: 44px; */ margin: 1px auto 0; padding: 0px; clear: both; }

div#navi ul{ margin: 0 ; padding: 0 ; }
div#navi li{ margin: 0 ;  padding: 0 ; list-style: none; text-indent: -5555px; display: block; float: left;}

div#navi .navi01 a{ width: 165px; height: 44px; margin: 0px; padding: 0px; display: block; background: url(/img/navi01.gif) no-repeat; }
div#navi .navi01 a:hover{ background: url(/img/navi01_on.gif) no-repeat; }
div#navi .navi02 a{ width: 258px; height: 44px; margin: 0px; padding: 0px; display: block; background: url(/img/navi02.gif) no-repeat; }
div#navi .navi02 a:hover{ background: url(/img/navi02_on.gif) no-repeat; }
div#navi .navi03 a{ width: 172px; height: 44px; margin: 0px; padding: 0px; display: block; background: url(/img/navi03.gif) no-repeat; }
div#navi .navi03 a:hover{ background: url(/img/navi03_on.gif) no-repeat; }
div#navi .navi04 a{ width: 197px; height: 44px; margin: 0px; padding: 0px; display: block; background: url(/img/navi04.gif) no-repeat; }
div#navi .navi04 a:hover{ background: url(/img/navi04_on.gif) no-repeat; }



/* ========================================================
	pan navi style
======================================================== */
.pan_navi{
	height:15px;
	clear: both;
	font-size: 10px;
	float: right;
	padding: 0 11px 0px 0px;
}

.pan_navi .pan_navi02{ /* width: 60px; */ margin: 0px 0px 0px 3px; background: url(/img/pan_arrow.gif) no-repeat left; padding: 0px 0px 0px 10px;}

/* ========================================================
	contents main_contents style
======================================================== */
div#contents{
	width: 788px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
}


/* ========================================================
	left column
======================================================== */
div#left{
	width: 229px;
	margin: 0px;
	padding: 0px;
	float: left;
}

div#left .search{ width: 228px; margin: 0px; padding: 0px; }
div#left .search .top{ width: 228px; height: 4px; margin: 0px; padding: 0px; background: url(/img/left_search_top.gif) no-repeat; font-size: 1px;}
div#left .search .body{ width: 228px; margin: 0px; padding: 5px 0px 0px 0px; background: url(/img/left_search_bg.gif) repeat-y;}
div#left .search .body .title01{ width: 216px; height: 23px; margin: 0px auto 0; padding: 0px; background: url(/img/left_search_bar01.gif) no-repeat; text-indent: -5555px; font-size: 1px; }
div#left .search .body p{ width: 210px; margin: 4px auto 0; padding: 0px; font-size: 10px; color: #630; line-height: 130%;}

div#left .search .body .title02{ width: 216px; height: 28px; margin: 8px auto 0; padding: 0px; background: url(/img/left_search_bar02.gif) no-repeat; text-indent: -5555px; font-size: 1px; }
div#left .search .body .keyword{ width: 216px; height: 35px; margin: 2px auto 0; padding: 0px 0px 0px 5px; }
div#left .search .body .keyword input{ width: 158px; margin: 0px 4px 0px 0px; padding: 0px; float: left; }
div#left .search .body .keyword select{ width: 161px; margin: 0px 4px 0px 0px; padding: 0px; float: left; }
div#left .search .body .keyword .bt{ width: 44px; height: 21px; margin: 0; padding: 0px; float:left;}
div#left .search .body .keyword .text{ font-size: 10px; margin: 0; padding: 1px 0px 5px 1px; float:left; color: #E26145;}


div#left .search .body .title03{ width: 216px; height: 28px; margin: 8px auto 0; padding: 0px; background: url(/img/left_search_bar03.gif) no-repeat; text-indent: -5555px; font-size: 1px; }
div#left .search .body .station{ width: 216px; height: 30px; margin: 2px auto 0; padding: 0px; }
div#left .search .body .station input{ width: 158px; margin: 0px 4px 0px 0px; padding: 0px; float: left; }
div#left .search .body .station .bt{ width: 44px; height: 21px; margin: 0; padding: 0px; float:left;}
	
div#left .search .body .title04{ width: 216px; height: 28px; margin: 8px auto 0; padding: 0px; background: url(/img/left_search_bar04.gif) no-repeat; text-indent: -5555px; font-size: 1px; }
div#left .search .body .area{ width: 216px; height: 30px; margin: 2px auto 0; padding: 0px; }
div#left .search .body .area input{ width: 158px; margin: 0px 4px 0px 0px; padding: 0px; float: left; }
div#left .search .body .area .bt{ width: 44px; height: 21px; margin: 0; padding: 0px; float:left;}

div#left .search .body .line{ width: 216px; height: 2px; margin: 0 auto; padding: 0px; background: url(/img/left_search_line.gif) no-repeat; font-size: 1px;}

div#left .search .bottom{ width: 228px; height: 4px; margin: 0px; padding: 0px; background: url(/img/left_search_bottom.gif) no-repeat;}


/********** banner **************/
div#left .banner{
	width: 229px;
	margin: 7px 0px 0px;
	padding: 0px;
	clear: both;
}

div#left .banner .banner01 a{ width:  228px; height: 78px; background: url(/img/left_banner01.gif) no-repeat; margin: 0px; padding: 0px; text-indent: -5555px; font-size: 1px; display: block;}
div#left .banner .banner01 a:hover{ background: url(/img/left_banner01_on.gif) no-repeat;}
div#left .banner .banner02 a{ width:  228px; height: 78px; background: url(/img/left_banner02.gif) no-repeat; margin: 5px 0px 0px 0px; padding: 0px; text-indent: -5555px; font-size: 1px; display: block;}
div#left .banner .banner02 a:hover{ background: url(/img/left_banner02_on.gif) no-repeat; }


/************* icon ******************/

div#left .icon{
	background-color:#FCF4E7;
	padding:10px;
	margin-top:7px;
}
div#left .icon_title{
	background:url(/img/icon_line.gif) no-repeat 100% 100%;
	height:18px;
}
div#left .icon01{
	background:url(/img/icon_dot.gif) no-repeat 100% 100%;
	font-size:10px;
	color:#996633;
	padding-top:4px;
	padding-bottom:5px;
}
div#left .icon01 .p{
	display:inline;
	/* line-height:25px; */
	margin: 0px;
	padding: 0px;
}
div#left .icon01 p{
	padding-top:5px;
	line-height:130%;
}
div#left .icon01 img{margin-bottom:-5px;}

/* ========================================================
	right column
======================================================== */

div#right{
	width: 545px;
	margin: 0px;
	padding: 0px 0px 35px 0px;
	float: right;
	display: block;
}

/* ========================================================
	title
======================================================== */
.title_info{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_info.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_search{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_search.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_column{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_column.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_entry{ width: 630px; height: 101px; margin: 0px auto 0px; padding: 0px 0px 0px 0px; background: url(/img/title_entry.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_sitemap{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_sitemap.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_salonguide{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_salonguide.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_flow{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_flow.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_salon{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_salon.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_privacypolicy{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_privacypolicy.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_definition{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_definition.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_about{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_about.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_wording{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_wording.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_attention{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_attention.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_enjoy{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_enjoy.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_preparation{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_preparation.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_safety{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_safety.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_effect{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_effect.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_select{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_select.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_aroma{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_aroma.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_characteristic{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_characteristic.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_life{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_life.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_movie{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_movie.jpg) no-repeat; text-indent: -5555px; display: block;}
.title_site{ width: 545px; height: 101px; margin: 0px 0px 10px 0px; padding: 0px; background: url(/img/title_site.jpg) no-repeat; text-indent: -5555px; display: block;}

/*ポップアップ画面*/
.title_entry_form{ width: 630px; height: 101px; margin: 10px auto 7px; padding: 0px; background: url(/img/title_entry_form.jpg) no-repeat; text-indent: -5555px; display: block; float: left;}
.title_caution{ width: 630px; height: 46px; margin: 10px 0px 0px 7px; padding: 0px 0px 0px 0px; background: url(/img/title_caution.gif) no-repeat; text-indent: -5555px; display: block; float: left;}



/* ========================================================
	title bar
======================================================== */

.bar01{ /* width: 545px; */ height: 28px; margin: 25px auto 0; padding: 7px 0px 0px 23px; font-size: 14px; color: #660000; background: url(/img/bar01.gif) no-repeat; }



/* ========================================================
	pagetop link
======================================================== */

.top{ margin: 0px 0px 0px 8px; background:url(/img/dot02_y.gif) repeat-x 100% 100%; width:531px; /* height:30px; */ padding:10px 0px 12px 0px; line-height:150%; clear: both;}
.top ul{ padding: 0px 10px 0px 0px; display: block;}
.top li{ background:url(/img/list01.gif) no-repeat 0% 40%; list-style-type:none; line-height:150%; margin-right:10px; padding-left:9px; float:left; display: block; white-space: nowrap; }



/* ========================================================
	footer bt
======================================================== */
.footer_bt{ text-align:right; padding:17px 8px 0px; background:url(/img/dot02_y.gif) repeat-x 0% 0%; margin: 30px 0px 0px 0px; clear: both;}
.footer_bt .bt{ margin: 0px 0px 7px 0px;}


/* ========================================================
	pagetop style
======================================================== */
div#pagetop{ width: 788px; height: 18px; margin: 0px; padding: 0px; text-align: right;}
/* ========================================================
	footer style
======================================================== */
div#footer{ width: 788px; height: 61px; background: url(/img/footer_bg.gif) no-repeat; font-size: 12px; text-align: center; color: #FFFFFF; padding: 12px 0px 0px 0px; margin: 0 auto; clear: both;}

div#footer p { margin: 0 auto; line-height: 20px;}
div#footer p a:link{ color: #FFFFFF; text-decoration: none; }
div#footer p a:visited{ color: #FFFFFF; text-decoration: none; }
div#footer p a:active{ color: #FFFFFF; text-decoration: underline; }
div#footer p a:hover{ color: #FFFFFF; text-decoration: underline; }

div#copyright{
	width: 346px;
	height: 26px;
	margin: 0px 9px 0px 0px;
	padding: 0px 0px 15px 0px;
	float: right;
	text-indent: -5555px;
	background: url(/img/copyright.gif) no-repeat;
}





/***********************************************************************/