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

/* outline setting*/
body { background: url(../images/body-bg.jpg) repeat; }
	
#container {
	width: 923px;
	margin: 0 auto 0 6%;
	}

#header,
#footer {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.13);
	}

#header {
	position: relative;
	height: 63px;
	}

#main {
	position: relative;
	z-index: 0;
	background: #FFF url(../images/main-bg.png) no-repeat 0 top;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.21);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.21);
	box-shadow: 0 0 5px rgba(0,0,0,0.21);
	}

#footer {
	}
	
/* sprite*/
#header .nav li a, span#booth,
.billboard h2,
a.gotoDetail,
.boxLayoutRight a,
#copyright a { background: url(../images/sprite.png) no-repeat; }

#header .nav li a, span#booth,
.billboard h2,
a.gotoDetail,
#copyright a { text-indent: -9999pt; }


/* class modules */
.wrapper {
	overflow: hidden;
	/height: 1%;
	/zoom: 1;
	}

.nav li { float: left; }

.nav li a { display: block; }

.boxLayoutRight {
	margin: 13px 13px 0 0;
	text-align: right;
	}
.boxLayoutRight a {
	display: inline-block;
	padding: 0 0 0 18px;
	background-position: -985px -235px;
	}
.horizontalDL {
	overflow: hidden;
	/height: 1%;
	/zoom: 1;
	}
.horizontalDL dt { clear: left; }

.horizontalDL dt,
.horizontalDL dd {
	float: left;
	margin-right: 1em;
	}
.caution {
	font-size: 13px;
	font-weight: normal;
	color: #666;
	}
.caution-red {
	color: red;
	}
.gray { color: #575859; }
.price a { font-weight: normal; }
	

/*header setting*/
h1 {
	float: left;
	margin: 21px 0 0 0;
	font-size: 21px;
	/line-height: 1.3;
	}
h1 a {
	color: #FFF!important;
	text-decoration: none;
	}
	
.nav { float: right; padding: 18px 52px 0 0;}
.nav li { margin-right: 13px; }
.nav li a {
	width: 136px;
	height: 26px;
	}
.nav li#gotoTop a {
	background-position: -864px -145px;
	}
.nav li#gotoPast a {
	background-position: -864px -72px;
	}
span#booth {
	display: block;
	position: absolute;
	top: 21px;
	left: 923px;
	width: 140px;
	height: 140px;
	background-position: -650px 0;
	z-index: 100;
	zoom:1;
	}

/* footer setting */
#copyright a {
	display: block;
	width: 135px;
	height: 55px;
	margin: 21px 0 42px 26px;
	background-position: 0 -90px;	
	}

/* content */
#main .section {}

.sectionTitle {
	padding: 0 0 8px 0;
	margin: 0 26px;
	border-bottom: solid 1px #0096DB;
	color: #0096DB;
	font-size: 13px;
	letter-spacing: 3px;
	}

.price,
.option { font-size: 13px; }
.category { font-size: 13px!important; color: #0096DB; }
span.date { font-weight: bold; }

.additional_info {
	margin: 0 0 1.5em 0;
	padding: 13px;
	background-color: #EBFDFF;
	border: solid 1px #B7D2E7;
	color: #585759;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.additional_info p { margin: 0; }

#footerInfo {
	padding: 26px;
	line-height: 2;
	}

#footerInfo h3 { margin: 0 0 5px 0; color: #0096DB; }


/* top */
.billboard {
	height: 441px;
	padding: 26px 0;
	margin: 0 26px;
	background: url(../images/billboard.png) no-repeat right bottom;
	}
.billboard h2 {
	width: 563px;
	height: 55px;
	margin: 21px 0 27px 0;
	}
.billboard p {
	line-height: 2;
	color: #3C4651;
	font-size: 16px;
	font-weight: bold;
	}
.item {
	padding: 26px;
	background: url(../images/dotLine.png) no-repeat 0 bottom;
	}
.item_summury h3 {
	margin: 0 0 1em 0;
	line-height: 1.61;
	font-size: 16px;
	}
.item_summury span,
.article h2 span {
	display: block;
	}
.preview_area {
	float: left;
	width: 377px;
	margin-right: 13px;
	text-align: center;
	}
.item_summury {
	float: left;
	width: 481px;
	padding-top: 8px;
	}
a.gotoDetail {
	display: block;
	width: 114px;
	height: 26px;
	background-position: -886px 0;
	}
	
/* detaoil page */
.article {
	padding: 26px;
	}
.article h2 {
	margin-bottom: 21px;
	font-size: 26px;
	line-height: 1.5;
	}
.article h2 .price { font-size: 21px; }
.item_image {
	float: left;
	width: 442px;
	text-align: center;
	}
.yoko .item_image {
	float: none;
	width: 637px;
	margin-bottom: 21px;
	text-align: left;
	}
.content-detail {
	float: right;
	width: 390px;
	}
.yoko .content-detail {
	float: none;
	width: 637px;
	}
.content-detail h3 {
	margin-bottom: 21px;
	font-size: 21px;
	line-height: 1.6;
	}
	
.content-detail h3 span { display: block; }

.users { margin: 8px 0 0 0; }

.users li { display: inline-block; /display: inline; /zoom: 1; /margin-right: 13px; }

.users li:after {
	content: " / ";
	color: #999;
	}

.users li a:link { text-decoration:none; }
.users li a:visited { text-decoration:none; color:#30c6eB; }
.users li a:hover { text-decoration: underline; }