@charset "utf-8";

/* ==========================================================================*/
/*yŠξ–{έ’θz*/
/* ==========================================================================*/

*{
  margin:0;
  padding:0;
	color:#333;
	font-family: Hiragino Kaku Gothic Pro,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",Arial,Helvetica,sans-serif;
	line-height:1.3;
}

body{
	text-align:center;
	font-size:10pt;
	}

img{
	border:none;
	}

ul{
	list-style:none;
	}

a:link,a:visited,a:hover,a:active{	
	color:#006db8;
	text-decoration:underline;
	}

.red{
	color:#E60020;
	}

#wrapper{
	margin:0 auto;
	padding:10px 0;
	width:890px;
	border-left:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
	}

.section{
	clear:both;
	padding:0 10px;
	text-align:left;
	}

/*------------------------------------------------------->>> ƒwƒbƒ_[ >>>*/
h1{
	display:inline;
	font-size:8pt;
	/font-size:7pt;
	font-weight:normal;
	}

h1 img{
	margin:3px 10px 0 0;
	}

#h-right{
	width:500px;
	margin:-70px 0 0 370px;
	text-align:right;
	}
body:first-of-type #h-right{
	margin:-70px 0 0 370px;
	}

#h-right p{
	font-size:8pt;
	/font-size:7pt;
	}

#h-right h2{
	margin:6px 0 3px 0;
	}

#h-right p,
#h-right ul,
#h-right li{
	display:inline;
	text-align:right;
	}

#h-right p img{
	margin:0 10px 0 0;
	vertical-align:top;
	}

ul.list-icon li{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	background:url("../images/icon_tri.gif") no-repeat left center;
	zoom:1;
	}

.main{
	margin:10px 0 1px 0;
	}

/*------------------------------------------------------->>> ΆƒJƒ‰ƒ€ >>>*/
#left{
	float:left;
	width:200px;
	}

#menu{
	padding:10px;
	background:#777;
	}

#left h3{
	margin:10px 0 0 0;
	text-align:center;
	}

#left .box{
	padding:8px 10px;
	width:178px;
	border:1px solid #ababab;
	border-top:none;
	}

#left #maker li{
	margin:7px 0;
	text-align:center;
	}

/*------------------------------------------------------->>> ‰EƒJƒ‰ƒ€ >>>*/
#right{
	float:right;
	}

/* form{
	padding:10px 0;
	width:670px;
	background:#777;
	}

.select{
	margin:0 40px;
	width:10em;
	} */

#right h3{
	margin:10px 0 0 10px;
	}

#right .box{
	padding:10px;
	}

#right table{
	border-collapse:collapse;
	}

#right table td{
	vertical-align:top;
	}

#right table td.empty{
	width:10px;
	}

#right table td.empty img{
	padding:0 !important;
	}

#right h4{
	font-size:100%;
	}


/* >>> ‚¨‚·‚·‚ߏ€•i >>>*/
#right #pickup{
	margin:0 0 0 10px;
	padding:5px 10px 10px 10px;
	width:636px;
	border:2px solid #e08722;
	border-top:none;
	}

#right #pickup table.top{
	margin:0 0 15px 0;
	}

#right #pickup .border1{
	border:1px solid #ababab;
	border-right:none;
	}

#right #pickup .border2{
	width:171px;
	border-top:1px solid #ababab;
	border-right:1px solid #ababab;
	}

#right #pickup .border3{
	border-right:1px solid #ababab;
	border-bottom:1px solid #ababab;
	text-align:right;
	vertical-align:bottom;
	}

#right #pickup .s-box img{
	padding:10px;
	}

#right #pickup h4.name{
	padding:10px 10px 5px 0;
	}

#right #pickup h4.price{
	padding:0 10px 0 0;
	font-size:110%;
	}

#right #pickup h4.off{
	padding:0 10px 5px 0;
	font-size:250%;
	}


/* >>> ƒ‰ƒ“ƒLƒ“ƒO >>>*/
#right #rank{
	margin:0 0 0 10px;
	padding:5px 10px 10px 10px;
	width:636px;
	border:2px solid #007fb1;
	border-top:none;
	}

#right #rank .s-box td img{
	padding:5px 10px 0 0;
	}

#right #rank h4{
	width:104px;
	}

#right #rank h4.name{
	padding:0 0 5px 0;
	}

#right #rank .s-box h4.price{
	text-align:right;
	}

#right #rank h4.off{
	text-align:right;
	font-size:190%;
	}

/* >>> “Α’₯ >>>*/
#right #pecu{
	margin:0 0 0 10px;
	width:660px;
	}

#right #pecu .s-box{
	margin:0 10px 1em 0;
	}

#right #pecu .s-box img{
	display:inline;
	float:left;
	margin:0 15px 0 0;
	}

#right #pecu .s-box h4{
	margin:0 0 10px 0;
	font-size:130%;
	}

#right #pecu .s-box p{
	margin:0 0 10px 0;
	}

#right #pecu .s-box p.details{
	margin:0;
	text-align:right;
	}

/* >>> ƒŠƒ“ƒN >>>*/
#right #link h3{
	padding:10px 0 6px 0;
	border-top:1px solid #003366;
	font-size:100%;
	}

#right #link p{
	padding:0 0 0 10px;
	}

#right #link img{
	padding:0 10px 0 0;
	}

#right #link, x:-moz-broken{
	clear:both;
	padding:10px 0 30px 0;
	}
body:first-of-type #right #link{
	clear:both;
	padding:10px 0 30px 0;
	}




/*------------------------------------------------------->>> ƒtƒbƒ^[ >>>*/
#footer{
	margin:30px 10px 0 10px;
	padding:0;
	}
*:first-child+html #footer{
	display:inline;
	}

#footer ul{
	padding:5px 0;
	border-top:1px solid #b8b8b8;
	text-align:left;
	}

#footer li{
	float:left;
	}

#footer p{
	clear:both;
	padding:10px 0 0 0;
	text-align:center;
	font-size:8pt;
	/font-size:7pt;
	}




/*------------------------------------------------------->>> ₯clearfix₯ >>>*/
.section:after{  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;
	line-height: 0;  
	clear: both;  
	}  
.section:after{  
	display: inline-block;  
	}  

.box:after{  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;
	line-height: 0;  
	clear: both;  
	}  
.box:after{  
	display: inline-block;  
	}  

.s-box:after{  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;
	line-height: 0;  
	clear: both;  
	}  
.s-box:after{  
	display: inline-block;  
	}  

#footer ul:after{  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;
	line-height: 0;  
	clear: both;  
	}  
#footer ul:after{  
	display: inline-block;  
	}