@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/noscript.css";
@import "extension/fnav/normal.css";
@import "extension/logtag.css";

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
	}
	.page {
		color: #333333;
		font-size: 12px;
		line-height: 18px;
		background-color: #f0f1f2;
		background-image: url(../imgs/bg.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #0000ff;
		text-decoration: none;
		overflow: hidden;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle a {
		display: block;
		width: 145px;
		height: 79px;
		text-indent: -9999px;
		background-color: transparent;
		background-image: url(../imgs/logo.gif);
		background-repeat: no-repeat;
		background-position: left top;
		text-align: left;
	}
	.contentTitle {
		/*dont use <h2> selector*/
	}
	.section .title {
		/*dont use <h3> selector*/
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/* nav */
	.nav li,
	.nav dt,
	.nav dd {
		float: left;
	}
	.nav img {
		vertical-align: top;
	}

/**
 * 4. Layout
 */
	body #container {
		width: 940px;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
	body #mainContent {}

/* gHeader */
	body #gHeader {
		position: relative;
		margin-bottom: 14px;
	}
	body #gHeader #hNav,
	body #gHeader .seotxt {
		position: absolute;
		right: 0px;
		top: 8px;
	}
	body #gHeader #hNav {
		top: 37px;
	}
	body #gHeader .seotxt {
		top: 10px;
		font-size: 10px;
		line-height: 12px;
		color: #999999;
	}


/* ftrProduct */
/*
	#ftrProduct li a {
		display: block;
		padding-top: 71px;
		width: 187px;
		height: 29px;
		font-size: 10px;
		line-height: 12px;
		color: #0083c9;
		text-decoration: underline;
		background-color: #fff;
		background-image: url(../imgs/ftr-product.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		text-align: center;
	}
	#ftrProduct li a:hover {
		text-decoration: none;
	}
	#ftrProduct li#ftrProduct01 a {	width: 190px; }
	#ftrProduct li#ftrProduct02 a {	background-position: -190px 0px; }
	#ftrProduct li#ftrProduct03 a {	background-position: -377px 0px; }
	#ftrProduct li#ftrProduct04 a { background-position: -564px 0px; }
	#ftrProduct li#ftrProduct05 a {	width: 189px; background-position: -751px 0px; }
	#ftrProduct li#ftrProduct01 a:hover { background-position: 0px -100px; }
	#ftrProduct li#ftrProduct02 a:hover { background-position: -190px -100px; }
	#ftrProduct li#ftrProduct03 a:hover { background-position: -377px -100px; }
	#ftrProduct li#ftrProduct04 a:hover { background-position: -564px -100px; }
	#ftrProduct li#ftrProduct05 a:hover { background-position: -751px -100px; }
*/


/* gFooter */
	body #gFooterArea {
		padding-top: 18px;
		background-color: #fff;
		background-image: url(../imgs/bg-end.gif);
		background-repeat: repeat-x;
		background-position: left top;
		text-align: left;
	}
	body #gFooter {
		width: 940px;
		margin-right: auto;
		margin-left: auto;
	}
	body #gFooter #endLogo {
		float: right;
	}
	body #gFooter #copyright {
		float: left;
		width: 700px;
		height: 40px;
		background-color: transparent;
		background-image: url(../imgs/copyright.gif);
		background-repeat: no-repeat;
		background-position: left 15px;
		text-indent: -9999px;
		text-align: left;
	}
	
	body #gFooter #copyright_test {
		float: left;
		width: 700px;
		height: 40px;
		background-color: transparent;
		background-image: url(../imgs/copyright2.gif);
		background-repeat: no-repeat;
		background-position: left 15px;
		text-indent: -9999px;
		text-align: left;
	}
	
	
/**
 * 5. EachPageStyle
 */
/* index */
	body #index #newsBox {
		position: relative;
		float: left;
		width: 550px;
	}
	#newsBox #allNews {
		position: absolute;
		right: 0px;
		top: 0px;
	}
	
