@charset "utf-8";
/*------------------------------------
基本設定
------------------------------------*/
/*初期化*/
* {
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}
/*フォント93%はデフォルトで16ピクセルなので約93%で15ピクセル*/
body {
	font: 93% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ;
	/*IE5と5.5用のセンタリング*/
	text-align: center;
	color: #333333;
	/*バックグラウンドには横幅2000ピクセルの大きな画像をセンタリングで配置する事により
	ブラウザのサイズが異なっても同じに表示出来るように工夫してある*/
	background: #A52029 url(../contentImg/bg.gif) repeat-y center top;

}
/*スクロールバー設定*/
html {
	scrollbar-base-color:#FFF8DC;
	scrollbar-arrow-color:#FFF8DC;
	scrollbar-face-color:#DC143C;
}
ul {
	list-style: none;
}
#wrapper {
	/*IE5と5.5用のセンタリング*/
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
}
a img {
	border-style: none;
}

/*画像はインライン要素の為ブロック要素にしてあげる。また、画像はなるべく
Pタグで括りたくないため*/
img {
	display: block;
}

/* firefoxでは、リンクをクリックした際に点線が画面外まで出てしまうので
ボックスからはみ出たものは非表示に。
ただmacIE5では逆にリンクが機能しなくなるのでmacIE5を除外するハックをかけてある */
a:focus {
	/*\*/
	overflow: hidden;
/**/
}
hr {
	display: none;
}
a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #999999;
}
/*レフトメニューのカレンダーの画像で使用*/
.f_left {
	float: left;
}
/* clearfix */
/*clearfixとはクラスにかけてあげることによりFFやIE8で
潰れてしまう箱を防ぐ事が出来る*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0; 
} 

.clearfix { display: inline-block; } 
.clearfix { display: block; }

/*------------------------------------
ヘッダー
------------------------------------*/ 
#header {
	width: 800px;
}
#header h1 {
	height: 93px;
	width: 800px;
}
#header h1 a {
	display: block;
	height: 93px;
	width: 800px;
	background: url(../contentImg/header.jpg) no-repeat;
	text-indent: -9999px;
}
#header ul#gNavi li {
	float: left;
}
/*ナビボタン設定*/
/*両端の横幅だけサイズが134pxで他は133pxの為ここで指定*/
#header ul#gNavi li#home a,
#header ul#gNavi li#key a,
#header ul#gNavi li#medium a,
#header ul#gNavi li#other a {
	display: block;
	height: 26px;
	width: 134px;
}

#header ul#gNavi li#belt a,
#header ul#gNavi li#long a,
#header ul#gNavi li#chain a,
#header ul#gNavi li#bill a,
#header ul#gNavi li#brace a,
#header ul#gNavi li#coin a,
#header ul#gNavi li#ciga a,
#header ul#gNavi li#phone a {
	display: block;
	height: 26px;
	width: 133px;

}
 #header ul#gNavi li a {
	background: no-repeat left top;
	text-indent: -9999px;
}
/*通常時設定*/
#header ul#gNavi li#home a {background: url(../btImg/home.gif);}
#header ul#gNavi li#key a {background: url(../btImg/keyholder.gif);}
#header ul#gNavi li#medium a {background: url(../btImg/mediumwallet.gif);}
#header ul#gNavi li#other a {background: url(../btImg/others.gif);}
#header ul#gNavi li#belt a {background: url(../btImg/studsbelt.gif);}
#header ul#gNavi li#long a {background: url(../btImg/longwallet.gif);}
#header ul#gNavi li#chain a {background: url(../btImg/walletchain.gif);}
#header ul#gNavi li#bill a {background: url(../btImg/billfold.gif);}
#header ul#gNavi li#brace a {background: url(../btImg/bracelet.gif);}
#header ul#gNavi li#coin a {background: url(../btImg/coincase.gif);}
#header ul#gNavi li#ciga a {background: url(../btImg/cigarettecase.gif);}
#header ul#gNavi li#phone a {background: url(../btImg/phonecase.gif);}
/*ロールオーバー時*/
#header ul#gNavi li#home a:hover,
#header ul#gNavi li#key a:hover,
#header ul#gNavi li#medium a:hover,
#header ul#gNavi li#other a:hover,
#header ul#gNavi li#belt a:hover,
#header ul#gNavi li#long a:hover,
#header ul#gNavi li#chain a:hover,
#header ul#gNavi li#bill a:hover,
#header ul#gNavi li#brace a:hover,
#header ul#gNavi li#coin a:hover,
#header ul#gNavi li#ciga a:hover,
#header ul#gNavi li#phone a:hover {
	background-position:left bottom;
}
/*クリック時*/
#header ul#gNavi li#home a:active,
#header ul#gNavi li#key a:active,
#header ul#gNavi li#medium a:active,
#header ul#gNavi li#other a:active,
#header ul#gNavi li#belt a:active,
#header ul#gNavi li#long a:active,
#header ul#gNavi li#chain a:active,
#header ul#gNavi li#bill a:active,
#header ul#gNavi li#brace a:active,
#header ul#gNavi li#coin a:active,
#header ul#gNavi li#ciga a:active,
#header ul#gNavi li#phone a:active {
	background-position:right top;
}

