/* ▼基本要素 */
/* ----------------------------------------------------- */


body {
	margin: 0;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #4F4F4F;
	text-align: center;
	background: url(../common_img/back.gif) repeat-x top left;
}


h1 {
	font-size: 14px;
}
h2,
h3,
h4 {
	font-size: 12px;
}
p, ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
form, input, table, tr, th, td,
object, param, embed {
	margin: 0px;
	padding: 0px;
}
p {line-height: 1.5em;}
img {border: 0px;}
td {font-size: 12px;}
th {font-size: 12px;}
dt {font-weight: bold;}
dd {line-height: 1.3em;}
li {line-height: 1.3em;}
strong {}
em {}



/* ▼リンク指定 */
/* ----------------------------------------------------- */

a:link {
    color:#3366CC;
}
a:visited {
    color:#3366CC;
}
a:hover {
    color: #B85246;
}



/* ▼imgロールオーバー */

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}



/* ▼レイアウト */
/* ----------------------------------------------------- */


.img-left {
	float: left;
	margin:0 10px 0 0;
}
.img-left02 {
	float: left;
	margin:5px 10px 0 0;
}

.img-right {
	float: right;
	margin:0 0 0 10px;
}
.img-right02 {
	float: right;
	margin:5px 0 0 10px;
}

.img-right03 {
	float: right;
	margin:10px 0 15px 10px;
}

.img-navi {
	float: left;
	margin:0 5px 0 0;
}
.img-navi02 {
	float: left;
	margin:0;
}



.cleft {
	float: left;
}
.cright {
	float: right;
}

.aline_l {
    text-align:left;
	}
.aline_r {
    text-align:right;
	}
.aline_c {
    text-align:center;
	}		

.margin_img {
	margin:0 0 10px 20px;
}


.partition {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px;
}



/* ▼左帯バナー */
/* ----------------------------------------------------- */


/* ▼リンク無し */

/* #hidari-obi {
position: absolute;
left:0px;
background: url(../dir_img/line_bn.gif) repeat-y left top ;
z-index:-1;
width: 100px;
min-height:4000px;
} */


/* ▼リンクあり */

#hidari-obi {
position: absolute;
left:0px;
width: 100px;
}

#hidari-obi p {
margin:10px 0 0 0;
padding:0;
}


/* ▼iPhone用 */

@media screen and (max-device-width: 480px) {
 #hidari-obi { display:none; }
}


/* ▼右帯バナー */
/* ----------------------------------------------------- */


/* ▼リンクあり */

#right-obi {
position: absolute;
right:0px;
top: 290px;
width: 100px;
}

#right-obi p {
margin:10px 0 0 0;
padding:0;
}



/* ▼iPhone 479px以下用 */

@media screen and (max-device-width: 480px) {
 #right-obi { display:none; }
}



/* ▼大枠 */
/* ----------------------------------------------------- */


#wrap {
	width: 930px;
	margin: 0 auto;	/* center */
	background: url(../common_img/wrap_back.gif) repeat-y top left;
	padding:0;
	text-align:left;
	}



/* ▼ヘッダー インフォメーション */
/* ----------------------------------------------------- */


#guidance {
	width: 910px;
	height: 130px;
	padding:0;
	margin:10px 0 0 10px;
	text-align:left;
	float:left;
	}
	
	
/* ▼iPhone用 ヘッダー インフォメーション */

@media screen and (max-device-width: 480px) {
#guidance {
	width: 900px;
	height: 140px;
	padding:20px 0 0 10px;
	margin:0;
	text-align:left;
	float:left;
	}
}



#guidance02 {
	width: 910px;
	height: 310px;
	padding:0;
	margin:10px 0 0 10px;
	text-align:left;
	float:left;
	}
	
#guidance02 .img02 {
	padding:0;
	margin:10px 0 0 0;
	}	
	
/* ▼iPhone用 ヘッダー インフォメーション */

