@charset "euc-jp";
#contents div.row:after,
#footer div.pack:after,
#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents div.row,
#footer div.pack,
#contents {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}

body {
	background-color: #f5f5f5;
	text-align: center;
}

/* CONTAINER */
#container {
	background: url(../img/bg_body.gif) repeat-x left top;
	background-color: #fff;
}

/* HEADER */
#header {
	position: relative;
	margin: 0 auto;
	width: 919px;
	text-align: left;
	height: 111px;
}
	#header .logo {
		position: absolute;
		left: 0px;
		top: 7px;
	}
	#header .banner {
		position: absolute;
		left: 355px;
		top: 7px;
	}
	#header #headerNavigation {
		background: url(../img/h_nav_bg.gif) no-repeat left top;
		position: absolute;
		left: 596px;
		top: 0;
		width: 323px;
		height: 38px;
	}
		#header #headerNavigation li {
			height: 12px;
		}
		#header #headerNavigation li.account {
			position: absolute;
			left: 12px;
			top: 13px;
			width: 83px;
		}
		#header #headerNavigation li.cart {
			position: absolute;
			left: 114px;
			top: 13px;
			width: 101px;
		}
		#header #headerNavigation li.inquiry {
			position: absolute;
			left: 234px;
			top: 13px;
			width: 76px;
		}
			#header #headerNavigation li a:hover {
				background-position: 0 -12px !important;
			}
			#header #headerNavigation li a {
				background-position: 0 0;
				display: block;
				height: 12px;
				/*\*//*/
				padding-bottom: 12px;
				/**/
				text-indent: -999px;
				overflow: hidden;
			}
			#header #headerNavigation li.account a {
				background: url(../img/h_nav_01.gif) no-repeat;
			}
			#header #headerNavigation li.cart a {
				background: url(../img/h_nav_02.gif) no-repeat;
			}
			#header #headerNavigation li.inquiry a {
				background: url(../img/h_nav_03.gif) no-repeat;
			}
	#header p.pankuzu {
		position: absolute;
		left: 0;
		top: 80px;
		font-size: 10px;
		/*\*/
		*font-size: 80%;
		/**/
	}
	#header div.seo strong,
	#header p.pankuzu strong {
		font-weight: normal;
	}
	#header div.seo {
		position: absolute;
		left: 0;
		top: 46px;
		width: 919px;
	}
		#header div.seo p {
			background-color: #e6e6e6;
			padding: 5px 10px;
			font-size: 10px;
			/*\*/
			*font-size: 80%;
			/**/
			float: right;
		}

/* PAFGEBODY */	
#pageBody {
	position: relative;
	margin: 0 auto;
	width: 919px;
	text-align: left;
	z-index: 2;
}
	#pageBody p.pageTop {
		position: relative;
		background: url(../img/f_nav_pagetop.gif) no-repeat;
		margin-left: 790px;
		width: 129px;
		height: 26px;
	}
	#pageBody p.pageTop a:hover {
		background-position: 0 -26px !important;
	}
	#pageBody p.pageTop a {
		background: url(../img/f_nav_pagetop.gif) no-repeat;
		background-position: 0 0;
		display: block;
		width: 129px;
		height: 26px;
		/*\*//*/
		padding-bottom: 26px;
		/**/
		text-indent: -999px;
		overflow: hidden;
	}


/* CONTENTS */	
#contents {
	width: 919px;
	padding-bottom: 60px;
}

/* MAINCONTENTS */	
#mainContents {
	width: 709px;
	float: right;
}

/* PROMOTION */	
#promotion {
	width: 197px;
	float: right;
}