/*どのカテゴリにいるか表す設定*/
#toppage #header ul#gNavi li#home a,
#keytop #header ul#gNavi li#key a,
#mediumtop #header ul#gNavi li#medium a,
#othertop #header ul#gNavi li#other,
#belttop #header ul#gNavi li#belt,
#longtop #header ul#gNavi li#long a,
#chaintop #header ul#gNavi li#chain a,
#billtop #header ul#gNavi li#bill a,
#bracetop #header ul#gNavi li#brace a,
#cointop #header ul#gNavi li#coin a,
#cigatop #header ul#gNavi li#ciga a,
#phonetop #header ul#gNavi li#phone a{
	background-position:right bottom;
}

#header ul#pankuzu {
	float: left;
	padding-left: 25px;
	font-size: 90%;
	padding-bottom: 5px;
	font-weight: bold;
	padding-top: 5px;
}
#header ul#pankuzu li {
	display: inline;
	margin-bottom: 5px;
}
#header ul#pankuzu li#f_red {
	color: #FF0000;
}

#header ul#listR {
	float: right;
	padding-right: 25px;
	padding-bottom: 5px;
	font-size: 90%;
	font-weight: bold;
	padding-top: 5px;
}
#header ul#listR li {
	display: inline;
}
#mainImg {
	clear: both;
	width: 750px;
	margin-right: 25px;
	margin-left: 25px;
}

/*------------------------------------
コンテンツ
コンテンツの中にレフトメニューとメインが入る
------------------------------------*/
#contents {
	width: 750px;
	margin-top: 8px;
	margin-left: 25px;
	margin-right: 25px;
	overflow: hidden;
}
/*大きな下パディングをとり、それをネガティブマージンで相殺。またこのままでは
大きくはみだしてしまうので上のボックス(#contents)でoverflow:hiddenをかけてやる*/
#leftMenu,#sum {
	padding-bottom:32768px;
	margin-bottom:-32768px;
}
#contents #leftMenu {
	float: left;
	width: 160px;
	background: #36070c;
}
/*------------------------------------
レフトメニューの設定
------------------------------------*/
#leftMenu ul#leftNv li a {
	display: block;
	height: 36px;
	width: 160px;
	background: no-repeat left top;
	text-indent: -9999px;
}
/*レフトメニューのリンクの設定*/
#leftMenu ul#leftNv li#beltL a {background: url(../btImg/studsbeltL.gif);}
#leftMenu ul#leftNv li#longL a {background: url(../btImg/longwalletL.gif);}
#leftMenu ul#leftNv li#chainL a {background: url(../btImg/walletchainL.gif);}
#leftMenu ul#leftNv li#billL a {background: url(../btImg/billfoldL.gif);}
#leftMenu ul#leftNv li#mediumL a {background: url(../btImg/mediumwalletL.gif);}
#leftMenu ul#leftNv li#keyL a {background: url(../btImg/keyholderL.gif);}
#leftMenu ul#leftNv li#braceL a {background: url(../btImg/braceletL.gif);}
#leftMenu ul#leftNv li#coinL a {background: url(../btImg/coincaseL.gif);}
#leftMenu ul#leftNv li#cigaL a {background: url(../btImg/cigarettecaseL.gif);}
#leftMenu ul#leftNv li#phoneL a {background: url(../btImg/phonecaseL.gif);}
#leftMenu ul#leftNv li#otherL a {background: url(../btImg/othersL.gif);}

