﻿@charset "Shift_JIS";

/* Ver1.0.0-CLS-080723 */

/* --------------------------
all
-------------------------- */
* {
	margin:0;
	padding:0;
}

/* --------------------------
body
-------------------------- */

body{
	margin:0;
	padding:0;
	/*background-color:#E7E9EA;*/
	background-color:#FFF;
	color:#333333;
	font-family : "Verdana";
	text-align:center;
	/*border-top:solid 1px #F9396F;*/
}

body#howto {
	background:#fff url(../img/bg_body.gif) repeat-x left top;
	text-align:center;
	/*border-top:solid 3px #F9396F;*/
	
}

body#products {
	background:#fff url(../../images/fanclub/pro_bg_body75.gif) repeat-x left top;
}
body#sbw {
	background:#fff url(../img/1sbw_bg_body.gif) repeat-x left top;
}

/* --------------------------
hn
-------------------------- */
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}


/* --------------------------
img
-------------------------- */
img,a img{
	margin:0;
	padding:0;
	border:none;
	/*vertical-align:bottom;*/
}


/* --------------------------
clear
-------------------------- */
.clear{
	clear:both;
}

br.clear{
	display:block;
	clear:both;
	margin:0;
	padding:0;
	line-height:1%;
	font-size:1%;
}


/* --------------------------
hide
-------------------------- */
.hide{
	display:none;
}

.skip_navi,
.away{
	left:-9999px;
	overflow:hidden;
	position:absolute;
	width:0;
}


/* --------------------------
noscript
-------------------------- */
/*noscript*/
noscript p {
	margin:0;
	padding:10px;
}

noscript ul {
	margin:0 0 10px	 40px;
}
noscript ul p {
	margin:0;
	padding:0;
}


/* ƒŠƒ“ƒN
------------------------------------------------------*/
/* --------------------------
’Êí
-------------------------- */
a:link {
	color:#0066FF;
}
a:visited {
	color:#0066FF;
}
a:hover {
	color:#FF6600;
}


/* --------------------------
ƒtƒbƒ^[
--------------------------
#footer a:link {
	color:#737475;
	text-decoration:none;
}
#footer a:visited {
	color:#737475;
	text-decoration:none;
}
#footer a:hover {
	color:#737475;
	text-decoration:underline;
}
 */

/* --------------------------
ƒtƒbƒ^[Fƒgƒbƒvƒy[ƒW
-------------------------- */
#footer .foot_navi a:link {
	color:#B5B5B5;
	text-decoration:none;
}
#footer .foot_navi a:visited {
	color:#B5B5B5;
	text-decoration:none;
}
#footer .foot_navi a:hover {
	color:#B5B5B5;
	text-decoration:underline;
	/*text-decoration:none;*/
}



/* ƒeƒLƒXƒg
------------------------------------------------------*/
/* --------------------------
‘¾Žš
-------------------------- */
/* bold*/
.bold {
	font-weight:bold;
}

.red {
	color:#FF0000;
}
/* strong*/
.strong {
	font-weight:bold;
	color:#DF216E;
}

.strong_text {
	color:#0AA57F;
}

/* --------------------------
nowrap
-------------------------- */
/*nowrap*/
.nowrap {
	white-space:nowrap;
}





/* Note
------------------------------------------------------*/
/*note*/
.attention {
	color:#FF0000;
}


/* Form
------------------------------------------------------*/
/* Form*/
form {
	margin:0;
	padding:0;
}

fieldset {
	border:none;
	margin:0;
	padding:0;
}

legend {
	display:none;
	margin:0;
	padding:0;
}



/*
------------------------------------------------------
Outline
------------------------------------------------------*/
/* Container
------------------------------------------------------*/
#container {
	width:925px;
	margin:0 auto;
	/*padding:5px 0 15px 0;*/
	padding:0;
	text-align:left;
}


/* ƒvƒ‹ƒ_ƒEƒ“ƒƒjƒ…[
------------------------------------------------------*/
#Home #lang_navi  {
	text-align:right;
}

#Home .main  {
	position:relative;
	/*position:absolute;*/
	top:0;
}

#Home .sub  {
	/*position:relative;*/
	position:absolute;
	top:10px;
}


/* Header
------------------------------------------------------*/
#header{
	margin:0 30px;
	padding:0 0 0 0;
	width:865px;
}

/*header*/
#header p {
	margin:0;
	padding:0;
}

.head_bg {
	background:url(../1img/co_head_bg.gif) repeat-x top left;
}



/* article
------------------------------------------------------*/
#article {
	float:left;
	/*background-color:#FFF;*/
	/*background: url(../img/bg.gif) repeat-y top left;*/
}

