@charset "utf-8";

/* ****************************************************

shop_index.css

***************************************************** */



#shop-index #contents-header h1 {

	position:relative;

}

#shop-index #contents-header h1 span {

	left:110px;

	position:absolute;

	top:70px;

}

#shop-index #contents-body .ic-link {

	background:url(/j/common/images/com_ic001.gif) no-repeat 0 0.05em;

}

* html #shop-index #contents-body .ic-link {

	background:url(/j/common/images/com_ic001.gif) no-repeat 0 0.2em;

}

#shop-index #contents-body .section {

	width:900px;

	margin-top:15px;

}

#shop-index #contents-body .section.first {

	margin:0;

	padding:0;

}

/* ---------------- shop-info ------------------- */



#shop-index #contents-body .shop-block {

	width:900px;

}

#shop-index #contents-body .shop-block .tab li {

	float:left;

}

#shop-index #contents-body .shop-block .tab img {

	display:block;

}

#shop-index #contents-body .shop-block .shop-box {
	padding:0 10px 0;
	background-image: url(/j/common/images/com_bg038.gif);
	background-repeat: repeat-y;
	background-position: bottom;
}



#shop-index #contents-body .shop-block .shop-other-box {

	padding:10px 10px 0;

	background:url(/j/common/images/com_bg051.gif) no-repeat top;

}



#shop-index #contents-body .shop-block .explain-block {

	clear:both;

	padding:10px 10px 8px 12px;

	background:url(/j/common/images/com_bg015.gif) no-repeat 0 0;

}



#shop-index #contents-body .shop-block .explain {

	float:right;

	text-align:right;

}

#shop-index #contents-body .shop-block .explain li {

	display:inline;

	padding-right:20px;

}

#shop-index #contents-body .shop-block .explain li img {

	padding-right:3px;

}

#shop-index #contents-body .shop-block .explain li.last {

	padding-right:0;

}

#shop-index #contents-body .shop-block .shop-box .normal-table,

#shop-index #contents-body .shop-block .shop-other-box .normal-table {

	width:877px;

	margin:0 auto;

	background:url(/j/common/images/com_bg017.gif) no-repeat bottom;

}



#shop-index #contents-body .shop-block .shop-box .normal-table td,

#shop-index #contents-body .shop-block .shop-other-box .normal-table td {

	vertical-align:top;

	padding:8px 7px;

	border-bottom:#dbdbc3 solid 1px;

	border-right:#dbdbc3 solid 1px;

}



#shop-index #contents-body .shop-block .shop-box .normal-table td.item-icon {

	vertical-align:middle;

	text-align:center;

}



#shop-index #contents-body .shop-block .shop-other-box .normal-table td.item-txt {

	vertical-align:middle;

	text-align:center;

}

#shop-index #contents-body .section .bn-box {

	padding:10px;

	background:url(/j/common/images/com_bg015.gif) no-repeat bottom;

}

#shop-index #contents-body .section .bn-box img {

	float:left;

	width:272px;

	padding-right:8px;

}

#shop-index #contents-body .section .bn-box p {

	padding-top:10px;

}



#shop-index #contents-body .btn-box {

  margin:20px auto;

		text-align:center;

}

/* ------------------------------------------- */





/* ---------------- news ------------------- */



#contents-body .section .news-block {

	background:url(/j/common/images/com_bg015.gif) no-repeat 0 100%;

	width:900px;

}



#contents-body .section .news-block .news-box {

	padding:0pt 5px 5px;

}



/* ------------------------------------------- */



/* ---------------- area-info------------------- */



#shop-index #contents-body .section .area-info-box {

	margin:32px 0;

	padding-top:8px;

	background:url(/j/common/images/com_ex005.gif) repeat-x 100% 0;

}



* html #shop-index #contents-body .section .area-info-box {  /* for IE 6*/

	margin:17px 0;

	background:url(/j/common/images/com_ex005.gif) repeat-x 100% 0;

}



#shop-index #contents-body .section .area-info-box .inner {

	padding-bottom:8px;

	background:url(/j/common/images/com_ex006.gif) no-repeat 0 100%;

}



#shop-index #contents-body .section .area-info-box dl {

	float:left;

	width:560px;

}



#shop-index #contents-body .section .area-info-box dt {

	margin:0 0 3px 5px;

}



#shop-index #contents-body .section .area-info-box dd {

	overflow:hidden;

}



#shop-index #contents-body .section .area-info-box dd ul {

	margin-left:-5px;

}



#shop-index #contents-body .section .area-info-box .other {

	float:right;

	padding-left:12px;

	width:318px;

}



#shop-index #contents-body .section .area-info-box .other .banner {

	float:left;

	margin-right:10px;

	width:201px;

}



#shop-index #contents-body .section .area-info-box .other .text {

	float:left;

	margin:0;

	width:105px;

}



#shop-index #contents-body .section .area-info-box dd li {

	float:left;

	margin-bottom:2px;

	padding:0 6px 0 8px;

	background:url(/j/common/images/com_ex001.gif) repeat-y 0 100%;

	white-space:nowrap;

}



#shop-index #contents-body .section .shop-top {

	margin-top:5px;

}



/* ------------------------------------------- */



/* Clearfix */

#shop-index #contents-body .shop-block .explain-block:after,

#shop-index #contents-body .shop-block .shop-box .normal-table:after,

#shop-index #contents-body .shop-block .shop-other-box:after,

#shop-index #contents-body .section .bn-box:after,

#shop-index #contents-body .section .news-block .news-box:after,

#shop-index #contents-body .section .area-info-box .inner:after,

#shop-index #contents-body .section .area-info-box dd ul:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

#shop-index #contents-body .shop-block .explain-block,

#shop-index #contents-body .shop-block .shop-box .normal-table,

#shop-index #contents-body .shop-block .shop-other-box,

#shop-index #contents-body .section .bn-box,

#shop-index #contents-body .section .news-block .news-box,

#shop-index #contents-body .section .area-info-box .inner,

#shop-index #contents-body .section .area-info-box dd ul {

	display:inline-block;

	min-height:1px;  /* for IE 7*/

}

/* Hides from IE-mac \*/

* html #shop-index #contents-body .shop-block .explain-block,

* html #shop-index #contents-body .shop-block .shop-box .normal-table,

* html #shop-index #contents-body .shop-block .shop-other-box,

* html #shop-index #contents-body .section .bn-box,

* html #shop-index #contents-body .section .news-block .news-box,

* html #shop-index #contents-body .section .area-info-box .inner,

* html #contents-body .section .area-info-box dd ul {

	height:1px;

}

#shop-index #contents-body .shop-block .explain-block,

#shop-index #contents-body .shop-block .shop-box .normal-table,

#shop-index #contents-body .shop-block .shop-other-box,

#shop-index #contents-body .section .bn-box,

#shop-index #contents-body .section .news-block .news-box,

#shop-index #contents-body .section .area-info-box .inner,

#shop-index #contents-body .section .area-info-box dd ul {

	display:block;

}

/* End hide from IE-mac */