/* SUBCONTENTS */	
#subContents {
	width: 181px;
	float: left;
}
	#subContents div.mobileObj,
	#subContents div.magazineObj {
		background: url(../img/s_bg_magazine_b.gif) no-repeat left bottom;
		background-color: #dddddd;
		margin-bottom: 12px;
	}
	#subContents div.mobileObj div.box,
	#subContents div.magazineObj div.box {
		background: url(../img/s_bg_magazine_t.gif) no-repeat left top;
		padding: 12px 6px 6px 6px;
	}
	#subContents div.mobileObj h3,
	#subContents div.magazineObj h3 {
		margin: 0 6px 5px 6px;
	}
	#subContents div.mobileObj p,
	#subContents div.magazineObj p {
		margin: 0 6px 5px 6px;
		font-size: 10px;
		/*\*/
		*font-size: 85%;
		/**/
	}
	#subContents div.mobileObj ul,
	#subContents div.magazineObj ul {
		margin: 0 6px;
	}
	#subContents div.mobileObj div.qr {
		margin-left: 6px;
		padding-right: 6px;
		float: right;
	}
		#subContents div.mobileObj div.form,
		#subContents div.magazineObj div.form {
			border-top: solid 1px #e6e6e6;
			background: url(../img/n_nav_bg.gif) no-repeat left bottom;
			padding-top: 12px;
			text-align: center;
			width: 169px;
		}
		#subContents div.magazineObj input.keyword {
			border: solid 1px #7f9db9;
			width: 145px;
		}
			#subContents div.mobileObj div.form div,
			#subContents div.magazineObj div.form div {
				padding-bottom: 9px;
			}

/* NAVIGATION */	
#navigation {
	background: url(../img/n_bg.gif) no-repeat left bottom;
	margin-bottom: 12px;
	padding-bottom: 6px;
	width: 181px;
}
	#navigation div.underwearObj,
	#navigation div.brandObj {
		background: url(../img/n_brand_bg.gif) no-repeat 0 0;
		padding: 9px 6px 0 6px;
	}
	#navigation div.otherObj,
	#navigation div.lucanorObj,
	#navigation div.typeObj,
	#navigation div.colorObj,
	#navigation div.keywordObj,
	#navigation div.estimateObj {
		padding: 15px 6px 0 6px;
	}
		#navigation h3 {
			margin-bottom: 8px;
			width: 169px;
			height: 12px;
			/*\*//*/
			padding-bottom: 12px;
			/**/
			text-indent: -999px;
			overflow: hidden;
		}
		#navigation div.otherObj h3 {
			background: url(../img/hed_n_other.gif) no-repeat 0 0;
		}
		#navigation div.brandObj h3 {
			background: url(../img/hed_n_brand.gif) no-repeat 0 0;
		}
		#navigation div.estimateObj h3 {
			background: url(../img/hed_n_estimate.gif) no-repeat 0 0;
		}
		#navigation div.keywordObj h3 {
			background: url(../img/hed_n_keyword.gif) no-repeat 0 0;
		}
		#navigation div.colorObj h3 {
			background: url(../img/hed_n_color.gif) no-repeat 0 0;
		}
		#navigation div.typeObj h3 {
			background: url(../img/hed_n_type.gif) no-repeat 0 0;
		}
		#navigation div.underwearObj h3 {
			background: url(../img/hed_n_underwear.gif) no-repeat 0 0;
		}
		#navigation div.lucanorObj h3 {
			background: url(../img/hed_n_lucanor.gif) no-repeat 0 0;
		}
		#navigation ul {
			background: url(../img/n_nav_bg.gif) no-repeat left bottom;
		}
		#navigation li {
			display: inline;
		}
		#navigation li a:hover {
			background-color: #333333;
			color: #FFFFFF;
		}
		#navigation li a {
			border-top: solid 1px #e6e6e6;
			display: block;
			padding: 5px 9px;
			font-weight: bold;
		}
		#navigation div.keywordObj div.form {
			border-top: solid 1px #e6e6e6;
			background: url(../img/n_nav_bg.gif) no-repeat left bottom;
			padding-top: 12px;
			text-align: center;
		}
		#navigation div.keywordObj input.keyword {
			border: solid 1px #7f9db9;
			width: 145px;
		}
			#navigation div.keywordObj div.form div {
				padding-bottom: 9px;
		}

