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

/* 初期化 */
* {
	margin:0px;
	padding:0px;
	font-size:12px;
}
html {
	overflow-y:scroll;
}
body {
	width:900px;
	margin:15px auto;
	position:relative;
}

/* 各領域基本設定 */
div#Header {
	width:100%;
	height:100px;
	background-image	:url(../img/HeaderBG.jpg);
	background-repeat	:no-repeat;
}
table#Contents {
	width:100%;
	clear:both;
}
td#Menu {
	width:200px;
	vertical-align:top;
	background-color:#99CCFF;
}
td#Main {
	vertical-align:top;
}
td#Banner {
	width:150px;
	vertical-align:top;
	background-color:#FFFF99;
}
div#Footer {
	width:860px;
	height:20px;
	padding:5px 20px;
	line-height:20px;
	color:#FFFFFF;
	background-image	:url(../img/FooterBG.gif);
	background-repeat	:no-repeat;
	background-color	:#0066FF;
}
div#Footer a:link	{ color:#FFFFFF; }
div#Footer a:visited{ color:#FFFFFF; }
div#Footer a:active	{ color:#FFFFFF; }
div#Footer a:hover	{ color:#FFFFFF; }
div#Footer_L {
	float:left;
}
div#Footer_R {
	float:right;
}

/* ヘッダエリア設定 */
span.ReferencePoint {
	position:relative;
	top:0px;
	left:0px;
}
div#Header img#SiteLogo{
	width:400px;
	height:50px;
    border-style:none;
	position:absolute;
	top:13px;
	left:258px;
	z-index:100;
}
a#HeaderLink1,
a#HeaderLink2,
a#HeaderLink3,
a#HeaderLink4,
a#SiteMapLink {
	width:170px;
	height:20px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight	:bold;
	text-align: center;
	line-height: 18px;
	text-decoration:none;
	display:block;
	background-image	:url(../img/HButton.gif);
	background-repeat	:no-repeat;
}
a#HeaderLink1:hover,
a#HeaderLink2:hover,
a#HeaderLink3:hover,
a#HeaderLink4:hover,
a#SiteMapLink:hover {
	line-height: 20px;
	background-image	:url(../img/HButtonO.gif);
}
a#HeaderLink1 {
	position:absolute;
	top:80px;
	left:205px;
	z-index:101;
}
a#HeaderLink2 {
	position:absolute;
	top:80px;
	left:380px;
	z-index:102;
}
a#HeaderLink3 {
	position:absolute;
	top:80px;
	left:555px;
	z-index:103;
}
a#HeaderLink4 {
	position:absolute;
	top:80px;
	left:730px;
	z-index:104;
}
	/* サイトマップ設定 */
div#SiteMap {
	width:170px;
	height:20px;
	margin:0px auto;
	padding:3px 15px 2px 15px;
	background-color:#99CCFF;
	text-align:center;
	float:left;
}
div#SiteMap img{
    border-style:none;
}
	/* パンくずリスト設定 */
div#TopicPathArea {
	width:680px;
	margin:0px;
	padding:0px 10px;
	line-height:25px;
	background-color:#DDEEFF;
	float:right;
}
div#TopicPathArea:after {
	content:"";
	display:block;
	clear:both;
}
ol#topicPath {
	padding: 0px;
	font-size: 80%;
	list-style: none;
}
ol#topicPath:after {
	content:"";
	display:block;
	clear:both;
}
ol#topicPath li {
	float: left;
	padding-right: 7px;
	padding-left: 10px;
	background: url(../img/topicPath.gif) no-repeat 0 50%;
}
ol#topicPath li.top {
	padding-left: 0px;
	background: none;
}
ol#topicPath li a:link,
ol#topicPath li a:visited {
	text-decoration: underline;
}
ol#topicPath li a:hover,
ol#topicPath li a:active {
	text-decoration: underline;
}
ol#topicPath li em {
	font-style: normal;
}

