@charset "utf-8";
/* CSS Document */

/*--------------------
	index
--------------------*/

/* サイドバー */
#i_sidebar_campaign{
	width: 220px;
	margin: 0px;
	padding: 0px 0px 70px 0px;
	/*border-bottom: 1px solid #cccccc;*/
}
#i_sidebar_blog{
	width: 220px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
#i_sidebar_blog #blog_rss{
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#i_sidebar_blog #blog_rss #feed{
	margin: 0px 20px 0px 0px;
	padding: 0px;
	font-size: 10px;
	text-align: right;
}
#i_sidebar_blog #blog_rss #feed a{
	color: #CCCCCC;
}
/* メインコンテンツ４ */
.i_sec_box {
	width: 515px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.i_sec {
	width: 253px;
	height: 172px;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	background-repeat: no-repeat;
	float: left; 
}
/* メインコンテンツ４　タイトル画像 */
.i_sec h4.index_title{
	margin: 19px 0px 0px 48px;
	padding: 0px;
}
.i_sec h4.index_title img{
	margin: 0px;
	padding: 0px;
	width: 176px;
	height: 31px;
	vertical-align: bottom;
}
/* メインコンテンツ４　テキスト */
.i_sec .text{
	margin: 10px 15px 0px 120px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 12px;
	height: 75px;
	line-height: 120%;
}
/* メインコンテンツ４　詳細ボタン */
.i_sec .detail_btn{
	margin: 0px 20px 0px 0px;
	padding: 0px;
	text-align: right;
}
/* メインコンテンツ４　背景画像 */
.i_sec_doronko {background-image:url(../images/index/index_bg_doronko.jpg);}
.i_sec_kohaku {background-image:url(../images/index/index_bg_kohaku.jpg);}
.i_sec_salon {background-image:url(../images/index/index_bg_salon.jpg);}
.i_sec_school {background-image:url(../images/index/index_bg_school.jpg);}

/* ブライダル */
#i_bridal{
	width: 497px;
	height: 102px;
	margin: 0px;
	padding: 0px 0px 0px 12px;
}
#i_bridal p{
	margin: 0px 150px 0px 40px;
	padding: 10px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 120%;
}
/* バナー */
#i_banner{
	width: 492px;/*160x3+4x3*/
	height: 58px;
	margin: 10px 0px 0px 15px;
	padding: 0px;
}
#i_banner .yamanohada{
	width: 160px;
	float: left;
	padding: 0px 4px 0px 0px;
}	
#i_banner .blog{
	float: left;
	padding: 0px;
}	
/*--------------------
	kohaku
--------------------*/
/*--------------------
	doronko
--------------------*/
/*--------------------
	bridal
--------------------*/
/*--------------------
	menu
--------------------*/
#sidebar #kohaku,
#sidebar #doronko,
#sidebar #bridal,
#sidebar #menu{
	width: 205px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar #kohaku li,
#sidebar #doronko li,
#sidebar #bridal li,
#sidebar #menu li{
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 0px 30px;
	list-style-type: none;
	list-style-position:outside;
	background-image: url(../images/list_mark.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 21px;
}
/* 琥珀美容とは */
/* どろんこ美容とは */
/* どろんこ美容のメカニズム */
/* ブライダルコースとは？ */
/* ブライダルエステメニュー */
/* サロンメニューのご案内 */
#contents #kohaku_beauty,
#contents #doronko_beauty,
#contents #doronko_mechanism,
#contents #bridal_course,
#contents #bridal_menu,
#contents #menu_info,
#contents #menu_course{
	width: 515px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
/* IE6 */
* html #contents #bridal_menu{
	width: 485px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#contents #kohaku_beauty .text,
#contents #doronko_beauty .text,
#contents #doronko_mechanism .text{
	margin: 10px 10px 0px 0px;
	padding: 0px;
}
/* 琥珀美容とは */
#contents #kohaku_beauty .fig{
	width: 175px;
	height: 131px;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	float: right;
}
/* どろんこ美容とは */
#contents #doronko_beauty .fig{
	width: 153px;
	height: 97px;
	margin: 10px 15px 0px 10px;
	padding: 0px;
	float: right;
}
/* ブライダルコースとは？ */
/* サロンメニューのご案内 */
#contents #bridal_course .fig{
	width: 164px;
	height: 123px;
	margin: 10px 15px 0px 10px;
	padding: 0px;
	float: right;
}
#contents #bridal_course .text,
#contents #menu_info .text{
	margin: 15px 10px 0px 0px;
	padding: 0px;
}
/* 琥珀の効果 */
#contents #kohaku_kouka{
	width: 515px;
	margin: 0px;
	padding: 0px;
}
#contents #kohaku_kouka .tagline{
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
#contents #kohaku_kouka .fig_left{
	width: 231px;
	height: 36px;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 3px 0px;
	float: left;
	display: inline;
}
#contents #kohaku_kouka .fig_right{
	width: 231px;
	height: 36px;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 3px 0px;
	float: right;
	display: inline;
}
/* どろんこ美容のメカニズム */
#contents #doronko_mechanism .tagline{
	margin: 20px 0px 10px 0px;
	padding: 0px;
}
#contents #doronko_mechanism .fig01{
	margin: 10px 0px 0px 70px;
	padding: 0px;
}
#contents #doronko_mechanism .fig02{
	margin: 10px 0px 0px 70px;
	padding: 0px 0px 10px 0px;
}
/* ブライダルエステメニュー */
#contents #bridal_menu p.tagline{
	margin: 25px 0px 10px 0px;
	padding: 0px 30px 0px 0px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
}
/* IE6 */
* html #contents #bridal_menu p.tagline{
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
}

