@charset "shift_jis";
/*-------------------------------------------------------------
	#header
-------------------------------------------------------------*/
#index_concept{
	margin: 0 40px;
	background: fff;
}

#index_concept p{
	margin-left: 15px;
	margin-right: 15px;
	padding: 0;
	text-align: left;
}

#index_concept #index_link{
}

#index_concept #index_link img{
	float: left;
	margin-right: 40px;
}


/*-------------------------------------------------------------
	#content
-------------------------------------------------------------*/
#offerBox1{
	float: left;
	margin-left: 40px;
	margin-bottom: 40px;
	padding: 0;
	width: 540px;
}

#offerBox2{
	float: right;
	margin-right: 40px;
	margin-bottom: 40px;
	padding-top: 130px;
	width: 300px;
}

#offerBox2 form{
	background: #eee;
	padding: 5px;
	border: 2px solid #333;
	text-align: center;
}

#offerBox2 dt{
	margin-top: 10px;
	background: #ddd;
	color: #333;
}

#offerBox2 input{
	margin: 5px;
}

.main{
	clear: both;
	margin-left: 40px;
	margin-right: 40px;
	padding: 10px;
	border: 2px solid #f39;
}

.main h3{
	padding: 3px 6px;
	background: #f00;
	color: #ff0;
	font-size: 13pt;
	font-weight: 600;
}

.main h4{
	padding: 3px 6px;
	border-bottom: 4px double #f39;
	color: #333;
	font-size: 11pt;
	font-weight: 600;
}

.main p{
	padding: 3px 6px;
}


#listStore{
	clear: both;
	margin: 20px 40px;
	padding: 0;
	border: 2px solid #f39;
	background: #ffc;
}

#listStore img{
	margin: 10px 0 0 20px;
}

#listStore .listStore_inner{
	float: left;
	width: 260px;
	margin: 20px 0 20px 20px;
}

#listStore .listStore_inner dl{
	margin: 0 0 20px 0;
	padding: 0;
}

#listStore .listStore_inner dt{
	padding: 3px 6px 2px;
	margin: 0 0 5px 0;
	background: #f39;
	color: #fff;
	font-size: 10pt;
	font-weight: 600;
}

#listStore .listStore_inner ul{
	list-style: none;
}

#listStore .listStore_inner li{
	padding: 0 0 0 6px;
	border-bottom: 1px dotted #996;
	font-size: 9pt;
}






.ul1 li{
	background: url(../image/bg_list.gif) no-repeat 0 0.2em;
	margin: 10px 0;
	padding-left: 20px;
}

.ul2 li{
	background: url(../image/bg_cb.gif) no-repeat 0 0.2em;
	margin: 10px 0;
	padding-left: 20px;
}

.ul3 li{
	background: url(../image/bg_list2.gif) no-repeat 0 0.2em;
	margin: 10px 0;
	padding-left: 20px;
}

/*-------------------------------------------------------------
	.itemBox
-------------------------------------------------------------*/
.items{
	overflow: hidden;
	height: auto;
	width: 950px;
	margin: 0 0 5px 0;
	padding: 0;
}

.items:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.items{
	min-height: 1px;
}

.itemBox{
	float: left;
	width: 306px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 5px;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	background: #ffd;
}

.itemBox img.itemTitle{
	margin: 0 0 5px 0;
	padding: 0;
}

.itemBox .itemR{
	float: right;
	width: 120px;
	margin: 0;
	padding: 0;
}

.itemBox .itemR .itemDetail{
	width: 120px;
	margin: 5px 0 0 0;
	padding: 2px 0;
	text-align: center;
}

.itemBox .itemR .itemDetail p.author{
	font-size: 8.5pt;
	font-weight: 600;
}

.itemBox .itemR .itemDetail p.price{
	font-size: 8pt;
}

.itemBox .itemR .color1{
	background: #c4e29f;
}

.itemBox .itemR .color2{
	background: #ff9;
}

.itemBox .itemR .color3{
	background: #eee;
}


.itemBox p.boxText{
	width: 170px;
	padding: 0 5px 5px 5px;
	font-size: 8.5pt;
}

.itemBox p.boxText strong{
	font-size: 9.5pt;
	font-weight: 600;
}
/*-------------------------------------------------------------
	.btn_detail
-------------------------------------------------------------*/
.btn_detail a{
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 125px;
	height: 50px;
	background: url(../image/btn_detail.jpg) no-repeat 0 0;
}

.btn_detail a span{
	display: none;
}

.btn_detail a:hover{
	background-position: 0 -50px;
}
/*-------------------------------------------------------------
	.btn_purchase
-------------------------------------------------------------*/
.btn_purchase a{
	display: block;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	width: 125px;
	height: 50px;
	background: url(../image/btn_purchase.jpg) no-repeat 0 0;
}

.btn_purchase a span{
	display: none;
}

.btn_purchase a:hover{
	background-position: 0 -50px;
}

/*-------------------------------------------------------------
	.btn_list
-------------------------------------------------------------*/
.btn_list a{
	margin:10px auto;
	display: block;
	width: 480px;
	height: 40px;
	background: url(../image/btn_list.gif) no-repeat 0 0;
}

.btn_list a span{
	display: none;
}

.btn_list a:hover{
	background-position:0 -50px;
}













/*---------- fonts ----------*/
.red {
	color: #ff0000;
}

.orange {
	color: #ff9900;
}

.blue {
	color: #0000ff;
}

.pinkA{
	color: #f39;
}

.pinkB{
	color: #f6c;
}

.gray{
	color: #666666;
}

.small {
	font-size: smaller;
}

strong{
	font-weight: 600;
}

.underline{
	text-decoration: underline;
}

.bold600{
	font-weight: 600;
}

.taCenter{
	text-align: center;
}

.mt05{	margin: 5px 0;}
.mt10{	margin-top: 10px;}
.mt20{	margin-top: 20px;}
.mt30{	margin-top: 30px;}
.mt40{	margin-top: 40px;}
.mt50{	margin-top: 50px;}
.mt60{	margin-top: 60px;}
.mt70{	margin-top: 70px;}
.mt80{	margin-top: 80px;}


.f08{ font-size: 8pt;}
.f09{ font-size: 9pt;}
.f11{ font-size: 11pt;}
.f12{ font-size: 12pt;}
.f13{ font-size: 13pt;}
.f14{ font-size: 14pt;}
.f15{ font-size: 15pt;}