/* 検索エリア設定 */
form#SearchArea {
	width:200px;
	height:30px;
	margin:1px auto 1px auto;
	font-weight:bold;
	line-height:30px;
	background-image	:url(../img/SearchAreaBG.gif);
	background-repeat	:no-repeat;
}
form#SearchArea #S_Text {
	width:138px;
	height:18px;
	margin:5px 0px 5px 7px;
	padding:2px 1px 0px 1px;
	background-image	:url(../img/SearchInputBG.gif);
	background-repeat	:no-repeat;
	border:0px;
	font-size:14px;
	font-weight:normal;
	float:left;
	/* CSSハック IE6,7対象 */
	/background-attachment:fixed;
}
form#SearchArea #S_button {
	width:35px;
	height:20px;
	font-size:12px;
	margin:5px 7px 5px 0px;
	float:right;
}

/* メニューエリア各カテゴリ設定 */
div#CategoryArea {
	width:200px;
	margin-bottom:20px;
}
div#CategoryArea img {
	margin:1px auto 0px auto;
}
div#CategoryArea a img {
    border-style:none;
	margin:2px auto 1px auto;
}
div#CategoryContent {
	margin:-1px auto 1px auto;
	padding:5px;
}
div#CategoryArea ul {
	margin:0px 0px 0px 10px;
	list-style-type:none;
	font-size:14px;
	font-weight:bold;
}
div#CategoryArea ul li {
	font-size:14px;
}
div#CategoryArea ul ul {
	margin:0px 0px 0px 10px;
	font-size:14px;
	font-weight:normal;
}
div#CategoryArea a {
	line-height:20px;
	font-size:14px;
}

/* 条件検索エリア設定 */
form#AdvancedSearchArea {
	width:170px;
	margin:10px auto 10px auto;
	padding:5px;
	border:solid 1px #0066FF;
	background-color:#FFFFFF;
	line-height:20px;
}
form#AdvancedSearchArea #S_Price1,
form#AdvancedSearchArea #S_Price2{
	width:50px;
	font-size:12px;
}
form#AdvancedSearchArea #S_Stock {
	width:30px;
	font-size:12px;
}
form#AdvancedSearchArea ul {
	list-style-type:none;
	font-weight:bold;
}
form#AdvancedSearchArea li {
	margin-top:5px;
}
form#AdvancedSearchArea ul ul {
	margin-left:10px;
	font-weight:normal;
}

/* トップ広告バナー設定 */
div#AdvertArea {
	width:530px;
	margin:20px auto 20px auto;
}
div#AdvertArea:after {
	content:"";
	display:block;
	clear:both; 
}
div#AdvertArea a img {
    border-style:none;
	margin:5px;
	float:left;
}

/* カテゴリページ、バナー・サムネ列設定 */
div#CampaignBannerArea {
	width:500px;
	margin:25px auto 0px auto;
}
div#CampaignBannerArea a img {
    border-style:none;
}
div.RandomThumbnailArea {
	width:520px;
	padding:0px;
	margin:10px auto 0px auto;
}
div.RandomThumbnailArea div.ThumbnailBlock {
	width:150px;
	margin:10px;
	float:left;
}
div.RandomThumbnailArea:after {
	content:"";
	display:block;
	clear:both; 
}
div.RandomThumbnailArea a img {
    border-style:none;
}

/* カテゴリページ、商品リスト設定 */
div#RandomList {
	width:500px;
	margin:20px auto 20px auto;
}
/* 一覧ページ、商品リスト設定 */
div#ResultList {
	width:675px;
	margin:0px 0px 0px 25px;
}
/* カテゴリ・一覧ページ、商品リスト共通設定 */
table#ListArea {
	width:100%;
	border-collapse:collapse;
	border:solid 1px #FF9D77;
}
table#ListArea th {
	font-size:14px;
	font-weight:normal;
	line-height:25px;
	background-color:#FF9D77;
}
table#ListArea tr:hover {
	background-color:#FFF5C7;
}
table#ListArea td {
	border-bottom:dashed 1px #FF9D77;
}
table#ListArea a img {
    border-style:none;
}
table#ListArea td.Thumbnail {
	width:150px;
	padding:5px;
}
table#ListArea td.Details {
	padding:5px;
	vertical-align:top;
}
table#ListArea td.Details div#Detail-left {
	width:50%;
	float:left;
}
table#ListArea td.Details div#Detail-left a{
}
table#ListArea td.Details div#Detail-right{
	width:50%;
	float:right;
}
table#ListArea td.Details div#Detail-right:after {
	content:"";
	display:block;
	clear:both; 
}
table#ListArea td.Details p.CatchCopy{
	font-size:14px;
	font-weight:bold;
}
div#RandomList table#ListArea td.Details p.CatchCopy {
	font-weight:normal;
}
table#ListArea td.Details p.CatchCopy a:link	{ color:#FF6600; }
table#ListArea td.Details p.CatchCopy a:visited	{ color:#CC6633; }
table#ListArea td.Details p.CatchCopy a:active	{ color:#FF6600; }
table#ListArea td.Details p.CatchCopy a:hover	{ color:#FF6666; }
span.Price{
	font-size:14px;
	font-weight:bold;
	color:#FF3333;
}
table#ListArea td.NotFound {
	padding:5px;
	color:#FF6633;
	font-size:18px;
	text-align:center;
	line-height:50px;
	font-weight:bold;
}