/*ロールオーバー時*/
#leftMenu ul#leftNv li#beltL a:hover,
#leftMenu ul#leftNv li#longL a:hover,
#leftMenu ul#leftNv li#chainL a:hover,
#leftMenu ul#leftNv li#billL a:hover,
#leftMenu ul#leftNv li#mediumL a:hover,
#leftMenu ul#leftNv li#keyL a:hover,
#leftMenu ul#leftNv li#braceL a:hover,
#leftMenu ul#leftNv li#coinL a:hover,
#leftMenu ul#leftNv li#cigaL a:hover,
#leftMenu ul#leftNv li#phoneL a:hover,
#leftMenu ul#leftNv li#otherL a:hover {
	background-position:left bottom;
}

/*クリック時*/
#leftMenu ul#leftNv li#beltL a:active,
#leftMenu ul#leftNv li#longL a:active,
#leftMenu ul#leftNv li#chainL a:active,
#leftMenu ul#leftNv li#billL a:active,
#leftMenu ul#leftNv li#mediumL a:active,
#leftMenu ul#leftNv li#keyL a:active,
#leftMenu ul#leftNv li#braceL a:active,
#leftMenu ul#leftNv li#coinL a:active,
#leftMenu ul#leftNv li#cigaL a:active,
#leftMenu ul#leftNv li#phoneL a:active,
#leftMenu ul#leftNv li#otherL a:active {
	background-position:right top;
}
#leftMenu p {
	color: #FFFFFF;
	margin: 8px;
	font-size: 90%;
	line-height: 1.2em;
}
#leftMenu ul#leftC li a {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 1.5em;
	border-top: 1px dotted #FFFFFF;
	width: 100%;
	display: block;
}
#leftMenu ul#leftC li a:hover {
	color: #FF0000;
}

#leftMenu ul#leftC li#leftCC  {
	background: #990000;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5em;
	border-top: 1px dotted #FFFFFF;
	width: 100%;
	display: block;

}
#leftMenu ul#leftC li#underline a {
	border-bottom: 1px dotted #FFFFFF;
}
/*カレンダー設定*/
#leftMenu table {
	background: #FFFFFF;
	/*表の境界線の表示方法を指定するプロパティ。
	値はcollapseで隣接する境界線を結合して(重ねて)表示する*/
	border-collapse:collapse;
	border:1px solid #333333;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}
#leftMenu caption {
	color: #333333;
	background: #FFFFFF;
	border: 1px solid #333333;
}
#leftMenu th {
	text-align: center;
	border: 1px solid #333333;
}
#leftMenu td {
	border: 1px solid #333333;
	text-align: center;
}
#leftMenu .doniti {
	background: #FF0000;
}

#leftMenu p#toiawase {
	text-align: center;
	clear: both;
}

#leftMenu #toiawase a {
	color: #FFFFFF;
}
/*------------------------------------
メイン設定。この中にnew,zassi,pick,banner,storeが
入る
------------------------------------*/
#main {
	float: right;
	width: 579px;
}
/*ニューの中の設定*/
#new {
	background: #36070c;
	margin-bottom: 8px;
	padding-bottom: 11px;
}

