/* CSS Document */

*{
	margin:0;
	padding:0;
}
body{
	background:#ffffff;
	font-size:12px;
	color:#333333;
	line-height:1.5em;
	margin:0;
	padding:0;
	padding-bottom:10px;
	width:100%;
	font-family: "Verdana","Arial";
}
ul{
	list-style-type:none;
}
img{
	border:0;
}
.caption{
	font-size:10px;
}
#wrap{
	width:900px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
#stage{
	width:900px;
	padding-bottom:30px;
}
#stage:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
a{
	color:#1697e1;
	text-decoration:none;
}
a:link{
	color:#1697e1;
	text-decoration:none;
}
a:active{
	color:#1697e1;
	text-decoration:none;
}
a:visited{
	color:#1697e1;
	text-decoration:none;
}
a:hover{
	color:#1697e1;
	text-decoration:underline;
}
/*************************************************	FOOTER	**********************************************/
#footer{
	width:880px;
	clear:both;
	background:#8f70af url(../images/bg_footer.gif) left top no-repeat;
	margin:0 auto;
	height:30px;
}
#footer .inner{
	padding:10px;
}
#footernavi{
	float:left;
}
#footernavi li{
	float:left;
	margin-right:15px;
}
#footernavi li a{
	height:10px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
}
#footernavi li#home a{
	width:48px;
	background-image:url(../images/footer_home.gif);
}
#footernavi li#companyoverview a{
	width:60px;
	background-image:url(../images/footer_company.gif);
}
#footernavi li#contact a{
	width:88px;
	background-image:url(../images/footer_contact.gif);
}
#footernavi li#sitemap a{
	width:80px;
	background-image:url(../images/footer_sitemap.gif);
}
#footernavi li#kiyaku a{
	width:64px;
	background-image:url(../images/footer_kiyaku.gif);
}
#footernavi li#privacy a{
	width:130px;
	background-image:url(../images/footer_privacy.gif);
}
#footernavi li a:hover,.subcontents ul li a.here{
	background:url(../images/navi_logo.gif) left bottom no-repeat;
}
#copyright{
	width:271px;
	height:15px;
	float:right;
	text-indent:-9999px;
	background:url(../images/copyright.gif) left top no-repeat;
}
/*************************************************	SIDEBOX	**********************************************/
#sidebox{
	width:270px;
	float:left;
}
#sidebox .box{
	background:url(../images/bg_sidebox.gif) left top repeat-y;
}
#sidebox .box .inner{
	background:url(../images/bg_sidebox_bottom.gif) left bottom no-repeat;
	padding:0 10px 10px;
}
#sidebox .box .inner .area{
	padding:10px;
}

#logo h1 a{
	width:250px;
	height:120px;
	background:url(../images/navi_logo.gif) left top no-repeat;
	text-indent:-9999px;
	display:block;
	margin:0 auto;
}
#logo h1 a:hover,#logo h1 a.here{
	background:url(../images/navi_logo.gif) left bottom no-repeat;
}

#navigation .navibtn{
	width:250px;
	height:50px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
}
#navigation #product .navibtn{
	background-image:url(../images/navi_product.gif);
}
#navigation #press .navibtn{
	background-image:url(../images/navi_about.gif);
}
#navigation #press .navibtn{
	background-image:url(../images/navi_press.gif);
}
#navigation #company .navibtn{
	background-image:url(../images/navi_company.gif);
}
#navigation #download .navibtn{
	background-image:url(../images/navi_download.gif);
}
#navigation .navibtn:hover,#navigation .navibtn.here{
	background-position:left bottom;
}
#navigation #product .navibtn:hover,#navigation #product .navibtn.here{
	background-position:left top;
}
.subcontents#subproduct{
	height:114px;
}
.subcontents ul li a{
	width:250px;
	height:38px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
}
.subcontents ul li#skincare a{
	background-image:url(../images/subnavi_skincare.gif);
}
.subcontents ul li#makeup a{
	background-image:url(../images/subnavi_makeup.gif);
}
.subcontents ul li#limited a{
	background-image:url(../images/subnavi_limited.gif);
}
.subcontents ul li a:hover,.subcontents ul li a.here{
	background:url(../images/navi_logo.gif) left bottom no-repeat;
}

