/*------------------------------
Main Layout
------------------------------*/
html {
	overflow: auto;
	_overflow: hidden;
}
* html { /* for IE6 */
	overflow-x: auto;
	height: 100%;
}
*:first-child+html {
	overflow-x: hidden;
}
body {
	margin:0;
	overflow: hidden;
	position: relative;
	padding:0;
	min-width: 1200px;
	background: #fff;
	font-style:sans-serif;
}
* html body { /* for IE6 */
	overflow-y: auto;
	height: 100%;
}
#container {
	position: relative;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	/height: 100%;
	line-height:160%;
	/zoom: 1;
}
#header {
	margin: 0 -500%;
	padding: 0 500%;
	width: 100%;
}
* html #header { /* for IE6 */
	position: relative;
	zoom: 1;
}
*:first-child+html #header { /* for IE7 */
	position: relative;
	zoom: 1;
}
#bodyWrap {
	position: relative;
	_position: statics;
	/height: 100%;
	/zoom: 1;
}

a:link, a:visited,a:hover, a:active	/* 2010.8.6　追加 */
{
	text-decoration:none;
}
a img {
	border: none;
	text-decoration: none;
}
#main {
	position: relative;/* 012.07.27 topicpath用 */
	width:980px;
	padding:10px 0 20px 0;
}
#leftside {
	float:left;
	width:180px;
	padding:10px 0 20px 0;
}
#rightside {
	float:right;
	width:800px;
	padding:10px 0 20px 0;
}
#footer {
	clear:both;
	margin:10px 0;
	padding:5px 0 0 0;
	border-top:1px solid #999999;
}
#recent-area {
	clear:both;
	width:980px;
	margin:10px auto;
	padding:5px 0 0;
	text-align: center;
}

/*------------------------------
Link Color
------------------------------*/
#main a:link, #main a:visited {
	text-decoration:underline;
}
#main a:hover, #main a:active {
	text-decoration:underline;
}

/*------------------------------
Main Decoration
------------------------------*/
form {
	margin:0;
	padding:0;
}
h1, h2, h3, h4 {
	clear:both;
	font-size:12px;
	line-height:140%;
	font-weight:normal;
	margin:0;
	padding:0;
}
h1 {
	margin:0px;
}
h2.pk {
	margin:10px 0;
}
h2.pk_s {
	margin:10px 0;
}
h2.gy {
	margin:10px 0;
	font-size:12px;
	line-height:20px;
	color:#555555;
	font-weight:bold;
	padding:0 0 0 10px;
	background:#ececec;
}
p {
	clear:both;
}
ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
ol li {
	margin:20px 0;
}
strong {
	font-weight:bold;
}
.cap-zip {
	font-size:10px;
}

/* 2010.8.6　追加　ここから
------------------------------------------------------------ */
hr {
	display:none;
}
.list {
	display:none;
}
div#main div.guide-all ul.list {
	display: list-item;
	list-style: none;
}
/* 2010.8.6　追加　ここまで
------------------------------------------------------------ */
/*------------------------------
Color Variation
------------------------------*/
.hd {
	color:#993366;
}
.gy {
	color:#999;
}
.gy2 {
	color:#666;
}
.star {
	color:#ff6699;
}
.attn {
	color:#cc3333;
}
.bgc-gy {
	background:#eeeeee;
}
.bgc-pk {
	background:#ffd4e2;
}
.bgc-pk2 {
	background:#eedddd;
}

/*------------------------------
Banner Layout
------------------------------*/
.leftside_bnr {
	margin:10px 0 0 0;
}

/*------------------------------
Thumbnail Decoration
------------------------------*/
.thmnl-set {
	width:100px;
	background:#e6ebe6;
	text-align:center;
	margin:0;
	border:1px solid #e5eae6;
}
.thmnl-set a:link, .thmnl-set a:visited {
	color:#666666;
}
.thmnl-set a:hover, .thmnl-set a:active {
	color:#333333;
}

/*------------------------------
List Decoration
------------------------------*/
ul.fav-list li {
	padding:4px;
}
ul.fav-list li.col01 {
	background:#fff;
}
ul.fav-list li.col02 {
	background:#fee;
}
ul.ck-list li {
	padding:4px;
}
ul.ck-list li.col01 {
	background:#fff;
}
ul.ck-list li.col02 {
	background:#fee;
}
ul.news-list li {
	padding:4px;
}
ul.news-list li.col01 {
	background:#fff;
}
ul.news-list li.col02 {
	background:#fee;
}

/*------------------------------
Form Decoration
------------------------------*/
fieldset {
	border:1px solid #999999;
	margin-top:10px;
	padding:10px;
}
legend {
	padding:0 5px;
	font-size:12px;
	line-height:140%;
	color:#333333;
	font-weight:bold;
}
.text-right {
	text-align:right;
}
.clear {
	clear:both;
}
.label0 {
	padding:0 0 0 20px;
	width:200px;
	height:26px;
	padding:0 0.5em;
	background:#ffffff;
}
.label {
	padding:0 0 0 20px;
	width:200px;
	height:26px;
	padding:0 0.5em;
	background:#eedddd;
}
.data {
	width:277px;
	height:26px;
	padding:0 0.5em 0 1.5em;
}
.data2 {
	height:26px;
	padding:0 0.5em 0 1.5em;
}
.data-name {
	width:540px;
	height:26px;
	padding:0 0.5em;
}
.check {
	display:block;
	height:26px;
	float:right;
	padding:0 0 0 10px;
}

