@charset "shift_jis";
@import "default.css";
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	Common CSS
	author: Masaki
	1. 基本設定
	2. リンク色設定
	3. 全体レイアウト設定
	4. 個別ページレイアウト設定
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
    基本設定
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
* {
	margin: 0; 
	padding: 0;
}
body {
	background: #fff url(../images/back_body.gif) repeat;
	text-align:center; /* box centering */
	color: #3a3017;
}
hr { display: none; }
img { border: 0; }
strong { font-weight: bold; }
li { list-style-type: none; }
caption {
	margin-top: 0.5em;
}
td,th {
	border: 1px solid #aea49b;
	border-collapse: collapse;
	padding: 0.2em 0.5em
}

/*
クリアフィックス
----------------------------------------------------------------- */
.clearfix {
	overflow: hidden;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*�*/
* html .clearfix {
	height: 1em;
	overflow: visible;
}
/**/


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
    リンク色設定
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/*
基本リンク色
----------------------------------------------------------------- */
a:link{
	color: #009ced;
	text-decoration: none;
}
a:visited{
	color: #005B79;
	text-decoration: none;
}
a:hover{
	color: #009ced;
	text-decoration: underline;
}
a:active{
	color: #0089B6;
	text-decoration: underline;
}

/*
ヘッダ・フッタナビリンク色
----------------------------------------------------------------- */
#header-navi a:link,
#footer a:link  {
	color: #3a3017;
	text-decoration: none;
}
#header-navi a:visited,
#footer a:visited {
	color: #3a3017;
	text-decoration: none;
}
#header-navi a:hover,
#footer a:hover {
	color: #3a3017;
	text-decoration: underline;
}
#header-navi a:active,
#footer a:active{
	color: #f00;
	text-decoration: underline;
}

/*
ジャンル別色設定
----------------------------------------------------------------- */
/* NEW RE-STOCK */
body.genre100 a:link,
body.genre100 a:visited,
body.genre100 a:hover,
body.genre100 a:active {
	color: #009ced;
}
/* USED */
body.genre110 a:link,
body.genre110 a:visited,
body.genre110 a:hover,
body.genre110 a:active {
	color: #ff7200;
}
/* OTHERS */
body.genre120 a:link,
body.genre120 a:visited,
body.genre120 a:hover,
body.genre120 a:active {
	color: #649982;
}
/*Column part NEW RE-STOCK */
li.new a:link,
li.new a:visited,
li.new a:hover,
li.new a:active {
	color: #009ced;
}
/*Column part USED */
li.used a:link,
li.used a:visited,
li.used a:hover,
li.used a:active {
	color: #ff7200;
}
/*Column part OTHERS */
li.others a:link,
li.others a:visited,
li.others a:hover,
li.others a:active {
	color: #649982;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
    全体レイアウト設定
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 先頭ナビゲーション
----------------------------------------------------------------- */
.navihidden { 
	display: none;
}
.navihidden p,
.navihidden ul { 
	display: none;
}
/* コンテナ
----------------------------------------------------------------- */
#container{
	width:898px;
	margin: 0 auto;
	background: #fffff7 url(../images/back_main.gif) repeat-y;
	text-align: left;
}
#header {
	width:100%;
}
#bodywrapper {
	padding: 28px 47px 15px 47px;
}
/* TOP
----------------------------------------------------------------- */
#top #mainbody {
	float: left;
	width:370px;
}
#top #column {
	float: left;
	width:434px;
}
/* LIST
----------------------------------------------------------------- */
#list #mainbody {
	float: left;
	width: 600px;
}
#list #item-list {
	margin-right: 42px;
}
#list #column {
	float: left;
	width: 204px;
}
/* FOOTER
----------------------------------------------------------------- */
.topnavi {
	clear: both;
	text-align: right;
}
#footer {
	clear: left;
	width:100%;
	height: 80px;
	background: #fffff7 url(../images/back_footer.gif) repeat-y;
}

