@charset "UTF-8";

::selection {
    background:#f0f0f0; /* Safari */
}

::-moz-selection {
    background:#f0f0f0; /* Firefox */
}





/*
 * Slideshow
 */
.slideshow {
    overflow: hidden;
    position: relative;
    min-width: 960px;
    height: 530px;
}
.slideshow img {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -800px;
}

/* JavsScript 無効時 */
.no-js .slideshow img:first-child {
    display: inline;
}


/*start: added by shibato*/
.fixed {
    position:fixed;
    top:0;
    width: 100%;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
div.container {
    height: 2000px;
}
/*end: added by shibato*/


.navi {
	z-index: 100;
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
}

.hero-header{
	height: 530px;
	position: relative;
}

.bannerarea {
	position: absolute;
	z-index: 52;
	left: 50px;
	bottom: 50px;
}

.news {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: 400px;
}

.stylist {
	width: 100%;
	background-image: url(../img/home_b2.jpg);
	background-repeat: repeat;

}

.stylistinner {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}

.stylist01 {
	width: 460px;
	float: left;
}

.stylist02 {
	width: 460px;
	float: right;
}

#stylistbg-img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -10;
}

.price‎ {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 20px;
}

.price‎ p {
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.access {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 50px;
	clear: both;
	height: 645px;
}

footer {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #f0f0f0;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

/*ニュース*/
#description {
	height:200px;
	width: 960px;
	overflow: hidden;
	position: absolute;
      }


.concept{
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 20px;
	padding-top: 80px;
}

.conceptleft{
	width: 300px;
	float: left;
	padding-right: 30px;
}

.conceptright{
	width: 300px;
	float: right;
}

.conceptclear{
	clear: both;
}

.concept p {
	padding-bottom: 30px;
	margin: 0px;
}

.concept p a:hover {

	 opacity:0.5;

}


/*スライドパネルcss*/
.open00,
.open01,
.open02,
.open03,
.open04,
.open05,
.open11,
.open12,
.open13,
.open14 {
	cursor: pointer;
	height: 21px;
	margin-bottom: 10px;
}

#slideBox00,
#slideBox01,
#slideBox02,
#slideBox03,
#slideBox04,
#slideBox05, 
#slideBox11,
#slideBox12,
#slideBox13,
#slideBox14 {
	z-index: 53;
	display:none;
	padding: 10px;
	background-image: url(../img/slidebox_bg.png);
	color: #FFF;
	margin-bottom: 10px;
}




h1 {
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	height: 90px;
}

h2 {
	margin: 0px;
	padding: 0px;
	height: 145px;
}

/* --- ナビゲーションバー --- */
div.globalnav {
	width: 960px; /* ナビゲーションの背景 */
	font-size: 12px;

	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	letter-spacing: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* --- メニューエリア --- */
div.globalnav ul.nl {
	width: 100%; /* メニューの幅 */
	margin: 0;
	padding: 0; /* メニューのパディング（上下、左右） */
	list-style-type: none;
	text-align: left;
}

/* --- メニュー項目 --- */
div.globalnav ul.nl li {
float: left;
}

/* --- 項目の幅（emで指定） --- */
div.globalnav ul.nl li.item1 {
	width: 87px;
	line-height: 40px;
}
div.globalnav ul.nl li.item2 {
width: 100px;
	line-height: 40px;
}
div.globalnav ul.nl li.item3 {
	width: 127px;
	line-height: 40px;
}
div.globalnav ul.nl li.item4 {
	width: 152px;
	line-height: 40px;
}
div.globalnav ul.nl li.item5 {
width: 119px;
	line-height: 40px;
}
div.globalnav ul.nl li.item6 {
width: 115px;
	line-height: 40px;
}
div.globalnav ul.nl li.item7 {
width: 61px;
	line-height: 40px;
}
div.globalnav ul.nl li.item8 {
width: 179px;
	line-height: 40px;
}
div.globalnav ul.nl li.item9 {
width: 20px;
	line-height: 40px;
}

/* --- リンク --- */
div.globalnav ul.nl li a {
	display: block;
	position: relative; /* IE6用 */
	text-decoration: none; /* テキストの下線（なし） */

}
/* --- リンクテキストの色 --- */
div.globalnav ul.nl li a:link,
div.globalnav ul.nl li a:visited,
div.globalnav ul.nl li a:hover,
div.globalnav ul.nl li a:active
{
	color: #333;
}
/* --- ポイント時の設定 --- */
div.globalnav ul.nl li a:hover {

	 opacity:0.25;

}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}





.section {
	background-color: #f0f0f0;
	width: 100%;
}

.sectionw {
	background-color: #FFF;
	width: 100%;
}

span.font14{
	font-size: 16px;
}

.conceptinner {
	height: 732px;
	width: 300px;
	text-align: center;
}