@charset "UTF-8";
@import url(textsettings.css);

/* マージンをリセット */
body, div {margin: 0; padding: 0;}
/* フロートしているナビゲーションのリストアイテムのフロート解除を、直下のHTML要素の有無に関わらずクリアするための設定（clearfix） */
#navi ul:after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
p:after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}

/* 配置の基準の設定 */
#container, #main, #mainbox { position: relative;}
/* 背景写真型のコンテンツは絶対配置 */
#contentsbox, #navibox { position: absolute;}

#mainimgbox { display: block; position: absolute;}

/* ナビゲーション，フッタでは折り返しを抑制 */
#navi, #footer { white-space: nowrap;}

/* ナビゲーション，フッタの箇条書きは横並びリスト */
#navi ul, #footer ul, #footer_gl ul { margin: 0; list-style: none;}

#navi ul li, #footer ul li, #footer_gl ul li { 
display: inline; padding-left: 16px; padding-right: 0.5em; background: left center no-repeat;}

/* 回り込み解除設定 */
#header, #navi, .contents, #footer { clear: both;}
/* ハイパーリンク付き画像は枠なし */
a img { border: none;}

/* 画像のみのボックスのパディングは 0 とする */
.imgbox { padding: 0;}

/* 画像のみのボックスの画像の余白は「なし」にしておく */
.imgbox img { margin: 0; padding: 0; border: none;}
/* サムネイルリストはマーカなし，余白なし */
.thumbnail { margin: 0 auto;}

/* ---------- バグ回避 ----------- */

/* IE6 で画像が消えることがあるバグを回避 */
.contents img { position: relative;}

/* IE6/IE7 で垂直配置がずれるバグを回避 */
html[lang^="ja"] #sidenavi { margin-top: 0;}

/* clearfix */
.clearfix { height: 0; visibility: hidden; content: "."; display: block; clear: both;}

/*追加*/

* {	font-family:Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 95%:
	letter-spacing: 3px;
	color: #666;
	line-height: 1.5em;
}
body {margin-top: 0px;background-color: #000;color: #999;}


a:link {color: #0000FF;	text-decoration: underline;}
a:visited {color: #FF00FF;text-decoration: underline;}
a:hover {color: #33CCFF;}
a:active {color: #99FFFF;}
#footer a:link {color: #999;	text-decoration: underline;}
#footer a:visited {color: #FF00FF;text-decoration: underline;}
#footer a:hover {color: #33CCFF;}
#footer a:active {color: #99FFFF;}
a, img, area {text-decoration: none;border: none;}
a, img, area {border: 0;outline: 0;text-decoration: none;}
#err404moni {background: url(../../err/tp_err404.jpg) right no-repeat;width: 560px;	height: 208px;	text-align: left;color: #FFF;font-size: 14px;}
#err_btm {background: url(../../images/top_page/tp_bx_lo.jpg) right top no-repeat;color: #FFF;}
#content-box {margin: 0 auto;padding: 0px;width: 760px;}
#box {margin: 0px;padding: 0px;}
#footer {font-size: small;text-align: center;margin: 10px auto 30px auto;padding: 0px 0px 30px 0px;}

/* ---------------------------------------------------------------- *
	ナビゲーション部分
 * ---------------------------------------------------------------- */

#navi {  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0px;margin-bottom: 0px;background: url(../images/common/nvbg_n.jpg) repeat-x;}

#navi ul { margin: 0px; padding: 0px; height: 25px;}
#navi ul li { margin: 0px; padding: 0px; float: left;}
#navi ul li a {	margin: 0px;
	/* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定する --- */
  display: block; font-weight: bold; padding: 3px 20px 0px 20px; text-decoration: none;	color: #CCC;}

#navi a:hover { text-decoration: none; background: url(../images/common/nvbg_o.jpg) repeat-x; color: #FFF;}
#main {background-color: #FFF; margin: 0; padding: 0;}
.contents {	border: 10px solid #CCC; margin: 0px; padding: 0px 20px;}
#container {padding: 0px; width: 760px;	margin: 0px auto;}

div.product {background:#000;}
.p_header h3 {border-left:#97360C solid 4px; margin-left:10px;}
.p_header h3, .p_header p {color: #ededed; padding:5px 10px;}
div.product .p_header p {float:right;}
div.p_header {overflow:hidden;}
div.product ul li {color:#FFF; padding-bottom:10px;}

div.arrow {width:58px; margin:0 auto;}
div.arrow ul {list-style:none;width:58px; overflow:hidden; margin:0; padding:0;}
div.arrow ul li {height:21px; display:block; float:left;}
div.arrow ul li a {display:block; overflow:hidden; height:0px; background:url(../images/arrow_btn_img.png); padding-top:21px;}
div.arrow ul li.up a {width:29px; background-position:0 0;}
div.arrow ul li.down a {width:29px; background-position:-29px 0;}
div.arrow ul li.up a:hover {width:29px; background-position:0 -21px;}
div.arrow ul li.down a:hover {width:29px; background-position:-29px -21px;}
div.arrow ul li.emp {width:29px;}

div.product dl {width:600px; margin-left:80px; font-size:120%;}
div.product dt {float:left; width:480px; padding:5px 0 5px 10px; clear:both; text-align:center; color:#ccc;} 
div.product dd {width:105px; margin-left:485px; padding:5px 5px 5px 10px; border-left:1px solid #999;}
div.product dd a {color:#CCC; text-decoration:none;}
div.product .comment1 {font-size:95%; color:#CCC}