/*
FLASHƒ|ƒXƒ^[‚ª“ü‚é‚½‚ßAƒuƒ‰ƒ“ƒhƒqƒXƒgƒŠ[‚Íarticle‚ª‚Q‚Â‘¶Ý
*/
#articleHistory {
	float:left;
	width:925px;
	/*background: url(../img/bg.gif) repeat-y top left;*/
}
/* --------------------------
ƒJƒeƒSƒŠ[ƒ^ƒCƒgƒ‹
-------------------------- */
/* categorytitle*/
#categorytitle {
	padding-top:2px;
	width:925px;
	height:31px;
	background: url(../../images/fanclub/bg_top.gif) repeat-x left bottom;
}
#products #categorytitle h2 {
	display:block;
	position:absolute;
	width:171px;
	height:29px;
	background:  url(../1img/pro_h2.gif) no-repeat top left;
}

#sbw #categorytitle {
	width:695px;
	height:29px;
	background: url(../1img/sbw_bg_body.gif) repeat-x left bottom;
}
#sbw #categorytitle h2 {
	width:55px;
	height:29px;
	background:  url(../1img/h2_checkmap.gif) no-repeat top left;
}
#sbw #categorytitle h2.salon {
	width:142px;
	height:29px;
	background:  url(../1img/h2_salon.gif) no-repeat top left;
}
#sbw #categorytitle h2.qa {
	width:157px;
	height:29px;
	background:  url(../1img/h2_qa.gif) no-repeat top left;
}

#products #historyTle #categorytitle {
background-image: none;
}

#products .item #categorytitle {
height:39px;
background: url(../img/1pro_item_h2.jpg) no-repeat top left;
}

#mobile #categorytitle {
background: url(../img/1mob_h2.jpg) no-repeat top left;
}
/*
#present #categorytitle {
background: url(../img/pre_h2.jpg) no-repeat top left;
}
*/
#sitemap #categorytitle {
background: url(../img/1sit_h2.jpg) no-repeat top left;
}

#products #categorytitle .tab table {
margin:0 0 0 548px;
}

#products .item #categorytitle .tab table {
margin:15px 30px 0 285px;
}


/* --------------------------
ƒy[ƒWƒ^ƒCƒgƒ‹
-------------------------- */
/* pagetitle*/
#sub_categorytitle_top {
	clear:both;
	width:865px;
	height:37px;
	padding:0 0 0 0;
	/*_padding:0;*/
	margin:30px 0 0 30px;
	background: url(../img/1sub_cate_bg.gif) repeat-x bottom left;
}

#sub_categorytitle,
#sub_categorytitle2,
#sub_categorytitle7 {
	clear:both;
	width:865px;
	height:37px;
	padding:0 0 0 0;
	/*_padding:0;*/
	margin:30px 0 25px 30px;
	background: url(../img/1sub_cate_bg.gif) repeat-x bottom left;
}


#sub_categorytitle_history {
	clear:both;
	width:865px;
	height:37px;
	padding:12px 0 0 0;
	_padding:0;
	margin:12px 0 10px 30px;
	background: url(../img/1sub_cate_bg.gif) repeat-x bottom left;
}

#sub_categorytitle3 {
	clear:both;
	width:865px;
	height:28px;
	margin:0 0 25px 30px;
	_margin:0 0 25px 30px;
	padding:24px 0 0 0;
	_padding:25px 0 12px 0;
	background: url(../img/1sub_cate_bg.gif) repeat-x bottom left;
}

#sub_categorytitle4 {
	clear:both;
	width:865px;
	height:15px;
	padding:0;
	margin:0 0 25px 30px;
}

#sub_categorytitle6 {
	clear:both;
	width:865px;
	height:37px;
	padding:12px 0 0 0;
	_padding:0;
	margin:12px 0 12px 30px;
	background: url(../img/1sub_cate_bg.gif) repeat-x bottom left;
}


#sub_categorytitle5 {
	clear:both;
	width:865px;
	height:15px;
	padding:0;
	margin:0 0 25px 30px;
	_margin:0 0 0 30px;

}

#sub_categorytitle7 {
	margin:12px 0 0 30px;
}

body#products #sub_categorytitle2 {
	clear:both;
	width:865px;
	height:37px;
	padding:12px 0 0 0;
	_padding:0;
	margin:12px 0 15px 30px;
	background: url(../img/1sub_cate_bg.gif) repeat-x bottom left;
}

#copy_title {
	clear:both;
	width:700px;
	height:24px;
	margin:0 0 30px 113px;
	padding:28px 0 0 0;
	_padding:28px 0 12px 0;
	background: url(../img/1sub_cate_bg.gif) repeat-x bottom left;
}




/* content
------------------------------------------------------*/
#content {
	clear:both;
	width:865px;
	/*margin:0 0 0 30px;*/
	/*margin:0 30px 0 30px;*/
	margin: 0 30px 0 30px;
	/*background: url(../img/bg02.gif) repeat-y top left;*/
}

#contentHistory {
	clear:both;
	width:925px;
	margin:0;
	/*background: url(../img/bg02.gif) repeat-y top left;*/
}
#Home #content,
#cm #content {
	clear:both;
	width:925px;
	margin:0;
}