/* 一覧ページ、各部設定 */
div.PageDataArea,
div.PagingArea {
	width:663px;
	padding:5px;
	border:solid 1px #FF9D77;
	font-size:12px;
}
div.PageDataArea {
	margin:15px 0px 0px 25px;
	text-align:center;
}
div.PageDataArea SELECT#PageDisplay{
	width:55px;
}
div.PagingArea {
	margin:15px 0px 15px 25px;
	text-align:right;
}

/* 商品詳細ページ設定 */
div#DetailArea {
	margin:10px 0px 20px 0px;
	padding:20px;
	border:solid 1px #FF9D77;
}
div#CatchCopy {
	margin-bottom:20px;
	padding:5px;
	border:solid 2px #0099FF;
	background-color:#CCFFCC;
	color:#0099FF;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}
div#ItemImage {
	width:330px;
	margin-bottom:10px;
	font-size:12px;
	float:left;
}
div#ItemImage img {
	margin-bottom:5px;
    border-style:none;
}
div#ItemInfo {
	width:181px;
	margin-left:10px;
	margin-bottom:10px;
	padding:20px 35px;
	background-color:#FFEEDD;
	border:solid 2px #FFCC99;
	float:right;
	line-height:27px;
}
div#ItemInfo img {
    border-style:none;
}
div#SellerInfo {
	width:216px;
	margin-left:10px;
	margin-bottom:10px;
	padding:15px;
	background-color:#DDEEFF;
	border:solid 2px #99AAFF;
	float:right;
	line-height:18px;
}
div#SellerInfo dt {
	font-weight:bold;
	margin:5px 20px 0px 20px;
}
div#SellerInfo dd {
	margin:0px 20px 0px 35px;
}
div#SellerNote {
	margin-top:10px;
	padding:5px;
	background-color:#CCFFCC;
}

/* 出品者情報ページ設定 */
div#SellerArea {
	width:80%;
	margin:25px auto;
	padding:20px;
	border:solid 1px #FF9D77;
}
div#SellerArea div#CompanyName {
	margin-bottom:20px;
	padding:10px;
	background-color:#99FF99;
	color:#0066FF;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

/* 商品詳細・出品者情報ページ共通設定 */
div.DetailNote {
	margin-top:10px;
	padding:30px;
	background-color:#DDFFDD;
	border:solid 2px #99FF99;
	color:#0066FF;
	font-size:18px;
	font-weight:bold;
}
div.DetailNote img {
	margin:10px 0px 10px 0px;
}
div.DetailNote dt {
	margin:15px 50px 5px 30px;
	color:#66CC33;
	font-weight:bold;
}
div.DetailNote dt.title {
	margin:15px 50px 5px 30px;
	color:#0066FF;
	font-size:18px;
	font-weight:bold;
}
div.DetailNote dd {
	margin:5px 50px 15px 70px;
	color:#000000;
	font-weight:normal;
}
table#SpecDetail {
	width:100%;
	border-collapse:collapse;
	border:solid 2px #B7CBFF;
	margin:10px auto;
}
table#SpecDetail td {
	width:34%;
	padding:10px;
	border:solid 1px #B7CBFF;
}
table#SpecDetail td.Label {
	width:16%;
	background-color:#B7CBFF;
	border-bottom:solid 1px #FFF9ED;
}

