@charset "utf-8";

/*======================================

	Reset

=======================================*/

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,em {
	margin: 0;
	padding: 0;
	font-style: normal;
	list-style: none;
	list-style-type: none;
}


img {
	border: none;
}

/*======================================

	Body

=======================================*/

body {
	margin:0;
	padding:0;
	text-align:center;
}

#header {
	width:auto;
	height:57px;
	_height:286px;
	padding-top:229px;
}

#logo h1 {
	position:absolute;
	left:26px;
	top:32px;
	height: 41px;
	width: 330px;
}

#logo h1 a {
	display:block;
	width:auto;
	height:41px;
	text-indent:-9999em;
}

#logo .disp {
	display:none;
}


#header #navi {


	width:908px;
	text-align:left;
}

#header #navi dt {
	display:block;
	float:left;
}

#header #navi dt.bt1 a {
	display:block;
	width:165px;
	height:57px;
	text-indent:-9999em;
}

#header #navi dt.bt2 a {
	display:block;
	width:146px;
	height:57px;
	text-indent:-9999em;
}

#header #navi dt.bt3 a {
	display:block;
	width:146px;
	height:57px;
	text-indent:-9999em;
}

#header #navi dt.bt4 a {
	display:block;
	width:143px;
	height:57px;
	text-indent:-9999em;
}

#header #navi dt.bt5 a {
	display:block;
	width:145px;
	height:57px;
	text-indent:-9999em;
}

#header #navi dt.bt6 a {
	display:block;
	width:163px;
	height:57px;
	text-indent:-9999em;
}

/*======================================

	sec top

=======================================*/
#about_top {
	background:url(../img/about/top.jpg) no-repeat center top;
	width:auto;
	height:146px;
	text-align:center;
}

#privacy_top {
	background:url(../img/privacy/top.jpg) no-repeat center top;
	width:auto;
	height:146px;
	text-align:center;
}


#about_header {
	width:auto;
	height:146px;
	position:relative;
}

#about_header #navi {
	position:absolute;
	left:1px;
	top:89px;
	width:908px;
}

#about_header #navi dt {
	display:block;
	float:left;
}

#about_header #navi dt.bt1 a {
	display:block;
	width:165px;
	height:57px;
	text-indent:-9999em;
}

#about_header #navi dt.bt2 a {
	display:block;
	width:146px;
	height:57px;
	text-indent:-9999em;
}

#about_header #navi dt.bt3 a {
	display:block;
	width:146px;
	height:57px;
	text-indent:-9999em;
}

#about_header #navi dt.bt4 a {
	display:block;
	width:143px;
	height:57px;
	text-indent:-9999em;
}

#about_header #navi dt.bt5 a {
	display:block;
	width:145px;
	height:57px;
	text-indent:-9999em;
}

#about_header #navi dt.bt6 a {
	display:block;
	width:163px;
	height:57px;
	text-indent:-9999em;
}

#news_top {
	background:url(../img/news/top.jpg) no-repeat center top;
	width:auto;
	height:146px;
	text-align:center;
}

#news_header {
	width:auto;
	height:146px;
	position:relative;
}

#news_header #navi {
	position:absolute;
	left:1px;
	top:89px;
	width:908px;
}

#news_header #navi dt {
	display:block;
	float:left;
}

#news_header #navi dt.bt1 a {
	display:block;
	width:165px;
	height:57px;
	text-indent:-9999em;
}

#news_header #navi dt.bt2 a {
	display:block;
	width:146px;
	height:57px;
	text-indent:-9999em;
}

#news_header #navi dt.bt3 a {
	display:block;
	width:146px;
	height:57px;
	text-indent:-9999em;
}

#news_header #navi dt.bt4 a {
	display:block;
	width:143px;
	height:57px;
	text-indent:-9999em;
}

#news_header #navi dt.bt5 a {
	display:block;
	width:145px;
	height:57px;
	text-indent:-9999em;
}

#news_header #navi dt.bt6 a {
	display:block;
	width:163px;
	height:57px;
	text-indent:-9999em;
}

#product_top {
	background:url(../img/product/top.jpg) no-repeat center top;
	width:auto;
	height:146px;
	text-align:center;
}

#product_header {
	width:auto;
	height:146px;
	position:relative;
}

#product_header #navi {
	position:absolute;
	left:1px;
	top:89px;
	width:908px;
}

#product_header #navi dt {
	display:block;
	float:left;
}