/* 0615 船橋追加 */	
	#newsBox #allNews2 {
		float:right;
		margin-top:5px;
	}
	#newsBox .title {
		margin-bottom: 6px;
	}
	#newsList {
		border-top: 2px solid #c0c1c2;
	}
	#newsList ul {
		border-top: 1px solid #ffffff;
	}
	#newsList ul li a { zoom:1; }
	#newsList ul li a:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		line-height: 0;
		visibility: hidden;
	}
	#newsList ul li a {
		display: block;
		margin: 0;
		padding: 20px 20px 15px 20px;
		font-size: 10px;
		line-height: 15px;
		vertical-align: top;
		color: #666666;
		background-color: #f9f9fa;
		background-image: url(../imgs/dot-01.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	#newsList ul li a:hover {
		text-decoration: none;
		background-color: #ffffff;
	}
	#newsList ul li a em {
		display: block;
		float: left;
		padding: 2px 4px;
		width: 60px;
		font-style: normal;
		line-height: 12px;
		text-align: center;
		color: #ffffff;
		background-color: #565656;
		zoom: 1;
	}
	#newsList ul li a strong {
		display: block;
		margin-bottom: 12px;
		font-size: 12px;
		line-height: 18px;
		color: #333333;
	}
	#newsList ul li a span.txt {
		display: block;
		float: right;
		width: 420px;
	}
	#newsList ul li a:hover span.txt strong,
	#newsList ul li a:hover span.txt strong span.bold,
	#newsList ul li a span span.links {
		float: none;
		color: #0083c9;
	}
	#newsList ul li a span.txt span.bold {
		font-weight: bold;
		color: #222;
	}
	#newsList ul li a span.txt strong span.bold {
		font-weight: bold;
		color: #f00;
	}
	#newsList ul li a span span.links {
		margin-top: 8px;
		padding-left: 10px;
		width: auto;
		text-decoration: underline;
		background-color: transparent;
		background-image: url(../imgs/blt-01.gif);
		background-repeat: no-repeat;
		background-position: 0px 50%;
	}
	#newsList ul li a:hover span span.links {
		text-decoration: none;
		background-position: 2px 50%;
	}
	
	/*newslist リンクなし時の対応 0402*/
	#newsList ul li div.newsbox { zoom:1; }


	#newsList ul li div.newsbox {
		display: block;
		margin: 0;
		padding: 20px 20px 15px 20px;
		font-size: 10px;
		line-height: 15px;
		vertical-align: top;
		color: #666666;
		background-color: #f9f9fa;
		background-image: url(../imgs/dot-01.gif);
		background-repeat: repeat-x;
		background-position: left bottom;

	}
	#newsList ul li div.newsbox a:hover {
		text-decoration: none;
		background-color: #ffffff;
	}
	#newsList ul li div.newsbox em {
		display: block;
		float: left;
		padding: 2px 4px;
		width: 50px;
		font-style: normal;
		line-height: 12px;
		text-align: center;
		color: #ffffff;
		background-color: #565656;
		zoom: 1;
	}
	#newsList ul li div.newsbox strong {
		display: block;
		margin-bottom: 12px;
		font-size: 12px;
		line-height: 18px;
		color: #333333;
	}
	#newsList ul li div.newsbox span.txt {
		display: block;
		float: right;
		width: 420px;
		clear:right;
	}
	#newsList ul li div.newsbox span.txt strong,
	#newsList ul li div.newsbox span.txt strong span.bold,
	#newsList ul li div.newsbox span span.links {
		float: none;
		color: #333333;
	}
	#newsList ul li div.newsbox span.txt span.bold {
		font-weight: bold;
		color: #222;
	}
	#newsList ul li div.newsbox span.txt strong span.bold {
		font-weight: bold;
		color: #f00;
	}
	#newsList ul li div.newsbox span span.links {
		margin-top: 8px;
		padding-left: 10px;
		width: auto;
		text-decoration: underline;
		background-color: transparent;
		background-image: url(../imgs/blt-01.gif);
		background-repeat: no-repeat;
		background-position: 0px 50%;
	}
	#newsList ul li div.newsbox span span.links {
		text-decoration: none;
		background-position: 2px 50%;
	}


	
	/* for windows */
	.win #newsList ul li a em {
		width: 50px;
	}
	

	#index #linkBox {
		float: right;
		width: 370px;
	}
	/* btProgno126ex */
	#index #btProgno126ex {
		position: relative;
	}
	#index #btProgno126ex .btn {
		position: absolute;
		top: 106px;
	}
	#index #btProgno126ex #btProgno126ex-01 { left: 15px; }
	#index #btProgno126ex #btProgno126ex-02 { left: 135px; }

	
