/*@charset "utf-8";*/
/* CSS Document */


/* 共通
------------------------------------------------------------------------------------------------------*/
#contentsArea * {
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 0;
	line-height: 140%;
	letter-spacing: normal;
	text-align: left;
}

#contentsArea * img {
	vertical-align	: bottom;
}

#contentsArea * a img {
	border: none;
}

#contentsArea * a:hover img {
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);

}

#contentsArea div#wrapper {
	width: 950px;
	margin: 15px 0 0 0;
}

#contentsArea div#wrapper img.arw {
	margin: 0 0 0 2px;
}

#contentsArea div#wrapper ul {
	list-style: none;
}

#contentsArea div#wrapper ul a:link,
#contentsArea div#wrapper ul a:visited {
	font-size: 10px;
	color: #666666;
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
    position:relative;/*for preview*/
}
.clearfix:after{/*for modern browser*/
    content: url(../index_images/spacer.gif);/*for Netscape*/
    display: block;
    clear: both;
    height: 0;
}
* html .clearfix{
    display:inline-table;
    /**/display:block;/**/
}


/* head
------------------------------------------------------------------------------------------------------*/
#contentsArea div#wrapper div#head {
	margin: 0 0 13px 0;
}

#contentsArea div#wrapper div#head ul#gNav {
	background-image: url(../index_images/nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0 0 0 100px;
}

#contentsArea div#wrapper div#head ul#gNav li {
	float: left;
}

#contentsArea div#wrapper div#head ul#gNav li a:hover img {
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

#contentsArea div#wrapper div#head div#new {
	background-image: url(../index_images/new_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 45px;
}

#contentsArea div#wrapper div#head div#new dl {
	float: left;
	margin: 7px 0 8px 13px;
	width: 540px;
	display: block;
}

#contentsArea div#wrapper div#head div#new dt {
	float: left;
	margin: 0 8px 0 0;
}

#contentsArea div#wrapper div#head div#new dd {
	font-size: 10px;
	color: #FFFFFF;
	margin: 0 0 1px 0;
}

#contentsArea div#wrapper div#head div#new dd a {
	font-size: 10px;
	color: #FFFFFF;
	margin: 0 0 1px 0;
}


#contentsArea div#wrapper div#head div#new ul {
	float: right;
	width: 381px;
}

#contentsArea div#wrapper div#head div#new ul li {
	float: left;
	margin: 5px 2px 0 0;
}
#contentsArea div#wrapper div#head .caution {
	padding: 5px 0 0 0;
	text-align: right;
}

/* brand
------------------------------------------------------------------------------------------------------*/
#contentsArea div#wrapper div#brand {
	float: left;
	width: 178px;
}

#contentsArea div#wrapper div#brand div#brandNav {
	background-image: url(../index_images/bg_01.jpg);
	background-repeat: repeat;
	background-position: left top;
	margin: 0 0 10px 0;
}

#contentsArea div#wrapper div#brand div#brandNav a {
	color: #402913;
}

/*オススメ特集場所移動用*/
#contentsArea div#wrapper div#brand div#brandNav dl#pup {
	margin: 0 0 25px 0;
}

#contentsArea div#wrapper div#brand div#brandNav dl#pup dt {
	margin: 0 0 15px 0;
}

#contentsArea div#wrapper div#brand div#brandNav dl#pup dd {
	margin: 0 0 0 6px;
}

#contentsArea div#wrapper div#brand div#brandNav dl#pup dd.banner {
	margin-bottom : 3px;
}

#contentsArea div#wrapper div#brand div#brandNav dl#pup dd.txt a {
	font-size: 10px;
}

#contentsArea div#wrapper div#brand div#brandNav dl#pup dd.lastChild {
	margin-bottom:24px;
}
/*オススメ特集場所移動用ここまで*/

#contentsArea div#wrapper div#brand div#brandNav dl#popular {
	margin: 0 0 25px 0;
}

#contentsArea div#wrapper div#brand div#brandNav dl#popular dt {
	margin: 0 0 15px 0;
}