#product_header #navi dt.bt1 a {
	display:block;
	width:165px;
	height:57px;
	text-indent:-9999em;
}

#product_header #navi dt.bt2 a {
	display:block;
	width:146px;
	height:57px;
	text-indent:-9999em;
}

#product_header #navi dt.bt3 a {
	display:block;
	width:146px;
	height:57px;
	text-indent:-9999em;
}

#product_header #navi dt.bt4 a {
	display:block;
	width:143px;
	height:57px;
	text-indent:-9999em;
}

#product_header #navi dt.bt5 a {
	display:block;
	width:145px;
	height:57px;
	text-indent:-9999em;
}

#product_header #navi dt.bt6 a {
	display:block;
	width:163px;
	height:57px;
	text-indent:-9999em;
}








#top {
	background:url(../img/top.jpg) no-repeat center top;
	width:auto;
	height:286px;
	text-align:center;
}

#container {
	width:908px;
	margin:0 auto;
}


#contents {
	background:url(../common/main_bg.jpg) top no-repeat;
	width:auto;
	margin:0 auto;
	height:auto;
	text-align:center;
	z-index:1;
}

/*======================================

	Top page

=======================================*/
div#main {
	width:850px;
	margin:0 auto;
	height:auto;
	text-align:left;
	padding:20px 29px 25px 29px;
}

.toppage {
	width:850px;
	height:auto;
}

.toppage:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .toppage {
    height: 1em;
    overflow: visible;
}
/**/

.toppage .top_left {
	float:left;
	width:600px;
	height:auto;
}

.toppage .top_left .top_img {
	background: url(../img/top/top.jpg) no-repeat 0 0;
	height:175px;
	padding:410px 0 0 5px;
	margin-bottom:15px;
	font-size:12px;
	color:#000000;
}

.toppage .top_left .top_section_box1 {
	float:left;
	width:265px;
	margin-right:40px;
}

.toppage .top_left .top_section_box2 {
	float:left;
	width:265px;
}


.toppage .top_left .top_img p {
	width:260px;
	margin-bottom:15px;
}

.toppage .top_left .top_img .secret1 a {
	display:block;
	width:260px;
	height:61px;
	text-indent:-999em;
}

.toppage .top_left .top_img .habitual_use {
	width:248px;
	height:43px;
}
.toppage .top_left .top_img .habitual_use a {
	display:block;
	width:248px;
	height:43px;
	text-indent:-999em;
	position:absolute;
	left: 300px;
	top: 131px;
}

.toppage .top_left .top_img .purchase1 a {
	display:block;
	width:260px;
	height:42px;
	text-indent:-999em;
}


.toppage .top_left .top_img .secret2 a {
	display:block;
	width:260px;
	height:61px;
	text-indent:-999em;
}

.toppage .top_left .top_img .purchase2 a {
	display:block;
	width:260px;
	height:42px;
	text-indent:-999em;
}

.toppage .top_left .top_about {
	padding-top:28px;
	font-size:12px;
	line-height:180%;
}

.toppage .top_right {
	float:right;
	width:250px;
	height:auto;
	padding-top:4px;
}

.toppage .top_right .mb_middle {
	margin-bottom:14px;
}

.toppage .top_right .news {
	background:url(../img/top/news_bottom.jpg) bottom center no-repeat;
	width:250px;
	height:auto;
	padding-bottom:7px;
}

.toppage .top_right .news .news_inner {
	background:url(../img/top/news_bg.jpg) repeat-y;
	width:250px;
	height:400px;
	overflow:auto;
	padding:0 8px 0 9px;
}
html > body .toppage .top_right .news .news_inner {
	width:233px;
}




.toppage .top_right .news .news_inner ul {
	padding:1px 0 0 0;
}

.toppage .top_right .news .news_inner li strong {
	color:#DE1188;
	font-weight:bold;
}

.toppage .top_right .news .news_inner li {
	background:url(../img/top/line.gif) bottom no-repeat;
	width:auto;
	height:auto;
	font-size:12px;
	line-height:150%;
	padding:6px 0 8px 7px;
}

.toppage .top_right .news .news_inner li.bt1 {
	background:none;
}

.toppage .top_right .news .news_inner li a {
	color:#333333;
	text-decoration:underline;
}

.toppage .top_right .news .news_inner li a:hover {
	text-decoration:none;
}

/*======================================

	About 

=======================================*/
.about_table {
	width:650px;
	height:auto;
	text-align:center;
	margin:0 auto;
	padding:14px 0 0 0;
}

