body{
color:#262324;
}
body #container a:link,body #container a:visited{
color:#3399FF;
text-decoration:underline;
}
body #container a:hover{
text-decoration:none;
}

body #container a img{

}
body #container a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
}

body #container {
  width: auto;
  padding: 0;
}
body #mainContent {
  float: none;
  width: auto;
}


.read_top{
padding-top:20px;
text-align:center;
background:url(../imgs/read_bg.gif) bottom repeat-x;
}


#contentArea{
width:950px;
margin:0 auto;

}
#contentArea section h1{
border-top:3px solid #EDEDED;
margin-top:30px;
padding-top:20px;
}

.listpage{
margin-top:20px;
text-align:right;
}
.listpage a:link{
background:url(../imgs/icon_link_o.gif) left no-repeat;
padding:5px 0 5px 25px;

}
/* =======================
あなたはどちら？*/
#howtouse{
position:relative;
text-align:center;
margin:30px 0;
height:271px;
}
#howtouse .title_sub{
position:absolute;
left:50%;
top:50px;
margin-left:-54px;
z-index:10;
}
#howtouse .sell{
position:absolute;
left:0;
top:75px;
}
#howtouse .buy{
position:absolute;
right:0;
top:75px;
}



/* =======================
ニュース*/
.news{
margin-top:20px;
border-top:1px solid #D5D5D5;
border-bottom:1px solid #D5D5D5;
padding:10px;
}
.news h3{
color:#DD6638;
font-weight:bold;
margin-bottom:3px;
}
.news ul li{
background:url(../imgs/icon_link_b.gif) left no-repeat;
padding-left:13px;
margin-bottom:2px;
}

.moving{
text-align:right;
margin-top:20px;
}



/* =======================
ジャンル*/
.sell h2 ,.buy h2{
color:#DD6638;
font-size:2.5em;
text-align:center;
margin:25px auto 15px;
}
.genre{
border:6px solid;
border-radius:5px; 
}

.sell .genre{
border-color:#50C9C2;
}

.sell .genre .read{
background:#50C9C2;
border-bottom:6px solid #50C9C2;
color:#FFFFFF;
vertical-align:middle;
display: table;
width:100%;
}
.buy .genre{
border-color:#A569D3;
}

.buy .genre .read{
background:#A569D3;
border-bottom:6px solid #A569D3;
color:#FFFFFF;
vertical-align:middle;
display: table;
width:100%;
}
.genre .read img{
display: table-cell;
}
.genre .read p{
display: table-cell;
vertical-align:middle;
text-align:left;
width:680px;
font-size:120%;
font-weight:bold;
}



section .genre:nth-child(1){
background:#000000;
}


/* =======================
ブランドリスト*/
.genre .brandlist{
/*display: table;
border-collapse: separate;
border-spacing: 10px;
height:100%;*/
margin: 0 0 10px 12px;
}
.genre .brandlist:after{
  content: ""; 
  display: block; 
  clear: both; 
}
.brandlist section{
/*display: table-cell;*/
float:left;
margin:10px 0 0 10px;
width:212px;
border-top:solid 1px;
border-right:solid 3px;
border-bottom:solid 3px;
border-left:solid 1px;
border-color:#EBEBEB;
background:#FFFFFF;
text-align:center;
border-radius:2px; 
/*height:100%;*/
}


.brandlist section a{
display:block;
width:100%;
height:100%;
}
.brandlist section a:hover{
background:#f2f2f2;
}
body #container .brandlist section a:link,body #container .brandlist section a:visited{
text-decoration:none;
color:#262324;
}
/*.brandlist .row{
display: table-row;
height:100%;
}*/

.brandlist section .block{
/*display: table;*/
width:100%;
height:100%;
padding:10px 0;
}



.brandlist section .block div{
/*display: table-row;*/
}
.brandlist section .block div.logo {
padding:0 10px;
}
.brandlist section .block div.logo img{
margin-bottom:5px;
}
.brandlist section .block div.point{
padding-top:10px;
vertical-align:bottom;
color:#DD6638;
}
.brandlist section .block div.point span{
font-weight:bold;
font-size:130%;
}

.brandlist section .block div.point span.type{
color:#7C6244;
font-size:100%;
font-weight:normal;
}



/* =======================
for beginner*/
.beginner{
margin-top:20px;
border-radius:5px;
background:#EDEDED;
/*
padding-bottom:30px;
*/
}

.beginner_inner{
position:relative;
border-radius:5px;
background:#FFFFFF;
width:890px;
height:740px;
margin:0 auto;
}


.beginner_inner .read{
position:absolute;
top:40px;
left:10px;
}

