@charset "utf-8";
/* CSS Document */

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

#contents {
	width: 900px;
	margin: 0 auto;
	padding: 0px 0px;
}

#sub_contents {
	width: 950px;
	margin: 0 auto;
}
#sub_contents:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.img_border {
	border: 1px solid #CCC;
}

#facebook_box {
	width: 700px;
	margin: 0 auto 30px auto;
}
	
/*----- order -----*/
#order_inner .font_s {
	font-size: 10px;
	color: #969696;
}

#order_inner .s_red {
	font-size: 10px;
	color: #C80000;
}

#order_inner h2 {
	margin-bottom: 20px;
}

.q_inner {
	margin-bottom: 20px;
}

#order_inner h3 {
	margin: 10px 0 5px 0;
}

#order_inner p {
	margin-bottom: 5px;
}

#order_inner dl {
	margin-bottom: 5px; 
}

#order_inner dt,
#order_inner dt {
	padding: 5px;
}

#order_inner textarea {
	margin-left: 1em;
}

#q02 ul {
	float: left;
}

#q02 ul li {
	width: 150px;
	text-align: center;
}

#btn_area {
	text-align: center;
}

#btn_area a:hover img {
	filter: alpha(opacity=85);  -moz-opacity:0.85;  opacity:0.85;
}

#kiyaku_area {
	margin-bottom: 0px;
	text-align: center;
}

#order_inner th  {
	background-color: #f0f1f3;
	border: solid 1px #c8c8c8;
	padding: 10px 0 10px 40px;
}

#confirm_inner {
	padding: 5px 20px 10px 0;
}

#order_inner td {
	border: solid 1px #c8c8c8;
	padding: 10px 0 10px 50px;
}

#order_inner table {
	margin-bottom: 20px;
}

#adress_table {
	margin-bottom: 0;!important
}

#adress_table td {
	padding-right: 20px;
	vertical-align: middle;
}

#adress_table th,
#adress_table td {
	border: none;
	padding: 3px 0;
}

#confirm_inner {
	padding-left: 40px;
}

#confirm_inner dl {
	margin-bottom: 5px;
}

#btn_area2 {
	padding: 10px 0 0 40px;
}

#btn_area2 img {
	padding-right: 15px;
}

#btn_area2 td {
	border: none;
	vertical-align: middle;
}

#pay_area td {
	border: none;
	padding: 0;
}

#pay_area img {
	padding-top: 5px;
}

.error{
	text-align:center;
	color:#F00;
	padding:10px 0;	
}
	

/*----- TOPページ -----*/
#top_header h1 {
	text-indent: -9999px;
}

#top_header {
	background: url(../images/top/top_main_bg.jpg) no-repeat left top;
	width: 1000px;
	height: 398px;
	margin-bottom: 40px;
}

#top_header_btn {
	padding: 230px 0 25px 700px;
}

#top_header_btm {
	padding: 0 0 0 380px;
}

#top_header_btm ul li {
	float: left;
	padding-right: 10px;
}

/*#top_header_btm a:hover img {
	filter: alpha(opacity=90);  -moz-opacity:0.90;  opacity:0.90;
}*/

#top_contents {
	width: 938px;
	margin: 0 auto;
}

#sty_up {
	margin: 20px 0 10px 0;
}

#sty_btm {
	margin: 0 0 10px 0;
}

#top_box01,
#top_box02,
#top_box03 {
	margin-bottom: 20px;
}

#order_box01,
#order_box02,
#order_box03,
#order_box04 {
	float: left;
	width: 234px;
}

#btn_area {
	padding: 50px 0;
}

#order_box01 p,
#order_box02 p,
#order_box03 p,
#order_box04 p {
	padding: 5px 0 0 10px;
}

#order_box01,
#order_box02 {
	margin-right: 10px;
}

#top_box01 a:hover img,
#top_box03 a:hover img {
	filter: alpha(opacity=85);  -moz-opacity:0.85;  opacity:0.85;
}

/*----- Header -----*/
#sub_header h1 {
	padding:13px 0 0 31px;
	/*text-indent: -9999px;*/
}

#sub_header {
	background: url(../images/common/sub_main_bg.jpg) no-repeat left top;
	width: 1000px;
	height: 120px;
	margin-bottom: 40px;
	position: relative;
}

#sub_header_btn {
	/*padding: 0 0 13px 700px;*/
	position: absolute;
	top: 13px;
	left: 700px;
}

#sub_header_btm {
	padding: 0 0 0 380px;
}

#sub_header_btm ul li {
	float: left;
	padding-right: 10px;
}