* html .about_table {
	margin-left:101px;
}

.about_table table {
}

.about_table th {
	width:93px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
	padding-left:10px;
	font-size:12px;
}
.about_table th.bt1 {
	background:url(../img/about/bg20.jpg) bottom no-repeat;
	border-top:1px solid #CCCCCC;
}
.about_table th.bt2 {
	background:url(../img/about/bg14.jpg) bottom no-repeat;
}
.about_table th.bt3 {
	background:url(../img/about/bg8.jpg) bottom no-repeat;
}
.about_table th.bt4 {
	background:url(../img/about/bg7.jpg) bottom no-repeat;
}
.about_table th.bt5 {
	background:url(../img/about/bg15.jpg) bottom no-repeat;
}
.about_table th.bt6 {
	background:url(../img/about/bg9.jpg) bottom no-repeat;
}
.about_table th.bt7 {
	background:url(../img/about/bg32.jpg) bottom no-repeat;
}

.about_table td {
	text-align:left;
	font-size:12px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:7px 0 6px 14px;
	line-height:145%;
}
.about_table td.bt1 {
	border-top:1px solid #CCCCCC;
}

.about_table td span {
	display:block;
	margin-top:19px;
}

.news_voice {
	width:850px;
	height:auto;
	font-size:12px;
	color:#666666;
}
.news_voice:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .news_voice {
    height: 1em;
    overflow: visible;
}
/**/

.news_voice .voice {
	float:left;
	width:626px;
	height:auto;
}

.news_voice .voice .voice_inner {
	width:636px;
	height:auto;
	padding-top:8px;
}

.news_voice .voice .voice_inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .news_voice .voice .voice_inner {
    height: 1em;
    overflow: visible;
}
/**/

.news_voice .voice .voice_inner .voice_box {
	float:left;
	width:149px;
	height:240px;
	_height:250px;
	padding:0 0 9px 0;
	margin-right:10px;
	text-align:center;
}

.news_voice .voice .voice_inner .voice_box a:link,
.news_voice .voice .voice_inner .voice_box a:visited,
.news_voice .voice .voice_inner .voice_box a:active {
	color:#666;
}

.news_voice .voice .voice_inner .voice_box p {
	margin-bottom:6px;
}

.news_voice .news {
	float:right;
	width:201px;
	height:auto;
	text-align:center;
}

.news_voice .news .mb_small {
	margin-bottom:8px;
}

.news_voice .news .mb_small2 {
	margin-bottom:5px;
}

.maga {
	clear:both;
	text-align:left;
	margin-bottom:5px;
}

.maga .left {
	float:left;
	margin-right:11px;
	_margin-right:5px;
}

.txt_left {
	text-align:left;
	font-size:11px;
}


/*======================================

	Product 

=======================================*/
.mt_middle {
	margin-top:9px;
}

.product_secret1 {
	padding:12px 0 40px 12px;
}

.product_secret1 .secret1_img1 {
	background:url(../img/product/img01.jpg) no-repeat 0 0;
	width:826px;
	height:164px;
	position:relative;
}

.product_secret1 .secret1_img1 .txt_none {
	display:none;
}

.product_secret1 .secret1_img1 .txt {
	font-size:12px;
	color:#333333;
	line-height:166%;
	position:absolute;
	left: 441px;
	top: 52px;
}

.product_secret2 {
	width:819px;
	height:auto;
	margin:12px 0 49px 16px;
	font-size:12px;
	color:#666666;
}

.product_secret2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .product_secret2 {
    height: 1em;
    overflow: visible;
}
/**/

.product_secret2 .secret2_left {
	float:left;
	background:url(../img/product/line.gif) right no-repeat;
	width:424px;
	height:auto;
	padding-right:30px;
}

html > body .product_secret2 .secret2_left {
	width:394px;
}

.product_secret2 .secret2_left p {
	line-height:183%;
}

.product_secret2 .secret2_left .mt_large {
	margin-top:22px;
}

.product_secret2 .secret2_left strong {
	color:#EC3EAA;
}

.product_secret2 .secret2_right {
	float:right;
	width:364px;
	height:auto;
}

.product_secret2 .secret2_right p {
	line-height:166%;
}

.product_secret3 {
	width:832px;
	height:auto;
	margin:8px 0 43px 16px;
}

.product_secret3:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .product_secret3 {
    height: 1em;
    overflow: visible;
}
/**/

