@charset "utf-8";

body  {
	margin: 0;
	padding: 0;
	background: #000;
	color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 100%;
}

/* 必殺フッターを画面の下に表示～CSSテクニック～ */
html{ height:100%; }
body{ height:100%; }
* html div#container{ height:100%; }
div#container{ margin:0px auto; position:relative; min-height: 100%; min-width: 750px; }
body > #container { height: auto; }
#main{	padding-bottom:80px; }




#headbar {
	padding: 0px 10px 3px 10px;
	background-image: url(../img/headbar.gif);
	margin: 0;
	background-position: bottom;
}
#headbar_search {
	float: right; 
	width: 50%;
	text-align: right; 
}
#headbar_directory {
	color: #CCC;
	padding: 3px 0;
	margin: 0 50% 0 0;
}




/* サーチフォーム　命 */
/* #cartdiv { width:31px; float: right; margin: 0; }
#text_search { margin: 0 31px 0 0; } */
#form1 { overflow:hidden; }
#form1 input { border:none; margin:0; }
#form1 .isearch5 {background:url(../img/feild.gif) left top no-repeat;width:209px;height:16px;padding:3px 0 3px 15px;color:#fff;font-size: 14px;}
#form1 .ibutton5 {background:url(../img/button2.gif) top left no-repeat;width:31px;height:22px; cursor: pointer; } 
#tbl_search { float: right; width:286; margin: 3px 0 0 0; }
#cart_button{ margin: 0 0 0 6px; }



#maker_select, #category_select {
	margin: 0;
	padding: 0;
}
#header, .goldbar {
	padding: 0 10% 0 10px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	display: block;
	background-image: url(../img/gold_bar.jpg);
	background-repeat: repeat-y;
} 
#header h1, .goldbar h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #765223;
}
.goldbar a:link, .goldbar a:visited {
	color: #866233;
	padding: 0 20px;
}
.goldbar a:hover {
	color: #000;
	padding: 0 20px;
}



/* 新カテゴリーのスタイル設定 */
/* ブランドディレクトリ要のセンターテーブルです */
#brand_directory {
	width: 750px;
	margin: 0;
}
#under_brand_directory, #arrival {
	width: 730px;
	margin: 10px 0;
}
#brand_directory td, #under_brand_directory td, #arrival td {
	text-align: center;
}
#under_brand_directory .underGoldbar, #arrival .underGoldbar { background: url(../img/under_brand_directory_bar_r.gif) no-repeat top right; }
#brand_directory .newGoldbar { background: url(../img/brand_directory_bar_r.gif) no-repeat top right; }
#brand_directory .newGoldbox { background: url(../img/brand_directory_box_l.gif) no-repeat bottom left; height: 99px; width: 360px; }
#under_brand_directory .underBox, #arrival .underBox { background: url(../img/under_brand_directory_box_r.gif) no-repeat bottom right; }
#brand_directory .newGoldbox div { background: url(../img/brand_directory_box_r.gif) no-repeat bottom right; height: 99px; width: 360px; }
#under_brand_directory .underBox div, #arrival .underBox .underBox_l { background: url(../img/under_brand_directory_box_l.gif) no-repeat bottom left; color: #b17756; }
#brand_directory h2, #under_brand_directory h2, #arrival h2 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#brand_directory a, #under_brand_directory a, #arrival a { color: #dbad13; font-size: 12px; }
#brand_directory a:hover, #under_brand_directory a:hover, #arrival a:hover { color: #FEB; } 
#brand_directory h2 a {
	display: block;
	line-height: 40px;
	color: #866233;
	font-size: 24px;
	background: url(../img/brand_directory_bar_l.gif) no-repeat top left;
}
#brand_directory h2 a:hover { color: #EDA; }
#brand_directory h2 span {
	display: block;
	line-height: 40px;
	color: #866233;
	font-size: 24px;
	background: url(../img/brand_directory_bar_l.gif) no-repeat top left;
}
#under_brand_directory h2 span, #arrival h2 a {
	display: block;
	line-height: 40px;
	color: #866233;
	font-size: 24px;
	background: url(../img/under_brand_directory_bar_l.gif) no-repeat top left;
}
#brand_directory .bdts, #arrival .bdts {
	width: 100%;
	margin: 0;
	color: #b17756;
}
.syouhins {
	max-width: 80px;
	max-height: 80px;
	-ms-interpolation-mode: bicubic;
	border: 0;
	margin: 1px 0 0;
}




/* #sidebar1 に関するヒント：
1. 単位は相対単位であるため、サイドバーで余白を使用することは回避してください。標準に準拠したブラウザでは、余白は全体の幅に追加されるため、実際の幅が不特定の幅になります。 
2. サイドバーの値の単位として em が使用されているので、その幅が初期設定のテキストサイズに応じて変化することに注意してください。
3. 「.twoColHybRtHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/
#sidebar1 {
	float: left; 
	width: 322px; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	padding: 15px 0 80px 0; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
}
#sidebar1 h1, #sidebar1 p, #sidebar1 table {
	margin-left: 10px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 10px;
}
#sidebar1 h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#sidebar1 a       , .sisin a      { color: #dbad13; }
#sidebar1 a:hover , .sisin a:hover{ color: #FEB; } 
/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 の間のスペースは、#mainContent div の右マージンによって設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、この右マージンを削除します。
2. #mainContent div の幅より広いエレメントが #mainContent div 内に配置されると、フローティングエレメントの落下（フローティング状態ではない #mainContent 領域がサイドバーの下に配置されること）が発生する可能性があります。ハイブリッドレイアウトの場合（全体の幅の単位はパーセント、サイドバーの単位は em）、使用可能な幅を正確に計算できない場合があります。ユーザーのテキストサイズが平均よりも大きい場合、#sidebar1 div が広くなるため、#mainContent div のスペースが狭くなります。クライアントが Contribute を使用してコンテンツを追加する予定である場合は、この制限に注意してください。
3. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグを回避できます。
*/
#mainContent {
  margin: 5px 0 0 332px; /* 左マージンの値は、ヘッダーおよびフッターの値と同じです。これにより、ドキュメントの左側の整列が設定されます。 */
  padding-bottom:80px;
} 