#contentsArea div#wrapper div#brand div#brandNav dl#popular dd {
	margin: 0 0 13px 6px;
}

#contentsArea div#wrapper div#brand div#brandNav dl#popular dd.lastChild {
	margin: 0 0 24px 6px;
}

#contentsArea div#wrapper div#brand div#brandNav dl#popular dd.arwType {
	margin: 0 0 10px 5px;
	background-image: url(../index_images/arw_01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 14px;
}

#contentsArea div#wrapper div#brand div#brandNav dl#popular dd.arwType a {
	font-weight: bold;
}

#contentsArea div#wrapper div#brand div#brandNav dl#other {
	padding: 0 0 35px 0;
}

#contentsArea div#wrapper div#brand div#brandNav dl#other dt {
	margin: 0 0 10px 0;
}

#contentsArea div#wrapper div#brand div#brandNav dl#other dd {
	margin: 0 0 5px 5px;
	background-image: url(../index_images/arw_03.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 13px;
}

#contentsArea div#wrapper div#brand div#mobile {
	background-image: url(../index_images/mobile_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 270px;
}

#contentsArea div#wrapper div#brand div#mobile p {
	text-align: center;
	font-size: 10px;
}

#contentsArea div#wrapper div#brand div#mobile p.mobileText {
	text-align: left;
	font-size: 10px;
	width: 135px;
	margin: 5px 0 5px 17px;
	line-height: 120%;
}

#contentsArea div#wrapper div#brand div#mobile p.mobileText a {
	font-size: 10px;
}

#contentsArea div#wrapper div#brand div#mobile p.mobileUrl {
	text-align: left;
	font-size: 10px;
	width: 135px;
	margin-left: 17px;
	padding-left: 30px;
	text-indent: -30px;
	line-height: 110%;
}

#contentsArea div#wrapper div#brand div#mobile p.mobileUrl a {
	font-size: 10px;
}


/* contents
------------------------------------------------------------------------------------------------------*/
#contentsArea div#wrapper div#contents {
	float: right;
	width: 760px;
}

	/* contents共通
	------------------------------------------------------------------------------------------------------*/
	#contentsArea div#wrapper div#contents p.cateTitle {
		margin: 0 0 12px 0;
	}
	
	#contentsArea div#wrapper div#contents p.cateText {
		margin: 0 0 6px 5px;
	}
	
	#contentsArea div#wrapper div#contents ul.itemList li {
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}
	
	#contentsArea div#wrapper div#contents ul.itemList li.listTop {
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #1C0E57;
	}
	
	#contentsArea div#wrapper div#contents ul.itemList li div {
		border-right-width: 1px;
		border-right-style: dashed;
		border-right-color: #1C0E57;
		width: 151px;
		float: left;
		height: 220px;
	}
	
	#contentsArea div#wrapper div#contents ul.itemList li div.lastChild {
	border-right-width: none;
	border-right-style: none;
	border-right-color: #1C0E57;
	}
	
	#contentsArea div#wrapper div#contents ul.itemList li div dt {
		text-align: center;
	}
	
	#contentsArea div#wrapper div#contents ul.itemList li div dd {
		margin: 2px 0 0 9px;
		width: 132px;
	}
	
	#contentsArea div#wrapper div#contents ul.itemList li div dd a {
		font-size: 12px;
		color: #333333;
	}
	
	#contentsArea div#wrapper div#contents ul.itemList li div dd.price {
	margin: 3px 0 4px 6px;
	background-color: #990000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	}


	/* newitem
	------------------------------------------------------------------------------------------------------*/
	#contentsArea div#wrapper div#contents div#newitem {
		margin: 0 0 25px 0;
	}
	
	#contentsArea div#wrapper div#contents div#newitem dl#catebrand {
		width:700px;
		margin: 0 0 15px 10px;
	}
	
	#contentsArea div#wrapper div#contents div#newitem dl#catebrand dt {
		float: left;
		padding: 0 15px 24px 0;
		/*padding: 0 15px 40px 0;*/
	}
	
	#contentsArea div#wrapper div#contents div#newitem dl#catebrand dd {
		float: left;
		background-image: url(../index_images/arw_01.jpg);
		background-repeat: no-repeat;
		background-position: left center;
		padding: 0 0 0 14px;
		margin: 1px 2.5em 0 0;
	}
	
	#contentsArea div#wrapper div#contents div#newitem p.toList {
		clear: left;
		margin: 0 0 0 150px;
	}
	
	#contentsArea div#wrapper div#contents div#newitem p.toList a:hover img {
		-moz-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	#contentsArea div#wrapper div#contents div#newitem p.banner {
		clear: left;
		margin: 0 0 10px 0;
	}
	
	#contentsArea div#wrapper div#contents div#newitem p.txt {
		font-size: 10px;
		text-align: center;
		padding-bottom: 10px;
	}
	
	#contentsArea div#wrapper div#contents div#newitem p.txt .new {
		font-size: 10px;
		color: #FF0000;
	}
	
	#contentsArea div#wrapper div#contents div#newitem div.banner {
		clear: left;
		margin: 10px 0 0 0;
	}
	
	
	/* pickup
	------------------------------------------------------------------------------------------------------*/
	#contentsArea div#wrapper div#contents div#pickup {
		margin: 0 0 22px 0;
	}
	
	#contentsArea div#wrapper div#contents div#pickup div.pickupBox {
		background-image: url(../index_images/bg_01.jpg);
		background-repeat: repeat;
		background-position: left top;
		padding: 14px 0 14px 14px;
	}
	
	#contentsArea div#wrapper div#contents div#pickup div.pickupBox div.feature {
		width: 235px;
		float: left;
