@charset "utf-8";
/*===================================================

	サイト全体の基本設定

====================================================*/

/*----------------------------------------------------
	import
----------------------------------------------------*/
@import url("reset.css");
@import url("print.css");

/*----------------------------------------------------
	基礎、テキストリンクの設定
----------------------------------------------------*/
html,body {
	height: 100%;
}
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: #FFF;
	font-size: 12px;
	color: #444;
}
a:link { /* 通常時 */
}
a:visited { /* 訪問済 */
}
a:hover { /* 選択時 */
}
a:active { /* アクティブ */
}

/*----------------------------------------------------
	汎用 id/class
----------------------------------------------------*/
.imgR { /* 画像右寄せ */
	float: right;
	margin: 0 0 5px 15px;
}
.imgL { /* 画像左寄せ */
	float: left;
	margin: 0 15px 5px 0;
}
.red { /* 赤文字 */
	color: #F00;
}
.pink { /* ピンク文字 */
	color: #F69;
}
.white_bg { /* 白背景 */
	background: #FFF;
}
.pink_bg { /* ピンク背景 */
	background: url(../img/section_bg2.gif);
}
.page_top { /* ページトップ */
	text-align: right;
}
strong {
	font-weight: bold;
}

/*----------------------------------------------------
	#all #page		全体
----------------------------------------------------*/
#all {
	min-width: 960px;
	background-color: #FDEBEA;
	background-repeat: no-repeat;
	background-position: center top;
}

body.index #all { background-image: url(../img/header_bg_index.jpg); } /* トップページ */
body.about_eyelash #all { background-image: url(../img/header_bg_about_eyelash.jpg); } /* アイラッシュとは？ */
body.eyelash_menu #all { background-image: url(../img/header_bg_eyelash_menu.jpg);  } /* アイラッシュメニュー */
body.eyelash_school #all { background-image: url(../img/header_bg_eyelash_school.jpg); } /* まつ毛エクステ講習 */
body.guide_of_salon #all { background-image: url(../img/header_bg_guide_of_salon.jpg); } /* サロンのご案内/交通アクセス */
body.reservation #all { background-image: url(../img/header_bg_reservation.jpg); } /* ご予約 */
body.link #all { background-image: url(../img/header_bg_link.jpg); } /* リンク集 */
body.inquiry #all { background-image: url(../img/header_bg_inquiry.jpg); } /* お問合せ */
body.privacy_policy #all { background-image: url(../img/header_bg_privacy_policy.jpg); } /* プライバシーポリシー */
#page {
	margin: auto;
	width: 960px;
}

/*----------------------------------------------------
	#header		ヘッダー
----------------------------------------------------*/
#header {
	text-align: right;
	height: 100px;
	padding: 10px 30px 0 0;
	line-height: 1.8em;
}
#header a#rogo {
	text-align: left;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 60px;
	width: 180px;
	padding-left: 60px;
}
#header strong {
	display: block;
	height: 35px;
	text-align: left;
	text-indent: -9999px;
}
#header li {
	float: right;
	line-height: 23px;
	padding-left: 8px;
}
#header li a {
	border: 2px solid #FFF;
	padding:5px 10px 5px 23px;
	color: #FFF;
	text-decoration: none;
	background-color: #EA8D97;
	background-image: url(../img/icon.png);
	_background-image: url(../img/icon.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
#header li a.select,
#header li a:hover {
	background-color: #D92F40;
}

/*----------------------------------------------------
	#contents	コンテンツ
----------------------------------------------------*/
#contents {
	float: left;
	width: 100%;
}

