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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    background-color: #000;
	background-attachment: absolute;
	background-attachment: fixed;
	font:normal 12px/200% "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0; padding:0; 
	background-color: #F4FdFF;
	line-height: normal;


}

body,td,th {
	color: #546365;
}

h1{
	color: #546365;
	font-size: 12px;
	line-height: 12px;
	margin-top: 5px;
}


h2{
	color: #546365;
	font-weight: normal;
	font-size: 12px;
}


#navi {
	float: left;
    text-align: left;

}

#navi li{
  list-style:none;
  float:left;
  padding-right: 20px;
}


li{
	margin:0;
	padding:0;
	list-style-type:none ;
	float:left;
    padding-right: 20px;
}

ul{
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:0;
}

a{
    margin:0;
	padding:0;
}

a:link { color:#6fc4bb; text-decoration:none }

a:visited  { color:#6fc4bb; text-decoration:none }

a:hover  { color:#457a6c; text-decoration:none }


img {
    border-style:none;
}

a.overwhite{
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.text_16 {
	font-size: 16px;
}

.text_16b {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.text_12 {
	font-size: 12px;
}

.text_13 {
	font-size: 13px;
	font-weight: bold;
}

.text_11 {
	font-size: 11px;
}
.tx_red{
	color:#FF0000;
	font-size: 14px;
}

/*-header ------------------------------------------------------------------------------------------------------------------------*/
	
#header {
	background-image: url(img/header-bg.jpg);
	background-repeat: repeat-x;
	height: 150px;
	width: 100%;
	position: relative;
}

#header_contents {
	height: 150px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;

}
.header_logo {
	height: 125px;
	width: 170px;
	background-attachment: absolute;
	background-attachment: fixed;
	background-position: left;
	float: left;
	padding-top: 25px;
}

#header_sub {
	float: right;
	height: 150px;
	width: 735px;
}

#header_sub_navi {
	height: 68px;
	width: 258px;
	text-align: left;
	padding-left: 451px;
}


#content {
	width: 720px;
	height: 30px;
	margin-top: 25px;
	float: left;
	padding-left: 15px;
}


.header-img {
	width: 100%;
	height: 550px;
	text-align: center;
}


#header-imgTop {
	background-image: url(img/header-img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #6fc4bb;
}

/*-main ------------------------------------------------------------------------------------------------------------------------*/

#container {
	height: auto;
	width: 100%;
}

#main {
	height: 1490px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.top-text {
	color: #546365;
	float: left;
	height: 20px;
	width: 960px;
	line-height: normal;
	margin-top: 5px;
}

#main-left {
	float: left;
	height: auto;
	width: 700px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#left-concept {
	float: left;
	height: auto;
	width: 700px;
	margin-bottom: 20px;
	line-height: normal;
}

.left-conceptobi {
	height: 35px;
	width: 700px;
	background-image: url(img/obi_salonconcept.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#left-news {
	float: left;
	height: 305px;
	width: 700px;
	margin-bottom: 30px;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
}

.left-newsobi {
	height: 35px;
	width: 700px;
	background-image: url(img/obi_news&topix.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#left-style {
	float: left;
	height: auto;
	width: 700px;
	margin-bottom: 20px;
	font-size: 16px;
	text-align: center;
}

.left-styleobi {
	height: 35px;
	width: 700px;
	background-image: url(img/obi_style.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}


#left-info {
	float: left;
	height: auto;
	width: 700px;
	margin-bottom: 10px;
	line-height: normal;
}

.left-infoobi {
	height: 35px;
	width: 700px;
	background-image: url(img/obi_informaition.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#main-right {
	float: right;
	height: auto;
	width: 240px;
}

.right-nuvi {
	float: left;
	height: auto;
	width: 240px;
	background-image: url(img/salon_category.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	text-align: center;
}

.fb-like-box {
	float: left;
	height: 500px;
	width: 240px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.sidenuvi-img {
	height: 40px;
	width: 180px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}

#right-mobile {
	float: left;
	height: auto;
	width: 240px;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.mobile-obi {
	height: 40px;
	width: 240px;
	background-image: url(img/mobile.png);
	background-repeat: no-repeat;
	background-position: center;
}

.mobile-text {
	font-size: 12px;
	line-height: normal;
	text-align: center;
}

.info-img {
	float: right;
	height: auto;
	width: 320px;
}

.info-text {
	float: left;
	height: auto;
	width: 350px;
	margin-left: 15px;
}

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

#footer {
	height: 150px;
	width: 100%;
	background-image: url(img/footer-bg.jpg);
	background-repeat: repeat-x;
}

#footer_contents {
	height: 150px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;

}

.footer-text {
	float: left;
	height: 30px;
	width: 550px;
	margin-top: 70px;
	color: #6fc4bb;
	font-size: 14px;
}

#footer_left {
	float: left;
	height: 150px;
	width: 630px;
}

#footer_sub {
	float: right;
	height: 150px;
	width: 300px;
	margin-right: 20px;
}

.footer_logo {
	float: left;
	height: 70px;
	width: 119px;
	margin-top: 10px;
	margin-left: 181px;
	background-image: url(img/footer-logo.png);
}

.footer-text2 {
	float: right;
	height: 67px;
	width: 280px;
	color: #6fc4bb;
	font-size: 14px;
	line-height: normal;
	text-align: right;
	margin-top: 3px;
}

.footer-text3 {
	float: left;
	height: 25px;
	width: 630px;
	margin-top: 20px;
	color: #929899;
	font-size: 12px;
}

/*-price ----------------------------------------------------------------------------------------*/
#price {
	height: 1600px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.price-img {
	width: 100%;
	height: 200px;
	text-align: center;
}

#price-imgTop {
	background-image: url(img/price_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #6fc4bb;
}

#price-obi {
	background-image: url(img/price-obi.jpg);
	float: left;
	height: 35px;
	width: 700px;
}