#contents #bridal_menu .menu01{	background-image: url(../images/bridal/bridal_menu_01.jpg);}
#contents #bridal_menu .menu02{	background-image: url(../images/bridal/bridal_menu_02.jpg);}
#contents #bridal_menu .menu03{	background-image: url(../images/bridal/bridal_menu_03.jpg);}
#contents #bridal_menu .menu04{	background-image: url(../images/bridal/bridal_menu_04.jpg);}
#contents #bridal_menu .menu05{	background-image: url(../images/bridal/bridal_menu_05.jpg);}

#contents #bridal_menu ul#firsttimes{
	width: 450px;
	margin: 20px 0px 0px 35px;
	padding: 0px;
	list-style-type: none;
}
#contents #bridal_menu ul#firsttimes li{
	width: 450px;
	height: 15px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #BDABA0;
	list-style-type: none;
	background-position: left top;
	background-repeat: no-repeat;
	text-align: right;
}
#contents #bridal_menu ul#firsttimes li img{
	width: 145px;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	vertical-align: bottom;
	float: left;
}

#contents #bridal_menu .course_detail{
	width: 480px;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	background-image: url(../images/bridal/bridal_course.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#contents #bridal_menu .course_detail p,
#contents #bridal_menu .course_detail dl{
	margin: 0px 0px 0px 135px;
	padding: 0px;
	width: 300px;
}
#contents #bridal_menu .course_detail dt{
	margin: 0px;
	padding: 0px;
	width: 150px;
	float: left;
}
#contents #bridal_menu .course_detail dd{
	margin: 0px;
	padding: 0px;
	width: 150px;
	float: left;
}
#contents #bridal_menu .msg{
	margin: 30px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}
#contents #bridal_menu .btn{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}
/* サロンメニューのご案内 */
#contents #menu_course .tagline{
	margin: 25px 0px 10px 0px;
	padding: 0px 30px 0px 0px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
}
/* IE6 */
* html #contents #menu_course .tagline{
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
}

#contents #menu_course #doronko{	background-image: url(../images/menu/menu_doronko.jpg);}
#contents #menu_course #bihaku{	background-image: url(../images/menu/menu_bihaku.jpg);}
#contents #menu_course #kohaku{	background-image: url(../images/menu/menu_kohaku.jpg);}
#contents #menu_course #option{	background-image: url(../images/menu/menu_option.jpg);}

#contents #menu_course #doronko img.whats,
#contents #menu_course #kohaku img.whats{
	width: 130px;
	height: 18px;
	padding: 0px 220px 0px 155px;
}