/*		margin: 0 13px 20px 0;*/
		margin: 0 13px 0 0;
	}
	
	#contentsArea div#wrapper div#contents div#pickup div.pickupBox div.lastChild {
		margin-right: 0;
	}
	
	#contentsArea div#wrapper div#contents div#pickup div.pickupBox div.feature dt {
		padding: 15px 0 0 0;
		background-image: url(../index_images/pickup_feature.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		margin: 0 0 5px 0;
	}
	
	#contentsArea div#wrapper div#contents div#pickup div.pickupBox div {
		width: 170px;
		float: left;
		margin: 0 16px 10px 0;
	}
	
	#contentsArea div#wrapper div#contents div#pickup div.pickupBox div dd a {
		font-size: 10px;
		text-decoration: none;
	}
	#contentsArea div#wrapper div#contents div#pickup div.pickupBox div dd span {
		font-size: 10px;
		text-decoration: none;
		font-weight: bold;
		color: #CC0000;
	}
	
	#contentsArea div#wrapper div#contents div#pickup div.pickupBox div dd a:hover {
		text-decoration: underline;
	}
	#contentsArea div#wrapper div#contents div#pickup div.pickupBox div.clearBoth {
		clear: both;
		float: none;
		height: 1px;
		font-size: 1px;
		margin: 0;
		padding: 0;
	}
	
	
	/* itemindex
	------------------------------------------------------------------------------------------------------*/
	#contentsArea div#wrapper div#contents div#itemindex {
		margin: 0 0 25px 0;
	}
	
	#contentsArea div#wrapper div#contents div#itemindex li {
		margin: 0 1px 1px 0;
		float: left;
	}
	
	
	/* staff
	------------------------------------------------------------------------------------------------------*/
	#contentsArea div#wrapper div#contents div#staff {
		margin: 0 0 25px 0;
	}
	
	
	/* shop
	------------------------------------------------------------------------------------------------------*/
	#contentsArea div#wrapper div#contents div#shop {
		margin: 0 0 25px 0;
	}
	
	#contentsArea div#wrapper div#contents div#shop dl {
		margin: 0 24px 0 0;
		float: left;
		width: 237px;
	}
	
	#contentsArea div#wrapper div#contents div#shop dl.lastChild {
		margin-right: 0;
	}
	
	#contentsArea div#wrapper div#contents div#shop dd a {
		font-size: 10px;
	}
	

	/* footArea
	------------------------------------------------------------------------------------------------------*/
	#contentsArea div#wrapper div#contents div#footArea {
		border: 1px solid #724F17;
		padding: 10px;
		margin: 0 0 30px 0;
	}
	
	#contentsArea div#wrapper div#contents div#footArea div.footBox {
		border-right-width: 1px;
		border-right-style: dashed;
		border-right-color: #B3A081;
		float: left;
		width: 368px;
	}
	
	#contentsArea div#wrapper div#contents div#footArea div.lastChild {
		border-right-width: none;
		border-right-style: none;
		border-right-color: #B3A081;
	}
	
	#contentsArea div#wrapper div#contents div#footArea div.footBox div {
		margin: 0 10px 0 0;
		background-color: #EDEED5;
		padding: 27px 18px 15px 12px;
	}
	
	#contentsArea div#wrapper div#contents div#footArea div.lastChild div {
		margin: 0 0 0 10px;
		background-color: #EDEED5;
		padding: 6px 25px 1px 20px;
	}
	
	#contentsArea div#wrapper div#contents div#footArea div.footBox div p {
		font-size: 10px;
		margin: 0 0 10px 0;
	}
	
	#contentsArea div#wrapper div#contents div#footArea div.footBox div p a {
		font-size: 10px;
	}
	
	#contentsArea div#wrapper div#contents div#footArea div.footBox div p.detail {
		text-align: right;
		margin: 0 0 0 0;
	}
	
	#contentsArea div#wrapper div#contents div#footArea div.lastChild div p img {
		float: left;
		margin: 0 10px 0 0;
	}
	
	#contentsArea div#wrapper div#contents div#footArea div.lastChild div p span {
		float: left;
		margin: 18px 0 0 0;
	}
	
	#contentsArea div#wrapper div#contents div#footArea div.lastChild div p {
		font-size: 10px;
		margin: 0 0 6px 0;
	}
	
	