/* 商品詳細の「カートに入れる」「この商品について問い合わせる」ボタン専用のCSS <------ 廃止？ */
.button {
	margin: 10px 20px;
	font-size: 14px;
	letter-spacing: 1px;
	border: 1px solid #dbad13;
	padding: 1px;
} 
.button a       { display: block; background-image: url(../img/button.gif); color: #dbad13; text-align: center; padding: 3px 0; }
.button a:hover { color: #FEB; } 
.button input {
	background-image: url(../img/button.gif);
	color: #dbad13;
	width: 100%;
	border: 0;
	cursor: pointer;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 1px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
} 
.button input:hover{
	color: #FEB;
}


/* 商品詳細の「カートに入れる」「この商品について問い合わせる」SELECT専用のCSS */
.item_select {
	margin: 10px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b17756;
	padding: 10px;
	font-size: 12px;
} 
.item_select p {
	margin:0px;
}
.item_select label, .item_select input {
	cursor: pointer;
}




#bookmark {
	position:absolute;
	width: 100%;
	bottom:0px;
	margin: 0;
	font-size: 12px;
	color: #666;
}
#footerbar {
	width: 100%;
	bottom:0px;
	margin: 0;
	padding: 3px 0; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	font-size: 10px;
	color: #666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b17756;
} 
#footer_copyright {
	float: right;
	width: 100px; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	text-align: center;
}
#footerbar p, .category p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
/*	padding: 3px 0;*/
}
#footer {
	color: #b17756;
	font-size: 12px;
	margin: 0 100px 0 0;
}
#footer a, #bookmark a {
	color: #dbad13;
	font-size: 12px;
	padding: 0 5px;
}
#footer a:hover, #bookmark a:hover {
	color: #FEB;
	font-size: 12px;
	padding: 0 5px;
}





#headbar_directory a:link, #headbar_directory a:visited { color: #BBB; text-decoration: none; font-size: 14px; }
#headbar_directory a:hover                              { color: #FFF; text-decoration: none; font-size: 14px; }
.text {
	margin: 0px;
	font-size: 11px;
}
.text2 {
	margin: 0px;
	font-size: 14px;
	text-decoration: line-through;
}
#sidebar1 th { font-size: 12px; text-align:right; }
.normal { font-size: 12px; }
.kakaku { font-size: 16px; }
.syouhin {
	max-width: 300px;
	max-height: 300px;
	-ms-interpolation-mode: bicubic;
	border: 1px solid #b17756;
	padding: 3px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
hr {
	border: 0px solid #b17756;
}
.side_div {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b17756;
}
.piclist {
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
}
.category {
	color: #b17756;
	font-size: 12px;
	border-bottom-style: solid;
	border-bottom-color: #b17756;
	border-bottom-width: 1px;
}
.category a:link, .category a:visited {
	color: #dbad13;
	font-size: 12px;
	padding: 0 10px;
}
.category a:hover {
	color: #FEB;
	font-size: 12px;
	padding: 0 10px;
}
.category .upl {
	border-top: 1px solid #b17756;
}



/* LIST画面のスクローラCSS */
.scroller { margin: 1px 10px; }
.scrollerr{ margin: 1px 10px; text-align: right; }
.scroller a, .scrollerr a{ color: #dbad13; font-size: 14px; padding: 0 1px; }
.scroller a:hover, .scrollerr a:hover { color: #FEB; }
.scroller_dark { color: #666; font-size: 14px; }




#form1, #form2{ margin: 0px; }
a { text-decoration: none; }
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.sisin {
	font-size: 12px;
	border: 1px dotted #666;
	padding: 5px;
	margin: 0px 50px 10px 50px;
}
#arrival_head {
	width: 100%;
	height: 150px;
	background: url(../img/arrival_title_bar.gif) no-repeat bottom center;
	margin: 0 0 10px 0;
}
#arrival_head h2 {
	font-size: 96px;
	border: 1px dotted #666;
	text-align: center;
	padding: 5px;
	margin: 0px 50px;
	display: none;
}
#arrival_list {
	width: 100%;
	margin: 0 0 10px 0;
}
#arrival_list h2 {
	background: url(../img/arrival_title_bar0.gif) no-repeat bottom center;
	font-size: 48px;
	padding: 15px 0 10px;
	margin: 0;
	text-align: center;
}
#brand_head {
	width: 100%;
	height: 150px;
	background: url(../img/brand_title_bar.gif) no-repeat bottom center;
	margin: 50px 0 10px 0;
}
#brand_head h2 {
	font-size: 96px;
	border: 1px dotted #666;
	padding: 5px;
	margin: 0 50px;
	text-align: center;
	display: none;
}
#arrival_string {
	width: 700px;
	margin: 15px 0 0 0;
	padding: 10px 0;
	text-align: left;
	border-top: 1px solid #b17756;
}
#arrival_string p{
	margin: 0;
	padding: 0;
}
.nobody, .nobody img{
	margin: 0;
	padding: 0;
}