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

/*------------- 共通 -------------*/
body {
	padding: 0;
	margin: 0;
	background: #D0E4EE;
	font-size: 80%;
	color: #333;
	}

* {
	line-height: 150%;
	font-weight: normal;
	}

a:link { color:#003399; text-decoration:none;}
a:visited { color:#663366; text-decoration:none;}
a:active { color:#003399; text-decoration:none;}

#news a:link { color: #F30; text-decoration:none;}
#news a:visited { color: #C33;}
#news a:active { color:#C33;}

	
h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
p {
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
strong {font-weight:bold;}
	
img {border: none;}

ul,li {margin: 0;padding: 0;}

li {text-align: left;}

dl,dt,dd {margin: 0;padding: 0;}

dt,dd {text-align: left;}


/*---------------------- 構造 ----------------------*/
/*------------ トップ ------------*/
#header {
	width:970px;
	margin: 0 auto;
	background-color:#5283D4;
	color:#FFF;
}

h1 {width: 800px;
	float:left;
	font-size: 100%;
	font-weight: normal;
	padding: 4px 0 2px;
	margin: 0;
	text-align: left;
	}

#facebook {
	width: 100px;
	float:right;
	padding:2px 0;
}

#top_bg {
	background: url(../img/top/bg_top.jpg) repeat-x;
	background-color:#fff;
}

#top {
	width: 970px;
	margin: 0 auto;
	text-align:left;
	background: url(../img/top/top_marionbelle_bg.jpg) right top no-repeat;
	}
/*------------ トップ・メニュー ------------*/
#topNavi ul{
	width: 970px;
	margin: 0 auto;
	list-style: none;
}

#topNavi li{
	float:left;
	list-style: none;
}

/*------------ フット・メニュー ------------*/
#foot_menu {
	width: 930px;
	margin: 0 auto;
	}
	
#foot_menu ul{ list-style:none;}

#foot_menu li{ float:left;
	padding: 0 10px;
	background: url(../img/line.gif) right center no-repeat;
	}
	
#foot_menu li.backNone {background:none;}
	
#foot_menu a:hover{ 
	background-color: #F9E8FD;
	border: none;
 border-radius: 5px; /* CSS3 */
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
 behavior: url(../ie_css3/PIE.htc);　/* IE */
	}

/*------------ フッター ------------*/
#footer {
	color:#FFF;
	background-color:#5283D4;
	margin-top:10px;
	padding: 3px;
	}
	
#footer p{
	text-align:center;
}
	


/*---------------------- メインコンテンツ -----------------------*/
#MainContents {
	margin: 5px auto 10px;
	width: 970px;
	text-align: left;
	background-color: #FFFFFF;
	padding: 10px 0 40px;
	border: none;
 border-radius: 10px; /* CSS3 */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
 behavior: url(../ie_css3/PIE.htc);　/* IE */
	}
	
#pan {margin: 0 0 20px 0;}

#bread-crumb-list li{margin: 0 0 20px 0;}

#bread-crumb-list li{
	float: left;
	list-style: none;
	}

/*------------ ページ左 ------------*/
#pageAll {padding: 0 0 0 38px;}
#pageAll2 {padding: 0 27px 0 38px;}

#page {
	width:660px;
	float:left;
}


/*------------------------------------------------------------------*/
/*------------ 右ナビゲーション ------------*/
#Rnavi {
	width: 225px;
	float:right;
	padding-right: 7px;
	text-align:left;
}

/*-------- 右ナビ・メニュー -------*/
#R_menu {
	width:225px;
	background: url(../img/Rnavi/bg_Rnavi_MPigmentation.jpg) 0 0 repeat-y;
	margin-bottom: 3px;
}

#R_menu ul{
	list-style:none;
}

#R_menu li{
	list-style:none;
	background: url(../img/arrow2.jpg) 10px 7px no-repeat;
	padding: 5px 0 5px 30px;
	border-bottom: #CCF 1px dotted;
}

#R_menu li a:hover{
	background-color:#E2CAF7;
}