/* FOOTER */
#footer {
	position: relative;
	border-top: solid 1px #e6e6e6;
	margin-top: -1px;
	height: 50px;
	*height: 51px;
	z-index: 1;
}
#footer div.pack {
	position: relative;
	margin: 0 auto;
	padding: 17px 0 16px 0;
	width: 919px;
	text-align: left;
}
	#footer #footerCopyright {
		float: left;
		font-size: 10px;
		/*\*/
		*font-size: 85%;
		/**/
	}
	#footer p.index {
		background: url(../img/arrow_05.gif) no-repeat left center;
		padding-left: 7px;
	}
	#footer p.copyright {
		margin-top: 10px;
	}
	#footer #footerNavigation {
		text-align: right;
		float: right;
		font-size: 10px;
		/*\*/
		*font-size: 85%;
		/**/
	}
	#footerNavigation p {
		margin-bottom: 10px;
	}
	#footerNavigation p.seo {
		margin-bottom: 0;
	}
	#footer strong {
		color: #999;
		font-weight: normal;
	}

@media screen and (max-width: 918px) {
/* HEADER */
#header {
	width: auto;
	height: auto;
	text-align: center;
}
	#header .logo {
		position: relative;
		width: 709px;
		margin: 0 auto 10px auto;
		padding-top: 10px;
		left: auto;
		top: auto;
		text-align: left;
	}
	#header .banner {
		position: relative;
		background-color: #eee;
		margin-bottom: 10px;
		padding: 10px;
		left: auto;
		top: auto;
		text-align: center;
	}
	#header p.pankuzu {
		position: relative;
		width: 709px;
		margin: 0 auto 10px auto;
		left: auto;
		top: auto;
		text-align: left;
	}
/* PAFGEBODY */	
#pageBody {
	margin: 0;
	width: auto;
	text-align: center;
}
	#pageBody p.pageTop {
		margin: 0 auto;
	}

/* CONTENTS */	
#contents {
	width: auto;
	padding-bottom: 10px;
	text-align: center;
}

/* MAINCONTENTS */	
#mainContents {
	margin: 0 auto;
	width: 709px;
	float: none;
	text-align: left;
}

/* SUBCONTENTS */	
#subContents {
	margin: 0 auto;
	width: 709px;
	float: none;
	text-align: left;
}

/* NAVIGATION */	
#navigation {
	background-image: none;
	background:#eee;
	border-radius:5px;
	border:1px solid #dddddd;
	width: auto;
}
	#navigation div.underwearObj,
	#navigation div.brandObj {
		background-image: none;
	}

		#navigation ul {
			background-image: none;
			background:#fff;
			border: solid 1px #e6e6e6;
			border-top: none;
			border-radius:5px;
		}

/* FOOTER */
#footer {
	height: auto;
}
#footer div.pack {
	width: 709px;
}
}
@media screen and (max-width: 739px) {
/* HEADER */
#header {
	width: auto;
	height: auto;
	text-align: center;
}
	#header .logo {
		padding: 10px 10px 0 10px;
		width: auto;
	}
	#header .logo img {
		width: 106px;
		height: auto;
	}
	#header .banner {
		position: relative;
		background-color: #eee;
		margin-bottom: 10px;
		padding: 10px 10px;
		left: auto;
		top: auto;
		text-align: center;
	}
	#header .banner img {
		width: 100%;
		height: auto;
	}
	#header p.pankuzu {
		padding: 0 10px 0 10px;
		width: auto;
	}

/* CONTENTS */	
#contents {
	padding: 0 10px;
}

/* MAINCONTENTS */	
#mainContents {
	width: auto;
}

/* SUBCONTENTS */	
#subContents {
	width: auto;
}

/* FOOTER */
#footer {
	height: auto;
}
#footer div.pack {
	width: auto;
}
	#footer #footerCopyright {
		padding: 0 0 10px 10px;
		float: none;
	}
	#footer p.copyright {
		text-align: center;
	}
	#footer #footerNavigation {
		float: none;
		text-align: center;
	}
}