/*------------------------------
Recent Area
------------------------------*/
#recent-area #recent-list {
	width: 200px;
	margin: 0px 0px 20px;
	padding: 0px;
	float: left;
	display: block;
}
#recent-area #recent-product {
	text-align: left;
	margin: 0px 0px 20px;
	padding: 0px;
	width: 780px;
	float: left;
}
#recent-list h3 {
	padding: 20px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:20px;
	background: url(../images/parts/mds_s_recentchk.gif) no-repeat left top;
	width: 180px;
	margin: 0px;
}
#recent-list ul {
	list-style-type: none;
	width: 180px;
	margin:0px;
	padding:0px;
}
#recent-list ul li a {
	display: block;
	margin: 0px;
	padding: 10px 0px 10px 10px;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
}
* html #recent-list ul li a {
	display: block;
	margin: 0px;
	padding: 10px 0px 0px 10px;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
}
#recent-list ul li a:hover {
	color: #ff6699;
}
#recent-list ul li.recent1 {
	margin:0px;
	padding: 0px;
	background: #FFFFFF;
}
#recent-list ul li.recent2 {
	margin:0px;
	padding: 0px;
	background: #e6ebe6;
}
#recent-product h3 {
	padding: 20px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:20px;
	background: url(../images/parts/mds_recentchk.gif) no-repeat left top;
	width: 780px;
	margin: 0px;
}
#recent-product ul {
	list-style-type: none;
	margin:0px 0px 0px auto;
	padding:0px;
	float: left;
}
#recent-product ul li {
	float:left;
}
#recent-product ul li.prdct a {
	float:left;
	margin:0px 2px 0px 0px;
	padding: 10px 4px 5px;
	text-align: left;
	width: 145px;
	display: block;
}
*html body #recent-product ul li.prdct a {
	float:left;
	margin:0px;
	padding: 10px 5px 5px;
	text-align: left;
	width: 145px;
	display: block;
}
#recent-product ul li.prdct a:hover {
	background-color: #e6ebe6;
}
#recent-product .pic {
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	height: 160px;
	width: 125px;
	display: block;
}
#recent-product .prdct-txt1 {
	font-size: 11px;
	line-height: 14px;
	color: #000000;
}
#recent-product .prdct-txt2 {
	font-size: 11px;
	line-height: 14px;
	color: #666666;
}

/*------------------------------
Footer Include HTML Area (For Detail/List page)
------------------------------*/
#footer-include-detail {
	text-align: left;
	margin: 10px auto 0px;
	padding: 0px;
	width: 980px;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}
#footer-include-list {
	text-align: left;
	margin: 10px auto 0px;
	padding: 0px;
	width: 980px;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}

/*------------------------------
topic path
------------------------------*/
#container #topicpathWrap {
	margin: 0 auto;
	width: 980px;
}
#container #topicpathArea {
	padding: 2em 0;
	vertical-align: middle;
	color: #333;
	/zoom: 1;
}
#container #topicpathArea ol {
	display: block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 1.6;
	/zoom: 1;
}
#container #topicpathArea ol li {
	display: inline-block;
	/display: inline;
	margin: 0 5px 0 0;
	padding-left: 10px;
	background: url(../images/parts/bg_topicpath.gif) no-repeat left center;
	vertical-align: middle;
	/zoom: 1;
}
#container #topicpathArea ol li a {
	color: #333;
}
#container #topicpathArea ol li.home {
	padding-left: 0;
	background: none;
}

/* 2列の時（商品詳細） */
#container #topicpathWrap .topickpath2line {
	padding: 1.2em 0 !important;
}
#container #topicpathWrap .topickpath2line ol {
	display: block;
	margin: 0;
}

/* パンクズ下のライン */
/*#container .componentWrap {
	border-top: 1px solid #d9d9d9;
}*/


/*------------------------------
Error Page
------------------------------*/
#container #errorPage {
	padding: 100px 0;
}

/*------------------------------
スマートフォンサイトへ戻るボタン
------------------------------*/
#toSmartphone {
	padding: 30px 0;
	width: 100%;
	background-color: #efefef;
}
#toSmartphone p {
	text-align: center;
}
#toSmartphone a {
	display: block;
	margin: 0 auto;
	padding: 20px 0;
	width: 800px;
	border: 1px solid #ff72be;
	border-radius: 4px;
	background: #ffa2d4; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffa2d4 0%, #ff6bbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa2d4), color-stop(100%,#ff6bbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffa2d4 0%,#ff6bbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffa2d4 0%,#ff6bbb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffa2d4 0%,#ff6bbb 100%); /* IE10+ */
	background: linear-gradient(top,  #ffa2d4 0%,#ff6bbb 100%); /* W3C */
	color: #fff;
	font-size: 50px;
	line-height: 1.5;
	text-align: center;
}

/* clearfix
=======================================*/
#container .componentWrap #dealsContent .col3BoxInner {
	/zoom: 1;
}
#container .componentWrap #dealsContent .col3BoxInner:after {
	content: '';
	display: block;
	clear: both;
}