@charset "euc-jp";

/*-----------------------------------------------------------
共通
-----------------------------------------------------------*/

#contents {
	width: 750px;
	height:auto;
	margin:0px 0px 0px3px;
	padding: 0px 0px 10px;
	color:#262626;
	font-size:13px;
	line-height:1.5;
	text-align: left;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ", Osaka, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;	
}

#contents li {
	list-style:none;
}
#contents a:hover img {
	opacity: 0.7;
}
#contents img {
	border:none;
	vertical-align:bottom;
}

#container #contents p.pageTop {
	margin: 0px 20px 0px;
}
#container #contents p.pageTop a {
	color: #262626;
	width: 100px;
	line-height: 0;
	text-decoration: none;
	background-color: #FFF;
	padding: 15px 10px;
	display: inline-block;
	float: right;
	text-align: center;
	border:#CCCCCC 1px solid;
}
#container #contents #main-area p.pageTop a:hover {
	background-color: #CCCCCC;
}

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
* html .clearfix { display: inline-block; }
*+html .clearfix { display: inline-block; }

/*-----------------------------------------------------------
TOP
-----------------------------------------------------------*/

#head-area {
	margin: 0px 0px 40px;
	padding: 0px;
}
#head-area h2 {
	margin: 0px 0px 30px;
	padding: 0px;
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	font-size:3em;
	text-align:center;
}
#head-area h2 span {
	font-size:0.5em;
	font-weight:normal;
}
#head-area .navi {
	margin:0px;
	text-align:center;
	letter-spacing: -.40em;
}
#head-area .navi li {
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 10px;
	border-left:#000 1px solid;
	list-style:none;
	display:inline-block;
	letter-spacing: normal;
}
#head-area .navi li:first-child {
	margin:0px;
	padding:0px;
	border-left:none;
}
#head-area .navi li a {
	color:#000000;
	text-decoration:none;
}
#head-area .navi li a:hover {
	color:#6666cc;
	text-decoration:none;
}


#main-area {
	margin: 0px;
	padding: 0px;
	overflow:hidden;
}


#main-area .article {
	margin: 0px;
	padding: 0px;
}
#main-area .article h6 {
	margin: 0px 0px 20px;
	padding: 5px;
	border-top:#333 2px solid;
	border-bottom:#333 2px solid;
	text-align:center;
	font-size:1.4em;
}
#main-area .article .section {
	margin: 0px 0px 50px;
	padding: 0px;
}
#main-area .article .section.columnL {
	float:left;
	width:480px;
}
#main-area .article .section.columnR {
	float:right;
	width:480px;
}
#main-area .article .brand {
	margin: 0px 0px 20px;
	padding: 0px 0px 1px;
	border-bottom: #999 1px solid;
}

#main-area .article h4 {
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 10px;
	font-size:1.6em;
	border-left:#2d4796 3px solid;
	float:left;
	font-weight:normal;
}
#main-area .article h4 span {
	margin:0px 20px 0px 0px;
	padding:0px;
	font-size:0.8em;
}
#main-area .article .maker {
	margin:0px 10px;
	padding:0px;
	font-size:1.4em;
	float:right;
	text-align:right;
}
#main-area .article .original {
	margin:0px 10px 0px 0px;
	padding:3px 10px;
	background-color:#5487c6;
	color:#FFF;
	font-size:1em;
	float:right;
	text-align:right;
}
#main-area .article .kinto {
	margin:0px 10px 0px;
	padding:0px;
	font-size:1em;
	float:left;
}

#main-area .article .top40 {
	margin:40px 0px 0px !important;
	padding:0px;
}
#main-area .article dl.outline {
	margin:0px 0px 0px 10px;
	padding:0px;
}
#main-area .article dl.outline.column2 {
	float:left;
	width:480px;
}
#main-area .article dl.outline dt {
	margin:0px 0px 10px;
	padding:0px;
	font-size:1.2em;
}
#main-area .article dl.outline dd {
	margin:0px 0px 20px;
	padding:0px;
}
#main-area .article .shohin {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#main-area .article .shohin.column2 {
	float:right;
	width:230px;
}
#main-area .article .shohin li {
	list-style:none;
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	display:inline-block;
	letter-spacing: normal;
	text-align:left;
	width:230px;
}
#main-area .article .shohin .image {
	margin:0px;
	text-align:center;
}
#main-area .article .shohin .name {
	margin: 5px 0px 0px;
}
#main-area .article .shohin .price {
	margin: 5px 0px 0px;
}
#main-area .article .shohin .btn {
	margin:10px 0px 0px;
}
#main-area .article .shohin .btn a {
	margin: 0px;
	padding: 5px;
	text-align: center;
	display: block;
	color: #FFF;
	background-color: #1f1f1f;
	text-decoration: none;
	background-image: url(../images/btn_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#main-area .article .shohin .btn a:hover {
	background-color: #404040;
}
#main-area .article .shohin .btn_end {
	margin:10px 0px 0px;
	padding: 5px;
	text-align: center;
	display: block;
	color: #FFF;
	background-color: #999999;
	text-decoration: none;
}