@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	color: #cccccc;
	font-size: 12px;
	line-height: 160%;
	scrollbar-face-color: #ffffff;
	scrollbar-3d-light-color: #999999;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #cccccc;
	scrollbar-arrow-color: #cccccc;
	scrollbar-track-color: #ffffff;
	scrollbar-base-color: #ffffff;
	background-color: #012888;
}
img {
    border:0;
}
p {
	margin-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
}
h1 {
	height: 15px;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	color: #fbc8c8;
	line-height: 150%;
	text-indent: 2em;
}	
h2,h3,h4 {
	margin: 0;
	padding: 0;
}


ul {
	padding-top: 0;
	padding-bottom: 0;
	margin:0;
}
ul,li {
	padding-top: 0;
	padding-bottom: 0px;
}
a {
	color: #064fff;
	text-decoration:underline;
}
a:link {
	color: #064fff;
	text-decoration:underline;
}
a:hover {
	color: #064fff;
	text-decoration:underline;
}
a:visited {
	color: #064fff;
	text-decoration:underline;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.img-margin {
	margin: 0;
	padding: 0;
}
.txt-margin01 {
	padding-bottom: 30px;
}
/*-----------ナビゲーション・メイン-----------*/
#navi {
	width: 900px;
	height: 45px;
	margin: 0 auto;
	background: url(img/00_navi.gif) no-repeat;
}	
#navi ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#navi li {
	float: left;
	height: 45px;
	
}
#navi li a {
	display: block;
	height: 45px;
}			
#navi li#navi01 a {
	width: 118px;
	height: 45px;
}
#navi li#navi01 a:hover,#concept #navi li#navi01 a {
	width: 118px;
	height: 45px;
	background: url(img/00_navi.gif) 0 bottom;	
}			
#navi li#navi02 a {
	width: 128px;
	height: 45px;
}
#navi li#navi02 a:hover,#course #navi li#navi02 a {
	width: 128px;
	height: 45px;
	background: url(img/00_navi.gif) -118px bottom;	
}
#navi li#navi03 a {
	width: 141px;
	height: 45px;
}
#navi li#navi03 a:hover,#school #navi li#navi03 a {
	width: 141px;
	height: 45px;
	background: url(img/00_navi.gif) -246px bottom;	
}
#navi li#navi04 a {
	width: 117px;
	height: 45px;
}
#navi li#navi04 a:hover,#product #navi li#navi04 a {
	width: 117px;
	height: 45px;
	background: url(img/00_navi.gif) -387px bottom;	
}
#navi li#navi05 a {
	width: 126px;
	height: 45px;
}
#navi li#navi05 a:hover,#campaign #navi li#navi05 a {
	width: 126px;
	height: 45px;
	background: url(img/00_navi.gif) -504px bottom;	
}
#navi li#navi06 a {
	width: 76px;
	height: 45px;
}
#navi li#navi06 a:hover,#reserve #navi li#navi06 a {
	width: 76px;
	height: 45px;
	background: url(img/00_navi.gif) -630px bottom;	
}
#navi li#navi07 a {
	width: 109px;
	height: 45px;
}
#navi li#navi07 a:hover,#company #navi li#navi07 a {
	width: 109px;
	height: 45px;
	background: url(img/00_navi.gif) -706px bottom;	
}
#navi li#navi08 a {
	width: 85px;
	height: 45px;
}
#navi li#navi08 a:hover,#dddd #navi li#navi08 a {
	width: 85px;
	height: 45px;
	background: url(img/00_navi.gif) -815px bottom;	
}
/*-----------ナビゲーション・フッター-----------*/
#f_navi {
	padding-top: 20px;
	text-align: center;
}
#f_navi li {
	display: inline;
	padding: 0 6px;
    list-style-type:none;
	border-right: 1px solid #bfc6d6;
}
#f_navi li a{
	color: #bfc6d6;
}
/*-----------基本レイアウト-----------*/
/*---level1---*/
#container01 {
	background-image: url(img/00_bg01.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #000000;
	padding-bottom: 40px;
}
#container02 {
	background-image: url(img/00_bg02.gif);
	background-repeat: repeat-x;
}
#container03 {
	background-image: url(img/00_bg03.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #000000;
	padding-bottom: 30px;
}
#header {
	width: 900px;
	height: 90px;
	margin: 0 auto;
}
#header_logo {
	float: left;
	display: inline;
	width: 300px;
	height: 75px;
	border: 0;
}
#header_btn01 {
	float: left;
	margin-left: 250px;
	width: 80px;
	height: 25px;
	border: 0;
}
#header_btn02 {
	float: left;
	width: 105px;
	height: 25px;
	border: 0;
}
#header_btn03 {
	float: left;
	width: 165px;
	height: 25px;
	border: 0;
}
#main_img {
	width: 900px;
	height: 145px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#content {
	width: 900px;
	margin: 0 auto;
	
}
#content h3 {
	width: 840px;
	height: 40px;
	margin: 0 auto 20px auto;
}
#footer {
	width: 900px;
	height: 117px;
	margin: 0 auto;
	text-align: center;
	color: #bfc6d6;
}
#copy {
	padding-top: 20px;
	text-align: center;
	font-size: 14px;
}
/*---level2---*/
.margin01 {
	margin-bottom: 25px;
}
.back_btn {
	width: 113px;
	height: 29px;
	margin-left: 787px;
}
.con01 {
	width: 840px;
	border: 1px solid #4b4b4b;
	margin:0 auto 30px auto;
	padding: 20px 0;
}
.con01 table {
	margin-bottom: 20px;
}
.con01 table p {
	margin-left: -10px;
	margin-bottom: 20px;
}
.line01 {
	width: 778px;
	height: 5px;
	background-image: url(img/00_line01.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-bottom: 10px;
}

.line_td01 {
	border-bottom: 1px dashed #3d3d3d;
}
.title {
	line-height: 250%;
	font-size: 16px;
	font-weight: bold;
	background-image: url(img/title01.gif);
	text-indent: 2em;
	color: #FFFFFF;
	letter-spacing: 0.25em;
}
.title02 {
	height: 42px;
	width: 100%;
	background-image: url(img/title02.gif);
	background-repeat: repeat-x;
	text-indent: 2em;
	color: #FFFFFF;
	letter-spacing: 0.25em;
	padding: 10px 0 0 0;
	font-size: 14px;
}
.title03 {
	height: 42px;
	width: 100%;
	background-image: url(img/title02.gif);
	background-repeat: repeat-x;
	text-indent: 2em;
	color: #FFFFFF;
	padding: 10px 0 0 0;
	font-size: 14px;
}
.title04 {
	height: 42px;
	width: 100%;
	background-image: url(img/title02.gif);
	background-repeat: repeat-x;
	text-indent: 2em;
	color: #FFFFFF;
	padding: 10px 0 0 0;
	font-size: 14px;
}
/*-----------テキスト-----------*/
.txt_red01 {
	color: #ffd69e;
	
}
.txt_red02 {
	color: #ffd69e;
	font-weight: bold;
	font-size: 14px;
}
.txt_red03 {
	color: #ffd69e;
	font-size: 16px;
	margin-bottom: 30px;
	margin-left: 10px;
	line-height: 160%;
}
.txt_red04 {
	color: #ff0000;
	font-weight: bold;
	font-size: 12px;
}
.txt_red05 {
	color: #ffd69e;
	font-size: 16px;
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 160%;
}
.txt_red06 {
	color: #ffd69e;
	font-size: 16px;
	margin-bottom: 30px;
	line-height: 160%;
}
.txt_blue01 {
	color: #029dff;
}

.txt_01 {
	font-size: 14px;
}
.txt_02 {
	font-size: 16px;
	margin-bottom: 27px;
	margin-left: 10px;
	line-height: 160%;
}
.txt_03 {
	margin: 15px 20px 30px 30px;
}
.txt-marker {
	font-size: 16px;
	font-weight: bold;
	background-color: #fef5a4;
	line-height: 150%;
	color:#555555;
	padding: 5px 5px 5px 7px;

}

/*-----------トップページ-----------*/
#top_main_img {
	width: 900px;
	height: 275px;
	margin: 0 auto;
	padding-bottom: 20px;
}
#top_content {
	width: 900px;
	margin: 0 auto;
	background-image: url(img/top_con_bg.gif);
}
#top_left {
	float: left;
	display: inline;
	width: 220px;
}
.top_left_area {
	width: 220px;
	height: 194px;
	background-image: url(img/top_left_btnarea.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
}
.top_left_banner01 {
	width: 200px;
	height: 95px;
	margin: 0 auto 15px auto;
}
.top_left_banner02 {
	width: 200px;
	height: 95px;
	margin: 0 auto 15px auto;
	background-image: url(img/top_left_banner_b.gif);
	background-position: bottom;
}
.top_left_banner02 p {
	margin-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
}
#top_right {
	float: left;
	display: inline;
	margin-left: 20px;
	width: 660px;
}
.top_con01 {
	width: 660px;
	height: 177px;
	background-image: url(img/top_con01.gif);
	background-repeat: no-repeat;
	background-position: 0 26px;
	margin-bottom: 20px;
}
.top_box01 {
	float:left;
	display: inline;
	width: 210px;
	height: 279px;
	border: 1px solid #4b4b4b;
}
.top_box02 {
	float:left;
	display: inline;
	margin-left: 12px;
	width: 210px;
	height: 279px;
	border: 1px solid #4b4b4b;
}
.top_box_txt {
	width: 194px;
	height: 120px;
	margin: 0 auto;
	border-bottom: 1px solid #4b4b4b;
}
.top_box_txt p{
	margin: 8px -15px auto -15px;
}