#contents #menu_course ul#doronko_ul,
#contents #menu_course ul#bihaku_ul,
#contents #menu_course ul#kohaku_ul,
#contents #menu_course ul#option_ul{
	width: 450px;
	margin: 20px 0px 0px 35px;
	padding: 0px;
	list-style-type: none;
}
#contents #menu_course ul#doronko_ul li.item,
#contents #menu_course ul#bihaku_ul li.item,
#contents #menu_course ul#kohaku_ul li.item,
#contents #menu_course ul#option_ul li.item{
	width: 450px;
	height: 15px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #BDABA0;
	list-style-type: none;
	background-position: left top;
	background-repeat: no-repeat;
	text-align: right;
}
#contents #menu_course ul#doronko_ul li.item img,
#contents #menu_course ul#bihaku_ul li.item img{
	width: 210px;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	vertical-align: bottom;
	float: left;
}
#contents #menu_course ul#kohaku_ul li.item img{
	width: 212px;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	vertical-align: bottom;
	float: left;
}
#contents #menu_course ul#option_ul li.item img{
	width: 279px;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	vertical-align: bottom;
	float: left;
}
#contents #menu_course ul#doronko_ul li.comment,
#contents #menu_course ul#bihaku_ul li.comment,
#contents #menu_course ul#kohaku_ul li.comment,
#contents #menu_course ul#option_ul li.comment{
	width: 440px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 10px;
	list-style-type: none;
}
/* どろんこ・美白・琥珀コース */
#contents #menu_course ul#doronko_ul li.price,
#contents #menu_course ul#bihaku_ul li.price,
#contents #menu_course ul#kohaku_ul li.price{
	width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 10px;
	list-style-type: none;
}
#contents #menu_course table.pricelist{
	width: 445px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#contents #menu_course table.pricelist td.comment {
	width: 325px;
	margin: 0px;
	padding: 0px;
}
#contents #menu_course table.pricelist td.btn {
	margin: 0px;
	padding: 0px;
}
#contents #menu_course table.pricelist td.price {
	width: 55px;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	text-align: right;
}
/* リフレクソロジー */
#contents #menu_course ul#option_ul li.reflexology{
	width: 450px;
	height: 15px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #BDABA0;
	list-style-type: none;
	background-position: left top;
	background-repeat: no-repeat;
}
#contents #menu_course table#reflexology{
	width: 450px;
	margin: 0px;
	padding: 0px;
}
#contents #menu_course table#reflexology td.min60{
	width: 279px;
	margin: 0px;
	padding: 0px;
}
#contents #menu_course table#reflexology td.price{
	width: 60px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#contents #menu_course table#reflexology td.min30{
	width: 32px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 19px
}
#contents #menu_course ul#option_ul li.price img.images60{
	width: 279px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
#contents #menu_course ul#option_ul li.price img.images30{
	width: 32px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

/* 琥珀の流れ */
/* どろんこ美容の流れ */
#contents #kohaku_flow,
#contents #doronko_flow{
	width: 515px;
	margin: 0px;
	padding: 0px;
}
/* 琥珀の流れ */
#contents #kohaku_flow .kohaku_flow_box{
	width: 515px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
#contents #kohaku_flow .kohaku_flow_box .fig{
	width: 74px;
	height: 74px;
	margin: 0px 10px 5px 23px;
	padding: 0px;
	float: left;
	display: inline;
}
#contents #kohaku_flow .kohaku_flow_box h5.title{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: small;
}
#contents #kohaku_flow .kohaku_flow_box .text{
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#contents #kohaku_flow .navi_btn{
	margin: 10px 0px 0px 46px;
	padding: 0px;
}
/* どろんこ美容の流れ */
#contents #doronko_flow .text{
	margin: 10px 10px 0px 0px;
	padding: 0px;
}
#contents #doronko_flow #doronko_flow_box{
	width: 515px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#contents #doronko_flow #doronko_flow_box img{
	width: 66px;
	height: 65px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	vertical-align: bottom;
}
#contents #doronko_flow ul#doronko_flow_ul{
	width: 510px;
	margin: 3px 0px 0px 5px;
	padding: 0px;
	list-style-type: none;
}
#contents #doronko_flow ul#doronko_flow_ul li{
	padding: 0px;
	list-style-type: none;
	float: left;
	display: block;
	text-align: center;
}
#contents #doronko_flow ul#doronko_flow_ul li.arrow{
	margin: 0px 1px 0px 1px;
	width: 8px;
}
#contents #doronko_flow ul#doronko_flow_ul li.comment{
	margin: 0px 0px 0px 0px;
	width: 62px;
	font-size: 10px;
}
#contents #doronko_flow .navi_btn{
	margin: 10px 0px 0px 70px;
	padding: 0px;
}

/*--------------------
	Inquiry
--------------------*/
#inquiry{
	width: 515px;
	margin: 0px;
	padding: 0px;
}
#inquiry .msg{
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
#inquiry table{
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
#inquiry td{
	margin: 0px;
	padding: 15px 0px 10px 0px;
}
#inquiry td.mark{
	width: 20px;
	border-bottom: 2px dotted #BDAB9F;
}
#inquiry td.mark img{
	margin: 0px 0px 0px 5px;
}
#inquiry td.koumoku{
	width: 120px;
	border-bottom: 2px dotted #BDAB9F;
}
#inquiry td.naiyou{
	width: 330px;
	border-bottom: 2px dotted #BDAB9F;
}
/* IEはTagのsize数値、Firefoxはwidthの数値 */
#inquiry input.ip_text{
	width: 300px;
}
#inquiry textarea.ip_textarea{
	width: 320px;
	height: 10em;
}
#inquiry .required_ip{
	color: #C45555;
}
#inquiry td.submit_btn{
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#thanks{
	width: 515px;
	margin: 0px 0px 400px 0px;
	padding: 0px;
}
#thanks .msg{
	margin: 20px 0px 0px 0px;
	padding: 0px;
}