/* 注文ページ設定 */
div#OrderArea {
	width:800px;
	margin:25px auto;
}
div#OrderArea p {
	margin-bottom:10px;
}
div#OrderArea p.explanation {
	margin-left:90px;
}
div#OrderArea ul {
	margin:0px 115px 15px 115px;
}
div#OrderArea li {
	line-height:15px;
}
table#OrderForm {
	width:100%;
	border:solid 1px #FF9D77;
}
table#OrderForm .OrderTitle {
	padding:10px;
	text-align: center;
	border-collapse:collapse;
	border:solid 1px #FF9D77;
	background-color:#FF9D77;
	font-size	: 18px;
	line-height	: 20px;
	font-weight	: bold;
}
table#OrderForm .Order-L {
	width: 160px;
	vertical-align:middle;
	padding:10px;
	text-align: right;
	background-color:#FFF5C7;
	font-size	: 12px;
	font-weight	: bold;
	border-collapse:collapse;
	border:solid 1px #FF9D77;
	border-right:0px;
}
table#OrderForm .Order-R {
	width: 580px;
	line-height:30px;
	vertical-align:middle;
	text-align: left;
	padding:10px 20px;
	border-collapse:collapse;
	border:solid 1px #FF9D77;
	border-left:0px;
}
table#OrderForm .OrderButton {
	text-align: center;
	padding:25px 10px;
	border-collapse:collapse;
	border:solid 1px #FF9D77;
}
table#OrderForm .OrderButton ul {
	text-align:left;
}
table#OrderForm img#ItemImage {
	margin-left:50px;
}
table#OrderForm .Order-InputBoxS {
	width: 150px;
	margin-top:5px;
	margin-right:15px;
}
table#OrderForm .Order-InputBoxL {
	width: 250px;
	margin-right:15px;
}
table#OrderForm .Order-TextBox {
	width: 400px;
	height: 70px;
}
input.Order-InputBoxS#post {
	width:50px;
	margin-right:5px;
}
input.Order-InputBoxL#add {
	width:400px;
	margin-right:5px;
}
.Order-ButtonSend {
	width:120px;
	margin:20px;
	border: 2px #FF6633 solid;
}
.Order-ButtonBack {
	width:120px;
	margin:20px;
	border: 2px #FFCC33 solid;
}
.Order-ButtonReset {
	width:100px;
	margin:20px;
	border: 2px #FFCC33 solid;
}
div#SendErr {
	width:60%;
	margin:15px auto;
	text-align:left;
}

/* チェック画面設定 */
div#OrderArea .CheckResult {
	width: 80%;
	margin	:20px auto;
	padding	:20px 50px;
	border: 2px #FF9D77 solid;
	font-family:monospace, "ＭＳ ゴシック", "平成角ゴシック";
}
div#OrderArea .CheckTitle {
	margin	:15px 0px 5px 0px;
	font-size	: 14px;
	font-weight: bold;
	color: #FF9D77;
	line-height	: 18px;
}
div#OrderArea ul {
	margin:10px 60px;
}
div#OrderArea .CheckTable {
	width: 80%;
	margin	:0px auto 0px auto;
	border: 1px #FF9D77 solid;
}
div#OrderArea .CheckResultText {
	text-align: center;
}
div#OrderArea .CheckResultText input {
	margin:15px 30px;
}
.CheckTable th.CheckTable-TL {
	width: 65%;
	border: 1px #FF9D77 solid;
	border-right-color:#FFFFFF;
	padding:5px;
	background-color: #FF9D77;
	text-align: center;
	color: #FFFFFF;
}
.CheckTable th.CheckTable-TS {
	width: 20%;
	border: 1px #FF9D77 solid;
	border-right-color:#FFFFFF;
	padding:5px;
	background-color: #FF9D77;
	text-align: center;
	color: #FFFFFF;
}
.CheckTable th.CheckTable-TR {
	width: 15%;
	border: 1px #FF9D77 solid;
	padding:5px;
	background-color: #FF9D77;
	text-align: center;
	color: #FFFFFF;
}
.CheckTable td.CheckTable-L {
	width: 65%;
	border: 1px #FF9D77 solid;
	padding:5px;
}
.CheckTable td.CheckTable-S {
	width: 20%;
	border: 1px #FF9D77 solid;
	text-align: right;
	padding:5px;
}
.CheckTable td.CheckTable-R {
	width: 15%;
	border: 1px #FF9D77 solid;
	text-align: right;
	padding:5px;
}

