/* ++++++ 基本設定 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 1:要素のリセット*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
 
/* リセット */
.clear { clear: both; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }

/* IEの画像縮小の処理*/
img { -ms-interpolation-mode: bicubic; }

/* 2：基本のフォント */
body,th,td,h1,h2,h3,h4,h5,h6,table,td,th{
	font-size: 12px;
	line-height: 1.4;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;

}
#staff .entry_body li {
	width: 168px;
	float: left;
	height: 200px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#staff h2 {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	clear: both;
	background-image: url(../image/h4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	text-indent: 32px;
}
#staff .entry_body .shouhin_bun h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}
#style .entry_body li {
	width: 168px;
	float: left;
	height: 220px;
	margin: 0px;
	padding: 0px;
}
#style .entry_body .style_img {
	height: 180px;
	overflow: hidden;
	width: 160px;
	background-color: #E8E8E8;
}

#style h2 {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 42px;
	clear: both;
	background-image: url(../image/h4.jpg);
	background-repeat: no-repeat;
	height: 42px;
	text-indent: 32px;
}
#style .entry_body .shouhin_bun h3 {
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
}




a{
	color: #333333;
	text-decoration: none;
}
a:hover{
	color: #000000;
	text-decoration: underline;
}
a:visited{
	color: #999999;
}

/* 3：基本のレイアウト */

body{
	text-align: center;
}

#container{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
body.sub #container{
	margin-left: auto;
	margin-right: auto;
	width: 982px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../image/submain_line.jpg);
	background-repeat: repeat-y;
}
body.sub{
	background-image: url(../image/subback_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#index_body{
	width:980px;
	background-color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#index_body #content{
width: 960px;
}

body.sub #content{
	width: 960px;
}
#content{
	width: 920px;
	margin-top: 12px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}

#main_image {
	display: block;
	width: 100%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 550px;
	margin-top: 0px;
}

/*=====================
	layout
====================*/

#main{
	width: 960px;
	color: #333333;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

.sub #main{
	width: 982px;
	color: #333333;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/sub_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#left {
	float: left;
	width: 680px;
	margin-left: 24px;
}
* html #left {
	margin-left: 12px;
}

#logo{
	float: left;
	text-indent: -9999px;
}
#logo a{
	position: absolute;
	top: 22px;
	left: 6px;
	width: 234px;
	height: 65px;
	display: block;
}
#top_read {
	font-size: 11px;
	color: #EFEFEF;
	text-align: right;
}


#right {
	width: 220px;
	float: right;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
* html #right {
	margin-right: 10px;
}


/* ===============
	navi
=================*/

#header{
	height:140px;
	position: relative;
}
.head {
	background-image: url(../image/head_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 28px;
}

.head_in {
	width:900px;
	margin: auto 0px;
	text-align:left;
}
body.sub #gnav{
	top: 100px;
	position: absolute;
	right: 10px;
}

#gnav {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}

ul#globalnav {
	height: 32px;
	width: 960px;
	clear: both;
	position: relative;
	background-image: url(../image/head.jpg);
	background-repeat: no-repeat;
}

#globalnav li, #globalnav a {
	display: block;
	height: 32px;
}

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

#globalnav li a {
	text-indent:-9000px;
	display: block;
	position: absolute;
}

#nv01 a {
	left: 30px;
	width:100px;
}
#nv02 a {
	left: 130px;
	width:100px;
}
#nv03 a {
	left: 230px;
	width:85px;
}
#nv04 a {
	left: 315px;
	width:90px;
}
#nv05 a {
	left: 405px;
	width:105px;
}
#nv06 a {
	left: 510px;
	width:95px;
}
#nv07 a {
	left: 605px;
	width:95px;
}
#nv08 a {
	left: 700px;
	width:110px;
}
#nv09 a {
	left: 810px;
	width:115px;
}

#globalnav li a:hover {
	background-image: url(../image/head.jpg);
}


