@charset "utf-8";
html{
	font-family: "ＭＳ 明朝","MS 明朝", "ＭＳ Ｐ明朝", "MS PMincho","Hiragino Mincho ProN", Meiryo,serif, sans-serif;
}
body{
	font-size: 18px;
	color:#3a2828;
	background-color: #fff;
        background-image: url(../img/common/bg.gif);
        background-repeat: repeat;
        line-height: 28px;
        letter-spacing: 0.3rem;
}
/*body_wrap*/
#body_wrap{
	overflow: hidden;
}
a{
	text-decoration:none;
	color:#945a5a;
}

a:hover{
	color:#e3a128;
	transition:color 0.3s linear;
}

h2{
        font-size: 30px;
        font-weight: bold;
        padding-bottom: 8px;
        border-bottom-style:solid;
        border-bottom-width: 2px;
        border-bottom-color:#d9cc83;
        display: inline-block;
        margin-bottom: 25px;
}
h3{
	font-size:22px;
}
.h3_style1{
        font-weight: bold;
        background-image: url(../img/common/h3_style1.png);
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 20px;
        height: 29px;
        margin: 5px;
        letter-spacing: 0.23rem;
}
.h3_style2{
        font-weight: bold;
        background-image: url(../img/common/h3_style2.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        padding-left: 29px;
        height: 46px;
        margin: 5px;
}
.h3_style2 h3{
        display: inline-block;
        letter-spacing: 0.23rem;
        padding-bottom: 1px;
        border-bottom-style:solid;
        border-bottom-width: 2px;
        border-bottom-color:#b7a4a4;
    
}

/****ヘッダー全体****/
#header_line1{
    background-color: #8a3434;
    height: 10px;
}
/*H1スタイル*/
#h1_style{
	background-color:#d6c1c1;
	height: 25px;
	display: block;
	text-align:center;
	font-size:14px;
	font-weight: normal;
}
#h1_style h1{    
    width: 1200px;
    margin: auto;
}


/***Gnavi***/
#gnavi_area{
        display: block;
	text-align:center;    
}
#site_title{
	font-size:40px;
	font-weight:bold;
	margin-top: 30px;
	margin-bottom: 30px;
}
#site_title a{
	color:#3a2828;    
}
#site_title a:hover{
	color:#3a2828;    
}

#gnavi li{
	display: inline-block;
	font-size:24px;
}
#gnavi a{
	color:#3a2828;
	padding-bottom: 5px;
	border-bottom-style:dashed;
	border-bottom-width: 2px;
	border-bottom-color:#fff;
}
#gnavi a:hover{
	border-bottom-color: #945a5a;
	color:#945a5a;
	transition:color,border-bottom-color 0.5s linear;
}
#gnavi_border{
        margin-top: 25px;
        box-shadow: 1px 5px 10px rgba(0,0,0,0.2);
        background-color: #dddddb;
        height: 1px;
}

/***メインイメージエリア***/
#main_image_area{
        margin-top: 25px;
        background-image: url(../img/index/main_image.png);
        background-repeat:no-repeat;
        background-position: top;
        height:473px;
        padding-left: 150px;
        padding-top: 30px;
        padding-right: 650px;
}
#main_msg{
    font-size: 22px;
    font-weight:bold;
    margin-bottom: 20px;
	line-height: 2rem;
}
#main_area_padding{
    padding-bottom: 30px;
}

/***サービス概要***/
#care_msg{
	margin-bottom:40px;
	text-align:center;
	letter-spacing: 0.2rem;
}
#out_care{
        display: inline-block;
        background-image: url(../img/index/out_care.png);
        background-repeat:no-repeat;
        height: 197px;
        width: 287px;
        vertical-align: top; 
}
.mini_desc{
        font-size: 14px;
        display: inline-block;
        width: 45px;
        letter-spacing: 0;              
        line-height: 13px;
        padding-top: 5px;
}
#out_care_title{
        display: inline-block;
        border-bottom-style:solid;
        border-bottom-width: 2px;
        border-bottom-color:#b9d88e;
        position: absolute;
        margin-top: -8px;
}
#inner_care{
        display: inline-block;
        background-image: url(../img/index/inner_care.png);
        background-repeat:no-repeat;
        height: 197px;
        width: 287px;
        vertical-align: top;     
}
#inner_care_title{
        display: inline-block;
        border-bottom-style:solid;
        border-bottom-width: 2px;
        border-bottom-color:#f0bf66;
        position: absolute;
        margin-top: -8px;
}
#plus_img{
        display: inline-block;
        background-image: url(../img/index/plus.png);
        background-repeat:no-repeat;
        background-position: center;
        height: 197px;
        width: 61px;    
        vertical-align: top; 
}
#equal_img{
        display: inline-block;
        background-image: url(../img/index/equal.png);
        background-repeat:no-repeat;
        background-position: center;
        height: 197px;
        width: 61px;    
        vertical-align: top; 
        margin-left: 30px;
}
#answer_img{
        display: inline-block;
        background-image: url(../img/index/answer.png);
        background-repeat:no-repeat;
        background-position: center;
        height: 197px;
        width: 287px;    
        vertical-align: top; 
        margin-left: 40px;
}