#new #newOb {
	height: 31px;
	width: 579px;
}
#new #newBox1 {
	float: left;
	width: 170px;
	padding-top: 12px;
	padding-left: 14px;
}
#new #newbox2 {
	float: left;
	width: 170px;
	padding-top: 12px;
	padding-left: 20px;
}
#new #newbox3 {
	float: left;
	width: 170px;
	padding-top: 12px;
	padding-left: 20px;
}
#new p {
	color: #FFFFFF;
	font-size: 85%;
	line-height: 1.2em;
}
#new a {
	color: #FFFFFF;
	line-height: 1.3em;
}

#new #newComment {
	clear: both;
	margin-right: 15px;
	margin-left: 14px;
	background: #FFFFFF;
}
#newComment iframe {
	width: 550px;
	height: 100px;
	scrollbar-base-color:#FFF8DC;
	scrollbar-arrow-color:#FFF8DC;
	scrollbar-face-color:#DC143C;
}


/*雑誌設定*/
#zassi {
	width: 579px;
}
/*ピックアップの中の設定*/
#pick {
	width: 579px;
	background: #36070c;
	padding-bottom: 13px;
	margin-bottom: 12px;
}
#pick #pickOb {
	height: 40px;
	width: 579px;
}
#pick #pickM {
	background: #FFFFFF;
	width: 554px;
	margin-right: 12px;
	margin-left: 13px;
	padding-top: 9px;
	padding-bottom: 9px;
}
#pick #pickM .pickBox {
	width: 172px;
	float: left;
	padding-left: 9px;
}
#pickM .pickBox a {
	font-size: 12px;
	line-height: 1.2em;
}
/*バナー設定*/
#banner {
	clear: both;
	margin-bottom: 13px;
}
#banner img.banner {
	margin-bottom: 13px;
}
/*ストアー(当店のさまざまなコンテンツ)の設定*/
#store {
	background: #320300;
	width: 579px;
	padding-bottom: 11px;
}
#store #storeOb {
	height: 36px;
	width: 579px;
}
#store #storeM {
	width: 554px;
	background: #FFFFFF;
	margin-right: 13px;
	margin-left: 12px;
	padding-top: 10px;
}
#store #storeM .storeImg {
/*フロートレフトをかけるとボックスが全て潰れてしまう為、ライトにかけている*/
	float: right;
	padding-bottom: 10px;
	padding-right: 10px;
}

/*------------------------------------
法令表記エリア
この中に法令表記と上のリストメニューが入る
------------------------------------*/

#low {
	clear: both;
	background: #FFFFFF;
	width: 750px;
	margin-right: 25px;
	margin-left: 25px;
}
#low #menu {
	width: 750px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333333;
}
#low #menu p {
	font-size: 80%;
	line-height: 1.2em;
	text-align: center;
	margin-bottom: 3px;
	margin-top: 3px;
}

#low #menu ul {
	width: 750px;
}

#low #menu ul li {
	display: inline;
	font-size: 80%;
	border-left: 1px solid #333333;
	padding-left: 5px;
	line-height: 1.2em;
}
#low  #menu  ul  li#kugiri {
	border-right: 1px solid #333333;
	padding-right: 5px;
}
#low  #lowM  {
	width: 750px;
	background: #FFFFFF;
	margin-top: 10px;
	border: 1px solid #666666;
	margin-bottom: 10px;
}
#low #lowM p {
	line-height: 1.2em;
	margin: 5px;
}

#low #lowM #lowL {
	float: left;
	width: 361px;
	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
}
#low #lowM #lowR {
	width: 361px;
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}
/*------------------------------------
フッター
------------------------------------*/
#footer {
	height: 17px;
	width: 800px;
	font-size: 6px;
	background: url(../contentImg/footer.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 5px;
	clear: both;
}