/*-------- 右ナビ・問い合わせ -------*/
#R_inquiry {
	background: url(../img/Rnavi/bg_Rnavi_inquiry.jpg) repeat-y;
	margin-bottom: 5px;
}

#R_inquiry p.txt{ padding: 5px 20px 10px 20px;}

#R_salon {background: url(../img/Rnavi/bg_Rnavi_salon.jpg) 0 bottom no-repeat;}

#R_salon p.txt{ padding: 10px 20px 10px 20px;}


/*---------------------------------------------------------------*/
/*---------------------- トップページ内容 -----------------------*/

#top_bnr {margin: 30px 0 30px 21px;}

#top_bnr2 {margin: 30px 0 50px 21px;}

#news {margin-bottom:40px;}

#news a:hover{background-color: #FAE4F1;}

#news dl{
	width:635px;
	background:url(../img/lineG_dashed.jpg) bottom repeat-x;}
	
#news dt{
	width: 100px;
	float:left;
	padding: 9px 5px;
	text-align:center;
}

#news dd{
	width: 510px;
	float:left;
	padding: 9px 5px;
}

#voice dl{
	width:644px;
	background: url(../img/bg/bg_C_voice.jpg) bottom left no-repeat;
	padding-bottom:20px;
	}
	
.V_scroll {
	height:240px;
	width:633px;
	overflow-y:auto;
	}

#voice P{
	padding: 8px 10px 0px 70px;
	margin-left:10px;
	width:520px;
	}

#voice P.iconV1 {
	background:url(../img/iconV_girl.jpg) left top no-repeat;
	}
	
#voice P.iconV_e {
	background:url(../img/iconV_eye.jpg) left top no-repeat;
	}
	
#voice P.iconV_e2 {
	background:url(../img/iconV_eye2.jpg) left top no-repeat;
	}

#salon_photo {
	width:210px;
	float:left;
}

#salon_info a:hover{background-color: #FAE4F1;}

#salon_info table{
	float:left;
	width: 425px;
}

#salon_info th{ background:url(../img/bg/bg_th_salon.gif) repeat-x;
	text-align: left;
	padding: 7px 10px;
	font-weight: bold;
}

#salon_info td{padding: 7px 10px 2px;}

#salon_info p {
	background:url(../img/arrow3.gif) left 5px no-repeat;
	padding: 0 0 5px 12px;
}

/*---------------------- アートメイク内容 -----------------------*/
#MP_txt {
	padding: 30px 0 30px 35px;
}

#MP_txt2 {font-size:120%;
	line-height:230%;
}

#MP_txt3 {font-size:120%;
	line-height:160%;
	margin-bottom:30px;
}

#MP_img {width: 200px;
	padding:0 0 70px 35px;
}

#MP_Flow {
	width:630px;
	margin-bottom: 40px;
	padding-left:20px;}

#MP_Flow dl {width:400px;
	float:left;}

#MP_Flow dt {font-weight:bold;
	margin-bottom:5px;
	padding:0 0 0 70px;
	height:35px;
	font-size: 125%;}

#MP_Flow dd {
	margin-bottom:15px;
	padding:0 20px 0 70px;}

#MP_Flow_photo {width:217px;
	float:right;}

.bgStep1 {background: url(../img/Mpigmentation/bgTTL_step1.gif) left top no-repeat;}
.bgStep2 {background: url(../img/Mpigmentation/bgTTL_step2.gif) left top no-repeat;}
.bgStep3 {background: url(../img/Mpigmentation/bgTTL_step3.gif) left top no-repeat;}
.bgStep4 {background: url(../img/Mpigmentation/bgTTL_step4.gif) left top no-repeat;}
.bgStep5 {background: url(../img/Mpigmentation/bgTTL_step5.gif) left top no-repeat;}
.bgStep6 {background: url(../img/Mpigmentation/bgTTL_step6.gif) left top no-repeat;}
.bgStep7 {background: url(../img/Mpigmentation/bgTTL_step7.gif) left top no-repeat;}
.bgStep8 {background: url(../img/Mpigmentation/bgTTL_step8.gif) left top no-repeat;}