#utility li a{
	width:250px;
	height:38px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
}
#utility li#home a{
	background-image:url(../images/utility_home.gif);
}
#utility li#magazine a{
	background-image:url(../images/utility_magazine.gif);
}
#utility li#companyoverview a{
	background-image:url(../images/utility_company.gif);
}
#utility li#contact a{
	background-image:url(../images/utility_contact.gif);
}
#utility li#sitemap a{
	background-image:url(../images/utility_sitemap.gif);
}
#utility li a:hover,#utility li a.here{
	background:url(../images/navi_logo.gif) left bottom no-repeat;
}
#sidebox .box#mobile h3{
	width:270px;
	height:45px;
	text-indent:-9999px;
	background:url(../images/h_mobile.gif) left top repeat-y;
}
#sidebox .box#shoplist h3{
	width:270px;
	height:45px;
	text-indent:-9999px;
	background:url(../images/h_shoplist_s.gif) left top repeat-y;
}
p#mobiledesc{
	font-size:10px;
	margin-top:10px;
	padding:0 5px 0;
	line-height:1.2em;
}
/*************************************************	MAIN	**********************************************/
#main{
	width:630px;
	float:right;
}
#main .inner{
	padding:20px 10px 0;
}
#topcolumn{
	width:600px;
	margin:0 auto;
}
#topcolumn:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
#topcolumn #newsbox{
	width:270px;
	float:left;
}
#topcolumn #productbox{
	width:310px;
	float:right;
}
#topcolumn #productbox img{
	display:block;
}
#newslist{
}
#newslist .row{
	padding:10px 5px 5px;
	background:url(../images/pattern.gif) left bottom repeat-x;
}
#newslist .row .date{
	width:80px;
	height:17px;
	background:url(../images/bg_date.gif) left top no-repeat;
	line-height:17px;
	color:#FFFFFF;
	font-size:10px;
	display:block;
	text-align:center;
}
.topress{
	height:23px;
	margin:10px 0;
}
.topress:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
.topress a {
	float:right;
	width:150px;
	height:23px;
	display:block;
	text-indent:-9999px;
	background:url(../images/btn_press.gif) left top no-repeat;

}
.topress a:hover {
	background:url(../images/btn_press.gif) left bottom no-repeat;

}
.totop{
	clear:both;
	height:30px;
	margin:10px 0;
}
.totop:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
.totop a {
	float:right;
	width:100px;
	height:30px;
	display:block;
	text-indent:-9999px;
	background:url(../images/btn_top.gif) left top no-repeat;
	margin-right:20px;

}
.totop a:hover {
	background:url(../images/btn_top.gif) left bottom no-repeat;

}
.tocontact{
	clear:both;
	height:23px;
	margin:10px 0;
}
.tocontact:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
.tocontact a {
	float:right;
	width:120px;
	height:23px;
	display:block;
	text-indent:-9999px;
	background:url(../images/btn_contact.gif) left top no-repeat;
	margin-right:10px;

}
.tocontact a:hover {
	background:url(../images/btn_contact.gif) left bottom no-repeat;

}
.toblog{
	height:50px;
	margin:10px 0;
}
.toblog:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
.toblog a {
	float:right;
	width:276px;
	height:50px;
	display:block;
	text-indent:-9999px;
	background:url(../images/toblog.gif) left top no-repeat;

}
.toblog a:hover {
	background:url(../images/toblog.gif) left bottom no-repeat;

}
#tomakeup{
	clear:both;
	height:23px;
	margin:10px 0;
	position:relative;
	top:-43px;
}
#tomakeup:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
#tomakeup a {
	float:right;
	width:110px;
	height:23px;
	display:block;
	text-indent:-9999px;
	background:url(../images/tomakeup.gif) left top no-repeat;
	margin-right:10px;

}
#tomakeup a:hover {
	background:url(../images/tomakeup.gif) left bottom no-repeat;

}
#toskincare{
	clear:both;
	height:23px;
	margin:10px 0;
	position:relative;
	top:-43px;
}
#toskincare:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
#toskincare a {
	float:right;
	width:110px;
	height:23px;
	display:block;
	text-indent:-9999px;
	background:url(../images/toskincare.gif) left top no-repeat;
	margin-right:10px;

}
#toskincare a:hover {
	background:url(../images/toskincare.gif) left bottom no-repeat;

}
#companytop-contactbtn{
	position:relative;
	top:-43px;
}
#photoskincare{
	width:310px;
	height:150px;
	display:block;
	text-indent:-9999px;
	background:url(../images/top_skincare.jpg) left top no-repeat;
	overflow:hidden;
}
#photoskincare:hover{
	background:url(../images/top_skincare.jpg) left bottom no-repeat;
}
#photomakeup{
	width:310px;
	height:150px;
	display:block;
	text-indent:-9999px;
	background:url(../images/top_makeup.jpg) left top no-repeat;
	overflow:hidden;
}
#photomakeup:hover{
	background:url(../images/top_makeup.jpg) left bottom no-repeat;
}

