@charset "UTF-8";

@import url('https://fonts.googleapis.com/earlyaccess/hannari.css');

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
max-height:100%;
}
address,em {
font-style: normal;
}
strong,th {
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr,legend {
display: none;
}
h1,h2,h5,h6 {
color:#5f5f5f;
font-size:15px;
font-style:normal;
font-weight:normal;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

h4 {
font-size:16px;
font-style:normal;
font-weight:normal;
color:#5f5f5f;
letter-spacing:0.07em;
line-height:1.5;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

h1,h2,h3,h4,h5,h6,p,ul,ol {
    max-height: 100%; } 

h3{
color:#104a62;
font-size:12px;
font-style:normal;
font-weight:normal;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

img,fieldset {
border: 0;
}
li {
list-style-type: none;
}
h1{display:inline}

/* Fonts
------------------------------------------------------------*/

html,body {
  -webkit-text-size-adjust: none;
}


html{
	background-color:#104a62;
	background-image:url(../images/index_bg.jpg);
	background-repeat:repeat;
	background-position:left top;
}
}

body {
	text-align:center;
	line-height:1.5;
	height:auto;
	font-size: 13px; /* IE */
	color:#5f5f5f;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

a:link { color: #5f5f5f; border-bottom: 0px solid;}
a:visited { color: #5f5f5f; border-bottom: 0px solid;}
a:hover { color: #104a62; border-bottom: 0px solid;}
a:active { color: #5f5f5f; border-bottom: 0px solid;}



html>/**/body {
font-size: 13px; /* Except IE */
}



/* フロート解除
------------------------------------------------------------*/
.clearfix {
    overflow:hidden;
    height:100%;}




/* ----------------------------------------------------- */
/* ■レイアウト背景画像*/
/* ----------------------------------------------------- */

#page{
	text-align:left;
	width:900px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:4px;
}



/* ----------------------------------------------------- */
/* ■ヘッダー*/
/* ----------------------------------------------------- */

#head_line{
	width:100%;
	margin:0;
	height:13px;
	background-color:#104a62;
}

#head{
	width:900px;
	height:164px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	font-size:12px;
	color:#104a62;
}

/*-----LOGO-----*/
.logo{
	width:236px;
	height:164px;
	padding-left:332px;
	text-align:left;
	float:left;
}

/*-----INFO-----*/

.head_info{
	width:332px;
	height:86px;
	text-align:left;
	float:left;
	padding-top:78px;
}


.head_contact{
	width:112px;
	height:33px;
	margin-left:220px;
	background-image:url(../images/mailbtn02.jpg);
	background-repeat:no-repeat;}
.head_contact a {display:block; width:112px; height:33px; outline:none;}
.head_contact a:hover{text-indent:-9999px;}

.head_text{
	width:332px;
	height:auto;
	text-align:right;
}




/* ----------------------------------------------------- */
/* ■メニュー*/
/* ----------------------------------------------------- */

#menu{
	width:900px;
	height:140px;
	padding-top:15px;
	background-image:url(../images/menu_bg.jpg);
	background-repeat:no-repeat;
	text-align:left;
	clear:both;
}

.btn_price{
	width:180px;
	height:140px;
	float:left;
	background-image:url(../images/btn_price02.jpg);
	background-repeat:no-repeat;}
.btn_price a {display:block; width:180px; height:140px; outline:none;}
.btn_price a:hover{text-indent:-9999px;}


.btn_qa{
	width:180px;
	height:140px;
	float:left;
	background-image:url(../images/btn_qa02.jpg);
	background-repeat:no-repeat;}
.btn_qa a {display:block; width:180px; height:140px; outline:none;}
.btn_qa a:hover{text-indent:-9999px;}


.btn_blog{
	width:180px;
	height:140px;
	float:left;
	background-image:url(../images/btn_blog02.jpg);
	background-repeat:no-repeat;}
.btn_blog a {display:block; width:180px; height:140px; outline:none;}
.btn_blog a:hover{text-indent:-9999px;}


.btn_salon{
	width:180px;
	height:140px;
	float:left;
	background-image:url(../images/btn_salon02.jpg);
	background-repeat:no-repeat;}
.btn_salon a {display:block; width:180px; height:140px; outline:none;}
.btn_salon a:hover{text-indent:-9999px;}


.btn_contact{
	width:180px;
	height:140px;
	float:left;
	background-image:url(../images/btn_contact02.jpg);
	background-repeat:no-repeat;}
.btn_contact a {display:block; width:180px; height:140px; outline:none;}
.btn_contact a:hover{text-indent:-9999px;}



/* ----------------------------------------------------- */
/* ■カラム設定*/
/* ----------------------------------------------------- */


/*-----カラムなし-----*/
#column_main{
	width:900px;
	height:auto;
	text-align:left;
}


/* ----------------------------------------------------- */
/* ■フッター*/
/* ----------------------------------------------------- */

#pagetop{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:41px;
}
.pagetop{
	width:140px;
	height:41px;
	margin-left:760px;
	background-image:url(../images/pagetop02.jpg);
	background-repeat:no-repeat;}
.pagetop a {display:block; width:140px; height:41px; outline:none;}
.pagetop a:hover{text-indent:-9999px;}



#foot{
	width:100%;
	height:67px;
	background-color:#104a62;
}

.foot{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:51px;
	text-align:left;
	font-size:14px;
	color:#fff;
	padding-top:16px;
	background-image:url(../images/foot_bg.jpg);
	background-repeat:no-repeat;}
.foot a {font-size:14px; color:#fff;}
.foot a:hover{font-size:14px; color:#fef2ba;}