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

html { /* for footer bottom gap */
	background-color: #000;
}

body {
	background-color: #fff;
	font-family:"Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #000;
	font-size: 15px;
	line-height: 1.5;
	width: 100%;
	-webkit-text-size-adjust : 100%;
}

ul, ol {
	margin: 0;
	padding: 0;
}

a {
	text-decoration:none;
}

a:link {
	color: #F06;
}
a:visited {
	color: #F06;
}

a:hover {
	color: #bdb9b6;
}
a:active {
	color: #bdb9b6;
}

h3 { /*news headline */
	font-size: 110%;
	color: #e61d60;
}

h2 { /*salon*/
	font-size: 110%;
	margin-bottom: 10px;
}

h4 { /*privacy*/
	font-size: 110%;
	margin: 20px 0 10px 0;
}

p {
	margin-bottom: 20px;
	font-size: 100%;
}

/*----------------------------------------
header ヘッダー
----------------------------------------*/
#header {
	height: auto;
	width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
}

#navi {
	height: auto;
	margin-bottom: 10px;
	
}
#navi li {
	list-type-style: none;
	display: inline-block;
	margin: 25px 0 0 50px;
}
#navi a {
	display: block;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
#navi img {
	border: none;
}

#navi01 a {
	background-image: url(../images/sinchaku.png);
}
#navi01 a:hover {
	background-image: url(../images/sinchaku_over.png);
}
#navi01 a:hover img {
	visibility: hidden;
}
#navi02 a {
	background-image: url(../images/group.png);
}
#navi02 a:hover {
	background-image: url(../images/group_over.png);
}
#navi02 a:hover img {
	visibility: hidden;
}
#navi03 a {
	background-image: url(../images/salon.png);
}
#navi03 a:hover {
	background-image: url(../images/salon_over.png);
}
#navi03 a:hover img {
	visibility: hidden;
}
#navi04 a {
	background-image: url(../images/fc.png);
}
#navi04 a:hover {
	background-image: url(../images/fc_over.png);
}
#navi04 a:hover img {
	visibility: hidden;
}
#navi05 a {
	background-image: url(../mages/kaisya.png);
}
#navi05 a:hover {
	background-image: url(../images/kaisya_over.png);
}
#navi05 a:hover img {
	visibility: hidden;
}

/*-------------------------------------
 トップスライド
-------------------------------------*/
#slidebox {
	width: 100%;
	height: auto;
	background-color: #000;
}

#slideshow {
    position:relative;
    height:400px;
	width: 1000px;
	margin-bottom: 30px;
	margin: 0 auto;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#salonmap { /*サロンページ　トップ */
    position:relative;
    height:400px;
	width: 1000px;
	margin-bottom: 30px;
	margin: 0 auto;
}

/*----------------------------------------
content コンテンツ　ここから
----------------------------------------*/
#content {
	margin: 30px auto;
	width: 1000px;
	height: auto;
}

#contentbox {
	margin: 20px auto;
	width: 85%;
	height: auto;
}

.left { /*salon*/
	float: left;
	width: 100%;
	height: auto;
}

.right { /*salon*/
	float: right;
	width: 100%;
	height: auto;
}

/*----------------------------------------
news 最新情報ページ
----------------------------------------*/
#leftcolumn {
	width: 50%;
	height: auto;
	float: left;
}
#rightcolumn {
	width: 45%;
	height: auto;
	float: right;
	min-height: 350px;
}

/*----------------------------------------
newslist 新着情報ページ
----------------------------------------*/
.date {
	font-size: 80%;
	color: #666;
	margin-bottom: 5px;
}

#newslist {
	background-color: #fafafa;
	margin-top: 5px;
	padding: 15px;
	height: auto;
}

#newslist .date {
	margin-left: 5px;
}

#newslist ul {
	padding: 5px;
	list-style-type: none;
}

#newslist li a {
	padding-left: 14px;
	display: block;
	background-image: url(../images/transparent_arrow.png);
	background-repeat: no-repeat;
}

#newslist li a:link {
	color: #000;
	
	
}
#newslist li a:visited {
	color: #000;
}

#newslist li a:hover {
	color: #e61d60;
	background-image: url(../images/pink_arrow.png);
	background-repeat: no-repeat;
	background-position: left 1px top 4px;
}

#newslist li a:active {
	color: #e61d60;
	background-image: url(../images/pink_arrow.png);
	background-repeat: no-repeat;
}

#more {
	float: right;
	margin-top: 20px;
	width: 98px;
	height: 22px;
}
#more a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/more.png);
	padding: 0;
	margin: 0;
}
#more a:hover {
	background-image: url(../images/more_over.png);
	padding: 0;
	margin: 0;
}
#more a:hover img {
	visibility: hidden;
}

/*----------------------------------------
banner バナー　スライド
----------------------------------------*/
#banner{
	margin: 20px auto;
	width: 1000px;
	height: auto;
	margin-top: 10px;
}

#itembox {
	float: left;

}

#itembox ul {
	padding: 5px;
	list-style-type: none;
}

#itembox a {
	display: block;
	background-image: url(../images/banner_arrow.png);
	background-repeat: no-repeat;
	background-position: left 5px top 155px;
}

#itembox a:link {
	color: #000;	
}

#itembox a:visited {
	color: #000;
}

#itembox a:hover {
	color: #e61d60;
	background-image: url(../images/banner_arrow_over.png);
	background-repeat: no-repeat;
	background-position: left 5px top 155px;
}