#left_ctn {
  float:left;
  }

	/*----------------------------------------------------
		#nav		ナビゲーション
	----------------------------------------------------*/
	#nav {
		width: 175px;
		height: 400px;
		padding: 57px 0 0 60px;
		float: left;
	}
	#nav li {
		background: url(../img/nav_footer.png) repeat-x bottom;
		padding-bottom: 1px;
		_background: none;
		_padding-bottom: 0;
		_border-bottom: 1px dashed #666;
	}
	#nav li a {
		color: #483F3D;
		text-decoration: none;
		display: block;
		background-image: url(../img/icon.png);
		_background-image: url(../img/icon.gif);
		background-repeat: no-repeat;
		background-position: 3px 8px;
		padding: 7px 0 7px 25px;
		line-height:1.3em;
	}
	#nav li a.select {
		background-color: #EA8D97;
		color: #FFF;
	}
	#nav li a:hover {
		background-color: #CC9900;
		color: #FFF;
	}
	
	/*----------------------------------------------------
		#main		メインコンテンツ
	----------------------------------------------------*/
	#main {
		margin-left: 50px;
		float: left;
		line-height: 1.8em;
	}
	#main h1 {
		height: 115px;
		text-indent: -9999px;
	}
	#main #sub_nav {
		height: 30px;
	}
	#main #sub_nav li {
		float: left;
		padding-right: 10px;		
	}
	#main #sub_nav li a {
		color: #483F3D;
		display: block;
		background-image: url(../img/icon.png);
		_background-image: url(../img/icon.gif);
		background-repeat: no-repeat;
		background-position: 3px 3px;
		padding-left: 25px;
	}
	#main #section_out {
		width: 650px;
		border: 1px solid #CCC;
		margin-bottom: 20px;
	}
	#main #section {
		background: url(../img/section_bg.gif);
		border: 4px solid #FFF;
		padding: 11px;
	}
	#main #section h2 {
		background: url(../img/section_h2.jpg);
		font-size: 14px;
		line-height: 40px;
		font-weight: bold;
		color: #FFF;
		padding-left: 10px;
		margin-bottom: 5px;
	}
	#main #section h3 {
		font-size: 20px;
		font-weight: bold;
		color: #504542;
		padding: 10px 0;
		font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	}
	#main #section h4 {
		font-size: 20px;
		font-weight: bold;
		color: #F69;
		padding: 10px 0;
		font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	}
	#main #section_out div {
		padding: 10px;
	}
	#main #section_out div.price { /* 価格表示 */
		padding: 0;
		float: right;
		*margin-top: -2em;
	}
	#main #section_out div hr {
		border: none;
		background: url(../img/section_hr.png) repeat-x;
		padding-bottom: 6px;
		_background: none;
		_padding-bottom: 0;
		_border-bottom: 1px dashed #666;
	}
	#main #section_out div dt {
		color: #F69;
		font-weight: bold;
	}
	#main #section_out div dd {
		padding-left: 1em;
		margin-bottom: .5em;
		background: url(../img/section_hr.png) repeat-x bottom;
		padding-bottom: 6px;
		_background: none;
		_padding-bottom: 5px;
		_border-bottom: 1px dashed #666;
	}
	#main #section .pink_bg h2 {
		background: url(../img/section_h2_pink.jpg);
	}
	#main #section .pink_bg dl {
		padding: 10px 0;
	}
	
	/*----------------------------------------------------
		トップページ
	----------------------------------------------------*/
	.index #main {
		padding-left: 43px;
		*padding-left: 44px;
		padding-top: 51px;
	}
	.index #main #index_photo {
		width: 560px;
		height: 267px;
		overflow: hidden;
		position: relative;
	}
	.index #main #index_photo_text {
		width: 550px;
		height: 37px;
		position: relative;
		background-image: url(../img/index_photo.png);
		text-indent: -9999px;
		display: block;
		z-index: 200;
		margin-top: -267px;
		padding: 230px 0 0 10px;
		_font-size: 18px;
		_font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
		_color: #FFF;
		_background-image: none;
		_text-indent: 0;		
	}
	.index #main #index_photo_text strong {
		font-style: italic;
	}
	
		/*----------------------------------------------------
			アイラッシュとは？
		----------------------------------------------------*/
		
		/*----------------------------------------------------
			アイラッシュメニュー
		----------------------------------------------------*/
		#main #section_out div.eyelash_menu {
			background: url(../img/eyelash_menu_div.png) no-repeat;
			height: 400px;
			padding: 30px 10px 10px 30px;
		}
		#main #section_out div.eyelash_menu dl {
			padding-left: 80px;
			padding-right: 0;
			padding-top: 10px;
			width: 490px;
		}
		#main #section #wedding_course {
			background-image: url(../img/wedding_course_bg.png);
			_background-image: url(../img/wedding_course_bg.jpg);
			background-repeat: no-repeat;
			background-position: right top;
			border-bottom: 1px dashed #666;
			margin: -0.5em 0 1em;
			padding: 0;
		}
		#main #section #reservation_link {
			background-image: url(../img/reservation_link_bg.png);
			_background-image: url(../img/reservation_link_bg.gif);
			background-repeat: no-repeat;
			height: 50px;
			width: 290px;
			margin: 10px 0 0 -5px;
			padding: 70px 10px 10px 340px
		}
		#main #section #reservation_link a {
			background: url(../img/reservation_link.gif);
			text-indent: -9999px;
			display: block;
			height: 36px;
			width: 210px;
		}
		#main #section #reservation_link a:hover {
			background: url(../img/reservation_link.gif) bottom;
		}
		
		/*----------------------------------------------------
			サロンのご案内/交通アクセス
		----------------------------------------------------*/
		#main #section #guide_of_salon_concept {
			background-image: url(../img/guide_of_salon_concept_bg.png);
			_background-image: url(../img/guide_of_salon_concept_bg.gif);
			margin-left: -10px;
			padding: 0 0 0 70px;
			width: 567px;
			height: 584px;
		}
		#main #section #guide_of_salon_concept h3 {
			font-size: 30px;
			font-weight: bold;
			line-height: 1em;
			padding: 40px 0 10px;
		}
		#main #section #guide_of_salon_concept p {
			letter-spacing: 1px;
			line-height: 22px;
			margin: 0;
			padding-bottom: 22px;
		}
		#google_map {
			text-align: right;
		}
		#google_map iframe {
			border: 1px solid #999;
		}
		
		/*----------------------------------------------------
			プライバシーポリシー
		----------------------------------------------------*/
		.privacy_policy #main #section_out ul li {
			list-style-position: outside;
			list-style-type: square;
			margin-left: 3em;
		}
		.privacy_policy #main #section_out ol li {
			list-style-position: outside;
			list-style-type: decimal;
			margin-left: 3em;
		}
		
		/*----------------------------------------------------
			予約/お問合せ
		----------------------------------------------------*/
		.reservation #main #section_out ul li,
		.inquiry #main #section_out ul li {
			list-style-position: outside;
			list-style-type: square;
			margin-left: 2em;
		}
		.reservation #main #section_out ol li,
		.inquiry #main #section_out ol li {
			list-style-position: outside;
			list-style-type: decimal;
			margin-left: 3em;
		}
		.reservation label,
		.inquiry label {
			font-weight: bold;
			display: block;
			width: 150px;
			border-right: 1px solid #000;
			margin-right: 10px;
		}
		
