/*--------------------------
body
--------------------------*/
body {
color: #333333;
background:#F1EDE1;
font-size:10px;
line-height:150%;
font-family:"ＭＳ ゴシック",Arial,sans-serif;
margin:0; 
padding:0;}


body.popup {
margin:0; 
padding:10px;
color: #333333;
background:#ffffff;
font-size:10px;
line-height:150%;
}

/*--------------------------
Decoration
--------------------------*/
h1 {
font-size:12px; 
line-height:150%; 
font-weight:normal;
}
h2 {
font-size:12px; 
line-height:150%; 
font-weight:bold; 
color:#009EC3;
background:#cde6f4;
padding:5px;
border:1px solid #b2b2b2;
margin-bottom:20px;
}
.h2_sub {
padding-left:20px;
font-size:10px; 
line-height:150%; 
color:#333333;
font-weight:normal;
}
.txt12gray {
font-size:12px; 
line-height:150%;
}
.txt12blue {
font-size:12px; 
line-height:150%; 
color:#009EC3;
}
th {
font-size:10px; 
line-height:150%; 
text-align:left;
}
td {
font-size:10px; 
line-height:150%;
}
.pdmain {
font-size:12px; 
line-height:150%;
}
.pdmain th {
font-size:12px; 
line-height:150%; 
text-align:center;
}
.pdmain td {
font-size:12px; 
line-height:150%;
}
.bl {color:#009EC3;}
.pk {color:#E74288;}

.big {font-size:12px; line-height:200%;}
.hl {font-size:10px; line-height:210%;}
.cap {font-size:10px; line-height:150%;}
.mini {font-size:8px; line-height:150%;}
.clear{clear:both;}

/*--------------------------
link
--------------------------*/
a:link {color:#009EC3; text-decoration: none;}
a:visited {color:#009EC3; text-decoration: none;}
a:hover {color:#009EC3; text-decoration: none; background:#C0E2F2;}

.puremakeup a:link {color:#E74288; text-decoration: none;}
.puremakeup a:visited {color:#E74288; text-decoration: none;}
.puremakeup a:hover {color:#E74288; text-decoration: none; background:#F7C4DB;}

/*--------------------------
Layout
--------------------------*/
#header {
width:800px;
height:61px;
margin:10px 0 0 0;
}
#bg_menu {
width:800px;
height:57px;
margin:0;
padding:0;
/*background: url(/ec/images/bg_menu.gif) top left no-repeat;*/
}
#bg_menu #menu {
width:760px;
margin:0 20px;
}
#menu .blue {
background:#cde6f4;
padding:0 0 0 369px;
}
#menu .blue2 {
height:25px;
background:#cde6f4;
}
/*#contents_back {
width:800px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
}*/
#contents {
width:760px;
margin:0px;
margin-bottom:20px;
padding:16px 0;
/*border-top:1px solid #8c8c8c;*/
overflow:hidden;
text-align:left;
}
#contents .bar {
margin:10px 23px;
color:#009ec3;
text-align:left;
}
.title {margin:10px 0 0 0; text-align:center;}
#main {margin:16px 23px; font-size:10px; line-height:150%;}
.item_name {margin:6px 0 16px 0;}
.banner {margin:16px 0; text-align:left;}

#footer_bg {
height:36px;
/*background:url("/ec/images/bg_footer.gif") bottom left no-repeat;*/
margin:0;
padding:0 44px 0 43px;
}
#footer td {font-size:10px; line-height:150%;}
#footer .cpy {font-family:Helvetica,Osaka;}

.margin-bottom10 {margin:0 0 10px 0;}
.margin-bottom20 {margin:0 0 20px 0;}