.contenttitle img ,.pressyear img,.contentsubtitle img{
	display:block;
}
.contenttitlearea{
	width:610px;
	height:44px;
	overflow:hidden;
}
.pressbox{
	padding:10px;
}
.presslist{
	padding:0px 20px 10px;
}
.presslist .row{
	background:url(../images/dot_border_light.gif) left bottom repeat-x;
	width:100%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.presslist .row:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
.presslist .row .pict {
	text-align: center;
	float: left;
	width: 25%;
	margin-bottom: 10px;
}
.presslist .row .press {
	float: right;
	width: 70%;
}
.presslist .row h4{
	color:#4277b9;
	font-size:14px;
	width:60%;
	float:left;
}
.presslist .row h4 .publishing{
	color:#4277b9;
	font-size:12px;
}
.presslist .row .date{
	width:40%;
	float:right;
	text-align:right;
	
}
.presslist .row .row-header{
	line-height:1.8em;
	border:1px solid #4277b9;
	border-width:0 0 1px 0;
	width:100%;
}
.presslist .row .row-header:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
.presslist .pressdesc{
	padding:10px 0;
}
.presslist .row .row-left{
	float:left;
	margin-bottom:10px;
}
.presslist .row .row-right{
	float:right;
}
.overviewbox{
	padding:10px;
}
.bihadabox{
	padding:10px;
}
#company-overview{
	width:570px;
	margin:0 auto;
	padding-top:10px;
}
#company-overview ul li{
	padding:15px 0;
	font-size:12px;
	background:url(../images/dot_border_light.gif) left bottom repeat-x;
	width:570px;
}
#company-overview ul li:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
#company-overview ul li .fieldname{
	display:block;
	width:150px;
	float:left;
	text-align:right;
}
#company-overview ul li .fieldvalue{
	display:block;
	width:410px;
	float:right;
}
.deftitle{
	line-height:1.8em;
	border:1px solid #4277b9;
	border-width:0 0 1px 0;
	width:100%;
	font-weight:bold;
	color:#4277b9;
	font-size:14px;
}
#company-contact{
	width:553px;
	margin:0 auto;
	padding-top:10px;
}
.productbox{
	padding:10px;
}
.pbox{
	padding:10px 0;
}
#main .inner .productbox .pbox .inner{
	width:570px;
	padding:5px 10px 10px 10px;
}
.pbox .inner:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
.pcol{
	 margin-bottom:15px;
}
.prodesc{
	padding:10px 0;
}
.protitle{
	line-height:1.8em;
	width:100%;
	font-weight:bold;
	color:#8f70af;
	font-size:12px;
	background:url(../images/dot_border_purple.gif) left bottom repeat-x;
}
.pprice{
	background:url(../images/dot_border_light.gif) left top repeat-x;
	padding:5px 0;
	text-align:right;
}
.pdesc{
	padding:10px 0;
}
.pimage{
	padding:10px 0 0;
}
.prow{
	clear:both;
}
.toplevel{
	font-size:14px;
	background:url(../images/dot_border_purple.gif) left bottom repeat-x;
	padding:20px 0 10px 0;
	display:block;
	margin-top:20px;
}
.toplevel a{
	background:url(../images/p.gif) 0 0.2em no-repeat;
	padding-left:15px;
}
.subcategory{
	text-indent:20px;
	display:block;
	line-height:2em;
	margin-top:5px;
}
.subcategory a{
	background:url(../images/p.gif) 0 0.15em no-repeat;
	padding-left:15px;
}




