@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:small;
	color:#333333;
	background-color:#FBD1CD;
}

#wrapper {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 0;
	background:#FBD1CD url(img/bg.gif) center repeat-y;
}
#header {
	width: 900px;
	height: 100px;
	background:url(img/header.gif) top no-repeat;
	padding:0;
	margin: 0 auto;
}

#header #contact{
	float:right;
	margin-right:8px;
}

#header #contact a{

	display:block;
	text-decoration:none;
	height:42px;
	text-indent:-9000px;
	overflow: hidden;
	background: url(img/bo_contact.gif) 0 0;
	width:303px;
	margin:3px 0 5px 0;
}

#header #contact a:hover {
	background: url(img/bo_contact.gif) 0 -42px;
}

#topics {
	clear:both;
	width: 900px;
	margin: 0 auto 10px auto;
	text-align: center;
}

#contents {
	width: 900px;
	margin: 10px auto;
	text-align: left;
}

.navi_top {
	margin:3px 0;
	text-align: right;
}

/*------info--------*/
#info{
	width: 850px;
	margin: 10px auto 20px auto;
	text-align: left;
}

#info h1{
	padding:10px 0 0 0;
}

#info h2{
	background-color:#F576A3;
	text-align:center;
	font-size:small;
	color:#FFFFFF;
	padding:5px 0;
	line-height:130%;
}

#info .box{
	margin:20px 0;
}

#info .box .top{
	background: url(img/info/box_top.gif) no-repeat;
	width:850px;
	height:22px;
}
#info .box .middle{
	background-color:#F576A3;
	text-align:center;
	
}

#info .box .middle h3{
	padding:0 0 5px 0;
	margin:0;
	
}

#info .box .middle p{
	color:#FFFFFF;
	line-height:140%;
	text-align:left;
	padding:0 0 10px 10px;
	width:400px;
}
#info .box .bottom{
	background: url(img/info/box_bottom.gif) no-repeat;
	width:850px;
	height:22px;
}

/*------price--------*/
#price {
	width: 850px;
	margin: 10px auto;
	text-align: left;
}

#price h1{
	padding:10px 0 0 0;
}
#price h2{
	background-color:#F576A3;
	text-align:center;
	font-size:small;
	color:#FFFFFF;
	padding:5px 0;
	line-height:130%;
}

#price .box{
	margin:20px 0;
}

/*------Q & A--------*/
#qa {
	width: 850px;
	margin: 10px auto;
	text-align: left;
}

#qa h1{
	padding:10px 0 0 0;
}
#qa h2{
	background-color:#F576A3;
	text-align:center;
	font-size:small;
	color:#FFFFFF;
	padding:5px 0;
	line-height:130%;
}

#qa #qa_navi{
	border:#F576A3 1px solid;
	margin:20px 0;
	padding:0 0 0 50px;
}

#qa .box {
	width:412px;
	margin-bottom:20px;
}

#qa .box .top{
	background: url(img/qa/box_top.gif) no-repeat;
	width:412px;
	height:9px;
	font-size:1px;
}
#qa .box .top2{
	background: url(img/qa/box_top2.gif) no-repeat;
	width:412px;
	height:9px;
	font-size:1px;
}
#qa .box .middle{
	background: url(img/qa/box_middle.gif) repeat-y;
}
#qa .box .middle_q{
	background:#F576A3 url(img/qa/q.gif) 5px 0 no-repeat;
	width:362px;
	color:#FFFFFF;
	padding:10px 5px 15px 45px;
	font-weight:bold;
}

#qa .box .middle_a{
	background:url(img/qa/a.gif) 10px 10px no-repeat;
	width:362px;
	padding:5px 5px 15px 45px;
	line-height:140%;
}

#qa .box .middle2{
	background: url(img/qa/box_middle.gif) repeat-y;
	padding:0 10px 0 20px;
}

#qa .box .bottom{
	background: url(img/qa/box_bottom.gif) no-repeat;
	width:412px;
	height:9px;
	font-size:1px;
}


/*------salon--------*/
#salon{
	width: 850px;
	margin: 20px auto 20px auto;
	text-align: left;
}

#salon h1{
	padding:100px 0 100px 0;
}



#salon .box .top{
	background: url(img/salon/box_top.gif) no-repeat;
	width:850px;
	height:23px;
}
#salon .box .middle{
	background: url(img/salon/box_middle.gif) repeat-y;
	padding-left:15px;
}

#salon .box .middle h3{
	padding:10px 0 5px 0;
}

#salon .box .middle p{
	line-height:140%;
	text-align:left;
	padding-right:30px;
}
#salon .box .middle .map{
	border:#F576A3 1px solid;
	width:388px;
}

#salon .box .bottom{
	background: url(img/salon/box_bottom.gif) no-repeat;
	width:850px;
	height:23px;
}

/*------form--------*/
#form{
	width: 850px;
	margin: 20px auto 20px auto;
	text-align: left;
}