/**こんなサロンにおすすめ**/
#recommend_salon{
        background-image: url(../img/index/recommend_bg.png);
        background-repeat:repeat;
        height: 360px;
}

#recommend_salon .h3_style1{
        font-size: 18px;
        padding-left: 17px;
		padding-top: 5px;
}
.recommend_box{
        display: inline-block;
        vertical-align: top; 
        background-image: url(../img/index/recommend_box_bg.png);
        background-repeat:no-repeat;
        width:383px;
        height: 220px;
        margin-left: 1px;
        margin-right: 1px;
}
.recommend_detail{
		font-size: 16px;
		letter-spacing: 0.2rem;
		padding: 5px;
		width: 350px;
		height: 165px;
		line-height: 1.4rem;
		padding-left: 10px;
		padding-right: 10px;
}

/***キーワードエリア***/
#keywords_area{
        background-image: url(../img/index/keyword_bg.png);
        background-repeat:no-repeat;
        height: 700px;
}
.keywords_box{
    display: block;
    height: 280px;
    width: 700px;
    margin: auto;
}
.keywords_title{
    display: inline-block;
    padding-left: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.keywords_box img{
    display: inline-block;
    float: left;
}
.keywords_detail{
    font-size: 16px;
    line-height: 19px;    
}

/**5つのメリット**/
#merit5_area{
    height: 700px;
}
.merit5_box{
    display: inline-block;
    width: 590px;
    margin-bottom: 30px;
    vertical-align: top;
}
.merit5_box img{
    float: left;
    margin-right: 20px;
}
.merit5_title{
        display: inline-block;
        letter-spacing: 0.23rem;
        padding-bottom: 1px;
        border-bottom-style:solid;
        border-bottom-width: 2px;
        margin-left: -250px;
        margin-top: -9px;
        position: absolute;      
}
#merit5_title1{
        border-bottom-color:#b9d88e;
}
#merit5_title2{
        border-bottom-color:#f0bf66;
}
#merit5_title3{
        border-bottom-color:#c6a1a1;
}
#merit5_title4{
        border-bottom-color:#97b1c0;
}
#merit5_title5{
        border-bottom-color:#e7e5e5;
}
.merit5_desc{
    margin-top:30px;
    font-size: 16px;
    line-height: 19px; 
}

/**詳しくボタン**/
#btn_detail_outline{
    display: inline-block;
    background-color: #f19532;
    height: 49px;
    padding-top: 22px;
    padding-right: 10px;
    padding-left: 10px;
    color: #fff;
}
#btn_detail_outline span{
        border-style:dashed;
        border-width: 2px;
        border-color:#fff;
        padding: 16px;
        font-weight: bold;
}
#btn_detail_outline:hover{
    text-shadow: 1px 5px 10px rgba(0,0,0,0.3);
    box-shadow: 1px 5px 10px rgba(0,0,0,0.3);
    transition-property:box-shadow ,text-shadow;
    transition-duration:0.3s;
    transition-timing-function:linear;	
    
}

/**フッター**/
#footer_area{
    background-color: #d3d4d1;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 2px;
    margin-top: 30px;
}
#footer_area a{
    color: #3a2828;
}
#footer_area ul{
    margin-bottom: 10px;
}
#footer_area ul a:hover{
    padding-bottom: 3px;
    border-bottom-style:dashed;
    border-bottom-width: 2px;
    border-bottom-color:#3a2828;
	transition:border-bottom-style 0.3s linear;
}
#footer_area li{
    display: inline-block;
    text-decoration: none;
}

#footer_bar{
    background-color: #000;
    height: 5px;
}

/****************/
/*TOPに戻るボタン*/
/****************/
#page-buttom {
	position: fixed;
	bottom: 0px;
	right: 0px;
	font-size: 100%;
	z-index:100;
	padding-bottom:0px;
	padding-right:0px;
}
#page-buttom a {
        background-image: url(../img/common/top_btn_bg.png);
        background-repeat:no-repeat;
	text-decoration: none;
	color: #fff;
	width: 80px;
        height: 80px;
	padding: 26px 0;
	text-align: center;
	display: block;
        letter-spacing: 0.1rem;
}
#page-buttom a:hover {
	opacity:.7;
	transition:opacity 0.3s linear;
}

/*
共通利用のいろいろ
*/

