@charset "utf-8";

/* Reset ------------------------------------------------------------------ */

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}
table {
    border-spacing: 0;
}
fieldset,img,abbr,acronym {
    border: 0;
} 
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
q:before,q:after {
    content: '';
}
a {
    text-decoration: none;
	outline: none;
	color:#244386;
}
a:hover {
    text-decoration: underline;
}
a img,:link img,:visited img {
    border: none;
}
img {
    vertical-align: top;
}
address {
    font-style: normal;
}
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

/* //Reset ---------------------------------------------------------------- */


/* Rayout ----------------------------------------------------------------- */
body{
	font-size: 62.5%;
	line-height:1.6;
	text-align:center;
	color:#3c3c3c;
	background-color:#FFFFFF;
}

#wrapper{
	background:url(../img/nav_bar.jpg) repeat-x;
	background-position:0 324px;
	height:368px;
	font-size:1.2em;
}

a:link{
color:#007FB7;
text-decoration:underline;
}

a:hover{
color:#FF6600;
}

.f_right{ float:right;}
.f_left{ float:left;}
.clearfix{clear:both;}

a:hover img.hoverImg{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.mrgB20{ margin-bottom:20px;}
.mrgB30{ margin-bottom:30px;}

.text_att{
font-weight:bold;
color:#FF0000;
}

/* #header ----------------------------------------------------------------- */
#header_wrap{
background:url(../img/head_img001.jpg) no-repeat center;
width:100%;
text-align:center;
}

#header{
width:970px;
margin:0 auto;
height:324px;
}

#header img{
clear:both;
}

.header_compNum{
background: url(../img/head_info01.jpg) top right no-repeat;
height:99px;
width:730px;
float:right;
}

.header_compNum h1{
text-align:right;
padding:5px 100px 0 0;
}

#l_img{
overflow:hidden;
}


/* #navi ----------------------------------------------------------------- */

#navi{
background:url(../img/nav_bar.jpg) repeat-x top center;
}

#navi ul{
margin:0 auto;
width:918px;
}


#navi li{
float:left;
text-align:center;
}


/* #contents--------------------------------------------------- */

#contents{
width:970px;
margin:0 auto 40px auto;
overflow:hidden;
clear:both;
}

#breadcrumb{
margin:0 0 20px 0;
}

#breadcrumb li{
display:inline;
font-size:0.9em;
}

#breadcrumb li a{
color:#FF6600;
text-decoration: underline;
}

#breadcrumb li a:hover{
text-decoration: none;
}

/* #main ----------------------------------------------------------------- */

#main{
padding-top:20px;
width:716px;
text-align:left;
}

#mTitle{
margin-bottom:20px;
}

#sTitle{
margin-bottom:25px;
}

#img01,#img03,#img02{
width:353px;
}

#column1{
margin-bottom:20px;
overflow:hidden;
clear:both;
}

#column2{
margin-bottom:25px;
overflow:hidden;
clear:both;
}

#column3{
margin-bottom:30px;
clear:both;
}

#img01 p,#img03 p,#img02 p{
margin-bottom:6px;
}


#img01 img,#img03 img,#img02 img{
margin-bottom:5px;
}


/* #salon ----------------------------------------------------------------- */
.page_title{
margin:0 0 30px 0;
}

.salon_section{
clear:both;
overflow:hidden;
margin-bottom:30px;
}

.salon_subtitle{
background:url(../img/com_subtitlebk.gif) top left no-repeat;
width:716px;
height:29px;
line-height:29px;
padding:0 0 0 30px;
font-size:1.2em;
color:#522A0C;
font-weight:bold;
margin:0 0 20px 0;
}

.salon_img{
float:right;
margin:0 0 0 20px;
}

.salon_text{
padding:0 0 0 30px;
}

/* #menu ----------------------------------------------------------------- */
.menu_section{
margin-bottom:60px;
}

.menu_img{
width:373px;
float:left;
display:block;
}

.menu_listbox{
background: url(../img/menu_listbk.gif) top left #724334 no-repeat;
color:#FFFFFF;
overflow:hidden;
clear:both;
position:relative;
}

.menu_link{
position: absolute;
right:20px;
top:20px;
text-align:right;
line-height:14px;
height:14px;
}

.menu_link a{
color:#FFFFFF;
background:url(../img/icon_link.png) top left no-repeat;
padding:0 0 0 26px;
background-position: left bottom;
line-height:14px;
height:14px;
}