@media screen and (max-device-width: 480px) {
#guidance02 {
	width: 900px;
	height: 320px;
	padding:10px 0 0 10px;
	margin:0;
	text-align:left;
	float:left;
	}
}
	
	


/* ▼ヘッダー */
/* ----------------------------------------------------- */


/* ▼ノーマル */

/*#header {
	width: 915px !important;
	width: 930px;
	height: 270px;
	padding:0 0 0 15px;
	margin:0;
	text-align:left;
	float:left;
	background: url(../common_img/head_back02.gif) no-repeat top left;  
}*/




/* ▼オススメカテゴリ＆ピックアップ商品 */

/*#header {
	width: 920px;
	height: 460px;
	padding:0 0 0 10px;
	margin:0;
	text-align:left;
	float:left;
	background: url(../common_img/head_back02.gif) no-repeat top left; 
}*/


/* ▼▼▼オススメカテゴリ2列＆ピックアップ商品＆カテゴリナビ */

#header {
	width: 920px;
	height: 560px;
	padding:0 0 0 10px;
	margin:0;
	text-align:left;
	float:left;
	background: url(../common_img/head_back02.gif) no-repeat top left; 
}




/* ▼お知らせ＆オススメカテゴリ＆ピックアップ商品 */

/*#header {
	width: 920px;
	height: 560px;
	padding:0 0 0 10px;
	margin:0;
	text-align:left;
	float:left;
	background: url(../common_img/head_back02.gif) no-repeat top left; 
}*/



/* ブログ用ヘッダー */	

#header_blog {
	width: 915px !important;
	width: 930px;
	height: 270px;
	padding:0 0 0 15px;
	margin:0;
	text-align:left;
	float:left;
	background: url(../common_img/head_back02.gif) no-repeat top left;  
}



/* ▼iPhone用 ヘッダー */
/* ▼オススメカテゴリ2列＆ピックアップ商品＆カテゴリナビ */


@media screen and (max-device-width: 480px) {
 #header {
	width: 920px;
	height: 575px;
	padding:0 0 0 10px;
	margin:0;
	text-align:left;
	float:left;
	background: url(../common_img/head_back02.gif) no-repeat top left; 
}
}



/* ▼ヘッダートップ */
/* ----------------------------------------------------- */

#header_top {
	width: 900px;
	height: 154px;
	margin: 0;
	padding: 0;
}



/* 送料無料テキスト */

#head_freetxt {
	width: 900px;
	height: 20px;
	margin: 5px 0 0 0;
}
#head_freetxt p {
    margin:0;
	padding:0;
	text-align:right;
	}
	

/* コーポレイトアイデンティティ */

#ci {
	width: 250px;
	height: 129px;
	margin: 0;
	float:left;
}
#ci h1,
#ci p {
    margin:0;
	padding:0;
	background:none;
	}




/* ヘッドユーティリティ */

#utility {
    float:right;
	width:300px;
	height:31px;
	margin:93px 10px 0 0;
	padding:0;
	display:block;
	}	
#utility ul {
    margin:0;
	padding:0;
	list-style:none;
	}
#utility ul li {
    margin:0;
	padding:0;
	float:left;
	width:100px;
	height:31px;
	}	
	
	
	
/* グローバルナビゲーション */
/* ----------------------------------------------------- */	

#global_navi {
	width: 900px;
	height: 31px;
	margin:0;
	padding:0;
	float:left;
}
#global_navi ul {
	margin:0;
	padding:0;
	list-style: none;
}
#global_navi ul li {
	height:31px;
	width:150px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}


/* 検索エリア */

#search_area {
    width: 900px;
	height:30px;
	margin:0;
	padding:0;
	}
#search_area img {
    float:left;
	margin:10px 0 0 15px !important;
	margin:5px 0 0 15px;
	}	
#search_area form {
	height: 20px;
	margin: 7px 0 0 15px !important;
	margin: 2px 0 0 15px;
	padding: 0;
	width: 290px;
	float: left;
}
	