.atag_style1{
	padding-bottom: 3px;
	border-bottom-style:dashed;
	border-bottom-width: 2px;
	border-bottom-color:#e3a128;
	text-decoration:none;
	color:#e3a128;
}

.atag_style1:hover{
	color:#945a5a;
	border-bottom-color:#945a5a;
	transition:color,border-bottom-color 0.3s linear;
}

.minchou_trans{
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(1, 1.01);
    -moz-transform-origin: 0 0;
    -moz-transform: scale(1, 1.01);
    -ms-transform-origin: 0 0;
    -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
    -o-transform-origin: 0 0;
    -o-transform: scale(1, 1.01);   
}
.contents_wrap{
	width:1200px;
	margin:auto;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(1, 1.01);
        -moz-transform-origin: 0 0;
        -moz-transform: scale(1, 1.01);
        -ms-transform-origin: 0 0;
        -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
        -o-transform-origin: 0 0;
        -o-transform: scale(1, 1.01);   
}
.contents_padding{
    padding-top: 30px;
    padding-bottom: 30px;
}
.str_bg_strong{
    background-image: url(../img/common/str_strong_bg.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}
.str_strong{
    font-weight: bold;
}
.size14{
    font-size: 14px;
}
.size16{
    font-size: 16px;
}
.mt10{
    margin-top: 10px !important;
}
.mt20{
    margin-top: 20px !important;
}

.mt40{
    margin-top: 40px !important;
}

.mb10{
    margin-bottom: 10px !important;
}

.text_area_style1{
	padding-left:20px !important;
	padding-right:20px !important;
}
.text_area_style2{
	padding-left:60px !important;
	padding-right:60px !important;
}
.color_style1{
	color:#b9d88e;
}
.color_style2{
	color:#e3a128;
}
.center_text{
	text-align:center;
}
.right_text{
	text-align:right;
}
.left_text{
	text-align:left;
}
.outline1{
	padding-left:30px;
	padding-right:30px;
}

.outline2{
	padding-left:40px;
	padding-right:40px;
}

.cell_spacing{
	border-bottom:none !important;
	padding:0 !important;
}


/**サブページで使う*/
/*h1*/
#h1_style2{
	display:block;
	text-align:left;
}

#h1_style2 h1{
	position: relative;
	color: #333333;
	text-shadow: 0 0 2px white;
	background: #efdfc3;
	z-index: -4;
	border-radius: 0 10px 10px;
	display:inline-block;
	font-size:32px;
	margin-bottom:30px;
	padding-top: 10px;
	height: 40px;
	padding-right: 10px;	
}

#h1_style2 h1:before {
	content: "";
	position: absolute;
	background: #f0bf66;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	top: 50%;
	/* border: dashed 1px white; */
	left: -15px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}


/*テーブル style1*/
.table_style1{
	font-size:16px;
}
.table_style1 th,td{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.table_style1 td{
	border-bottom-style:solid;
	border-bottom-color:#dcd4d4;
	border-bottom-width:1px;
}
.table_style1 th{
	vertical-align:middle;
	text-align:center;
	background-color:#f1f1f1;
	border-bottom-style:solid;
	border-bottom-color:#fff;
	border-bottom-width:2px;
	min-width:220px;
}

/*フォームエリア*/
#form_area select,input,textarea{
	font-size:16px;
	padding:5px;
	margin:5px;
}
#form_area input{
	width:300px;
}
#form_area textarea{
	width:500px;
}
.inq_req:after{
	margin-left:8px;
	font-size:11px;
	content:"必須";
	color:#FFF;
	border-style:solid;
	border-color:#F00;
	background-color:#F60;
	border-width:1px;
	border-radius:7px;
	padding-left:2px;	
	letter-spacing:0.08em;
}
.btn_style1{	
	font-size:24px;
	background-color:#f19532;
	padding:10px;
	color:#FFF;
	border-style:solid;
	border-width:1px;
	border-radius:5px;
}
.btn_style1:hover{
    text-shadow: 1px 5px 10px rgba(0,0,0,0.3);
    box-shadow: 1px 5px 10px rgba(0,0,0,0.3);
    transition-property:box-shadow ,text-shadow;
    transition-duration:0.3s;
    transition-timing-function:linear;	
}
.btn_style1:active{
	border-color:#333;
}
.error{
	color:#F00;
	border-style:solid;
	border-color:#945a5a;
	border-width:1px;
}

.check_bg{
        background-image: url(../img/common/check_bg.png);
        background-repeat:repeat;
}

.float_left{
	float:left;
	margin-right:10px;
}

.inc_img_area{
	min-height:350px;
}
.imeon {
  ime-mode: active;   /* 全角モード */
}
.imeoff {
  ime-mode: inactive; /* 半角モード */
}