#comicbottom{
	background:url(../images/bg_comic.gif) left top repeat-y;
}
#comicinner{
	padding:10px 20px 60px;
	background-image: url(../images/bg_comic_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#comic-overview{
	width:570px;
	margin:0 auto;
	padding-top:10px;
}
#comic-overview ul li{
	padding:15px 0;
	font-size:12px;
	background:url(../images/dot_border_light.gif) left bottom repeat-x;
	width:570px;
}
#comic-overview ul li:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
#comic-overview ul li .fieldname{
	display:block;
	width:120px;
	float:left;
	text-align:right;
}
#comic-overview ul li .fieldvalue{
	display:block;
	width:440px;
	float:right;
}
.common-area{
	margin:10px auto 20px;
	padding:10px;
	background-color:#efefef;
}
.common-area ul li{
	padding:15px 0;
	font-size:12px;
	background:url(../images/dot_border.gif) left bottom repeat-x;
	width:560px;
}
.common-area ul li:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
.common-area ul li .fieldname{
	display:block;
	width:150px;
	float:left;
	text-align:right;
}
.common-area ul li .fieldvalue{
	display:block;
	width:410px;
	float:right;
}
.common-area ul li .fieldvalue2{
	display:block;
	width:480px;
	float:right;
	padding: 5px;
}
.common-area ul li .fieldvalue2 strong{
	color:#FF0033;
}
.common-area .common-desc{
	width:400px;
	margin: 0 auto;
	text-align:center;
	padding:10px;
}
.common-area#mg-regi{
	background-color:#ecf9ff;
	border:1px solid #1ba1df;
}
.common-area#mg-change{
	background-color:#fffbec;
	border:1px solid #dfad5e;
}
.common-area#mg-remove{
	background-color:#fef3f3;
	border:1px solid #d76e6e;
}
#privacy p {
	margin-bottom: 10px;
}
#privacy ol {
	margin-left: 20px;
}
#privacy li {
	list-style-type: decimal;
	list-style-position: outside;
	line-height: 22px;
}
#privacy .list {
	margin-top: 20px;
	margin-bottom: 20px;
}
#privacy .line {
	height: 1px;
	background:url(../images/dot_border.gif) left bottom repeat-x;
	margin-top:20px;
	margin-bottom:20px;
}




.kiyaku{
	padding:0px 0px 10px;
}
.kiyaku .row{
	background:url(../images/dot_border_light.gif) left bottom repeat-x;
	margin:10px 0;
	width:100%;
}
.kiyaku .row:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
.kiyaku .row h4{
	color:#4277b9;
	font-size:14px;
	width:60%;
	float:left;
}
.kiyaku .row h4 .publishing{
	color:#4277b9;
	font-size:12px;
}
.kiyaku .row .date{
	width:40%;
	float:right;
	text-align:right;
	
}
.kiyaku .row .row-header{
	line-height:1.8em;
	border:1px solid #4277b9;
	border-width:0 0 1px 0;
	width:100%;
}
.kiyaku .row .row-header:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
.kiyaku .pressdesc{
	padding:10px 0;
}
.kiyaku .row .row-left{
	float:left;
	margin-bottom:10px;
}
.kiyaku .row .row-right{
	float:right;
}



.ban img {
	margin: 10px;
}

#main .inner .overviewbox .jump {
	margin-top: 20px;
	text-align: center;
}