/* ヘッダ
----------------------------------------------------------------- */
/* デフォルト */
#header {
	position: relative;
	background: url(../images/header01.gif) no-repeat;
}
#header-navi {
	position: absolute;
	bottom: 48px;
	right: 40px;
}
#header-navi  li {
	float: left;
	background: url(../images/listvline01.gif) no-repeat left 50%;
}
#header-navi  li:first-child,
#header-navi  li.first {
	background-image: none;
}
#header-navi  li a {
	display: block;
	margin: 0.1em 0.6em;
}
#header h1 a {
	position: absolute;
	top: 20px;
	left: 44px;
	display: block;
	width: 156px;
	height: 36px;
	text-indent: -10000em;
	background: url(../images/logo01.gif) no-repeat 0 0;
	overflow: hidden;
}
/* USED ページ上部の帯とロゴ */
body.genre110 #header {
	background-image: url(../images/header02.gif);
}
body.genre110 #header h1 a {
	background-image: url(../images/logo02.gif);
}
/* OTHERS ページ上部の帯とロゴ */
body.genre120 #header {
	background-image: url(../images/header03.gif);
}
body.genre120 #header h1 a {
	background-image: url(../images/logo03.gif);
}

/* グローバルナビゲーション
----------------------------------------------------------------- */
#gro-navi-wrapper {
	margin: 63px 7px 0 7px;
	background: #271801 url(../images/groback_t.gif) no-repeat left top;
}
#gro-navi {
	padding: 0px 40px;
	background: url(../images/groback_b.gif) no-repeat left bottom;
}
#gro-navi ul li {
	float: left;
}
#gro-navi ul li a {
	display: block;
	margin: 11px 35px 11px 0;
	text-indent: -1000em;
	overflow: hidden;
}
#gro-navi ul li.last a {
	margin-right: 10px;
}
#gro-navi ul li a:hover {
	background-position: 0 -21px;
}
/* NEW RE-STOCK */
#gro-navi-new a {
	width: 97px;
	height: 21px;
	background: url(../images/gnavi-new.jpg) no-repeat 0 0;
}
/* USED */
#gro-navi-used a {
	width: 35px;
	height: 21px;
	background: url(../images/gnavi-used.jpg) no-repeat 0 0;
}
/* OTHERS */
#gro-navi-others a {
	width: 73px;
	height: 21px;
	background: url(../images/gnavi-others.jpg) no-repeat 0 0;
}
/* VIEW CART */
#gro-navi-cart a {
	width: 92px;
	height: 21px;
	background: url(../images/gnavi-cart.jpg) no-repeat 0 0;
}
/* SEARCH */
#search {
	float: right;
}
#search * {
	vertical-align: middle;
}
#select-category {
	margin: 11px 0;
	height: 18px;
}
#search-text {
	width: 140px;
	height: 17px;
	margin: 11px 0;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}

/*
フッタ
----------------------------------------------------------------- */
#footer {
	position: relative;
}
#footer ul {
	position: absolute;
	top: 30px;
	left: 40px;
}
#footer li {
	float: left;
	background: url(../images/listvline01.gif) no-repeat left 50%;
}
#footer li:first-child,
#footer li.first {
	background-image: none;
}
#footer li a {
	display: block;
	margin: 0.1em 0.6em;
}
#footer p#copyright {
	position: absolute;
	top: 30px;
	right: 47px;
	margin: 0;
	padding: 0;
}

/*
ページタイトル
----------------------------------------------------------------- */
#title {
	margin-bottom: 30px;
	border-bottom: 1px solid #aea49b;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
    個別ページレイアウト設定
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/*
トップページのトピックス詳細設定
----------------------------------------------------------------- */
#topics {
	width: 328px;
	margin-right: 42px;
	overflow: hidden;
}
#topics h2 {
	text-indent: -10000em;
	width: 328px;
	height: 49px;
	border-top: 1px solid #93897d;
	border-bottom: 1px solid #93897d;
	background: url(../images/ttl_topics.gif) no-repeat left 50%;
}
#topics li {
	padding: 20px 0;
	border-bottom: 1px dotted  #333;
}
#topics li ul,
#topics li ol {
	margin: 0 0 0 1.8em;
}
#topics li ul li {
	list-style-type: disc;
	padding: 0;
	margin: 0;
	border: 0;
}
#topics li ol li {
	list-style-type: decimal;
	padding: 0;
	margin: 0;
	border: 0;
}
#topics li:last-child,
#topics li.last {
	border: 0;
	margin-bottom: 1em;
}
#topics h3 {
	font-size: 107%;
	font-weight: bold;
	margin: 0.2em 0 0.5em 0;
}
#topics div.date {
	text-align:right;
	font-size:85%;
}
#topics div img.pict {
	display: block;
	margin: 0.5em 0;
}
#topics div img.thumb {
	float: left;
	display: block;
	margin: 0.5em 0;
	padding-right: 0.8em; 
}