/*--0324 update-------------------------------------------*/

	/*btProgno126ex_a */
	#index #btProgno126ex_a {
		position: relative;
	}
	#index #btProgno126ex_a .btn {
		position: absolute;
		top: 103px;
	}
	#index #btProgno126ex_a .btn2 {
		position: absolute;
		top: 118px;
	}
	#index #btProgno126ex_a #btProgno126ex-01_a { left: 15px; }
	#index #btProgno126ex_a #btProgno126ex-02_a { left: 155px; }


	/*btProgno126ex_b */
	#index #btProgno126ex_b {
		position: relative;
	}
	#index #btProgno126ex_b .btn {
		position: absolute;
		top: 128px;
	}
	#index #btProgno126ex_b #btProgno126ex-01_b { left: 80px; }
	
/*--/0324 update-------------------------------------------*/



/*--/20100906 update-------------------------------------------*/
/* ftrProduct */
#ftrProduct ul {
	background-color:#c3c4c5;
	width: 935px;
	height: 186px;
	padding: 4px 1px 4px 4px;
}

#ftrProduct ul li {
	float: left;
	width: 184px;
	height: 91px;
	margin: 0 3px 3px 0;
	background-color:#FFF;
}

#ftrProduct ul li a {
	overflow: hidden
}

/*#ftrProduct01 a {
	width: 184px;
	height: 91px;
	display: block;
	text-indent: -9999px;
	background: url(../images/p_btn01.jpg) no-repeat 0 0;
}

#ftrProduct02 a {
	width: 184px;
	height: 91px;
	display: block;
	text-indent: -9999px;
	background: url(../images/p_btn02.jpg) no-repeat 0 0;
}

#ftrProduct03 a {
	width: 184px;
	height: 91px;
	display: block;
	text-indent: -9999px;
	background: url(../images/p_btn03.jpg) no-repeat 0 0;
}

#ftrProduct04 a {
	width: 184px;
	height: 91px;
	display: block;
	text-indent: -9999px;
	background: url(../images/p_btn04.jpg) no-repeat 0 0;
}

#ftrProduct05 a {
	width: 184px;
	height: 91px;
	display: block;
	text-indent: -9999px;
	background: url(../images/p_btn05.jpg) no-repeat 0 0;
}

#ftrProduct06 a {
	width: 184px;
	height: 91px;
	display: block;
	text-indent: -9999px;
	background: url(../images/p_btn06.jpg) no-repeat 0 0;
}

#ftrProduct07 a {
	width: 184px;
	height: 91px;
	display: block;
	text-indent: -9999px;
	background: url(../images/p_btn07.jpg) no-repeat 0 0;
}

#ftrProduct08 a {
	width: 184px;
	height: 91px;
	display: block;
	text-indent: -9999px;
	background: url(../images/p_btn08.jpg) no-repeat 0 0;
}

#ftrProduct09 a {
	width: 184px;
	height: 91px;
	display: block;
	text-indent: -9999px;
	background: url(../images/p_btn09.jpg) no-repeat 0 0;
}

#ftrProduct10 a {
	width: 184px;
	height: 91px;
	display: block;
	text-indent: -9999px;
	background: url(../images/p_btn10.jpg) no-repeat 0 0;
}
*/
#ftrProduct a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