.beginner_inner .top{
position:absolute;
top:72px;
left:10px;
}
.beginner_inner .melit{
position:absolute;
top:205px;
left:10px;
}
.beginner_inner .check{
position:absolute;
top:338px;
left:10px;
z-index:10px;
}
.beginner_inner .logo{
position:absolute;
top:420px;
left:23px;
width:410px;
height:60px;
z-index:20px;
background:#FFFFFF;
}
.beginner_inner .logo ul{
text-align:center;
margin-top:8px;
}
.beginner_inner .logo ul li{
display:inline-block;
margin:0 10px;
}
.beginner_inner .point{
position:absolute;
top:492px;
left:10px;
}


/* =======================
present 
.present_about{
border:6px solid;
border-radius:5px; 
border-color:#DD6638;
padding:0 0 24px;
font-size:150%;
}
.present_about .main, .present_btn{
text-align:center;
}
.present_about .main img{
margin:20px 0 0;
}
.present_about .main .read{
margin:20px 0 0;
line-height:150%;
}
.present_about .main .read strong{
color:#E60115;
font-weight:bold;
}

.present_txt{
font-size:125%;
border:6px solid;
margin-top:50px;
border-radius:5px; 
border-color:#DD6638;
padding:0 24px 24px;
}

.present_txt h3{
border-left:#DD6638 solid 10px;
padding-left:15px;
font-weight:bold;
margin-top:25px;
}
.present_txt .txt{
margin:10px 0 0 25px;
line-height:130%;
}
.present_txt .txt img{
margin-top:10px;
}*/

/* =======================
modal-screen*/
/* ------------------------------------------------------ */
.pop-screen {
	position: fixed;
	z-index: 1000;
	background: url(../imgs/pop_screen.png) repeat 0 0;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	display: none;
}
body.noscroll {
	width: 100%;
	height: 100%;
}
body.noscroll .pop-screen {
	display: block;
}
/* 編集エリアここから*/
/* ------------------------------------------------------ */
.modal-screen {
	position: fixed;
	top: 0;
	left: 0;
	overflow: auto;
	z-index: 2000;

	padding: 50px 20px 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
}
.modal-base-group {
	display: none;
	border-radius:5px; 
	background-color: #FFF;
	margin: 0 auto;
	padding: 30px;
	width: 470px;
	text-align: left;
	
	position: relative;
	top: 0;
	overflow: visible;
}

.modal-base-group .close {
	width: 30px;
	height: 30px;
	display: block;

	position: absolute;
	top: -10px;
	right: -10px;
}
.modal-base-group .section + .section {
	margin-top: 20px;
}



/* ------------------------------------------------------ */
.modal-base-group {
	width: 890px;
	z-index: 3000;
}


.modal-base-group .item-list{
	display:table-cell;
	width:380px;
	background:#EDEDED;
	border-radius:5px;
	padding:15px 15px 10px 20px;
	font-size:85%;
	line-height:130%;
}
.modal-base-group .item-list h3{
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
	font-size:120%;
}	
.modal-base-group .item-list ul{
	letter-spacing: -10px;
	}
.modal-base-group .item-list ul li{
	display:inline-block;
	vertical-align: top;
	margin:0 20px 10px 0;
	width:58px;
	text-align:center;
}
.modal-base-group .item-list ul li img{
	margin-bottom:5px;
}
.modal-base-group .item-list ul li p{
	letter-spacing:normal;

}
.modal-base-group .item-list ul li:nth-child(5n+5){
	margin-right:0;
}
.modal-base-group .item-list p.check{
	text-align:right;
	margin-top:10px;
	}
.modal-base-group .shop-detail{
	display:table-cell;
	width:450px;
	padding-left:20px;
	vertical-align:top;
	
}
.modal-base-group .shop-detail h3{
	border-top:3px solid #E9E9E9;
	padding-top:10px;
	margin-bottom:20px;
	font-weight: bold;
	font-size:130%;
}
.modal-base-group .shop-box {
	overflow: hidden;
}
.modal-base-group .shop-box .shop-left {
	float: left;
	width: 410px;
}
.modal-base-group .shop-box .shop-right {
	float: right;
	position: relative;
	border: 1px solid #ECECEC;
	width: 410px;
	min-height: 480px;
}
.modal-base-group .shop-box .shop-right .shop-right-inner {
	position: absolute;
	padding: 54px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 480px;
}

