@charset "shift_jis";

/***************************************
*
* 概要		 : 基本のスタイルシート
* 更新日	 : 2008-06-24
* バージョン : 1.1
*
***************************************/

@import url(./import.css);

/* Grobal
--------------------------------------*/
body{
	text-align: center;
	color: #333;
	font-size: 15px;
	line-height: 1.5;
	background: #fff url(./images/common/header-bg.jpg) repeat-x left top;
}
a:link{
	color: #00f;
	text-decoration: underline;
}
a:visited{
	color: #00f;
	text-decoration: underline;
}
a:hover{
	color: #f00;
	text-decoration: none;
}

/* Class
--------------------------------------*/
.red{
	color: #f00;
}
.small{
	font-size: 14px;
}
.big{
    font-size: 17px;
}
.bold{
    font-weight: bold;
}
.ssmall{
	font-size: 13px;
}
.xsmall{
	font-size: 12px;
}
.x2small{
	font-size: 11px;
}
.url{
	color: #00f;
	text-decoration: underline;
	text-align: center;
	font-size: 13px;
}
.smallsubmit{
	width: 200px;
	padding: 4px 0;
}
.normalsubmit{
	width: 300px;
	padding: 4px 0;
}
.bottomline{
	border-bottom: 1px dashed #333;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.topline{
	border-top: 1px dashed #333;
	padding-top: 20px;
	margin-top: 20px;
}

/* Header
--------------------------------------*/
#header{
	width: 920px;
	margin: 0 auto;
	text-align: left;
}
#header h1{
	font-size: 12px;
	color: #fff;
	padding-top: 5px;
}
#header .hright{
	width: 400px;
	float: right;
}
.idan{
	text-align: right;
	margin: 20px 20px 0 0;
}
.iidan{
	text-align: right;
	margin: 10px 20px 0 0;
}
#header .hleft{
	width: 520px;
	float: left;
}
#header ul{
	margin: 20px 0 30px 0;
}
#header ul li span{
	display:none;
}
#header ul li{
	float: left;
}
#header ul li a{
	display: block;
	height: 37px;
	text-decoration: none;
	background: url(./images/common/list.jpg) 0 0 no-repeat;
	width: 100px;
}
#header ul li a.home{
	width: 101px;
}
#header ul li a.home:hover{
	background-position:  0 -37px;
}
#header ul li a.list{
	background-position: -101px 0;
}
#header ul li a.list:hover{
	background-position: -101px -37px;
}
#header ul li a.news{
	background-position: -201px 0;
}
#header ul li a.news:hover{
	background-position: -201px -37px;
}
#header ul li a.help{
	background-position: -301px 0;
}
#header ul li a.help:hover{
	background-position: -301px -37px;
}
#header ul li a.sell{
	background-position: -401px 0;
}
#header ul li a.sell:hover{
	background-position: -401px -37px;
}
#header ul li a.map{
	background-position: -501px 0;
}
#header ul li a.map:hover{
	background-position: -501px -37px;
}
#header ul li a.blog{
	background-position: -601px 0;
}
#header ul li a.blog:hover{
	background-position: -601px -37px;
}
#header ul li a.contact{
	background-position: -701px 0;
}
#header ul li a.contact:hover{
	background-position: -701px -37px;
}
#header ul li a.toseller{
	background-position: -801px 0;
}
#header ul li a.toseller:hover{
	background-position: -801px -37px;
}

/* Main, Center
--------------------------------------*/
#container{
	width: 900px;
	margin: 0 auto;
	text-align: left;
}
#main{
	float: right;
	width: 700px;
}
#center{
	float: left;
	width: 502px;
}
#main .navigation{
	
}
#main .navigation .nleft{
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}
#main .navigation .nright{
	float: right;
	width: 350px;
	margin: 0;
	padding: 0;
	text-align: right;
}
#main h1{
	color: #000;
	font-size: 20px;
}
#main p{
	margin: 20px 0;
}
#main ol{
	margin: 10px 0 15px 30px;
}
#main ol li{
	list-style-type: decimal;
}
#main .bread{
	font-size: 12px;
	margin: 0 0 10px 0;
}
#main .h2{
	color: #00f;
	margin: 20px 3px;
	font-size: 17px;
	font-weight: bold;
}
#main .itemdd{
	color: #000;
	margin: 20px 3px;
	font-size: 20px;
	font-weight: bold;
}
#main h3{
	font-size: 15px;
	font-weight: bold;
}
#main .searchitem{
	margin: 20px 0;
}
#main .searchitem{
	border-top: 1px dashed #444;
	padding-top: 30px;
	margin-bottom: 30px;
}
#main .searchitem .sright{
	width: 550px;
	float: right;
}
#main .searchitem .sright h2{
	font-size: 15px;
}
#main .searchitem .sright form{
	display: inline;
}
#main .searchitem .sright p{
	margin: 5px;
}
#main .searchitem .sleft{
	width: 130px;
}
#main .searchitem .sleft img{
	float: right;
}
#main .searchitem .sleft div{
	float: left;
    width: 20px;
}

