/* EGF コスメ 通販 | ローション | 美容液 | */

* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

/*IE6*/
	*HTML body {
		text-align: center;
	}

#outline {
	width: 950px;
	height: auto;
	margin: 13px auto 0 auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666666;
	font-size: 11px;
}

#outline li {
	list-style-type: none;
}

img {
	border: none;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: underline;
}

/*head
--------------------*/
#head #logo {
	float: left;
	margin: 22px 0 0 4px;
}

#head h1 {
	float: right;
	margin-top: 8px;
	font-size: 11px;
	font-weight: normal;
}

#head #cart {
	width: 817px;
	margin-top: 20px;
	clear: right;
	float: right;
}

#head #cart span {
	float: right;
	margin: 29px 5px 0 0;
	margin-bottom: 10px;
}

#head #cart img {
	float: right;
}

#head #s_navi {
	width: 469px;
	clear: right;
	height: auto;
	margin-top: 8px;
	float: right;
}

#head #s_navi li {
	float: left;
}

#head #s_navi li a {
	display: block;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url("../../img/navi.gif");
	background-repeat: no-repeat;
}


#head #s_navi li #overview { width: 95px; background-position: 0 0; }
#head #s_navi li #use_guide { width: 96px; background-position: -96px 0; }
#head #s_navi li #my_page { width: 96px; background-position: -191px 0; }
#head #s_navi li #inquiry { width: 96px; background-position: -287px 0; }
#head #s_navi li #site_map { width: 82px; background-position: -383px 0; }

#head #s_navi li #overview:hover { background-position: 0 -14px; }
#head #s_navi li #use_guide:hover { background-position: -96px -14px; }
#head #s_navi li #my_page:hover { background-position: -191px -14px; }
#head #s_navi li #inquiry:hover { background-position: -287px -14px; }
#head #s_navi li #site_map:hover { background-position: -383px -14px; }

/*g_navi
--------------------*/
#head #g_navi {
	float: left;
	width: 950px;
	height: 44px;
	margin-top:7px;
	padding-top: 3px;
	background-image: url("../../img/g_navi.jpg");
	background-repeat: no-repeat;
}

#head #g_navi li {
	display: inline;
	float: left;
	margin-top: 3px;
	height: 74px;
	background-repeat: no-repeat;
}

#head #g_navi li a {
  display: block;
  height: 43px;
  text-indent: -9999px;
  overflow: hidden;
}

#head #g_navi li a:hover {
  background-position: 0 -43px;
}

#head #g_navi #home { background-image:url("../../img/m_home.gif");width:93px;  }
#head #g_navi #guide { background-image:url("../../img/m_guide.gif");width:141px; }
#head #g_navi #sample { background-image:url("../../img/m_trial.gif");width:142px; }
#head #g_navi #producer { background-image:url("../../img/m_egf.gif");width:141px; }
#head #g_navi #voice { background-image:url("../../img/m_voice.gif");width:142px; }
#head #g_navi #qa { background-image:url("../../img/m_faq.gif");width:142px; }
#head #g_navi #member { background-image:url("../../img/m_repeat.gif");width:149px; }


/*contents 
--------------------*/
#contents {
	clear: both;
	float: left;
	text-align: left;
	margin-top: 15px;
}

/*top content
--------------------*/

#contents #top {
	height:301px;
	margin: 12px 0 9px 0;
}

#contents #top img {
	float: left;
}

#contents #top div {
	width: 389px;
	height: 291px;
	padding: 5px;
	border: solid 1px #DDD9D4;
	float: left;
	margin-left: 7px;
}
	/*IE6*/
	*HTML #contents #top div {
		margin-left: 6px;
	}

#contents #top #news {
	width: 375px;
	height: 281px;
	overflow-y: scroll;
	padding: 5px;
}
	/*IE6*/
	*HTML #contents #top #news {
		height: 291px;
	}

#contents #top #news li {
	width: 341px;
	font-size: 11px;
	padding-right: 10px;
	margin-bottom: 7px;
	line-height: 140%;
	border-bottom: dotted 1px #CCCCCC;
	padding-bottom: 5px;
}

#contents #top #news li span {
	width: 341px;
	display: block;
	margin: 3px 0px 3px 3px;
}

/*left content
--------------------*/
#contents #left {
	width: 162px;
	float: left;
	text-align:center;
}

#contents #left form {
	width: 162px;
}

#contents #left input {
	width: 100%;
	height: 15px;
	padding-top: 4px;
	font-size: 11px;
	color: #CCCCCC;
	text-align: left;
	padding-left: 2px;
	border: solid 1px #999999;
}