.top_left_box {
	width: 180px;
	border: 1px solid #666666;
	padding: 10px;
	margin: 10px auto;
}

.top_box00 {
	border: 1px solid #4b4b4b;
}


/*-----------コース紹介-----------*/
.course_box {
	width: 780px;
	background-color: #4b4b4b;
	margin: 0 auto 15px auto;
	background-image: url(img/course_con_box_b.gif);
	background-position: bottom;
}
.course_box p {
	margin-left: 20px;
	
}
.course_box_txt_a {
	float: left;
	display:inline;
	width: 602px;
	margin-left: 20px;
	margin-bottom: 7px;
	padding: 5px 0 3px 10px;
	border-bottom: 1px dashed #b4b4b4;
	font-size: 16px;
}
.course_box_txt_b {
	float: left;
	display:inline;
	width: 130px;
	margin-bottom: 7px;
	padding: 5px 10px 3px 0;
	font-size: 16px;
	text-align: right;
	border-bottom: 1px dashed #b4b4b4;
}
.course_box02 {
	width: 780px;
	margin: 0 auto 15px auto;
}
.course_box03 {
	width: 780px;
	margin: 0 auto 40px auto;
}
.cor_li01{
    list-style: circle;

}
.cor_ul01{
    margin-left: 20px;

}