/*portalCont*/
#portalCont {
	width: 760px;
	margin: 0 0 20px 0;
}

#portalCont #checkArea .iframe02 {
	width: 760px;
}

#portalCont * {
	margin: 0;
	padding: 0;
}

.iframe02Header {
	height :34px !important;
	text-align: left !important;
	background: url(../index_images/check_ttl.gif) no-repeat top left;
}

#portalCont #checkArea .iframe02 .iframe02Box01 {
	background: url(../index_images/check_lineup_bgTop.gif) no-repeat top left;
}

#portalCont #checkArea .iframe02 .iframe02Box01z {
	padding: 17px 0 17px 0;
	background: url(../index_images/check_lineup_bgBtm.gif) no-repeat bottom left;
}


#portalCont #checkArea .iframe02 .lineup #item1 {
	margin: 0 0 0 9px;
}


#portalCont #checkArea .iframe02 .lineup .item {
	width: 149px;
	padding: 0 0 10px 0;
	float: left;
	font-size: 10px;
}

#portalCont #checkArea .iframe02 .lineup .item a,
#portalCont #checkArea .iframe02 .lineup .item div,
#portalCont #checkArea .iframe02 .lineup .item p {
	display: block;
	padding: 0 15px 0 20px;
}

#portalCont #checkArea .iframe02 .lineup .item a:link {
	color: #3F65B0;
}

#portalCont #checkArea .iframe02 .lineup .item a:visited {
	color: #3F65B0;
}

#portalCont #checkArea .iframe02 .lineup .item a:hover {
	color: #3F65B0;
}

#portalCont #checkArea .iframe02 .lineup .item a:active {
	color: #3F65B0;
}

#portalCont #checkArea .iframe02 .lineup .item img.icon {
	border: 1px solid #506489;
}

#portalCont #checkArea .iframe02 .lineup {
/*	background: url(../inner_index_images0912/checkitem_bg.gif) repeat-y top left;*/
}