#example ul{
	padding:0 0 40px 30px;
	list-style: none;
	}

#example li{
	float:left;
	width: 205px;
	}	


/*------------ アートメイク料金・テーブル --------------*/
.tableP {
	border-collapse:collapse;
	text-align:center;
	margin: 15px auto;
}

.tableP th{
	border-collapse:collapse;
	text-align:center;
	font-size: 110%;
	border-bottom: 1px solid #ccc;
}

.tableP tr{
	border-collapse:collapse;
	text-align:center;
	font-size: 110%;
	border-bottom: 1px solid #ccc;
}

.tableP td{
	border-collapse:collapse;
	text-align:center;
	padding: 6px 0;
	border-bottom: 1px solid #ccc;
}

.bg_grey {
	background-color: #EAEAEA;
}

/*------------ アートメイクFAQ --------------*/
#faq {
	margin-bottom:30px;
}

#faq h4{
	font-size:large;
	font-weight:bold;
}

#listQ {
	list-style:none;
	padding:20px 0 15px 40px;
	margin: 0 0 50px;
	background-color:#F8F8F8;
	border: 1px solid #e6e6e6;
 border-radius: 10px; /* CSS3 */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
 behavior: url(../ie_css3/PIE.htc);　/* IE */
}

#listQ li{
	list-style:none;
	padding-bottom: 5px;
	color:#FF3366;
}

#listQ li a:link { color:#FF3366; font-weight:bold; text-decoration:none;}
#listQ li a:visited { color:#663366; text-decoration:none;}
#listQ li a:active { color:#003399; text-decoration:none;}

#faq dt {
	font-weight:bold;
	font-size: 110%;
	padding-bottom: 5px;
	border-bottom: 1px dotted #FF3366;
	margin-bottom: 10px;
	color:#FF3366;
}

#faq dd {
	margin-bottom:30px;
}

/*---------------------- フェイシャル内容 -----------------------*/
#facial_txt {
	padding-bottom:30px;
	background: url(../img/facial/bg_facial_s.jpg) right top no-repeat;
}

#facial_txt2 {
	font-size:120%;
	line-height:180%;/sack
}

.facialImg {
	float:left;
	width:200px;
	padding: 0 15px 20px 50px;
}

.cosmeticsImg {
	float:left;
	width:100px;
	padding: 0 15px 20px 50px;
}

.tableP2 {
	float:left;
	border-collapse:collapse;
	text-align:center;
	margin: 15px auto 30px;
}

.tableP2 th{
	border-collapse:collapse;
	text-align:center;
	font-size: 110%;
}

.tableP2 td{
	border-collapse:collapse;
	text-align:center;
	padding: 6px 0;
}

#facialProcedure {margin-bottom:20px;}

.Fstep {padding:0 0 0 20px}

.Fstep p{
	margin: 10px 0 0 0;
	width:320px;
	float:right;
}

/*---------------------- お問い合わせ内容 -----------------------*/
#IQ_txt {
	padding: 20px 0 30px 35px;
}

.ttl_caution {
	margin:0 15px 10px 30px;
	border-bottom: 1px #CCCCCC solid;
	padding: 5px 10px;
	background-color: #F3F3F3;
	font-size:100%;
}

.ul_IQ {
	list-style: none;
	margin:0 15px 30px 35px;
}

.ul_IQ li{
	background:url(../img/arrow3.gif) 2px 4px no-repeat;
	padding: 0 0 5px 13px;
}

#IQ_form {
	margin:0 0 10px 30px;
}


#IQ_form th{
	width: 160px;
	background-color: #F5F5F5;
	border-top: 2px #fff solid;
	border-bottom: 1px #CCCCCC solid;
	text-align:center;
	padding: 3px 0 3px 3px;
}

#IQ_form td{
	border-collapse:collapse;
	border-bottom: 1px #CCCCCC solid;
	padding: 3px 0 3px 3px;
}