/*-----------コンセプト-----------*/
.concept_con01 {
	width: 840px;
	border: 1px solid #4b4b4b;
	margin:0 auto 30px auto;
	padding: 20px 0;
	background-image: url(img/course_box_bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.concept_con01 h4 {
	font-size: 16px;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 15px;
	line-height: 160%;
	letter-spacing: 0.15em; 
}
.margin-txt {
	padding-bottom: 30px;
}
/*-----------キャンペーン-----------*/
.campaign_con01 {
	width: 840px;
	border: 1px solid #4b4b4b;
	margin:0 auto 30px auto;
	padding: 20px 0;
}
.campaign_con01 table {
	margin-bottom: 20px;
}
.campaign_con01 table p {
	
	margin-left: 15px;
	margin-bottom: 30px;
}
.cam_list{
    margin-left:20px;
	list-style:circle;

}
/*-----------商品紹介-----------*/
.product_con01 {
	width: 840px;
	border: 1px solid #4b4b4b;
	margin:0 auto 30px auto;
	padding: 19px 0;
	background-image: url(img/product_box_bg.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.product_box0 {
	width: 782px;
	margin: 0 auto 30px auto;
	padding: 12px 0;
	background-color: #1f1f1f;
}
.product_box1 {
	width: 181px;
	float: left;
	display: inline;
	margin-left: 12px;
}
.product_box1 p {
	margin-top: 7px;
	padding-left: 3px;
	padding-right: 0;
}
/*-----------プライバシーポリシー-----------*/
.policy_list {
	margin: -10px auto 20px 70px;
}
.policy_box0 {
	width: 500px;
	margin: 30px auto;
	padding: 15px 20px;
	background-color: #1f1f1f;
}
/*-----------予約-----------*/
.reserve_box {
	width: 680px;
	margin: auto;
	text-align: center;
}
/*-----------会社概要-----------*/
#company_box{
    margin: 0 auto 30px auto;
	width: 700px;

}
.com_txt01{
	border-bottom: 1px dashed #4b4b4b;
	width: 100px;
	color: #ffd69e;
	line-height: 350%;
	text-indent: 2em;
}
.com_txt02{
   	border-bottom: 1px dashed #4b4b4b;
	line-height: 350%;
	width: 280px;
}
.com_txt03{
   	border-bottom: 1px dashed #4b4b4b;
	line-height: 350%;
	width: 550px;
}
.com_txt04{
   	border-bottom: 1px dashed #4b4b4b;
	width: 280px;
	height: 32px;
	margin-top: 10px;

}
.com_img{
    margin: 5px 0 5px 50px;
}

/*-----------サロン一覧-----------*/

.box_right {
float:right;
margin:10px;
}

.box_rumor {
clear:both;
padding-left: 15px;
}

/*-----------追加-----------*/
.space1{
   margin: 0 0 0 10px;

}
.campTxt{
   margin: 0 0 15px 15px !important;
}


.campBox{
    width: 70%;
	margin: 0 auto 15px auto;
	padding: 5px;
	border: 3px #2b2b2b solid;
}
.campBox p{
    margin-left: 5px !important;
	margin-bottom: 5px !important;
}

.campBox ul { /margin-left: 40px; }
.campBox780{
    width: 840px;
	margin: 0 auto 15px auto;
	border: 3px #2b2b2b solid;
}
.campBox650{
    width: 650px;
	margin: 0 auto 15px auto;
	border: 3px #2b2b2b solid;
}