/*
トップページのカラム詳細設定
----------------------------------------------------------------- */
#top-new-col {
	float: left;
	width: 204px;
	font-size: 85%;
}
#top-recommend-col {
	float: left;
	width: 204px;
	margin-left: 26px;
	font-size: 85%;
}
#top-new-col h2 {
	text-indent: -10000em;
	width: 204px;
	height: 49px;
	border-top: 1px solid #93897d;
	border-bottom: 1px solid #93897d;
	background: url(../images/ttl_new.gif) no-repeat left 50%;
}
#top-recommend-col h2 {
	text-indent: -10000em;
	width: 204px;
	height: 49px;
	border-top: 1px solid #93897d;
	border-bottom: 1px solid #93897d;
	background: url(../images/ttl_recommend.gif) no-repeat left 50%;
}
/* 共通カラム詳細設定 */
#column div li p {
	clear: left;
	margin-top: 0.5em;
	font-size:100% !important;
	font-size: 85%; /* for Win IE */
	*font-family: Verdana; /* for Win IE */
}
#column div li div img {
	float: left;
	width: 60px;
}
#column div li div div {
	float: left;
	width: 144px;
}
#column div h3,
#column div li div div p {
	margin-top: 0.1em;
	margin-left: 5px;
	font-size:100%;
	line-height: 1.3;
}
#column div h3 a {
	line-height: 1.3;
}
#column div li div div p img {
	margin-top: 0.2em;
}
#column div ul li {
	margin: 20px 0 30px 0;
}

/*
商品一覧ページ右カラム詳細設定
----------------------------------------------------------------- */
#list-recommend-col {
	width: 204px;
	font-size: 85%;
}
#list-recommend-col h2 {
	text-indent: -10000em;
	width: 204px;
	height: 25px;
	background: url(../images/ttl_recommend.gif) no-repeat left top;
}

/*
商品一覧ページ一覧詳細設定
----------------------------------------------------------------- */
/* NEW タイトル */
body.genre100 #title h2 {
	background: url(../images/ttl_new-restock.gif) no-repeat left top;
}
/* USEDタイトル */
body.genre110 #title h2 {
	background: url(../images/ttl_used.gif) no-repeat left top;
}
/* OTHERSタイトル */
body.genre120 #title h2 {
	background: url(../images/ttl_others.gif) no-repeat left top;
}
/* SEARCH RESULTタイトル */
body.genre #title h2 {
	background: url(../images/ttl_result.gif) no-repeat left top;
}
#list #title h2 {
	float: left;
	text-indent: -10000em;
	width: 302px;
	height: 43px;
}
#list #title p { /* ページ送りナビ（上部） */
	float: right;
	padding-top: 20px;
	font-size: 100% !important;
	font-size: 92%; /* for Win IE */
}
.pagenavi { /* ページ送りナビ（下部） */
	clear: both;
	text-align: right;
	padding: 2em 0 1em 0;
	font-size: 100% !important;
	font-size: 92%; /* for Win IE */
}

/* 商品詳細 */
#item-list li {
	margin-bottom: 3em;
}
#item-list li.last {
	margin-bottom: 1em;
}
#item-list li .item-title {
	font-size: 114% !important;
	font-size: 107%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #aea49b;
}
#item-list li .item-title h3 {
	float: left;
	font-weight: bold;
}
#item-list li .item-title p {
	float: right;
}
#item-list li .item-jacket {
	clear: both;
	float: left;
	width: 100px;
}
#item-list li .item-jacket p {
	font-size: 92%;
	margin-top: 0.5em;
}
#item-list li .item-info {
	float: left;
	width: 394px;
}
#item-list li .item-info h4 {
	font-weight: bold;
	margin: 1em 5px 0.2em 20px;
}
#item-list li .item-info p {
	margin: 0 5px 0.5em 20px;
}
#item-list li .item-info p:first-child {
	line-height: 1.8;
}
#item-list li .item-form {
	float: left;
	width: 64px;
}
#item-list li .item-form .buy{
	margin: 5px 0;
}
#item-list select {
	width: 40px;
}