#nv01 a:hover {background-position: -30px bottom;}
#nv02 a:hover {background-position: -130px bottom;}
#nv03 a:hover {background-position: -230px bottom;}
#nv04 a:hover {background-position: -315px bottom;}
#nv05 a:hover {background-position: -405px bottom;}
#nv06 a:hover {background-position: -510px bottom;}
#nv07 a:hover {background-position: -605px bottom;}
#nv08 a:hover {background-position: -700px bottom;}
#nv09 a:hover {background-position: -810px bottom;}

/*=================
	footer
==================*/
#footer {
	width: 960px;
	padding-left: 0px;
	padding-top: 30px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#footer_inner{
	display: block;
	width: 960px;
	height: 30px;
	background-image: url(../image/footer_bar.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.copyright{
	display:block;
	text-indent: -9999px;
	text-align:left;
}





/*===================
		info
======================*/
#info_title {
	display: block;
	width: 660px;
	height: 21px;
	background-image: url(../image/information.jpg);
	background-repeat: no-repeat;
	float: left;
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 20px;
}


#news{
	width: 650px;
	margin: 0px;
}

#news dl{
	width: 620px;
	border-bottom: dotted 1px #cccccc;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#news dl dt{
	width: 90px;
	text-align: left;
	float: left;
	line-height: 24px;
}
#news dl dd{
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 90px;
	line-height: 24px;
}


/*====================
		banner
=====================*/
#banner {
	padding:0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.banner_box {
	margin-bottom: 7px;
}
#main a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;

}

/*================
	logo
=================*/
#logo_image {
	display: block;
	width: 206px;
	float: left;
	padding: 0px;
}


/*================
	sub page
==================*/
.sub_image {
	display: block;
	width: 680px;
	height: 256px;
}

.sub_title {
	display: block;
	height: 28px;
	padding-left: 0px;
	padding-right: 0px;

}

.sub_title h2 {
	color: #333;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	text-indent: -9999px;
}


#sub_text {
	display: block;
	width: 664px;
	padding-left: 12px;
	float: left;
	text-align: left;
	margin-top: 5px;
	padding-right: 0px;
	min-height: 320px;
}

#sub_text h4{
	font-size:18px;
	color:#333;
	font-weight:bold;
	height: 24px;
	margin: 0px 0px 5px 0px;
}

/*====================
	sub page photo
======================*/
#sub_information {
	display: block;
	background-image: url(../image/sub_page_info.jpg);
	width: 664px;
	height: 256px;
	background-repeat: no-repeat;
}

#sub_price {
	display: block;
	background-image: url(../image/sub_page_price.jpg);
	width: 664px;
	height: 256px;
	float: none;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#sub_blog {	
	display: block;
	background-image: url(../image/sub_page_blog.jpg);
	width: 664px;
	height: 256px;
	background-repeat: no-repeat;
}

#sub_salon {	
	display: block;
	background-image: url(../image/sub_page_salon.jpg);
	width: 664px;
	height: 256px;
	background-repeat: no-repeat;
}

#sub_recruit {	
	display: block;
	background-image: url(../image/sub_page_recruit.jpg);
	width: 664px;
	height: 256px;
	background-repeat: no-repeat;
}

#sub_contact {	
	display: block;
	background-image: url(../image/sub_page_contact.jpg);
	width: 664px;
	height: 256px;
	background-repeat: no-repeat;
}

#sub_access {	
	display: none;
}

#sub_hair_style {	
	display: block;
	background-image: url(../image/sub_page_hair_style.jpg);
	width: 664px;
	height: 256px;
	background-repeat: no-repeat;
}
#sub_robot_plus {	
	display: block;
	background-image: url(../image/sub_page_robot_plus.jpg);
	width: 664px;
	height: 256px;
		margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
#sub_robot {
	display: block;
	background-image: url(../image/sub_page_robot.jpg);
	width: 664px;
	margin-top: 0px;
	margin-bottom: 10px;
	height: 256px;
	background-repeat: no-repeat;
}



/*====================
	sub page title
======================*/

#sub_title_information {
	display: block;
	background-image: url(../image/sub_title_info.jpg);
	background-repeat: no-repeat;
}

#sub_title_price {
	display: block;
	background-image: url(../image/sub_title_price.jpg);
	background-repeat: no-repeat;
}