/* 右サイド広告バナー設定 */
div#BannerArea {
	width:100%;
	margin:20px auto 20px auto;
}
div#BannerArea a img {
    border-style:none;
	margin:5px auto 5px auto;
}

/* コンタクト画面設定 */
form#ContactArea {
	width:500px;
	margin:50px auto;
	padding:30px;
	background-color:#FFCC66;
}
form#ContactArea p {
	line-height:20px;
}
form#ContactArea label {
	font-family:monospace, "ＭＳ ゴシック", "平成角ゴシック";
}
form#ContactArea p#title {
	font-size:16px;
	font-weight:bold;
	line-height:20px;
}
form#ContactArea input#name,
form#ContactArea input#mail {
	width:200px;
	margin:5px auto;
}
form#ContactArea textarea#message {
	width:500px;
	height:150px;
	margin:5px auto;
}

/* エラー画面設定 */
div#PageError {
	width:270px;
	text-align:center;
	margin:100px auto 100px auto;
	padding:30px;
	border: 2px #FF6633 solid;
}
div#PageError p {
	font-size:14px;
	font-weight:bold;
	color:#FF6633;
	text-align:left;
	margin:10px 0px;
}
div#PageError p#title {
	font-size:24px;
	font-weight:bold;
	color:#FF3300;
	text-align:center;
	margin:10px 0px;
}
div#PageError p a {
	color:#996633;
}

