@charset "UTF-8";

* {
	font-family: "Osaka","MS PGothic",sans-serif;
}

html, body, abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var, a, dl, dt, dd, ol, ul, li, hr, sub, sup, del, ins, form, fieldset, label, legend, caption, table, td, th, tr, col, colgroup, tbody, thead, tfoot {
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: auto;
	margin-right: auto;
}  

html, body {
	height: 100%;
}

body {
	font-size: 62.5%;
	line-height: 1.4;
	text-align: center;
	color: #36393D;
}

.clear {
	clear: both;
}

img, a img {
	border: none;
	background: transparent;
}

hr {
	border-top: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
	text-align: left;
	color: #000A19;
}

h2 {
	text-align: left;
}

h3 {
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 0em;
}

/* まだアクセスしたことのないリンクに適用 */
a {
	color: #474747;
	text-decoration: none;
}
a:link {
}
/* 既にアクセスしたことのあるリンクに適用 */
a:visited {
}
/* マウスが上に乗っている状態のリンクに適用 */
a:hover {
}
/* 選択されている状態のリンクに適用 */
a:active {
}

/** ▼リスト▼ */
ul, ol {
	text-align: left;
	margin: 0px;
	padding-left: 20px;
	padding-top: 5px;
}

ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: square;
}

ul li a {
	text-decoration: none;
}

ul li a:hover {
	text-decoration: underline;
}

ol li ol {
	font-size: 1em;
}

/** ▲リスト▲ */

/** 画像を文章の左側に配置する */
.img_left {
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
	margin: 5px 10px 5px 5px;
}

/** 画像を文章の右側に配置する */
.img_right {
	float: right;
	padding: 5px;
	border: 1px solid #ccc;
	margin: 5px 5px 5px 10px;
}

p {
	text-align: left;
	margin: 0;
	padding: 0;
}

/** 上へ戻る */
.page-top {
	clear: both;
	text-align: right;
	margin-top: 10px;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

table.tbl, 
table.tbl th, 
table.tbl td {
	border: 1px solid #000A19;
}

table.tbl {
	width: 99%;
	margin-top: 20px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

table.tbl th, 
table.tbl td {
	color:#000000;
	text-align: left;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	word-break: break-all;
}

table.tbl th {
	width: 30%;
	font-weight: normal;
	font-size: 1.3em;
	color: #F6F3C3;
	background-color: #000A19;
	white-space: nowrap;
}

table.tbl td {
	font-size: 1.2em;
	background-color: #FFFFFF;
}

table.tbl input[type="text"], 
table.tbl input.type-text, 
table.tbl textarea {
	font-style: normal;
	font-size: 1.4em;
	color: #36393D;
	border: 1px solid #000A19;
	background-color: #FFFFFF;
}

table.tbl input[type="text"], 
table.contact input.type-text {
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

table.tbl input[type="text"]:focus, 
table.tbl textarea:focus {
	background-color: #FFFFCC;
	color: #000000;
}

* html table.contact input.type-text, 
* html table.contact textarea {
	width: 90%;
}

div#container {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;

position: relative;
height: 100%;
min-height: 100%;
}

body > #container {
	height: auto;
	min-height: 100%;
}

div#header {
	clear: both;
	width: 100%;
	height: 100px;
	margin: 0;
	background-color: #000A19;
}

div#header-main {
	width: 960px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

div#header-title {
	float: left;
	width: 100%;
	position: relative;
	left: 0;
	margin-top: 10px;
}

div#breadcrumbs {
	clear: both;
	float: left;
	width: 100%;
	height: 22px;
	margin: 0;
}

/** Whats New */
div#whatsnew {
	clear: both;
	width: 960px;
}

/** ナビゲーション */
div#header-navi {
	clear: both;
	float: left;
	width: 100%;
	height: 36px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: transparent url(/img/default/navigation/bg_navigation.jpg) repeat-x top left;
}

div#footer-navi {
	float: left;
	width: 100%;
	height: 40px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div#footer {
	clear: both;
	float: left;
	width: 100%;
	height: 100px;
	text-align: center;
	font-size: 1em;
	margin-top: 120px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #000A19;
	color: #FFFFFF;
}

div#content {
	clear: both;
	width: 960px;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}
div#main {
	float: right;
	width: 690px;
	margin-top: 4px;
	margin-left: 0px;
}
div#sub {
	float: left;
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	overflow: hidden;
}

div#header-title h1 {
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#header-title h1 a {
	color: #FF9900;
	text-decoration: none;
}

div#header-title h2 {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1.0em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#login-menu {
	float: right;
	text-align: right;
	width: 400px;
	margin-right: 20px;
	position: relative;
	top: 0;
	left: 0;
}