#ftrProduct09 {
	width: 184px;
	height: 91px;
	background: url(../images/p_btn09.jpg) no-repeat 0 0;
	position: relative;
}


#p_btn09-1 {
	position: absolute;
	top: 8px;
	left: 13px;
}

#p_btn09-2 {
	position: absolute;
	top: 8px;
	left: 98px;
}



/*感想*/
.voice {
	width:370px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	background: url(../images/voice_bt.gif) no-repeat 0 bottom;
}

.vo_area {
	width:348px;
	height: 200px;
	padding: 10px;
	overflow-y: scroll;
	background-color:#FFFFFF;
	border-left: 1px solid #b1b2b2;
	border-right: 1px solid #b1b2b2;
}

.vo_line {
	text-align: right;
	padding-bottom:5px;
	margin-bottom: 5px;
	background: url(../images/voice_line.gif) no-repeat 0 bottom;
}


/*オンラインショップ*/
#shop {
	width: 370px;
	height: 218px;
	background: url(../images/online_shop01.gif) no-repeat 0 0;
	margin-bottom: 10px;
	position: relative;
}

/*#shop p {
	width: 236px;
	height: 37px;
	position: absolute;
	top: 168px;
	left: 20px;
	overflow: hidden;
}
*/

#shop a {
	width: 236px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	background: url(../images/online_shop02.gif) no-repeat 0 0;
	position: absolute;
	top: 168px;
	left: 20px;
	overflow: hidden;
}

#shop a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*福袋*/
#huku {
	width: 370px;
	height: 200px;
	margin-bottom: 10px;
}

#huku a {
	width: 370px;
	height: 200px;
}

#huku a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*新navi*/
#gNav01 {
	width: 195px;
	height: 46px;
}


#gNav01 a {
	width: 195px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	background: url(../imgs/gnav-experience.gif) no-repeat 0 0;
}

#gNav01 a:hover {
	background: url(../imgs/gnav-experience_ov.gif) no-repeat 0 0;
}


#gNav02 {
	width: 195px;
	height: 46px;
}


#gNav02 a {
	width: 195px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	background: url(../imgs/gnav-request.gif) no-repeat 0 0;
}

#gNav02 a:hover {
	background: url(../imgs/gnav-request_ov.gif) no-repeat 0 0;
}


#gNav03 {
	width: 110px;
	height: 46px;
}


#gNav03 a {
	width: 110px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	background: url(../imgs/gnav-mail02.gif) no-repeat 0 0;
}

#gNav03 a:hover {
	background: url(../imgs/gnav-mail_ov02.gif) no-repeat 0 0;
}


#gNav04 {
	width: 180px;
	height: 46px;
}


#gNav04 a {
	width: 180px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	background: url(../imgs/gnav-phone.gif) no-repeat 0 0;
}

#gNav04 a:hover {
	background: url(../imgs/gnav-phone_ov.gif) no-repeat 0 0;
}


#gNav05 {
	width: 120px;
	height: 46px;
}


#gNav05 a {
	width: 120px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	background: url(../imgs/gnav-haircare02.gif) no-repeat 0 0;
}

#gNav05 a:hover {
	background: url(../imgs/gnav-haircare_ov02.gif) no-repeat 0 0;
}


#gNav06 {
	width: 140px;
	height: 46px;
}


#gNav06 a {
	width: 140px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	background: url(../imgs/gnav-shop.gif) no-repeat 0 0;
}

#gNav06 a:hover {
	background: url(../imgs/gnav-shop_ov.gif) no-repeat 0 0;
}


/* 20111021 船橋追加css */
#loopedslider {
	width:940px;
	padding:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:940px;
	height:350px;
	margin:0 auto;
	position:relative;
}

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

.slides_container {
	width:940px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container a {
	width:940px;
	height:350px;
	display:block;
}

.slides_container a img {
	display:block;
}


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

#slides .next,#slides .prev {
	position:absolute;
	top:155px;
	left:20px;
	width:40px;
	height:40px;
	display:block;
	z-index:101;
}

#slides .next {
	left:880px;
}