/* ------------------------------------------------------ */
.modal-base-group .shop-header-group {
	display:table;
}
.modal-base-group .shop-header-group .bnr {
	display:table-cell;
	width: 85px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.modal-base-group .shop-header-group .detail{
	display:table-cell;
	padding-left:10px;
	vertical-align:top;	
}
.modal-base-group .shop-header-group .detail .coupon{
	margin-bottom:5px;
	height:21px;
}

.modal-base-group .shop-header-group .detail a.link{
	background:url(../imgs/icon_link_os.gif) left no-repeat;
	padding-left:20px;
	color:#DD6638;
}

.modal-base-group .shop-header-group .text {
	margin-left: 20px;
	width: 305px;
	font-size: 14px;
	font-weight: bold;
	color: #433427;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.modal-base-group .shop-header-group .price {
	font-size: 12px;
}
.modal-base-group .point-group dl {
	margin-bottom:10px;
}
.modal-base-group .point-group dt,.modal-base-group .point-group dd {
	float:left;
}
.modal-base-group .point-group dt{
	color:#7C6244;
	width:7em;
	border:2px solid #7C6244;
	text-align:center;
	border-radius:5px;
	}
.modal-base-group .point-group dd{
	color:#DD6638;
	margin-left:1em;
}
.modal-base-group .point-group dd span{
	font-size:130%;
	font-weight:bold;
	}
.modal-base-group .shop-notes-group{
	border:2px solid #E9E9E9;
	}	
.modal-base-group .shop-notes-group p {
	width: 150px;
	height: 52px;
	line-height: 52px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.modal-base-group .shop-notes-group ul {
	margin: 5px 0 5px 20px;
	width: 240px;
	font-size: 10px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.modal-base-group .section.bnr-group {
	border-style: solid none;
	border-width: 1px;
	border-color: #CCC;
	font-size: 0;
	padding: 0 0 7px;
}
.modal-base-group .bnr-group ul {
	margin-right: -10px;
	display: block;
}
.modal-base-group .bnr-group li {
	margin: 7px 7px 0 0;
	width: 97px;
	height: 97px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.modal-base-group .bnr-group img {
	 border: solid 1px #ececec;
	 box-sizing: content-box;
	 -webkit-box-sizing: content-box;
	 -moz-box-sizing: content-box;
	 width: 95px;
	 height: 95px;
}


.modal-base-group .items-group ul {
	margin-top: -20px;
	margin-right: -20px;
	display: block;
}
.modal-base-group .items-group li {
	margin: 20px 16px 0 0;
	width: 87px;
	height: 87px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.modal-base-group .goshopping-group button {
	border: none;
	margin-top:20px;
	background: url(../imgs/btn_shopuse.gif) no-repeat 0 0;
	width: 450px;
	height: 61px;
	display: block;

	position: relative;
	font-size: 0;
	color: transparent;
	text-indent: -999999em;
	overflow: hidden;
	cursor:pointer;
}

/* 編集エリアここまで*/
/* ------------------------------------------------------ */
.modal-base-group.item {
	width: 910px;
}
.modal-base-group.item .item-pic-group {
	width: 410px;
	text-align: center;
	float: left;
}
.modal-base-group.item .shop-data-group {
	width: 410px;
	float: right;
}
.modal-base-group.item .section + .section.shop-data-group {
	margin-top: 0;
}

/*  adSection 編集エリア 2015/09/03
------------------------------------------------------ */
.adSection {
	padding: 20px 25px 2em;
}
	.adSection p.banner {
		margin: 0 0 1em;
	}
	.adSection p.txt {
		margin: 0 0 1em;
	}
	.adSection .detail {
		overflow: hidden;
		margin: 0 0 1em;
	}
		.adSection .detail ul.txt {
			float: left;
			width: 450px;
		}
			.adSection .detail ul.txt li {
				padding: 0 0 0 9em;
				font-size: 12px;
				text-indent: -9em;
				line-height: 1.24;
			}
		.adSection .detail p.attention {
			float: right;
			margin: 0 0 1em;
			width: 430px;
			font-size: 10px;
			line-height: 1.24;
		}
		.adSection .detail p.attention span {
			color: #f00;
		}
	.adSection .box {
		overflow: hidden;
	}
		.adSection .box .lbox {
			float: left;
			width: 598px;
		}
			.adSection .box .lbox p.logo {
				float: left;
				margin: 0 10px 0 0;
				width: 84px;
				vertical-align: middle;
			}
			.adSection .box .lbox p.shopname {
				vertical-align: middle;
				margin: 0 0 10px 20px;
			}
			.adSection .box .lbox .attentionBox {
				line-height: 1;
			}
				.adSection .box .lbox .attentionBox p.tit {
					margin: 0 0 5px;
					font-size: 10px;
				}
				.adSection .box .lbox .attentionBox ul.attention01 {
					vertical-align: middle;
					font-size: 10px;
				}
				.adSection .box .lbox .attentionBox ul.attention01 li {
					display: inline-block;
					margin: 0 0 0 1em;
					padding: 0 0 0 1em;
					background: url(../imgs/icon_link_b.gif) no-repeat left center;
				}
				.adSection .box .lbox .attentionBox ul.attention01 li:first-child {
					margin-left: 0;
					border-left: none;
				}
		.adSection .box .rbox {
			float: right;
			border: 1px solid #ccc;
			width: 300px;
			text-align: center;
		}
			.adSection .box .rbox p.point {
				display: inline-block;
				height: 46px;
				line-height: 46px;
				font-weight: bold;
			}
				.adSection .box .rbox p.point span {
					margin-right: 1em;
				}
				.adSection .box .rbox p.point em {
					margin-left: 2em;
					font-size: 130%;
					font-weight: bold;
					color: #dd6638;
				}
/*  adSection 編集エリア 2015/09/03　ここまで
------------------------------------------------------ */