#price-main {
	height: auto;
	width: 700px;
	float: left;
	margin-top: 10px;
	font-size: 14px;
	line-height: 30px;
}

.pricebox {
	margin-bottom: 20px;
	border: 1px solid #6FC5BC;
}

.pricebox-bg {
	background-color: #b6ede8;
	color: #000;
}

.pricebox-border{
  border-bottom:dotted 1px #6FC4BB;
}

/*-style ----------------------------------------------------------------------------------------*/
#style {
	height: 2300px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.style-img {
	width: 100%;
	height: 200px;
	text-align: center;
}

#style-imgTop {
	background-image: url(img/style_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #6fc4bb;
}

#style-obi {
	background-image: url(img/style-obi.jpg);
	float: left;
	height: 35px;
	width: 700px;
	margin-bottom: 5px;
}

.style-text {
	height: auto;
	width: 690px;
	line-height: 12px;
	font-size: 12px;
	padding: 5px;
	float: left;
}

.style-title {
	height: 23px;
	width: 700px;
	background-color: #b6ede8;
	color: #000;
	font-size: 16px;
	padding-top: 7px;
}


/*-styletype----------------------------------------------------------------------------------------*/

#style2 {
	height: 1250px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}


#style-hairbox{
	padding-top: 5px;
}

.style-hairtitle{
	color: #546365;
	font-size: 12px;
	text-align: center;
	line-height: normal;
	padding-top: 5px;
}

#style-left {
	float: left;
	height: auto;
	width: 300px;
	margin-right: 20px;
	margin-top: 10px;
}

#style-right {
	float: left;
	height: auto;
	width: 380px;
	margin-top: 10px;
}

.style-rightbox {
	float: left;
	height: auto;
	width: 380px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: normal;
}

.style-righttitle {
	height: 20px;
	background-color: #b6ede8;
	font-size: 14px;
	margin-bottom: 10px;
}

#style-before{
	margin-right: 10px;
	width: 90px;
	float: left;
}

#style-comment{
	width: 280px;
	float: left;
}

/*-staff----------------------------------------------------------------------------------------*/

.staff-img {
	width: 100%;
	height: 200px;
	text-align: center;
}

#staff-imgTop {
	background-image: url(img/staff_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #6fc4bb;
}

#staff {
	height: 1250px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#staff-obi {
	background-image: url(img/staff-obi.jpg);
	float: left;
	height: 35px;
	width: 700px;
	margin-bottom: 5px;
}

#staff-main {
	height: auto;
	width: 700px;
	float: left;
	font-size: 14px;
	line-height: normal;
	white-space: normal;
	margin-bottom: 20px;
	margin-top: 10px;
}

.staffbox {
	margin-bottom: 20px;
}

.staffbox-img {
	margin-bottom: 20px;
	text-align: center;
	width: 170px;
}


/*-product----------------------------------------------------------------------------------------*/

.product-img {
	width: 100%;
	height: 200px;
	text-align: center;
}

#product-imgTop {
	background-image: url(img/product_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #6fc4bb;
}

#product {
	height: 8500px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#product-obi {
	background-image: url(img/product-obi.jpg);
	float: left;
	height: 35px;
	width: 700px;
	margin-bottom: 5px;
}

#product-main {
	height: auto;
	width: 700px;
	float: left;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 30px;
	margin-top: 10px;
}

.product-bg {
	background-color: #b6ede8;
	color: #000;
	font-size: 13px;
	width: 340px;
	height: 25px;
}

.product-bg2 {
	background-color: #b6ede8;
	color: #000;
	font-size: 13px;
	width: 340px;
}

.product-img2 {
    vertical-align:top;
	width: 350px;
}

.product-tx {
	vertical-align:top;
	width: 340px;
	font-size: 12px;
	height: auto;
}

.product-tx2 {
	vertical-align:top;
	width: 340px;
	font-size: 11px;
	padding-top: 5px;
	height: auto;
}