#sub_title_blog {
	display: block;
	background-image: url(../image/sub_title_blog.jpg);
	background-repeat: no-repeat;
}

#sub_title_salon {
	display: block;
	background-image: url(../image/sub_title_salon.jpg);
	background-repeat: no-repeat;
}

#sub_title_recruit {
	display: block;
	background-image: url(../image/sub_title_recruit.jpg);
	background-repeat: no-repeat;
}

#sub_title_contact {
	display: block;
	background-image: url(../image/sub_title_contact.jpg);
	background-repeat: no-repeat;
}

#sub_title_access {
	display: block;
	background-image: url(../image/sub_title_access.jpg);
	background-repeat: no-repeat;
}

#sub_title_hair_style {
	display: block;
	background-image: url(../image/sub_title_hair_style.jpg);
	background-repeat: no-repeat;
}

#sub_title_robot{
	display: block;
	background-image: url(../image/sub_title_salon_robothd.jpg);
	background-repeat: no-repeat;
}

#sub_title_robot_plus{
	display: block;
	background-image: url(../image/sub_title_salon_robotplus.jpg);
	background-repeat: no-repeat;
}

#sub_image_staff{
	display: block;
	background-image: url(../image/sub_page_staff.jpg);
	background-repeat: no-repeat;
}
#sub_image_style{
	display: block;
	background-image: url(../image/sub_page_style.jpg);
	background-repeat: no-repeat;
}

.entry_body{
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 680px;
	text-align:left;
}


#entrybody_id497{
	
}




/*================
	BLOG
=================*/
#blog{
}


#blog h3{
	width: 664px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: left;
	line-height: 42px;
	background-image: url(../image/h4.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 30px;
	padding: 0px;
}
.blog_body{
	width: 664px;
	margin-top: 0;
	text-align: left;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#blog .auter{
	font-size: 10px;
	text-align: right;
	width: 646px;
	padding-right: 20px;
	padding-bottom: 25px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	clear:both;
}

/*===================
	BLOG Calender
=====================*/
#calendar{
	padding: 10px;
	background-color: #aaa;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#calendar table{
	width:180px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#calendar caption{
	margin: 0 0 5px 0;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.2em;
}
#calendar table th{
	text-align: center;
	padding: 2px 3px;
	font-weight: bold;
	font-size: 10px;
}
#calendar table td{
	text-align: center;
	padding: 2px 3px;
	font-size: 10px;
}
#calendar table td.calendar_today{
	background: #22180b;
	color: #f2ebe5;
}
#calendar table td.calendar_today a{
	color: #f2ebe5;
}

#blog_category {
	display: block;
	width: 220px;
	margin-top: 20px;
}

#blog_category h4{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	width: 210px;
	display: block;
	background-color: #aaaaaa;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#blog_category ul{
	margin: 0 0 15px 0;
}

#blog_category ul li{
	border-bottom: #b2997b 1px dotted;
	text-align: left;
	text-indent: 20px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.8em;
}


/*=========================
	BLOG comment entrty
============================*/

#coment_form {
	display: block;
	width: 644px;
	border: dotted 1px #999;
	float: left;
	margin-top: 20px;
}

#blog_entryinner{
	margin: 20px 15px 15px 15px;
}


#blog_entryinner h6 {
	display: block;
	width: 644px;
	float: left;
	color: #fff;
	font-weight: bold;
	background-color:#aaa
}

#blog_entryinner p {
	color: #666;
	text-align: left;
	font-size: 10px;
	padding-bottom: 10px;
}

#name-email {
}


#name-email th,td {
	color: #000;
}

#name-email th {
	text-align: right;
	padding-right: 20px;
}

#entry_comment {
	display: block;
	width: 500px;
	float: left;
	margin-left: 50px;
}

#comments-open-data {
	display: block;
	width: 500px;
	float: left;
	margin-left: 50px;
}

#comments-open-text {
	display: block;
	width: 500px;
	float: left;
	margin-left: 50px;
}

#trackbackurl {
	display: block;
	float: left;
}
table.table01{
	width: 642px;
	margin: 10px 0px 20px 0px;
}
table.table01 th{
	width: 440px;
	color:#000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 12px;
	font-size: 14px;
	line-height: 1.6em;
}

