/*
Theme Name: umitotsuki
Author: umitotsuki
Author URI: 
Description: umitotsuki
Version: 1.0
*/

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

全体指定

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

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#3a2c2b;
	line-height:1.7;
	}

#wrapper{
	width:960px;
	margin:0 auto;
}

.tellink{
	pointer-events:none;
	cursor: default;
	text-decoration:none;
	color:#3a2c2b;
}

#spmenu,#spnavi{
	display:none;
}



/*----------------header----------------*/

header{
	padding:10px 0;
}

h1{
	float:left;
}

/*----------------nav----------------*/

header nav{
	float:left;
	margin-left:20px;
	padding-top:35px;
}

header nav>ul>li{
	float:left;
	margin-right:34px;
	position:relative;
}
header nav>ul>li#gnavi06{
	margin-right:0;
}

header nav>ul>li>a{
	height:16px;
	display:block;
	background:url(common/images/gnavi.png) no-repeat;
	text-indent:-9999px;
}

header nav>ul>li ul{
	position:absolute;
	left:0;
	top:16px;
	z-index:10;
	border:1px solid #d8cdc6;
	border-top:none;
	width:200px;
	background:#fff;
	display:none;
}

header nav>ul>li ul li{
}

header nav>ul>li ul li a{
	padding:5px 5px 5px 15px;
	font-size:12px;
	border-bottom:1px dashed #ccc;
	display:block;
	text-decoration:none;
	color:#3a2c2b;
	background:url(common/images/arrow_s.png) no-repeat 2px 10px;
}

header nav>ul>li ul li a:hover{
	color:#C63;
}

header nav>ul>li#gnavi01>a{
	width:41px;
	background-position:0 0;
}
header nav>ul>li#gnavi02>a{
	width:47px;
	background-position:-73px 0;
}
header nav>ul>li#gnavi03>a{
	width:40px;
	background-position:-154px 0;
}	
header nav>ul>li#gnavi04>a{
	width:55px;
	background-position:-228px 0;
}	
header nav>ul>li#gnavi05>a{
	width:34px;
	background-position:-317px 0;
}
header nav>ul>li#gnavi06>a{
	width:87px;
	background-position:-385px 0;
}
header nav>ul>li#gnavi01>a:hover{
	background-position:0 -16px;
}
header nav>ul>li#gnavi02>a:hover{
	background-position:-73px -16px;
}
header nav>ul>li#gnavi03>a:hover{
	background-position:-154px -16px;
}	
header nav>ul>li#gnavi04>a:hover{
	background-position:-228px -16px;
}	
header nav>ul>li#gnavi05>a:hover{
	background-position:-317px -16px;
}
header nav>ul>li#gnavi06>a:hover{
	background-position:-385px -16px;
}

#head_tel{
	padding-top:10px;
	float:right;
}

/*----------------footer----------------*/

footer{
	border-top:1px solid #ddccc0;
	padding-top:30px;
}

footer ul{
	float:left;
	margin-left:20px;
	font-size:12px;
}

footer ul li{
	margin-bottom:5px;
	padding:0 0 0 15px;
	background:url(common/images/arrow_s.png) no-repeat 0 5px;
}

footer ul li.foot_category{
	margin-bottom:5px;
	padding:0 0 0 15px;
	background:url(common/images/arrow.png) no-repeat 0 5px;
}

footer ul li a{
	color:#3a2c2b;
	text-decoration:none;
}
footer ul li a:hover{
	color:#C63;
}

address{
	font-size:12px;
	text-align:center;
	padding:10px 0;
	font-style:normal;
}

#foot_navi{
	width:600px;
	float:left;
}

#fb{
	width:300px;
	float:right;
	padding-top:30px;
}
	

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

HOME

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

/*----------------#mainimg----------------*/

div#mainimg{
	margin:0 auto 30px auto;
}

#second div#mainimg{
	margin:0 auto 10px auto;
}

/*----------------#index_news----------------*/

div#index_news{
	width:336px;
	float:right;
	font-size:12px;
}

div#index_news ul{
	padding-top:20px;
}

div#index_news li{
	margin-bottom:20px;
	padding:0 0 0 15px;
	background:url(common/images/arrow_s.png) no-repeat 0 5px;
}

div#index_news time{
	color:#624b26;
}

div#index_news a{
	text-decoration:none;
	color:#333;
}
div#index_news a:hover{
	text-decoration: underline;
}

/*----------------#about----------------*/

#about{
	margin:30px auto;
}

#about>div{
	width:300px;
	float:left;
}

#about p{
	padding-bottom:5px;
}

#about a{
	text-decoration:none;
	color:#3a2c2b;
}

#about_01{
	margin-right:30px;
}
#about_02{
	margin-right:30px;
}

/*----------------#info----------------*/

#info{
	margin-bottom:30px;
}

#info h3{
	margin-bottom:20px;
	background:none !important;
	padding:0 !important;
}

#info p{
	padding-bottom:6px;
	overflow:hidden;
}
	
a.btn_access{
	width:148px;
	height:33px;
	display:block;
	background:url(common/images/btn_access.png) no-repeat;
	text-indent:-9999px;
}
a.btn_access:hover{
	background-position:bottom;
}

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