/*
オーダーについて詳細設定
----------------------------------------------------------------- */
#order p {
	margin: 0.8em 0;
}
#order-navi {
	margin-bottom: 20px;
}
#order-navi li {
	display: block;
	margin: 0.5em 2em 0.5em 0;
	padding-left: 20px;
	background: url(../images/bullet01.gif) no-repeat left 50%;
}
#order-navi ul {
	float: left;
	width: 20em;
}
#order-navi #cl3 {
	width: 15em; /* 上書き調整 */
}

#order #title h2 {
	width: 100%;
	height: 33px;
	text-align: right;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: 0.1em;
	background: url(../images/ttl_order.gif) no-repeat left top;
}
#order h3 {
	clear: both;
	margin: 1em 0 0.5em 0;
	padding: 0.2em 0.5em;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	background-color: #867a6e;
}
#order h4 {
	margin: 1em 0 0.2em 0;
	font-weight: bold;
	font-size: 105%;
}
#order h5 {
	margin: 1em 0 0.2em 0;
	font-weight: bold;
}
/*
#form-guide {
	margin: 0.5em 0;
}
#form-guide dt {
	padding-left: 10px;
	background: url(../images/bullet02.gif) no-repeat left 50%;
}
#form-guide dd {
	margin: -1.6em 0 1.6em 18em;
}
*/
/* 定義リスト */
#order .form-guide dt{
	clear: left;
	float:left;
	width: 13em;
	padding: 1em 1em 0 1em;
	border-top: 1px dotted #aea49b;
	background: url(../images/bullet02.gif) no-repeat left 1.45em;
}
#order .form-guide dd{
	margin-left: 15em;
	margin-bottom: 1em;
	padding-top: 1em;
	border-top: 1px dotted #aea49b;
}
#order .form-guide dd p {
	margin: 0;
}
#order .form-guide dt:first-child,
#order .form-guide dt.first,
#order .form-guide dd:first-child,
#order .form-guide dd.first {
	border: none;
}
#order p.notice {
	margin: 0.5em 0 0.5em 2em ;
	text-indent: -1em;
}
/* 送料表 */
.shipping-tb {
	margin-bottom: 1em;
}
.shipping-tb th {
	background-color: #e0deb1;
}
/* 中古商品コンディション表 */
.cond-tb th {
	background-color: #e0deb1;
}
/* 取り置き中商品の発送について */
#mailnotice {
	font-size: 86%;
	border-top: 1px dotted #867A6E;
	margin-top: 1.5em;
	padding: 1em;
}
#mailnotice ul li {
	margin-left: 1.2em;
	list-style-type: disc;
}

/*
店舗紹介詳細設定
----------------------------------------------------------------- */
#store #mainbody {
	padding-bottom: 25px;
}
#store #title h2 {
	width: 100%;
	height: 33px;
	text-align: right;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: 0.1em;
	background: url(../images/ttl_store.gif) no-repeat left top;
}
#store h3 {
	margin-top: 1em;
	font-size: 120%;
}
#store h3 span {
	color: #009ced;
}
#store #col-r p span {
	color: #ffa800;
}
#col-l {
	float: left;
	width: 411px;
	padding: 0 20px;
}
#col-r {
	float: left;
	width: 309px;
	padding: 0 20px;
}

/*
パーティ紹介詳細設定
----------------------------------------------------------------- */
#party #mainbody {
	padding-bottom: 25px;
}
#party #title h2 {
	width: 100%;
	height: 33px;
	text-align: right;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: 0.1em;
	background: url(../images/ttl_party.gif) no-repeat left top;
}
#party-list h3 {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #aea49b;
}
#party-list li {
	margin-top: 3em;
}
#party-list li:first-child,
#party-list li.first {
	margin-top: 0;
}
#party-list .col-l {
	float: left;
	padding-right: 15px;
}
#party-list .col-r {
	float: left;
	padding-left: 15px;
}
#party-list p {
	margin: 0.8em 0;
}
#party-list p em {
	font-weight: bold;
}