table.table01 td{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	text-align: left;
	padding: 2px 0px 2px 0px;
	background-color: #FFF;
	font-size: 14px;
	line-height: 1.6em;
}




/*------------------------------------------------

カスタムフォームCSS

--------------------------------------------------*/

#cf-form{
	border-collapse:collapse;
	margin:0;
	padding:0;
	font-size:12px;
}

#cf-form #comment{
	margin: 5px;
	font-size:14px;
}
#cf-form #cf_tablebody {
	margin: 20px auto;
	width:660px;
}
#cf-form h3{
	width:100%;
	text-align:left;
	clear: both;
	padding: 0px;
	background-image: url(../image/h4.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	text-indent: 26px;
}
#cf-form h4{
	font-size:14px;
	color:#333;
	line-height:20px;
	height:auto;
	padding:0px;
	margin: 0 10px 10px 10px;
}
#cf-form table{
	width: 620px;
	border: none;
	padding-top: 12px;
	padding-right: 2px;
	padding-bottom: 12px;
	padding-left: 2px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#cf-form table table{
	width: 460px;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 10px 0px;
}
#cf-form table td table td{
	padding: 5px;
	border-right-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}
#cf-form table td table th{
	padding: 5px;
	border-right-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}
#cf-form table td{
	padding: 6px 4px;
	border-right-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
	text-align: left;
}
#cf-form table th{
	width: 200px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	padding: 6px 4px;
	font-size:14px;
	font-weight:bold;
	border-bottom-style: dashed;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
	background-image: url(../images/table_be.jpg);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #F7F7F7;
}
#cf-form table td.value{
	width: auto;
}
#cf-form .req{
	color:red;
	font-weight:bold;
}
#cf-form input{
	font-size:12px;
	margin:0px;
	vertical-align:middle;
}
#cf-form .value input[type="text"]{
	font-size:12px;
	margin:0px;
	vertical-align:middle;
	width:260px;
}
#cf-form select{
	vertical-align:middle;
}
#cf-form td.cf_textarea_value textarea {
	width:400px;
	height:120px;
	font-size:12px;
}
#cf-form .btn{
	text-align:center;
	width:640px;
	padding:5px;
	background-color: #F7F7F7;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#cf-form .value .btn input{
	padding:2px;
	font-size:12px;
}
#cf-form .value table table{
	border: none;
}
#cf-form table table td{
	border: none;
	padding: 2px 2px;
}
#cf-form #modoru a{
	background:url(../images/modoru.jpg) no-repeat left top;
	width:368px;
	height:60px;
	margin :20px auto 0px auto;
	text-indent:-9999px;
	display:block;
}
#cf-form #modoru a:hover{
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.8; /*FF*/
	opacity:0.8;
}
#cf-form table tr .cf_text_value input {
	width: 260px;
}
#cf-form table tr .address_value table tr .cf_simathi_value #f_3_city {
	width: 260px;
}
#cf-form table tr .address_value table tr .cf_kennbutu_value input {
	width: 260px;
}

#entrybody_id497 table {
	text-align: center;
	width: 680px;
	margin: 0px;
}
#entrybody_id497 table table{
	text-align: left;
	width: 580px;
	margin-right: 20px;
	margin-left: 20px;
}
#entrybody_id497 table table td{
	text-align: left;
	margin: 0px;
}
#entrybody_id491 .table01 {
	width: 580px;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-left: 40px;
}
#staff .entry_body #gallary li .style_img {
	height: 160px;
	overflow: hidden;
	width: 160px;
}
#left #staff h3 {
	clear: both;
	font-size: 12px;
	font-weight: normal;
}
#coupon {
	background-image: url(../image/coupon_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	position: relative;
	margin-top: 40px;
}
#coupon h2 {
	text-indent: -9999px;
}
#coupon .body {
	position: absolute;
	width: 260px;
	left: 160px;
	top: 20px;
}
#coupon .coupon_entry {
	position: absolute;
	width: 220px;
	left: 20px;
	top: 44px;
}