#search_area input.text {
	width: 180px;
}	

#search_area input.sub {
	width: 80px;
	background-color:#F7F7F4;
	color:#212121;
	font-weight:bold;
}	
	
#search_area input.sub:hover {
	color:#B85246;
	}	
	
#search_area ul {
    margin:10px 0 0 0 !important;
	margin:6px 0 0 0;
	padding:0;
	list-style:none;
	float:left;
	}	
#search_area ul li {
    margin:0 0 0 15px;
	padding:0;
	display:block;
	float:left;
	font-size:10px;
	}		


/* サマリー */

#summary {
    width: 900px;
	height:31px;
	margin:0;
	padding:0;
	text-align:center;
	}
#summary p {
    margin:0;
	padding:0;
	}	
	
	
/* ブログ調整用　サマリー */	

#summary p#blog {
    margin:-10px 0 0 0;
	padding:0;
	}		
*:first-child+html #summary p#blog {
    margin:0 0 0 0;
	padding:0;
	}	
		
	
/* アテンションエリア */

#attention {
    width: 900px;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	}
#attention p {
    margin:0 0 5px 0;
	padding:0;
	text-align:center;
	}		
		
#attention ul {
    margin:0;
	padding:0;
	list-style:none;
	}	
#attention ul li {
    margin:0 0 5px 8px !important;
	margin:0 0 5px 5px;
	padding:0;
	width:290px;
	float:left;
	}
#attention ul li.harf_bn {
	margin:0 0 0 5px;
	padding:0;
	width:440px;
	float:left;
	}
	
	

/* ヘッダーカテゴリー */

#head_cate {
    width: 900px;
	margin:10px 0;
	padding:10px 0 5px 0;
	border-top:3px solid #3F2F27;
	border-bottom:3px solid #3F2F27;
	}
	
#head_cate ul {
    margin:0;
	padding:0;
	list-style:none;
	}	
#head_cate ul li {
	margin:0 0 8px 0;
	padding:0;
	width:128px;
	height:45px;
	float:left;
	background-color:#FFC6C0;
	}
	
		
		
		
/* ▼コンテンツ */
/* ----------------------------------------------------- */


/* ▼コンテンツ */

#contents {
	width: 900px;
	margin:10px 0 0 15px !important;
	margin:10px 0 0 8px;
	padding:0 0 10px 0;
	text-align:left;
	float:left;
}


/* ▼メインエリア */

#main {
	width: 700px;
	margin:0 15px 0 0 !important;
	margin:0 8px 0 0;
	padding:0;
	text-align: left;
	float:right;
}


/* ▼メニュー */

#left_side {
	width: 160px;
	float: left;
	margin:0;
	padding:0;
}




/* ▼キーイメージ */
	
#key-img {
	width: 700px;
	height:150px;
	margin:0 0 12px 0;
	padding:0;
}
#main #key-img p {
    margin:0;
	padding:0;
	}





/* ▼パンクズナビ */
/* ----------------------------------------------------- */



#bread {
	width:700px;
	font-size:10px;
	text-align:right;
	}	
#main #bread p {
    padding:4px 10px 4px 0;
	margin:0;
	}


/* ▼ページナビ */
/* ----------------------------------------------------- */


.pagenavi {
	background: #F4F4F4;
	font-size:16px;
	line-height: 18px;
	padding: 10px 10px;
	margin:10px 0;
}
.pagenavi dt {
	float: left;
}
.pagenavi dd {
	text-align: right;
	padding-top:2px;
	font-size:14px;
}
#main .pagenavi p {
    margin:0;
	padding:0;
}

/* ▼iPhone タブレット 兼用 */

@media screen and (max-device-width: 979px) {
 .pagenavi {
	background: #F4F4F4;
	font-size:14px;
	line-height: 18px;
	padding: 10px 10px;
	margin:10px 0;
}
.pagenavi dt {
	float: left;
}
.pagenavi dd {
	text-align: right;
	padding-top:2px;
	font-size:10px;
}
}