/*--------------------------
Layout : Item Detail
--------------------------*/
.pic1 {margin:0 0 14px 0;}
.caption {margin:10px 5px;}
.detail {border-top:2px solid #b2b2b2; padding:14px;}
.detail_memo {font-size:12px; line-height:150%;}
.detail_compo_ttl {}
.detail_compo_bdy {color:#009EC3;}
.detail_limit {}
.detail td {font-size:12px; line-height:150%;}
.select {padding:0 0 14px 14px;}
.button {padding:0 0 40px 14px;}

/*--------------------------
Layout : other
--------------------------*/
.right_btn {text-align:right; margin:10px 0 0 0;}
.right_index {margin:0 0 10px 0; color:#009EC3; text-align:right;}
.field {background:#cde6f4; color:#009EC3;}
.record {background:#ffffff;}
.error_msg {color:#cc0000; font-weight:bold; margin:20px 0; font-size:12px; line-height:150%;}




/*-------------------------------
GLOBAL HEADER
-------------------------------*/
img{border:0;
}


div#ghead{

	clear:both;
	width: 100%;
	height:30px;
	background: url(/ec/images/hdr/bg.gif) bottom left repeat-x;
	position: relative;
	bottom: 0;
}


div#ghead div.menuarea{

	clear:both;
	margin: 0 auto;
	width:980px;
	height:30px;

}

div#ghead div.menuarea ul,
div#ghead div.menuarea li{

list-style-type: none !important;
margin:0;
padding:0;
/*background:#eee;*/
height:30px;

}


div#ghead div.menuarea li.link_menu01,
div#ghead div.menuarea li.link_menu02,
div#ghead div.menuarea li.link_menu03,
div#ghead div.menuarea li.link_menu04,
div#ghead div.menuarea li.link_menu05,
div#ghead div.menuarea li.link_menu06 {

text-indent:-10000px;
height:22px;
float:left;

}

div#ghead div.menuarea li.link_menu01 a{
margin-right:73px;
background:url(/ec/images/hdr/link_menu01.gif) bottom left no-repeat;
width:162px;
height:22px;
display:block;
}

div#ghead div.menuarea li.link_menu02 a{
margin-right:73px;
background:url(/ec/images/hdr/link_menu02.gif) bottom left no-repeat;
width:110px;
height:22px;
display:block;
}

div#ghead div.menuarea li.link_menu03 a{
margin-right:73px;
background:url(/ec/images/hdr/link_menu03.gif) bottom left no-repeat;
width:73px;
height:22px;
display:block;
}

div#ghead div.menuarea li.link_menu04 a{
margin-right:73px;
background:url(/ec/images/hdr/link_menu04.gif) bottom left no-repeat;
width:86px;
height:22px;
display:block;
}

div#ghead div.menuarea li.link_menu05 a{
margin-right:73px;
background:url(/ec/images/hdr/link_menu05.gif) bottom left no-repeat;
width:162px;
height:22px;
display:block;
}

div#ghead div.menuarea li.link_menu06 a{

background:url(/ec/images/hdr/link_menu06.gif) bottom left no-repeat;
width:162px;
height:22px;
display:block;
}


div#ghead div.menuarea li.link_menu01 a:hover{

background:url(/ec/images/hdr/link_menu01ov.gif) bottom left no-repeat;

}

div#ghead div.menuarea li.link_menu02 a:hover{

background:url(/ec/images/hdr/link_menu02ov.gif) bottom left no-repeat;

}

div#ghead div.menuarea li.link_menu03 a:hover{

background:url(/ec/images/hdr/link_menu03ov.gif) bottom left no-repeat;

}

div#ghead div.menuarea li.link_menu04 a:hover{

background:url(/ec/images/hdr/link_menu04ov.gif) bottom left no-repeat;

}

div#ghead div.menuarea li.link_menu05 a:hover{

background:url(/ec/images/hdr/link_menu05ov.gif) bottom left no-repeat;

}

div#ghead div.menuarea li.link_menu06 a:hover{

background:url(/ec/images/hdr/link_menu06ov.gif) bottom left no-repeat;

}



/*-------------------------------
CATEGORY MENU
-------------------------------*/


div#nhead{

	clear:both;
	width: 100%;
	height:78px;
	background:url(/ec/images/hdr/n_bg.gif) bottom left repeat-x;
	position: relative;
	bottom: 0;
	margin-top:0;
}