#itembox a:active {
	color: #e61d60;
	background-image: url(../images/banner_arrow_over.png);
	background-repeat: no-repeat;
}


#lineup_item li{
	float: left;
	display: inline;
	padding: 0 6px;
	width: 210px;
	height: 200px;
}

.banner_text {
	display: block;
	margin-left: 30px;
}

.prev {
	float: left;
	padding: 70px 10px 0 0;
}
.prev a:hover {
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha(opacity=60);
	opacity: 0.6;
	zoom: 1;
}
.next {
	float: right;
	padding: 70px 10px 0 0;
}
.next a:hover {
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha(opacity=60);
	opacity: 0.6;
	zoom: 1;
}

/*----------------------------------------
新着情報アーカイブ
---------------------------------------*/
/* ニュースが増えた時に#archivebox margin-top: 0; にして使う
#next {
	text-align: right;
	padding: 20px;
	padding-bottom: 0;
	width: 70%;
	margin: 0 auto;
	border: 1px solid red;
}
*/

#archivebox {
	background-color: #fafafa;
	padding: 20px;
	width: 70%;
	margin: 20px auto;
	height: auto;
}

#archivebox .left {
	margin-left: 60px;
	width: 90%;
}

.img_left {
	float: left;
	vertical-align: middle;
	margin: 0;
}

#archivebox a {
	display: block;
	background-repeat: no-repeat;
}

#archivebox a:link {
	color: #000;
	
	
}
#archivebox a:visited {
	color: #000;
}

#archivebox a:hover {
	color: #e61d60;
}

#archivebox a:active {
	color: #e61d60;
}

#archivebox .date {
	margin-left: 10px;
}
.archivelist {
	margin-left: 10px;
}

#backtonews {
	float: right;
	margin-top: 20px;
	width: 162px;
	height: 22px;
}
#backtonews a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/backtonews.png);
	padding: 0;
	margin: 0;
}
#backtonews a:hover {
	background-image: url(../images/backtonews_over.png);
	padding: 0;
	margin: 0;
}
#backtonews a:hover img {
	visibility: hidden;
}
/*----------------------------------------
サロン情報、FC事業
---------------------------------------*/
.salon_name {
	font-weight: bold;
	margin-bottom: 0;
}

.salon_address {
	margin-left: 20px;
}

#fcbox {
	width: 85%;
	height: auto;
	margin: 20px auto;
}

.pinkbox {
	background-color: #FEF3F7;
	padding: 15px 20px;
	width: auto;
	height: auto;
	margin-bottom: 20px;
}

.pinkbox p {
	margin-bottom: 0;
}

dt {
	float: left;
	margin-bottom: 0.5em;
}

dd {
	margin-left: 1em;
	margin-bottom: 0.5em;
}

#email {
	margin: 20px 0;
	width: 135px;
	height: 22px;
}
#email a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/toiawase.png);
	padding: 0;
	margin: 0;
}
#email a:hover {
	background-image: url(../images/toiawase_over.png);
	padding: 0;
	margin: 0;
}
#email a:hover img {
	visibility: hidden;
}

/*----------------------------------------
会社概要
---------------------------------------*/
#company {
	width: 800px;
	font-size: 100%;
	margin: 0 auto;
	border: 1px solid #999;
	margin-bottom: 20px;
}

#company th {
	padding: 12px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #999;
	font-weight: normal;
}

#company ul {
	padding-left: 20px;
}

.greybk {
	background-color: #FAFAFA;
	border-right: 1px solid #999;
}

#enkaku {
	width: 800px;
	font-size: 100%;
	margin: 0 auto;
	border: 1px solid #999;
	margin-bottom: 20px;
}

#enkaku th {
	padding: 12px 12px 12px 120px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-weight: normal;
}

#enkaku .greybk {
	background-color: #FAFAFA;
	border-right-style: dotted;
	
}

#enkaku th.greybk {
	text-align: justify;
	text-justify: inter-ideograph;
}

#enkaku th {
	border-right-style: dotted;
}

/*---------------------------------------
個人情報ページ
---------------------------------------*/
#privacy li {
	padding-bottom: 5px;
	margin-left: 20px;
}

#back {
	margin-top: 20px;
	width: 69px;
	height: 22px;
}
#back a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/back.png);
	padding: 0;
	margin: 0;
}
#back a:hover {
	background-image: url(../images/back_over.png);
	padding: 0;
	margin: 0;
}
#back a:hover img {
	visibility: hidden;
}

#privacy li a:link {
	color: #000;
	
	
}
#privacy li a:visited {
	color: #000;
}

#privacy li a:hover {
	color: #e61d60;
}

#privacy li a:active {
	color: #e61d60;
}

/*---------------------------------------
top arrow
---------------------------------------*/
#top {	
	text-align: center;
	width: 100%;
	height: auto;
	margin: 10px 0;
}
	
#top a:hover {
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha(opacity=60);
	opacity: 0.6;
	zoom: 1;
}		
/*----------------------------------------
footer フッター
----------------------------------------*/
#footer {
	width: 100%;
	height: 150px;
	background-color: #000;
}

#footer p {
	text-align: center;
	padding-top: 20px;
	color: #fff;
	font-size: 0.9em;
}

#footer a:link {
	color: #fff;
}
#footer a:visited {
	color: #fff;
}

#footer a:hover {
	color: #e61d60;
}
#footer a:active {
	color: #e61d60;
}

/*****************************************
.clearfix
*****************************************/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
 
.clearfix {
  min-height: 1px;
}
 
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}