/* ＱＡ系ページ各部設定 */
.Q_Category {
	background-image	:url(../img/Q1.gif);
	background-repeat	:repeat-y;
	margin	:20px 0px 0px 80px;
	padding:4px 0px 4px 15px;
	font-size	: 16px;
	font-weight: bold;
	color: #666600;
}
.Q_CTitle {
	margin	:10px 0px 0px 20px;
	padding:3px 0px 2px 0px;
	font-size	: 15px;
	font-weight: bold;
	color: #0363E5;
}
div.Q_CTitle a:link		{ color: #0363E5; }
div.Q_CTitle a:visited	{ color: #0363E5; }
div.Q_CTitle a:active	{ color: #0363E5; }
div.Q_CTitle a:hover	{ color: #0363E5; }

.Q_Index {
	background-image	:url(../img/Q1.gif);
	background-repeat	:repeat-y;
	margin	:20px 0px 0px 80px;
	padding:4px 0px 4px 15px;
	font-size	: 16px;
	font-weight: bold;
	color: #666600;
}
.Q_Title {
	background-image	:url(../img/QA_Q.gif);
	background-repeat	:no-repeat;
	margin	:10px 0px 0px 20px;
	padding:3px 0px 2px 20px;
	font-size	: 15px;
	font-weight: bold;
	color: #0363E5;
}
div.Q_Title a:link		{ color: #0363E5; }
div.Q_Title a:visited	{ color: #0363E5; }
div.Q_Title a:active	{ color: #0363E5; }
div.Q_Title a:hover		{ color: #0363E5; }

.A_Category {
	background-image	:url(../img/A1.gif);
	background-repeat	:repeat-y;
	margin	:20px 0px 0px 80px;
	padding:4px 0px 4px 15px;
	font-size	: 16px;
	font-weight: bold;
	color: #FF6600;
}
.A_Title {
	background-image	:url(../img/QA_Q.gif);
	background-repeat	:no-repeat;
	margin	:10px 0px 0px 20px;
	padding:3px 0px 2px 20px;
	font-size	: 15px;
	font-weight: bold;
	color: #0363E5;
}
.A_Answer {
	background-image	:url(../img/QA_A.gif);
	background-repeat	:no-repeat;
	margin	:5px 0px 0px 50px;
	padding:3px 0px 2px 20px;
	font-size	: 13px;
	font-weight: normal;
	color: #000000;
	line-height	: 17px;
}

.QA_Guide {
	color: #0363E5;
	margin-left:80px;
	margin-bottom:20px;
}
.QA_Guide a:link	{ color: #0363E5; }
.QA_Guide a:visited	{ color: #0363E5; }
.QA_Guide a:active	{ color: #0363E5; }
.QA_Guide a:hover	{ color: #0363E5; }

/* リンクページ各部設定 */
.LinkTable {
	width: 80%;
	margin	:0px auto 0px auto;
}
.LinkTable-L {
	width: 130px;
	text-align:right;
	padding	:5px 0px 5px 0px;
}
.LinkTable-R {
	text-align:left;
	padding	:5px 0px 5px 10px;
}

/* その他設定 */
.Hidden {
	display:none;
}
.Spac {
	color:#FF3333;
}
.red {
	color:#FF3333;
}
div.Clear {
	clear:both;
}
span.explanation {
	line-height:13px;
}
span.ErrTitle {
	font-size	: 14px;
	line-height	: 15px;
	font-weight	: bold;
	color:#663333;
}
div.ErrText {
	color:#FF3333;
	margin-top:10px;
	margin-left:50px;
}
span.CurrentPage {
	color:#FF3333;
	font-weight:bold;
}
.ProfileTitle {
	margin	:15px 0px 5px 60px;
	font-size	: 15px;
	font-weight: bold;
	color: #0364E7;
	line-height	: 18px;
}
.ProfileText {
	width: 500px;
	margin	:0px 0px 8px 80px;
	font-size	: 13px;
	line-height	: 15px;
}
.ProfileText p{
	margin-bottom:10px;
}

/*タイトル */
h1{
	color:#1166EE;
	font-size:14px;
	padding	:0px 0px 0px 15px;
}
h2 {
	color:#0066FF;
	font-weight:bold;
	font-size	: 14px;
	line-height	: 24px;
	margin	:20px auto 10px auto;
	padding	:0px 0px 0px 30px;
	width: 570px;
	height: 24px;
	background-image	:url(../img/Main-Title-BG.gif);
	background-repeat	:no-repeat;
}
div.h1Area {
	text-align:center;
	background-color:#FFCC66;
	line-height: 50px;
}

div.h1Area h1 {
	color: #CC6600;
	font-weight: bold;
	font-size: 30px;
}

div.h2Area {
	text-align:center;
	background-color:#99CCFF;
	line-height: 40px;
}

div.h2Area h2 {
	color: #0066FF;
	font-weight: bold;
	font-size: 24px;
	line-height: 40px;
	height: 40px;
	margin:0px auto;
	background-image:none;
}

/* ガイドメッセージ */
div#guide {
	color: #CC6600;
	font-size: 130%;
	font-weight:bold;
	padding:5px 10px;
	margin:2px 10px;
	text-align:left;
}

/* 結果メッセージ */
div#result {
	color: #0033FF;
	font-size: 130%;
	font-weight:bold;
	padding:5px 10px;
	margin:2px 10px;
	text-align:left;
}

/* エラーメッセージ */
div#error {
	color: #FF0000;
	font-size: 130%;
    font-weight:bold;
	padding:5px 10px;
	margin:2px 10px;
	text-align:left;
}

/* テーブル一覧 */
table#ListArea9 {
	margin:auto;
	border-collapse:collapse;
	border:solid 1px #FFBB33;
}
table#ListArea9 th {
	font-size:16px;
	font-weight:normal;
	background-color:#FFBB33;
}
table#ListArea9 tr:hover {
	background-color:#FFF5C7;
}
table#ListArea9 td {
	font-size:16px;
	border-bottom:dashed 1px #FFBB33;
}
table#ListArea9 td A:link { color:#440000; font-size:15px; }
table#ListArea9 td A:visited { color:#440000; font-size:15px; }
table#ListArea9 td A:active { color:#990000; font-size:15px; }
table#ListArea9 td A:hover { color:#990000; font-size:15px; }

/* 管理フォーム設定 */
form.AdminForm {
	text-align:center;
}