.menu_link a:hover{
background-position: left top;
}

.menu_listbox_inner{
padding:20px;
}

.menu_listbox h5{
font-size:1.2em;
font-weight:bold;
margin-bottom:10px;
}

.menu_list{
overflow:hidden;
clear:both;
}
.menu_list dt {
	float: left;
	width: 280px;
	margin-bottom:5px;
/*	text-indent: 1em;
	line-height: 150%;*/
	overflow:hidden;
}
.menu_list dd {
	width:396px;
	margin-bottom:5px;
	margin-left:280px;
	overflow:hidden;
}


.faq_box{
width:694px;
height:auto;
margin-left:20px;
clear:both;
overflow:hidden;
}

.faq_box_inner{
padding:13px;
border:1px solid #CCCCCC;
background-color:#f4f0e1;
margin-bottom:20px;
}

.faq_list{
clear:both;
overflow:hidden;
height:auto;
}

.faq_list dt{
background:url(../img/faq_iconQ.gif) top left no-repeat;
height:24px;
line-height:24px;
border-bottom:1px dotted #660000;
padding:0 0 8px 35px;
margin-bottom:8px;
}


.faq_list dd{
background:url(../img/faq_iconA.gif) top left no-repeat;
line-height:24px;
padding:0 0 0 35px;
}


/* #payment ----------------------------------------------------------------- */
.payment_box{
overflow:hidden;
clear:both;
}

.payment_inner{
width:674px;
background:url(../img/payment_boxbk.jpg) top left repeat-y;
border:1px solid #dfba61;
padding:20px;
}

.payment_inner ul{
clear:both;
overflow: hidden;
margin-bottom:5px;
}

.payment_inner ul li{
float:left;
}

.payment_inner ul li.payment_name{
color:#660000;
font-weight:bold;
width:260px;
}

.payment_inner ul li.payment_exp{
width:360px;
/*background-color:#FF0000;*/
}

.payment_inner ul li.payment_price{
color:#660000;
font-weight:bold;
float:right;
}

/* #access ----------------------------------------------------------------- */

.access_inner{
padding:0 43px;
clear:both;
}

.access_inner h3{
font-size:1.2em;
color:#660000;
font-weight: bold;
margin-bottom:15px;
}


.access_imgList{
padding-top:20px;
clear:both;
overflow:hidden;
margin-bottom:60px;
}

.access_imgList li{
float:left;
}


.access_tb {
    width: 310px;
    border: 1px #C3B395 solid;
    border-collapse: collapse;
    border-spacing: 0;
	float:right;
}

.access_tb th {
    padding: 5px;
    border: #C3B395 solid;
    border-width: 0 0 1px 1px;
    background: #FDF8E9;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	width:120px;
}
.access_tb td {
    padding: 5px;
    border: 1px #C3B395 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

/* #campaign ----------------------------------------------------------------- */
.camp_list li{
margin-bottom:40px;
}


/* #experiences ----------------------------------------------------------------- */
.exp_box{
margin:0 0 40px 0;
padding:0 0 35px 0;
border-bottom:1px dotted #DFBA61;
clear:both;
overflow:hidden;
}

.exp_box h3{
margin-bottom:20px;
}

.exp_box ul{
padding:0 20px;
}

/* #foot ----------------------------------------------------------------- */

#foot{
width:100%;
background-image:url(../img/foot_bar.jpg);
background-repeat:repeat-x;
background-position:center;
clear:both;
}

#foot p{
color:#FFFFFF;
}


/* #side ----------------------------------------------------------------- */


#side{
padding-top:20px;
width:234px;
margin-bottom:40px;
}

#s_01,#s_02,#s_03{
margin-bottom:10px;
}

#s_04{
text-align:left;
background-image:url(../img/side_img04_mid.jpg);
background-repeat:repeat-y;
background-position:center;
overflow:hidden;
}

#s_04 p{
margin:0 20px 0 20px;
line-height:1.4;
color:#333333;
}

.s_p0{
padding:10px 0 3px 0;
}

.s_p1{
padding-bottom:6px;
}

.s_p2{
padding-bottom:3px;
}

.s_p3{
padding-bottom:6px;
text-indent:2.2em;
}

.s_p4{
padding-bottom:5px;
}