div#nhead h1 {
font-size:14px; 
line-height:180%;
margin:0 0 5px 0!important; 
text-align:left;}




div#nhead div.menuarea{
	clear:both;
	margin: 0 auto;
	width:980px;
	height:78px;}



div#nhead div.menuarea li {
 float:left;
 list-style:none;
}
div#nhead div.menuarea li a {
 background-image:url(/ec/images/hdr/menu_2_2.gif);
 background-repeat:no-repeat;
 display:block;
 font-weight:bold;
 height:24px;
 letter-spacing:1px;
 text-align:center;
 text-indent:-10000px;
}
div#nhead div.menuarea ul {
 margin:0 auto;
 overflow:hidden;
 padding:0;
 width:955px;
 zoom:100%;
}


div#nhead div.menuarea li.link_menu01 a {background-position:0px 0px;width:79px;}
div#nhead div.menuarea li.link_menu01 a:hover {background-position:0px -24px;}

div#nhead div.menuarea li.link_menu02 a {background-position:-79px 0px;width:92px;}
div#nhead div.menuarea li.link_menu02 a:hover {background-position:-79px -24px;}

div#nhead div.menuarea li.link_menu03 a {background-position:-238px 0px;width:60px;}
div#nhead div.menuarea li.link_menu03 a:hover {background-position:-238px -24px;}

div#nhead div.menuarea li.link_menu04 a {background-position:-298px 0px;width:60px;}
div#nhead div.menuarea li.link_menu04 a:hover {background-position:-298px -24px;}

div#nhead div.menuarea li.link_menu05 a {background-position:-360px 0px;width:60px;}
div#nhead div.menuarea li.link_menu05 a:hover {background-position:-360px -24px;}

div#nhead div.menuarea li.link_menu06 a {background-position:-420px 0px;width:70px;}
div#nhead div.menuarea li.link_menu06 a:hover {background-position:-420px -24px;}

div#nhead div.menuarea li.link_menu07 a {background-position:-169px 0px;width:70px;}
div#nhead div.menuarea li.link_menu07 a:hover {background-position:-169px -24px;}

/*ECメニュー*/

#blue{
	position: absolute;
	right:100px;
	top:50px;
	}


/*--------------------------
共通Layout
--------------------------*/
#container {
width:980px;
margin-top:10px;margin-bottom:10px;margin-right:auto;margin-left:auto;
border:1px solid #999999;background:#ffffff;padding:0;}

#inner_top {
width:800px;
margin-top:15px;
margin-bottom:30px;}

#inner_top img{border:none;}

.header-menuless {
border-bottom:1px solid #86C7E6;
margin-bottom:38px;
padding-left:90px;
}


/*--------------------------
TOPページ
--------------------------*/
/*Left*/
.left_bt{
margin-top:10px;
border:none;}

/*right*/
.right_all{
width:590px;
margin-top:10px;
}

.right_l{
	width:290px;
	margin-top:10px;
	margin-right:10px;
	float:left;
	height: 94px;
}

.right_r{
	width:290px;
	margin-top:10px;
	float: right;
	height: 94px;
}



/*--------------------------
LEFT MENU
--------------------------*/

.leftmenu{
	width:178px;
	margin-bottom:7px;
	margin-top:0px;}

.leftmenu ul{
	list-style:none;
	padding:0px;
	margin:0px;}

.leftmenu ul li{	
	background:url(/ec/images/left/l_item.gif) repeat-x bottom;
	list-style:none;
	margin-left:0px;
	height:17px;
	width:178px;}
	
.leftmenu ul li a{
	font-size:10px;
	margin-left:5px;
	margin-top:2px;
	text-decoration:none;
	color:#6f6f6f;
	}	
	
.leftmenu ul li a:hover {
	text-decoration: underline;
	color:#6f6f6f;
	}	

.leftmenu ul li a:visited {
	text-decoration: none;
	color:#6f6f6f;
	}