/* gNavigation */
div#gNavigation {
float:left;
width:280px;
height:100%;
background-color:#0149b6;
}
div#gNavigation h1{
color:#FFFFFF;
font-size:x-small;
margin:20px;
font-weight:normal;
}
ul#gList {
margin:0;
padding:0;
list-style:none;
}
ul#gList li {
margin:0;
padding:0;
width:280px;
height:52px;
}
ul#gList li a {
display:block;
width:100%;
height:100%;
overflow:hidden;
text-indent:-9999em;
text-decoration:underline;
outline:none;
}

/* 個別指定 */
a#gHome {background-image:url(cmnfix/menu_top.jpg);}
a#gCellcosmet {background-image:url(cmnfix/menu_cellcosmet.jpg);}
a#glineup {background-image:url(cmnfix/menu_lineup.jpg);}
a#gSkincare {background-image:url(cmnfix/menu_skincare.jpg);}
a#gShopping {background-image:url(cmnfix/menu_shopping.jpg);}
a#gcompany {background-image:url(cmnfix/menu_company.jpg);}
a#gFanclub {background-image:url(cmnfix/menu_fanclub.jpg);}
a#gContact {background-image:url(cmnfix/menu_contact.jpg);}
ul#gList li a:hover {
background-position:0px -52px;
}
ul#gList li a.active {
background-position:0px -52px;
cursor:default;
}
div#information {
width:660px;
margin-bottom:20px;
overflow:hidden;

}
div#information h2,
.box h2{
/*background:#e6e0f1;*/
background-color:#fff;
padding:4px;
}
div#information h2{
font-family:"HG明朝E", "ヒラギノ明朝 Pro W3";
line-height:120%;
}
h2.bgble{background:#e6e0f1 !important;}

div#information ul{
margin:20px 0 0 0;
padding:0;
list-style:none;
width:490px;
height:50px;
}

div#information li{
float:left;
margin-right:6px;
}
div#information li#liright{
float:left;
margin-right:0px;
}

table.newstable {
margin-bottom: 25px;
}
td.newstd {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #DBCFBA;
padding-left:20px;
}
th.newsth {
padding-right:15px;
}
table.news {
margin-bottom:10px;

}
table.news th {
font-weight:normal;
background-image:url(cmnfix/icon_right.gif);
background-repeat:no-repeat;
background-position:0 6px;
padding-left:10px;
padding-right:20px; 

}

#info2 .worksinfo dt{
width:220px; height:60px;
margin:14px 20px;
}

.tpass{margin:8px auto;}
.tpass p{
padding:2px 2px 2px 16px; margin-left:8px;
background:url(cmnfix/icon_right2.gif) 0px 6px no-repeat;
float:left;
}
.tpass p.first{background:none;}

/*会社案内*/
.worksinfo dt{
margin:2px 0;
width:200px;
height:60px;
float:left;
}
.worksinfo dd{
margin:2px 0 2px 8px;
width:450px;
height:60px;
float:left;
}


/*　lineup　*/
.more a{border:1px solid #666;
display:block;
margin:10px 0  10px 530px;
width:110px; height:23px;
text-indent:-9000px;
background:url(cmnfix/btn_more.jpg) no-repeat;
outline:none;
}
.itemdsply ul{
clear:both;
list-style:none;
margin:8px auto; padding:0px;
/*border:2px solid #0149b6;*/
width:660px;
position:relative;
clear:both; float:none;
}

.itemdsply li.imgbig,
.itemdsply li.itemtxt{
float:none; clear:both;
width:660px;
overflow:visible;
}
.itemdsply li.itemtxt2{
float:left;
margin:4px 10px;
width:300px; height:240px;
}

.itemdsply li.item{border:1px solid #e6e0f1;
display:block;
float:left;
margin:4px 7px;
width:200px; height:240px;
position:relative;
overflow:hidden;
}
.itemdsply li.item p img{
display:block;
max-width:200px;
margin:auto;
}
.itemdsply li.item p.txt{border-left:3px solid #003c98;
margin:10px 2px 2px; 2px;
padding-left:4px;
position:absolute;
bottom:2px;
background-color:#ffffff;
}

.itemdsply li.item2{border:1px solid #e6e0f1;
display:block;
float:left;
margin:4px 10px;
width:300px; height:240px;
position:relative;
overflow:hidden;
}
.itemdsply li.item2 p img{
display:block;
max-width:300px;
margin:auto;
}
.itemdsply li.item2 p.txt{border-left:3px solid #003c98;
margin:10px 2px 2px; 2px;
padding-left:4px;
position:absolute;
bottom:2px;
background-color:#ffffff;
}