/*-recruit----------------------------------------------------------------------------------------*/

.recruit-img {
	width: 100%;
	height: 200px;
	text-align: center;
}

#recruit-imgTop {
	background-image: url(img/recruit_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #6fc4bb;
}

#recruit {
	height: 1300px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#recruit-obi {
	background-image: url(img/recruit-obi.jpg);
	float: left;
	height: 35px;
	width: 700px;
}

.recruitbox {
	margin-bottom: 20px;
	line-height: normal;
}

/*-inquiry----------------------------------------------------------------------------------------*/

.inquiry-img {
	width: 100%;
	height: 200px;
	text-align: center;
}

#inquiry-imgTop {
	background-image: url(img/inquiry_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #6fc4bb;
}

#inquiry {
	height: 1250px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#inquiry-obi {
	background-image: url(img/inquiry-obi.jpg);
	float: left;
	height: 35px;
	width: 700px;
}

.inquiry-text {
	height: auto;
	width: 690px;
	line-height: normal;
	font-size: 12px;
	padding: 5px;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
}

#form {
	text-align: center;
	height: auto;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/800_10_r.png);
	background-repeat: repeat-y;
}

.form {
	height: 370px;
	text-align: left;
	font-size: 14px;
	width: 680px;
	margin-left: 10px;
	font-weight: normal;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #77C6C0;

}

.form2{
	text-align: left;
	font-size: 14px;
	width: 680px;
	margin-left: 10px;
	font-weight: normal;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #77C6C0;

}

#form_tx {
	float: left;
	height: auto;
	width: 780px;
	margin-left: 10px;
	text-align: left;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

.form-box {
	border-bottom-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #77C6C0;
	border-bottom-color: #77C6C0;

}

.form-box2 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #77C6C0;
	background-repeat: no-repeat;
}

.form-box3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #77C6C0;
}

.form-box4 {
	padding-left: 10px;
	font-size: 14px;
	font-weight: normal;
}
.price-text {
	float: left;
	height: auto;
	width: 700px;
}
#movie {
	height: 225px;
	width: 400px;
	margin-top: 300px;
	float: right;
	margin-right: 20%;
	position: relative;
}
#movie-s {
	float: left;
	height: 113px;
	width: 200px;
	margin-bottom: 15px;
	margin-left: 20px;
}
.info-tx {
	float: left;
	height: 30px;
	width: 320px;
	font-size: 16px;
}
#privacy {
	height: 300px;
	width: 600px;
	margin-top: 70px;
	margin-right: auto;
	margin-left: auto;
}
.privacy-box {
	height: 605px;
	width: 565px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.prinacy-title {
	float: left;
	height: 28px;
	width: 565px;
	font-size: 16px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #77C6C0;
}
.privacy-text {
	float: left;
	height: auto;
	width: 565px;
	margin-top: 10px;
	font-size: 12px;
}

/*-news----------------------------------------------------------------------------------------*/

#news {
	float: left;
	height: auto;
	width: 670px;
	margin-bottom: 10px;
	font-size: 14px;
	vertical-align: top;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6FC5BC;
}

#main-news {
	float: left;
	height: auto;
	width: 680px;
	margin-top: 10px;
	margin-right: 20px;
}

.scroll {
	overflow:scroll;
	overflow-x:hidden;
	height:260px;
	width:700px;
	text-align: left;
}
	
.news-day {
	vertical-align:top;
	width: 100px;
	padding-left: 5px;
	font-size: 13px;
}

.news-text {
	vertical-align:top;
	width: 415px;
}

.news-img {
	vertical-align:top;
}


/*-salon concept ----------------------------------------------------------------------------------------*/

.concept-img {
	width: 100%;
	height: 200px;
	text-align: center;
}

#concept-imgTop {
	background-image: url(img/concept_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #6fc4bb;
}

#salon-concept {
	float: left;
	height: auto;
	width: 700px;
	margin-bottom: 40px;
	line-height: normal;
	font-size: 12px;
}

#concept-obi {
	background-image: url(img/obi_salonconcept.png);
	float: left;
	height: 35px;
	width: 700px;
	margin-bottom: 10px;
}

#concept {
	height: 1320px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.concept-bg {
	background-color: #b6ede8;
	color: #000;
	font-size: 13px;
	width: 190px;
	height: 21px;
	padding-top: 3px;
}

#concept-movie {
	float: left;
	height: 320px;
	width: 560px;
	margin-left: 70px;
	margin-bottom: 40px;
}

#access {
	float: left;
	height: auto;
	width: 700px;
}

#access-map {
	float: left;
	height: auto;
	width: 500px;
}

#access-route {
	float: left;
	height: auto;
	width: 190px;
	margin-left: 10px;
	font-size: 13px;
}

.access-tx {
	vertical-align:top;
	width: 180px;
	height: auto;
	padding-bottom: 10px;
	padding-top: 5px;
}