#form h1{
	padding:10px 0 10px 0;
	border-bottom:#F576A3 1px dotted;
}



#form .box .top{
	background: url(img/form/box_top.gif) no-repeat;
	width:850px;
	height:23px;
}
#form .box .middle{
	background: url(img/form/box_middle.gif) repeat-y;
	padding-left:15px;
	padding-bottom:20px;
	text-align:center;
}

#form .box .middle table{
	text-align:left;
	margin:0 auto;
}

#form .box .middle h3{
	padding:10px 0 5px 0;
}

#form .box .middle p{
	line-height:140%;
	text-align:left;
	padding-right:30px;
}
#form .box .middle .map{
	border:#F576A3 1px solid;
	width:388px;
}

#form .box .bottom{
	background: url(img/form/box_bottom.gif) no-repeat;
	width:850px;
	height:23px;
}

#form #rule {
	clear:both;
	text-align:left;
	padding:5px;
	margin:10px auto 0 auto;
	border:#F576A3 1px solid;
	width:688px;
	line-height:130%;

}

/*------company2--------*/
#company2{
	width: 850px;
	margin: 20px auto 20px auto;
	text-align: left;
}

#company2 h1{
	padding:10px 0 0 0;
}



#company2 .box .top{
	background: url(img/company/box_top.gif) no-repeat;
	width:850px;
	height:23px;
}
#company2 .box .middle{
	background: url(img/company/box_middle.gif) repeat-y;
	padding-left:15px;
	padding-bottom:20px;
	text-align:center;
}

#company2 .box .middle table{
	text-align:left;
	margin:0 auto;
}

#company2 .box .middle h2{
	font-size:medium;
	letter-spacing:2px;
	border-bottom:#F576A3 1px dotted;
	border-left:#F576A3 5px solid;
	padding:3px 0 0 10px;
	margin-top:10px;
}

#company2 .box .middle p{
	line-height:140%;
	text-align:left;
	padding-right:30px;
}

#company2 .box .bottom{
	background: url(img/company/box_bottom.gif) no-repeat;
	width:850px;
	height:23px;
}

/*------privacy--------*/
#privacy{
	width: 850px;
	margin: 20px auto 20px auto;
	text-align: left;
}

#privacy h1{
	padding:10px 0 0 0;
}



#privacy .box .top{
	background: url(img/company/box_top.gif) no-repeat;
	width:850px;
	height:23px;
}
#privacy .box .middle{
	background: url(img/company/box_middle.gif) repeat-y;
	padding-left:15px;
	padding-bottom:20px;
	text-align:center;
}

#privacy .box .middle table{
	text-align:left;
	margin:0 auto;
}

#privacy .box .middle dt{
	font-size:medium;
	letter-spacing:2px;
	border-bottom:#F576A3 1px dotted;
	border-left:#F576A3 5px solid;
	padding:3px 0 0 10px;
	margin:10px 0;
}

#privacy .box .middle dd{
	padding:0;
	margin:0 0 0 14px;
}

#privacy .box .middle ul{
	padding:0;
	margin:5px 0 0 20px;
}

#privacy .box .middle p{
	line-height:140%;
	text-align:left;
	padding-right:30px;
}


#privacy .box .bottom{
	background: url(img/company/box_bottom.gif) no-repeat;
	width:850px;
	height:23px;
}



/*------flow--------*/
#flow {
	width: 850px;
	margin: 10px auto;
	text-align: left;
}

#flow h1{
	padding:10px 0 0 0;
}
#flow h2{
	background-color:#F576A3;
	text-align:center;
	font-size:small;
	color:#FFFFFF;
	padding:5px 0;
	line-height:130%;
	margin-bottom:20px;
}

#flow .box {
	width:412px;
	margin-bottom:20px;
}
#flow .box .top{
	background: url(img/flow/box_top.gif) no-repeat;
	width:412px;
	height:9px;
	font-size:1px;
}


#flow .box .middle{
	background: url(img/flow/box_middle.gif) repeat-y;
	width:412px;
	text-align:center;
	margin:0 auto;
	
}

#flow .step{
	width:210px;
	float:left;
	padding-bottom:30px;
}
#flow .step_info1{
	background: url(img/flow/1.gif) center 50px no-repeat;
	width:200px;
	float:left;
	padding:20px 0 0 0;
}
#flow .step_info2{
	background: url(img/flow/2.gif) center 50px no-repeat;
	width:200px;
	float:left;
	padding:20px 0 0 0;
}
#flow .step_info3{
	background: url(img/flow/3.gif) center 50px no-repeat;
	width:200px;
	float:left;
	padding:20px 0 0 0;
}
#flow .step_info4{
	background: url(img/flow/4.gif) center 50px no-repeat;
	width:200px;
	float:left;
	padding:20px 0 0 0;
}
#flow .step_info5{
	background: url(img/flow/5.gif) center 50px no-repeat;
	width:200px;
	float:left;
	padding:20px 0 0 0;
}