#contents #left .btn_search {
		width: 68px;
		height: 20px;
		margin-bottom: 28px;
		border: none;
}

#contents #left #category {
	height: 285px;
	padding-bottom: 30px;
	overflow: hidden;
}

#contents #left #category #c_hair { background-image: url("../../img/btn_haircare.gif"); }
#contents #left #category #c_skin { background-image: url("../../img/btn_skincare.gif"); }
#contents #left #category #c_special { background-image: url("../../img/btn_special.gif"); }
#contents #left #category #c_other { background-image: url("../../img/other.gif"); }

#contents #left #category li a {
  display: block;
  overflow: none;
  text-indent: -9999px;
	width: 162px;
	height: 71px;
	float: left;
}

#contents #left #category li a:hover {
  background-position: 0 -71px;
}

#contents #left #category li {
	border: none;
}

#contents #left #info h2 {
	margin-bottom: 14px;
}

#contents #left #calendar {
	width: 162px;
	margin: 30px 0 8px 0;
	font-size: 12px;
}

#contents #left #calendar #day {
	display: block;
}

#contents #left #calendar table {
	border-collapse: collapse;
	color: #666666;
	clear: right;
	width: 131px;
	margin: 0 auto;
	text-align:center;
	border: solid 1px #999999;
}

#contents #left #calendar .holiday {
	background-color: #D7CBC4;
}

#contents #left #calendar th {
	font-weight: normal;
}

#contents #left #calendar td,
#contents #left #calendar th {
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	padding: 3px 2px 2px 2px;
}

#contents #left #calendar p {
	margin: 10px auto;
}

#contents #left #calendar p span {
	color: #D7CBC4;
}

#contents #left #info address {
	width: 150px;
	margin: 0 0 33px 17px;
	font-style: normal;
	font-size: 11px;
	text-align:left;
}



/*center content
--------------------*/
#contents #center {
	width: 602px;
	margin: 0 12px 0 12px;
	float: left;
}

#contents #center #reco_bn01 {
	width: 602px;
	float: left;
	margin-top: 6px;
}

#contents #center #reco_bn01 li {
	display:inline;
	list-style-type:none;
}


#contents #center #reco_bn01 .right_side img {
	margin-left: 4px;
}

#contents #center #regular_items {
	clear: both;
	margin-top: 35px;
	float: left;
}

#contents #center #regular_items ul {
	width: 602px;
	margin-top: 9px;
	float: left;
}

#contents #center #regular_items li {
	width: 142px;
	height: 290px;
	padding-top: 10px;
	margin: 10px 8px 1px 0;
	background-image: url("../../img/reg_outline.gif");
	float: left;
}
	/*IE6*/
	*HTML #contents #center #regular_items li {
		height: 290px;
		text-align:center;
	}

#contents #center #regular_items li img {
	margin:0 14px;
	margin-bottom: 5px;
}

#contents #center #regular_items li p {
	width: 120px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 140%;
	text-align: left;
}

#contents #center #regular_items li p.ex {
  margin-top: 5px;
  font-size: 10px;
  letter-spacing: 1px;
}

	/*Firefox*/
	html:not([lang*=""]) #contents #center #regular_items li p.ex {
	  font-size: 11px;
	  letter-spacing: 0;
	}

#contents #center #regular_items li span {
	display: block;
}

#contents #center #reco_bn02 {
	float: left;
	margin-top: 16px;
}

#contents #center #reco_bn02 li {
	float: left;
	margin-right: 7px;
}

#contents #center #column01 {
	float: left;
	margin-right: 10px;
}

#contents #center #column02 {
	float: left;
}

#contents #center #column01,
#contents #center #column02 {
	width: 296px;
	float: left;
	margin-top: 39px;
	line-height: 160%;
	font-size: 12px;
}

#contents #center #column01 a,
#contents #center #column02 a {
	color: #2971A7;
	text-decoration: underline;
}

#contents #center #column01 a:hover,
#contents #center #column02 a:hover {
	color: #2971A7;
	text-decoration: none;
}



#contents #center #column01 h2,
#contents #center #column02 h2 {
	width: 286px;
	height: 23px;
	font-size: 12px;
	padding-left: 10px;
	background-image: url("../../img/column_bg.gif");
}

#contents #center #column01 h3,
#contents #center #column02 h3 {
	font-size: 12px;
	margin: 10px 0;
}

#contents #center #column01 p,
#contents #center #column02 p {
	margin-bottom: 13px;
}

#contents #center #column01 span,
#contents #center #column02 span {
	float: right;
	margin-top: 8px;
}