/*
 * Sine Up Table
 */
.sineuptable{
	width: 500px;
	border: 1px solid #ccc;
	margin: 15px 0 0 0;
}
.sineuptable td, .sineuptable th{
	padding: 5px;
	border: 1px solid #ccc;
	vertical-align: top;
}
.sineuptable th{
	text-align: right;
	background: #e0e0e0;
	color: #444;
	width: 120px;
}
.sineuptable td{
	background: #f5f5f5;
	color: #555;
}

/*
 * Delivery Table
 */
.deliverytable{
	width: 500px;
	border: 1px solid #ccc;
}
.deliverytable td, .deliverytable th{
	padding: 5px;
	border: 1px solid #ccc;
	vertical-align: top;
}
.deliverytable th{
	text-align: right;
	background: #e0e0e0;
	color: #444;
	width: 160px;
}
.deliverytable td{
	background: #f5f5f5;
	color: #555;
}
.good{
	margin: 10px 0 20px 0;
}
.good li{
	background: #fff url(./images/list/good.jpg) no-repeat 4px 4px;
	padding: 1px 0 1px 30px;
}
.bad{
	margin: 10px 0 20px 0;
}
.bad li{
	background: #fff url(./images/list/bad.jpg) no-repeat 4px 4px;
	padding: 1px 0 1px 30px;
}

/* Right
--------------------------------------*/
#right{
	float: right;
	width: 182px;
}
#right h3{
    margin: 0 0 20px 0;
}
#right h4{
    margin-bottom: 20px;
}

.simplebox {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
.simplebox h3 {
    background: #ddd;
    padding: 3px;
    font-size: 14px;
    margin: 1px;
    text-align: center;
    margin: 0 !important;
}
.simplebox p {
    padding: 5px 10px;
    margin: 0 !important;
}


/* Left
--------------------------------------*/
#left{
	float: left;
	width:182px;
}
#left p{
	margin: 10px 0;
}
.loginlist{
	margin: 10px 0 0 0;
}
.loginlist li{
	padding: 3px 0;
}
.loginlist label{
	position: absolute;
}
.loginlist input{
	margin-left: 70px;
	width: 100px;
}
.search{
	margin: 15px 0;
}
.search li{
	padding: 3px 0;
}
.search select{
	width: 170px;
}
.search input{
	width: 110px;
}
.search .submit{
	width: 50px;
}
.star{
	margin: 10px 0 30px 0;
}
.star li{
	background: url(./images/list/star.jpg) no-repeat 2px 7px;
	padding: 5px 0 3px 26px;
}
.allow{
	margin: 10px 0 20px 0;
}
.allow li{
	background: url(./images/list/allow.jpg) no-repeat 2px 7px;
	padding: 5px 0 3px 26px;
}
.gear{
	margin: 10px 0 20px 0;
}
.gear li{
	background: url(./images/list/gear.jpg) no-repeat 2px 7px;
	padding: 5px 0 3px 26px;
}
.graybox{
	background: #d3d3d3;
	border-right: 1px solid #a5a5a5;
	border-left: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
	margin-bottom: 20px;
}
.graybox p{
	margin: 0 !important;
	padding: 5px;
}
/* Footer
--------------------------------------*/
#footer{
	clear: both;
	background: url(./images/common/footer-bg.jpg) repeat-x left top;
	padding: 15px 0 30px 0;
}
#footer .i{
	width: 530px;
	margin: 0 auto;
}
#footer .ii{
	width: 550px;
	margin: 0 auto;
}
#footer ul{
	font-size: 12px;
}
#footer ul li a{
	color: #ddd;
}
#footer ul li{
	float: left;
	padding: 5px 10px;
}
#footer p{
	width: 550px;
	margin: 0 auto;
	color: #fff;
	padding-top: 20px;
}


/*
 * kana50 Table
 */
.kana50{
	border: 1px solid #ccc;
	margin: 15px 0 0 0;
}
.kana50 td, .kana50 th{
	padding: 2px;
	border: 1px solid #ccc;
    text-align: center;
}
.kana50 th{
	text-align: right;
	background: #e0e0e0;
	color: #444;
    width: 50px;
    height: 30px;
}
.kana50 td{
	background: #f5f5f5;
	color: #555;
    width: 30px;
    height: 30px;
}
.kanae{
    margin: 15px 0;
    padding: 2px;
    background: #ddd;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}
.pager li{
    float: left;
}
.pager li a{
    font-size: 12px;
    display: block;
    color: #555;
    text-decoration: none;
    border: 1px solid #ccc;
    background: #f5f5f5;
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    width: 20px;
    height: 20px;
}
.pager li a:hover{
    background: #ded;
    border: 1px solid #999;
}
.pager li span{
    font-size: 12px;
    display: block;
    color: #333;
    border: 1px solid #ccc;
    background: #ccc;
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    width: 20px;
    height: 20px;
}
.spbox{
    border: 1px solid #666;
    padding: 15px;
    margin-bottom: 20px;
}