.product_secret3 .secret3_txt {
	float:left;
	width:195px;
	height:auto;
	margin-right:13px;
}

.product_secret3 .secret3_txt p {
	font-size:11px;
	color:#666666;
	line-height:145%;
	margin-bottom:6px;
}

.product_secret4 {
	background:url(../img/product/img05.jpg) no-repeat 0 0;
	width:851px;
	height:291px;
	position:relative;
	padding-bottom:20px;
}

.product_secret4 .img1 a {
	display:block;
	width:248px;
	height:63px;
	text-indent:-999em;
	position:absolute;
	left: 439px;
	top: 60px;
}

.product_secret4 .txt {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	line-height:145%;
	position:absolute;
	left: 442px;
	top: 140px;
}

.product_secret4 .img2 a {
	display:block;
	width:248px;
	height:70px;
	text-indent:-999em;
	position:absolute;
	left: 440px;
	top: 133px;
}

.product_secret4 .img3 a {
	display:block;
	width:248px;
	height:29px;
	text-indent:-999em;
	position:absolute;
	left: 440px;
	top: 212px;
}

#gloss_section {
	background:url(../img/product/gloss/img03.jpg) no-repeat left top;
	width:auto;
	height:291px;
	position:relative;
	padding-bottom:20px;
}

#gloss_section .link1 a {
	display:block;
	width:248px;
	height:63px;
	text-indent:-999em;
	position:absolute;
	left: 440px;
	top: 37px;
}

#gloss_section .link2 a {
	display:block;
	width:248px;
	height:70px;
	text-indent:-999em;
	position:absolute;
	left: 440px;
	top: 111px;
}

#gloss_section .link3 a {
	display:block;
	width:248px;
	height:29px;
	text-indent:-999em;
	position:absolute;
	left: 440px;
	top: 193px;
}

/*======================================

	Footer 

=======================================*/

#footer {
	clear:both;
	width:908px;
	height:auto;
	margin:0 auto;
}

#footer_inner {
	background:url(../common/footer_menu.jpg) no-repeat 0 0;
	width:908px;
	height:37px;
	text-align:left;
}

#footer_inner #footer_navi {
	padding:14px 0 0 12px;
	width:808px;
	text-align:left;
}

html > body #footer_inner #footer_navi {
	width:796px;
}

#footer_inner #footer_navi li {
	display:block;
	float:left;
}
#footer_inner #footer_navi li a {
	display:block;
	float:left;
}

#footer_inner #footer_navi li.bt1 a {
	display:block;
	width:75px;
	height:15px;
	text-indent:-999em;
}

#footer_inner #footer_navi li.bt2 a {
	display:block;
	width:67px;
	height:15px;
	text-indent:-999em;
}

#footer_inner #footer_navi li.bt3 a {
	display:block;
	width:89px;
	height:15px;
	text-indent:-999em;
}

#footer_inner #footer_navi li.bt4 a {
	display:block;
	width:75px;
	height:15px;
	text-indent:-999em;
}

#footer_inner #footer_navi li.bt5 a {
	display:block;
	width:57px;
	height:15px;
	text-indent:-999em;
}

#footer_inner #footer_navi li.bt6 a {
	display:block;
	width:81px;
	height:15px;
	text-indent:-999em;
}

#footer_inner address {
	clear:both;
	text-indent:-999em;
	height:8px;
}

#privacy td {
	border:none;
}

.product_secret4 {
	position:relative;
}

.oshirase {
	color:#f00;
	font-weight:bold;
	font-size:13px;
	width: auto;
	line-height: 100%;
	text-align:left;
	clear:both;
}

.oshirase dt,
.oshirase2 dt {
	display:none;
}

.oshirase dd,
.oshirase2 dd {
	font-size:22px;
	line-height:normal;
	display:block;
	text-align:left;
	margin:0;
	padding:0;
}

*:first-child+html .oshirase dd,
*:first-child+html .oshirase2 dd {
	text-indent:-40px;
}

.oshirase2 {
	position:absolute;
	left: 440px;
	top: 255px;
	color:#f00;
	font-weight:bold;
	font-size:12px;
	width: 280px;
	line-height: 100%;
}

#hotlink {
	background:url(../common/hotlink_bg.jpg) no-repeat 0 0;
	font-size:10px;
	padding:10px 13px 10px;
}

#hotlink a {
	color:#C0124F;
}

.clr {
	clear:both;
}