/* COLOR SERIES ƒRƒ“ƒeƒ“ƒcÐ‰î
/* BIOCORE SERIES ƒRƒ“ƒeƒ“ƒcÐ‰î
------------------------------------------------------*/
#Series #content {
	clear:both;
	width:925px;
	margin:0;
	background: url(../../series/img/1color_series.jpg) no-repeat top left;

}

#Biocore #content {
	clear:both;
	width:925px;
	margin:0;
	background-image: none;

}

#Biocore #pagetop p {
	margin:0;
	padding:48px 30px 0 0;
	text-align:right;
}


#Series div.btnArea {
	margin-top:226px;
}


.catch {
	margin-bottom:44px;
}

.resultBox {
	width:770px;
	
	padding-bottom:20px;
	margin-bottom:23px;
	border-bottom:solid 1px #B2B2B2;
}
.resultBox2 {
	width:770px;
	margin-bottom:23px;
	border-bottom:solid 1px #B2B2B2;
}

.bio_red {
	color:#E5314C;
}

.bio_bg01 {
	background:url(/series/img/1bior_cimg_top.gif) repeat-x top left;
}

.bio_bg02 {
	background:url(/series/img/1bior_cimg_left.gif) repeat-y top left;
}

.bio_bg03 {
	background:url(/series/img/1bior_cimg_right.gif) repeat-y top left;
}

.bio_bg04 {
	background:url(/series/img/1bior_cimg_btm.gif) repeat-x top left;
}

.commodity {
	width:768px;
	margin-top:24px;
	background-color:#E5314C;
}

.bg_fff {
	background-color:#FFFFFF;
}



/* Salon ism ƒRƒ“ƒeƒ“ƒcÐ‰î
------------------------------------------------------*/
#Salon #content {
	clear:both;
	width:925px;
	margin:0;

}
#Salon div.btnArea {
	margin-top:21px;
}

#Salon #pagetop p {
	margin:0;
	padding:25px 30px 0 0;
	text-align:right;
}



/* --------------------------
ƒy[ƒWƒgƒbƒv
-------------------------- */
/*pagetop*/
#pagetop p {
	margin:0;
	padding:23px 0 10px 0;
	text-align:right;
}
#pagetop p.cate_top {
	margin:0;
	padding:0 0 10px 0;
	text-align:right;
}

.col2 #pagetop p {
	background: url(../img1/bg02.gif) repeat-y top left;
}



/* sidebar
------------------------------------------------------*/
#sidebar {
	width:190px;
}

.sidebar_bg {
	background: url(../img/1sidebar_bg.gif) repeat-y top left;
}

#sidebar .nvl p {
	padding:0 0 2px 0;
	background-color:#ffffff;
}

#sidebar .nvl p.top {
	padding:14px 0 2px 0;
	background-color:#ffffff;
}

#sidebar p.btn_back_cat {
	padding:20px 8px 0 8px;
}




/* main_content
------------------------------------------------------*/

/* --------------------------
main_content
-------------------------- */
#main_content {
	width:610px;
}


/* --------------------------
main_content02
-------------------------- */
/*main_content02*/
#main_content02 {
	margin:14px 0 0 0;
	padding-bottom:15px;
}





/* footer
------------------------------------------------------*/
#footer{
	clear:both;
	position:relative;
	width:925px;
	margin:0;
	padding:0 0 10px 0;
}

#Series #footer{
	clear:both;
	width:925px;
	margin:0;
	padding:5px 0 0 0;
}
#present #footer{
	width:550px;
}

/* bgÝ’è*/
/*
.col1 #footer{
	background: url(../img/co_foot_bg01.gif) no-repeat top left;
}
*/

.col1 #footer,
.col2 #footer{
	background: url(../img/1dot_line2.gif) repeat-x top left;
}

/*
#cm #footer,
#Home #footer{
	padding:5px 0 0 0;
	background:none;
}
*/
	#cm div#footer {
		/*clear:both;*/
		width:935px;
		/*height:55px;*/
		position:relative;
		margin:0 auto;
		padding-bottom:35px;
		/*background: url(../img/dot_line2.gif) repeat-x top left;*/
		background: #F8F8F8 url(../img/1bg_footer.jpg) repeat-x top left;
	}
/* --------------------------
ƒgƒbƒvƒy[ƒW
-------------------------- */
.m_bg {
	background: url(/img/1m_bg.gif) repeat-x top left;
}

.foot_navi {
	/*margin:30px 0 0 0;*/
	margin:16px 0 0 0;
	color:#B5B5B5;
}

.foot_navi2 {
	margin:30px 0 0 0;
	/*margin:16px 0 0 0;*/
	color:#B5B5B5;
}

.foot_navi td {
	background-color:#000;
}




#cmstudio {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

#cm02 {
	margin:20px 0 23px 0;
}

.cmClose {
	text-align:center;
	margin:10px 0 12px 0;
}

/* EOF*/