#contents #center #regular_items .nostyle,
#contents #center #reco_bn02 .nostyle {
	float: left;
	margin-right: 0px;
}

/*right content
--------------------*/
#contents #right {
	width: 162px;
	float: right;
	text-align:left;
}
	/*IE6*/
	*HTML #contents #right {
		clear: both;
		float: right;
	}

#contents #right #egf {
	width: 162px;
	background-image: url("../../img/commitment_mid.gif");
	background-repeat: repeat-y;
	margin-top: 15px;
}

#contents #right #egf div {
	width: 142px;
	padding: 5px 10px 5px 10px;
	line-height: 138%;
}
	/*IE6*/
	*HTML #contents #right #egf div {
		width: 162px;
	}

#contents #right #egf img {
	margin-bottom: 2px;
}

#contents #right #egf div p {
	margin-top: 8px;
}

#contents #right #reco_contents {
	margin-top: 37px;
}

#contents #right #reco_contents ul {
	font-size: 12px;
	margin-bottom: 40px; 
	padding: 0;
}

#contents #right #reco_contents li {
	display: block;
	width: 142px;
	height: 15px;
	margin:0px;
	padding: 9px 0 7px 24px;
    background-image: url("../../img/mark03.gif");
	background-repeat: no-repeat;
}
	/*IE6*/
	*HTML #contents #right #reco_contents li {
		width: 162px;
		height: 35px;
	}

#contents #right #reco_contents li:hover {
  background-position: 0 -31px;
  cursor: pointer;
}

#contents #right h3 {
	margin-top: 30px;
}

.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*foot
--------------------*/

#foot {
	width: 950px;
	margin-top: 15px;
	padding-top: 11px;
	clear: both;
	float: left;
	text-align: left;
	border-top: solid 1px #CCCCCC;
}
	/*Firefox*/
	html:not([lang*=""]) #foot {
		margin-top: 37px;
	}

#foot #foot_left,
#foot #foot_right {
	width: 460px;
	font-size: 12px;
	line-height: 140%;
}

#foot #foot_left {
	float: left;
	margin-left: 3px;
}

#foot #foot_right {
	float: right;
}

#foot dl {
	float: left;
}

#foot dt {
	width: 460px;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 0px;
	background-image: url("../../img/mark01.gif");
	background-position: left;
	background-repeat: no-repeat;
}

#foot h2 {
	font-size: 12px;
	font-weight: normal;
	margin:0;
	padding:0;
	float: left;
}

#foot #copy {
	width: 950px;
	height: 50px;
	margin-top:50px;
	padding-top: 10px;
	clear: both;
	float:left;
	border-top: solid 1px #B9B6AF
}

#foot #copy li {
	float: left;
	padding-right: 15px;
}

#foot #copy #line {
	border-left: solid 1px;
	border-right: solid 1px; 
	padding-left: 15px;
	margin-right: 15px;
}

#foot #copy address {
	float: right;
	font-style: normal;
}

a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

a:hover {
  text-decoration: none;
}

#foot #copy a:hover {
	text-decoration: underline;
}
#news a {
	color: #2971A7;
	text-decoration: underline;
}
#news a:hover {
	color: #2971A7;
	text-decoration: none;
}

#bcamp li {
  float: left;
  margin-bottom: 15px;
  margin-right: 7px;
}

#bcamp li.end {
  margin-right: 0;
}

#pcamp li {
  float: left;
  margin: 15px 8px 15px 0;
}

#pcamp li.end {
  margin-right: 0;
}

.soldout em {
  font-weight: normal;
  color: red;
}


#top_infor ul {
  margin: 10px 5px;
}

#top_infor ul li {
  line-height: 130%;
}

#top_infor ul li * {
  font-size: 13px;
}

#top_infor ul li a {
  color: #2971A7;
  text-decoration: underline;
}


#repeat_products .repeat_products_block {
  clear: both;
  width: 600px;
  padding: 40px 0;
  border: dotted 1px #cccccc;
  border-width: 1px 0 0 0;
}

#repeat_products .first {
  border: none;
}

#repeat_products .block_left {
  float: left;
  text-align: center;
  width: 250px;
}

#repeat_products .block_right {
  float: left;
  width: 350px;
  line-height: 140%;
}

#repeat_products .block_right h4 {
  font-size: 16px;
}

#repeat_products .block_right .price {
  font-size: 14px;
  letter-spacing: 1px;
}

#repeat_products .block_right .check {
  color: red;
  font-size: 10px;
}

#repeat_products .block_right .cartbutton {
  margin-top: 20px;
}