.pagenavi02 {
	background: #F4F4F4;
	line-height: 2em;
	padding: 5px 10px;
	margin:10px 0;
}
#main .pagenavi02 p {
    margin:0;
	padding:0;
}


	

/* ▼フッター */
/* ----------------------------------------------------- */


#footer {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../common_img/foot_back.gif) repeat-x top left #3F2F27;
}





#ft_inside {
    width: 1000px;
	height:480px;
	margin: 0 auto;	/* center */
	padding: 60px 0 0 0;
	text-align:left;
	background: url(../common_img/ft_inside_bg02.gif) no-repeat top right #3F2F27;
}


/* ▼iPhone用 フットインサイド */


@media screen and (max-device-width: 480px) {
#ft_inside {
    width: 990px;
	height:500px;
	margin: 0 auto;	/* center */
	padding: 60px 0 0 0;
	text-align:left;
	background: url(../common_img/ft_inside_bg02.gif) no-repeat top right #3F2F27;
}
}


/* ▼旧ページトップ */


#pagetop {
    width: 800px;
	height:20px;
	margin:0 0 0 140px;
	text-align:right;
	}	
#pagetop p {
    margin:0;
	padding:0 10px 0 0;
	}



/* ▼追従 ページTOP */
/* ----------------------------------------------------- */ 		


#pagetop02 {
	width: 60px;
	height: 60px;
	background: url(http://www.es-style.jp/common_img/pagetop06.gif) no-repeat;
	position: fixed;
	right: 10px;
	bottom: 40px;
}

#pagetop02 a {
	display: block;
	width: 100%;
	height: 100%;
}

#pagetop02 a:hover {
	background: url(http://www.es-style.jp/common_img/pagetop05.gif) no-repeat;
}

/* ▼iPhone タブレット 兼用 */

@media screen and (max-device-width: 979px) {
 div#pagetop02 { display:none; }
}



/* コピーライト */

#copyright {
    width:920px;
	margin:0 0 0 40px;
	text-align:center;
	}
#ft_inside #copyright p {
    margin:0;
	padding:6px 0;
	}

#footer p#copy {
	padding:0;
	margin:15px 0 0 40px;
	width: 920px;
	height:20px;
	text-align:center;
	color:#FFFFFF;
}



/* フットナビゲーション */

#ft_inside #footnavi {
    width:800px;
	height:160px !important;
	height:200px;
	margin:0 0 0 100px;
	padding:40px 0 0 90px;
	background: url(../common_img/bg_footnavi.gif) no-repeat top left;
	}

#ft_inside #footnavi ul {
    margin:0 0 5px 0;
	padding:0;
	list-style: none;
	font-size:12px;
}
#ft_inside #footnavi ul li {
	display: inline;
	border-left: 1px solid #FFF;
	padding-left: 0.5em;
}
#ft_inside #footnavi ul li.end {
    display: inline;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	}
#ft_inside #footnavi ul li a,
#ft_inside #footnavi ul li.end a {
    color:#FFF;
	}
#ft_inside #footnavi ul li a:hover,
#ft_inside #footnavi ul li.end a:hover {
    color:#FF0000;
	}



/* フットランキングサイト */

#ft_inside #ft_rsite {
    width:800px;
	height:110px !important;
	height:150px;
	margin:0 0 0 100px;
	padding:40px 0 0 0;
	background: url(../common_img/bg_ft_rsite.gif) no-repeat top left;
	}

#ft_inside #ft_rsite ul {
    margin:0;
	padding:15px 0 0 50px;
	list-style: none;
}
#ft_inside #ft_rsite ul li {
	width:100px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}	
	
#ft_inside #ft_rsite p {
    color:#FFFFFF;
	padding: 0 0 0 90px;
	}