2階層共通

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

#bread{
	font-size:12px;
	color:#8a5d45;
}

#bread a{
	color:#8a5d45;
}

#second div.cf{
	margin:30px auto;
}

#second h3{
	background:url(http://www.umi-to-tsuki.com/we/wp-content/uploads/2015/02/h3.png) no-repeat;
	padding:0 0 5px 50px;
	margin-bottom:20px;
	font-size:16px;
	font-weight:normal;
	color:#8a5d45;
}

#second h4{
	background:url(common/images/h4.png) no-repeat 0 3px;
	padding:0 0 5px 20px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:normal;
	color:#8a5d45;
}

.set_c2{
	width:450px;
	margin:0 15px;
	text-align:left;
	float:left;
}

.set_c2 p{
	font-size:12px;
}

.set_c1{
	width:960px;
	text-align:left;
}

.set_c1 p{
	font-size:12px;
	overflow:hidden;
}

.set_c4{
	width:220px;
	padding:0 10px;
	text-align:left;
	float:left;
}

.set_c4 p{
	font-size:12px;
	margin:0;
	padding-bottom:5px !important;
}

a.btn_link{
	padding:0 0 0 15px;
	background:url(common/images/arrow_s.png) no-repeat 0 5px;
	color:#8a5d45;
}
a.btn_link:hover{
	color:#C63;
}

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

コンセプト

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

#concept{
	text-align:center;
	padding:15px;
	border:1px solid #d8cdc6;
}

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

サロンメニュー

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

#menu{
	padding-left:280px;
	background:url(salon_menu/images/menu_bg.jpg) no-repeat left bottom;
}

.menu_set{
	width:300px;
	margin:0 20px 20px 20px;
	float:left;
}

dt{
	width:180px;
	color:#8a5d45;
	float:left;
	clear:left;
	padding-bottom:10px;
}
dd{
	padding-bottom:10px;
}

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

ブログ

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

#blog_left{
	width:660px;
	float:left;
}
#blog_right{
	width:280px;
	float:right;
}

.blog_set{
	padding:10px;
	border:1px solid #ccc;
	border-radius:10px;
}
.blog_set h3{
	background:url(common/images/h3.png) no-repeat;
	padding:0 0 5px 50px;
	margin-bottom:20px;
	font-size:16px;
	font-weight:normal;
	color:#8a5d45;
}

#blog_right h4{
	margin:0 !important;
	padding: 0 !important;
}

#blog_right ul{
	width:258px;
	border:1px solid #d8cdc6;
	padding:10px;
	margin:5px auto 30px auto;
}
#blog_right ul li{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;
}
#blog_right a{
	color:#333;
	text-decoration:none;
}
#blog_right a:hover{
		color: #C63;
	}
	
#blog_right table{
	font-size:12px;
	width:100% !important;
}

#blog_right table th{
	background:#d8cdc6;
}
#blog_right tfoot{
}

#blog_right td a{
	color:#F63;
}

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

問い合わせ

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

#contact_attention{
	width:270px;
	float:left;
	border:1px solid #d8cdc6;
	padding:15px;
	background: url(http://www.umi-to-tsuki.com/we/wp-content/uploads/2015/02/contact_img1.jpg) no-repeat right bottom;
}

#privacy{
	width:610px;
	margin:0;
	padding:15px;
	border:1px solid #d8cdc6;
	float:right;
	background:#fff;
}

form{
	width:840px;
	margin:0 auto;
}

form div.cf{
	padding-bottom:15px !important;
}

label{
	padding:5px;
	display:block;
	width:170px;
	height:20px;
	background:#7e5e49;
	border-radius:5px;
	color:#FFF;
	text-align:left;
	position:relative;
	margin-right:20px;
	float:left;
}

.wpcf7-not-valid-tip{
	display:block;
	padding:5px 0;
	clear:both;
	margin-left:190px;
}

.text_field{
	border:none;
	background:none;
	border:1px solid #ccc;
	border-radius:5px;
	padding:3px;
	height:24px;
	float:right;
	width:600px;
}
textarea{
	border:none;
	background:none;
	border:1px solid #ccc;
	border-radius:5px;
	padding:3px;
	float:right;
	width:600px;
}

#btn_submit{
	text-align:center;
	padding:10px 0;
}

.button-confirm,.button-rewrite,.wpcf7-submit {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	cursor:pointer;
	font-size:14px;
}
.button-confirm:before,.button-rewrite:before,.wpcf7-submit:before,
.button-confirm:after,.button-rewrite:after,.wpcf7-submit:after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button-confirm,.button-rewrite,.wpcf7-submit,
.button-confirm:before,.button-rewrite:before,.wpcf7-submit:before,
.button-confirm:after,.button-rewrite:after,.wpcf7-submit:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button-confirm,.button-rewrite,.wpcf7-submit{
	background:none;
	border:none;
	position: relative;
	background-color: #7e5e49;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #5c4637;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.need{
	font-size:12px;
	padding:3px;
	background:#fff;
	position:absolute;
	right:3px;
	bottom:2px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#7e5e49;
	}