/** ナビゲーション */
div#header-navi ul {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0;
}

div#header-navi li {
	display: inline;
	float: left;
	list-style-type: none;
	font-size: 1.2em;
	line-height: 1.8;
}

div#header-navi a, div#header-navi a:hover {
	color: #000000;
}

div#header-navi a {
	float: left;
	display: block;
	text-align: center;
	height: 31px;
	padding-top: 8px;
	padding-right: 28px;
}

div#breadcrumbs ol.topicpath {
	text-align: left;
	width: 960px;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#breadcrumbs ol.topicpath li {
	color: #333333;
	font-size: 1.0em;
	line-height: 1.2;
	vertical-align: middle;
	display: inline;
	list-style-type: none;
}

div#breadcrumbs ol.topicpath li a {
	margin-right: 5px;
	padding-right: 14px;
	background: transparent url(/img/default/breadcrumbs/arrow.gif) no-repeat right center;
}

div#main h2 {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}

div#main h2.text-title {
	color: #1689C5;
	font-size: 1.5em;
	width: 558px;
	height: 52px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	background: transparent url(/img/default/content/bar_title.jpg) no-repeat center left;
}

div#content p {
	font-size: 1.4em;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

div#content p.description {
	font-size: 1.2em;
	line-height: 1.4;
	margin-bottom: 10px;
}

div#main-ads-left {
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
}

div#main-ads-right {
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;
}


/** ▼ページャ▼ */
#guide-bar {
	clear: both;
	width: 95%;
	font-size: 1.2em;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

.paging {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.paging span {
	float: left;
	display: block;
	width: 14px;
	height: 18px;
	margin-left: 0px;
	margin-right: 4px;
	padding: 0;
	text-align: center;
}

.paging span.current {
	color: #990000;
	font-weight: bold;
	padding-right: 4px;
}

#guide-bar .paging a.effectived {
	float: left;
	display: block;
	width: 40px;
	height: 17px;
	text-align: center;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#guide-bar .paging span.disabled {
	float: left;
	display: block;
	color: #0099FF;
	width: 40px;
	height: 17px;
	text-align: center;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#guide-bar a {
	margin-right: 4px;
}

#guide-bar a:hover {
}

.counter {
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	letter-spacing: 0.1em;
}

.counter .mb {
	display: inline;
}

/** 合計行数 */
.counter span.count {
	font-weight: bold;
}

.counter span.count-mb {
}

/** 開始行 */
.counter span.start {
	font-weight: bold;
}

.counter span.start-mb {
}

/** 終了行 */
.counter span.end {
	font-weight: bold;
}

.counter span.end-mb {
}
/** ▲ページャ▲ */

/**
 * サブコンテンツエリア
 */
div#sub div.box {
	clear: both;
	color: #333333;
	line-height: 1.5;
	text-align: left;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

div#sub h2 {
	margin: 0;
}

div#sub h2.text-title {
	color: #000A19;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}

div#sub p {
	font-size: 1.4em;
	line-height: 1.7;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 8px;
}

div#sub dt {
	font-size: 1.2em;
}

div#sub dd {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div#sub ul, div#sub ol {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
}

div#sub ul.category-list, 
div#sub ul.brand-list {
	margin-top: 10px;
}

div#sub li {
	list-style-type: none;
	font-size: 1.2em;
	line-height: 1.6;
	padding-left: 20px;
	background: transparent url(/img/default/sub/li.gif) no-repeat center left;
}

div#sub a {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	text-decoration: none;
}

div#sub a:hover {
}

div#footer p {
	text-align: center;
	color: #FFFFFF;
	margin: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

div#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

/** ページトップへ */
div#footer div.page-top {
	height: 30px;
}

div#footer div.page-top a {
	line-height: 30px;
	vertical-align: middle;
}

div#footer div.page-top img {
	margin-top: 3px;
	margin-right: 3px;
}

ul#footer-navi {
	width: 820px;
	height: 40px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0;
}

ul#footer-navi li {
	display: inline;
	float: left;
	list-style-type: none;
}

ul#footer-navi a {
	float: left;
	display: block;
	text-align: center;
	width: 205px;
	height: 16px;
	padding-top: 10px;
}

/**
 * カテゴリ表示
 */
div#category {
	text-align: left;
	background: #FFFFFF;
	border: 2px solid #000A19;
	margin-bottom: 10px;
	padding: 5px 8px 8px 12px;
	font-size: 1.2em;
}

div#category table tr td {
	width: 50%;
}

div#category ul.price li {
	display: inline;
	float: left;
	margin-right: 12px;
	font-size: 0.8em;
}