#flow p{
	line-height:140%;
}

#flow h3{
	font-size:small;
	font-weight:bold;
	color:#F576A3;
}

#flow .box .bottom{
	background: url(img/flow/box_bottom.gif) no-repeat;
	width:412px;
	height:9px;
	font-size:1px;
}

#contacts2 a{

	display:block;
	text-decoration:none;
	height:46px;
	text-indent:-9000px;
	overflow: hidden;
	background: url(img/bo_contact_s.gif) 0 0;
	width:269px;
	margin-bottom:5px;
}

#contacts2 a:hover {
	background: url(img/bo_contact_s.gif) 0 -46px;
}


/*------menu2--------*/

#menu2 {
	height:47px;
	padding:0;
	margin: 0 auto;
	width:900px;
}

#menu2 ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu2 ul li {
	margin:0;
	padding:0;
	float:left;
	display:block;
}

#menu2 ul li a {
	display:block;
	text-decoration:none;
	height:47px;
	text-indent:-9000px;
	overflow: hidden;
}

li.info a {
	background: url(img/menu.gif) 0 0;
	width:180px;
}

li.price a {
	background: url(img/menu.gif) -180px 0;
	width:180px;
}

li.flow a {
	background: url(img/menu.gif) -360px 0;
	width:180px;
}

li.qa a {
	background: url(img/menu.gif) -540px 0;
	width:180px;
}

li.salon a {
	background: url(img/menu.gif) -720px 0;
	width:177px;
}



li.info a:hover {
	background: url(img/menu.gif) 0 -47px;
}

li.price a:hover {
	background: url(img/menu.gif) -180px -47px;
}
li.flow a:hover {
	background: url(img/menu.gif) -360px -47px;
}

li.qa a:hover {
	background: url(img/menu.gif) -540px -47px;
}

li.salon a:hover {
	background: url(img/menu.gif) -720px -47px;
}




li.info a.act {
	background: url(img/menu.gif) 0 -94px;
	width:180px;
}

li.price a.act {
	background: url(img/menu.gif) -180px -94px;
	width:180px;
}
li.flow a.act {
	background: url(img/menu.gif) -360px -94px;
	width:180px;
}

li.qa a.act {
	background: url(img/menu.gif) -540px -94px;
	width:180px;
}

li.salon a.act {
	background: url(img/menu.gif) -720px -94px;
	width:177px;
}








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

#footer{
	width: 900px;
	height:182px;
	background:url(img/footer.jpg) bottom no-repeat;
	padding:0;
	margin: 0 auto;
}


#footer address{
	clear:both;
	font-style:normal;
	font-size:small;
	color:#FFFFFF;
	width:100%;
	text-align:center;
	padding:20px 0 2px 0;
}

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

#footer #subnavi {
	padding:0;
	margin:0;
}

#footer #subnavi ul {
	margin:15px 10px 0 0;
	padding:0;
	list-style-type:none;
	float:right;
}

#footer #subnavi ul li {
	margin:0 0 0 10px;
	padding:0 0 0 18px;
	float:left;
	
	background:url(img/icon_right.gif) 0 0 no-repeat;
}

#footer #footer_info{
	font-size:12px;
	clear:both;
	padding-top:10px;
	padding-left:16px;
	margin:0;
	text-align:left;
}

#footer #footer_info #contacts {
	background:url(img/bg_foot_box.gif) no-repeat;
	width:270px;
	height:70px;
	float:left;
	padding:10px 10px; 10px 10px;
}
#footer #footer_info #tel{
	width:270px;
	height:70px;
	background:url(img/bg_foot_box.gif) no-repeat;
	float:left;
	padding:10px 10px 10px 10px;
}
#footer #footer_info #mobile{
	width:270px;
	height:80px;
	background:url(img/bg_foot_box.gif) no-repeat;
	float:left;
	padding:0 10px 10px 7px;
}


#contacts a{

	display:block;
	text-decoration:none;
	height:46px;
	text-indent:-9000px;
	overflow: hidden;
	background: url(img/bo_contact_s.gif) 0 0;
	width:269px;
	margin-bottom:5px;
}

#contacts a:hover {
	background: url(img/bo_contact_s.gif) 0 -46px;
}

#footer #footer_info #mobile #img {
	float:left;
}

#footer #footer_info #mobile #mobile_desc {
	margin-top:5px;
}


/*------public common------*/

p {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

img {
	border: 0px;
}

a:link{ color: #1F80B2;}
a:visited{ color: #1F80B2;}
a:hover{ color: #AD0000;}
a:active{ color: #1F80B2;}

.clear{
	clear: both;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.left{
	text-align:left;
}

.red{
	color:red;
}

.blue{
	color:blue;
}


textarea {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:small;
}

input {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.break{
	word-break:break-all;
}

.small{
	font-size:small;
}

.xsmall{
	font-size:x-small;
}

.medium{
	font-size:medium;
}