/*----------------------------------------------------
	#contents_bottom		トップページ下部
----------------------------------------------------*/
#contents_bottom {
	float: left;
	width: 845px;
	padding-left:65px;
}
#contents_bottom dl#news {
	height: 210px;
	padding: 15px;
	width: 280px;
	overflow-y: scroll;
	float: left;
	line-height: 1.8em;
}
#contents_bottom dl#news dt {
	font-weight: bold;
	color: #6E5645;	
}
#contents_bottom dl#news dd {
	color: #F69;
	padding-left: 1em;
	margin-bottom: .5em;
	background: url(../img/section_hr.png) repeat-x bottom;
	padding-bottom: 6px;
	_background: none;
	_padding-bottom: 5px;
	_border-bottom: 1px dashed #666;
}
#contents_bottom hr {
	border: none;
	background: url(../img/section_hr.png) repeat-x;
	padding-bottom: 6px;
	_background: none;
	_padding-bottom: 0;
	_border-bottom: 1px dashed #666;
	clear: left;
}
#contents_bottom #banner_1 {
	float: left;
	height: 230px;
	margin: 10px 0 10px 15px;
}
#contents_bottom #banner_1 img {
	margin-bottm: 10px; 
}
#contents_bottom #banner_2 {
	height: 180px;
}

/*----------------------------------------------------
	#footer		フッター
----------------------------------------------------*/
#footer {
	background:url(../img/footer_bg2.jpg) repeat-x #FFF;
	/* background: #333 url(../img/footer_bg.jpg) repeat-x; */
	clear: left;
	width: 100%;
	color: #FFF;
    bottom: 0;
}
#footer a {
	color:#663300;
}
#footer_contents {
	margin: auto;
	width: 960px;
	padding-top: 80px;
	height: 100px;
	text-align: right;
	line-height: 3em;
	color:#663300;
}
#footer address {
	background: #FFEFEF url(../img/footer_contents_bg2.gif) no-repeat;
	/* background: #454545 url(../img/footer_contents_bg.gif) no-repeat; */
	padding: 5px 15px 5px 70px;
	float: left;
	text-align: left;
	line-height: 1.8em;
}