/*#sub_header_btm a:hover img {
	filter: alpha(opacity=85);  -moz-opacity:0.85;  opacity:0.85;
}*/

/*----- Footer -----*/
#footer {
	background-color: #04B6C4;
}

#footer_inner {
	width: 938px;
	margin: 0 auto;
	padding: 30px 0 50px 0;
}

#footer_inner ul {
	margin-bottom: 15px;
}

#footer_inner ul li {
	float: left;
}

#footer,
#footer a {
	color: #FFF;
	text-decoration: none;
}

/*----- Privacy -----*/
#privacy_box01 {
	padding: 40px 20px;
}

/*----- ex (old Voice) -----*/

#ex_nav {
	text-align: center;
	width: 880px;
	margin: 20px auto 0 auto;
}

#ex_nav img {
	border: 1px solid #CCC;
}

#ex_nav li {
	float: left;
	padding-right: 30px;
}

#ex_nav a:hover img {
	filter: alpha(opacity=80);  -moz-opacity:0.80;  opacity:0.80;
}

.voice_box01 {
	padding: 40px 20px;
}

.voice_text {
	float: left;
	width: 500px;
	padding: 0 0 0 30px;
}

.voice_text p {
	padding: 10px 0 0 0;
}

/*----- Service -----*/
.service_box01 {
	padding: 15px 20px 30px 20px;
}

.service_box01 p {
	float: left;
	width: 500px;
}

.service_box02 {
	padding: 20px 20px 30px 20px;
}

.service_box02 table {
	margin-bottom: 20px;
}

.service_box02 table th {
	vertical-align: top;
	padding-right: 20px;
	padding-bottom: 10px;
}

.service_box02 table td {
	padding-bottom: 10px;
}

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

.price_box {
	float: left;
}

.price_box_text {
	float: left;
	padding-left: 20px;
	padding-bottom: 20px;
}

/*----- Stylist -----*/
.sty_box01 {
	padding: 40px 30px 10px 30px;
}

.sty_area,
.sty_area_last {
	float: left;
	margin-bottom: 20px;
	background: url(../images/stylist/sty_bg.jpg) no-repeat left top;
	width: 257px;
	height: 245px;
	text-align: center;
	padding: 15px 0 0 2px;
}

.sty_area {
	margin-right: 35px;
}

.sty_area p ,
.sty_area_last p {
	padding: 9px 0 0 0;
}

/*----- Stylist detail-----*/
.sty_box02 {
	padding: 0px 0px 20px 0px;
}

#photo {
	float: left;
}

#photo img {
	border: 1px solid #CCC;
	margin-right: 20px;
}

#detail_right {
	float: left;
	width: 540px;
}

.img_area img {
	border: 1px solid #CCC;
}

#detail_right #text_area {
	border: 1px solid #CCC;
	padding: 10px;
	line-height: 1.5em;
	font-size: 11px;
	margin-bottom: 20px;
}

#detail_right #text_area p {
	margin-bottom: 15px;
}

#detail_right #text_area2 {
	border: 1px solid #CCC;
	padding: 7px 10px 3px 10px;
	line-height: 1.2em;
	font-size: 11px;
	margin-bottom: 10px;
}

#detail_right #text_area h2 {
	font-size: 14px;
	margin-bottom: 20px;
}

#detail_right #text_area2 h2 {
	font-size: 14px;
	margin-bottom: 7px;
}

#detail_right #text_area .indent,
#detail_right #text_area2 .indent {
	padding-left: 1em;
}

#detail_right #text_area table,
#detail_right #text_area2 table {
	margin-bottom: 7px;
}

#detail_right #text_area table td,
#detail_right #text_area table2 td {
	padding-left: 1em;
}

#sty_nav {
	text-align: center;
	width: 750px;
	margin: 40px auto 0 auto;
}

#sty_nav img {
	border: 1px solid #CCC;
}

#sty_nav li {
	float: left;
	padding-right: 20px;
}

#sty_nav a:hover img {
	filter: alpha(opacity=80);  -moz-opacity:0.80;  opacity:0.80;
}

/* 
-----------------------------------------*/
#navi li{
	width:79px;
	float:left;
	background:none;
	padding:0 35px 0px 0;
	margin:0 0 10px 0;
}
#navi li a{
	display:block;
}
#navi li a:link    {}
#navi li a:visited {}
#navi li a:hover   {opacity:0.8;}
#navi li a:active  {opacity:0.8;}
/* IE用 ↓*/
#navi li a:hover img {filter:alpha(opacity=80);}

#photo{
	width:404px;
	height:555px;
	margin-right: 20px;
}
#photo img{
	position:absolute;
}