.itemdsply li.item2txt{
display:block;
float:left;
margin:4px 10px;
width:300px;
}
.itemdsply li.item2txt p.txt{border-left:3px solid #003c98;
margin:10px 2px 2px; 2px;
padding-left:4px;
background-color:#ffffff;
}
/*　item　*/
.itemlst ul{
clear:both;
margin:8px auto; padding:0px;
/*border:2px solid #0149b6;*/
width:660px;
position:relative;
clear:both; float:none;
}
li.mcatettl p a{color:#ffffff;}
.itemlst li{border:1px solid #e6e0f1;
display:block;
float:left;
margin:4px 7px;
width:200px; height:240px;
position:relative;
overflow:hidden;
}
.itemlst li p img{
display:block;
max-width:200px; max-height:220px;
margin:auto;
}
.itemlst li p.txt{border-left:3px solid #003c98;
margin:10px 2px 2px; 2px;
padding-left:4px;
position:absolute;
bottom:2px;
background-color:#ffffff;
}

li.mcatettl{border:none;
display:block;
padding-top:20px;
clear:both; float:none;
width:480px; height:24px;
background:url(cmnfix/mcatettl.jpg) 0px 20px no-repeat;
}
li.mcatettl p{
font-weight:bold;
font-size:160%; text-indent:36px;
line-height:24px;
}

.subcatettl{border:none;
display:block;
margin-top:20px;
clear:both; float:none;
width:480px !important; height:24px !important;
background-color:#e0e6f1;
}
.subcatettl p{
font-weight:normal;
font-size:160%; text-indent:12px;
color:#0049b5; font-family:"HGｺﾞｼｯｸE", "細明朝体", "ヒラギノ明朝 Pro W3";
line-height:24px;
}

div.box h2.itemttl{
text-indent:36px;
background:url(cmnfix/itemttl.jpg) no-repeat;
}
div.itemdetail{margin-bottom:48px;}
.itemdetail dl{float:left;}
.itemdetail .itemimg{width:320px;}
.itemdetail .itemimg img{max-width:320px;}
.itemdetail .itemimg dt{
width:320px;
margin-bottom:8px;
text-align:center;
}

.itemdetail .itemimg dd{border:1px solid #666;
height:75px; width:75px;
margin:1px;
overflow:hidden;
float:left;
}
.itemdetail .itemimg dd img{width:75px;
}

.itemdetail .itemdata{width:300px;margin-left:10px; border:0px solid #ddd;}
.itemdetail .itemdata dd,
.itemdata dt{
margin:4px;
}
.itemdetail .itemdata dd{margin-left:2px; border-left:3px solid #003c98; padding-left:4px;}

.itemdata .btn a{border:1px solid #666;
display:block;
text-indent:-9000px;
width:110px; height:23px;
margin-bottom:12px;
background:url(cmnfix/btn_buy.jpg) no-repeat;
}
.itemdata .data{
font-size:140%;
margin-bottom:12px;
}
.itemdata .data span{color:#ff0000; font-weight:bold;}

.itemdata .value form select{
margin-bottom:20px;
}

.itemdetail .remark{
padding-top:18px;
width:658px;
clear:both;
}

.itemdetail .remark table{
border:1px solid #003c94;
border-collapse:collapse;
margin:12px;
}
 .remark table th,.remark table td{border:1px dotted #003c94; padding:2px; background-color:#e8ecff;}
.nonlist{
width:100% !important; height:auto !important;
border:none !important;
}

/*右カラムバナー領域*/

div#rightbanner {
float: left;
margin-left: 25px;
margin-bottom:60px;
}
div#rightbanner ul{
margin:0;
padding:0;
list-style:none;
width:145px;
}

div#rightbanner li{
margin-bottom:10px;
}
div#rightbanner p{
margin-top:5px;
margin-bottom:15px;
}
div#rightbanner p img{
vertical-align:baseline;
margin-left:3px;
}
.topleft{
width:280px; height:380px;
font-weight:bold;
background-image:url(cmnfix/topleft.jpg);
}
.topleft p{padding:8px;
line-height:160%;
font-size:120%;
}
/*装飾*/
.ble{color:#0149b6;}
.f00{color:#ff0000;}

div.pagelinkbar {
/*	background-image: url(img/btn_back.jpg);*/
	background-repeat: no-repeat;
	height: 25px;
	width: 660px;
}
div.pagelinkbar a{
	color:#0149b6;
	text-decoration:none;
	font-size:120%;
	font-family:"HGｺﾞｼｯｸE", "細明朝体", "ヒラギノ明朝 Pro W3";}
div.pagelinkbar ul{
	margin:0 0 16px 0;
	padding:0;
}
div.pagelinkbar li{
	margin: 2px 8px; padding:0px 4px;
	border:1px solid #abccfe;
	height:25px; line-height:25px;
	list-style-type: none;
	float:left;
	text-align:left;
	background-image: url(cmnfix/btn_back2.jpg);
}
/*x[VbN*/
div.box_basic{
	clear:left;
	margin-bottom:20px;
}

div.box_basic table{
	width: 330px;
	float:left;
	margin-bottom:15px;
	border:0;
}
div.box_basic th {
	text-align:center;
	width:80px;
}
th.leftbody {
	text-align:center;
}
td.leftbody {
padding-right:15px;
}



.NnD{border:none; margin-bottom:18px;}

dt.plain{
font-family:"ＭＳ ゴシック";
border-bottom:#0149b6;
background-image:none;
}

.topwhatsnew h2{
line-height:120%;
}
.topleftscroll{
font-size:90%;
text-align:left;
height:320px; width:280px;
overflow-y:scroll;
}