@charset "utf-8";
* input {
 background-color: #ffffff;
}

/* 左ナビゲーション　カート情報　エリアの定義
------------------------------------------------------------ */
div#contents div#left_side dl#cleft {
 margin: 10px 0 0;
 padding: 44px 0 0;
 list-style: none;
 background: url(../img/cart/img_cartleft_head.jpg) left top no-repeat;
}
div#contents div#left_side dl#cleft dd {
 clear: both;
 padding: 3px 5px;
 background: url(../img/cart/img_cartleft_detail.jpg) left top repeat-y;
 border-bottom: dotted 1px #cc0000;
}
div#contents div#left_side div#cleftfoot {
 display: block;
 background: url(../img/cart/img_cartleft_foot.jpg) left bottom no-repeat;
}

div#contents div#left_side dl#cleft .sp_tb10 {
 padding-top: 10px;
 padding-bottom: 5px;
 border-bottom: none;
}


/* コンテンツ　エリアの定義
------------------------------------------------------------ */
div#contents div#contentsmain {
 float: left;
 margin: 0 0 0 10px;
 padding: 0;
 width: 770px;
 overflow:hidden;
}
div#contents div#contentsmain th, td {
 vertical-align: top;
}
/* 商品名の定義
------------------------------------------------------------ */
div#itemname {
 background: url(../img/itemname.gif) left bottom no-repeat;
 margin: 10px 0 0;
 padding: 0;
 height: 60px;
 overflow: hidden;
}
div#itemname h3 {
 float: left;
 padding: 7px 0 0 30px;
 font-size: 20px;
 font-family: Arial, Helvetica, sans-serif;
 line-height: normal;
}
div#itemname h3 span {
 font-size: 16px;
 font-weight: normal;
}
/* ie7の調整 */
*:first-child+html div#itemname {
 height: 72px;
}
*:first-child+html div#itemname h3 {
 padding: 18px 0 0 30px;
 line-height: 1.5;
}
/* ie6の調整 */
*html div#contents div#itemname {
 height: 72px;
}
*html div#contents div#itemname h3 {
 padding: 18px 0 0 30px;
 line-height: 1.5;
}
div#itemname #size {
 float: right;
 position: relative;
 top: 12px;
 right: 15px;
}
/* ie7の調整 */
*:first-child+html div#itemname #size {
 top: 22px;
}
/* ie6の調整 */
*html div#contents div#itemname #size {
 top: 22px;
}
/* 商品説明エリア
------------------------------------------------------------ */
div#detailarea {
 float: right;
 margin: 0;
 padding: 5px 5px 0 0;
 width: 405px;
}
div#staffbox {
 background-color:#EEEEEE;
 border-bottom:3px solid #CC0000;
 margin-right:5px;
 margin-top:10px;
 padding:5px;
 width:395px;
 float:right;
}
div#staffbox #stafftbl td {
 padding: 5px;
}
div#title_point {
margin: 0;
padding: 10px 0 5px;
}
ul#feature {
 list-style: none;
 margin-bottom: 15px;
}
/* ie7の調整 */
*:first-child+html ul#feature {
 margin-bottom: 0;
}
/* ie6の調整 */
*html div#contents ul#feature {
 margin-bottom: 0;
}

ul#feature li {
 padding: 0 0 2px 20px;
}
ul#feature li.ft01 {
 background-image: url(../img/contents/img_k1.gif);
 background-position: left 0.1em;
 background-repeat: no-repeat;
 background-color: #fff;
}
ul#feature li.ft02 {
 background-image: url(../img/contents/img_k2.gif);
 background-position: left 0.1em;
 background-repeat: no-repeat;
 background-color: #fff;
}
ul#feature li.ft03 {
 background-image: url(../img/contents/img_k3.gif);
 background-position: left 0.1em;
 background-repeat: no-repeat;
 background-color: #fff;
}
ul#feature li.ft04 {
 background-image: url(../img/contents/img_k4.gif);
 background-position: left 0.1em;
 background-repeat: no-repeat;
 background-color: #fff;
}
ul#feature li.ft05 {
 background-image: url(../img/contents/img_k5.gif);
 background-position: left 0.1em;
 background-repeat: no-repeat;
 background-color: #fff;
}
ul#feature li.ft06 {
 background-image: url(../img/contents/img_k6.gif);
 background-position: left 0.1em;
 background-repeat: no-repeat;
 background-color: #fff;
}
ul#feature li.ft07 {
 background-image: url(../img/contents/img_k7.gif);
 background-position: left 0.1em;
 background-repeat: no-repeat;
 background-color: #fff;
}
ul#feature li.ft08 {
 background-image: url(../img/contents/img_k8.gif);
 background-position: left 0.1em;
 background-repeat: no-repeat;
 background-color: #fff;
}
ul#feature li.ft09 {
 background-image: url(../img/contents/img_k9.gif);
 background-position: left 0.1em;
 background-repeat: no-repeat;
 background-color: #fff;
}
ul#feature li.ft10 {
 background-image: url(../img/contents/img_k10.gif);
 background-position: left 0.1em;
 background-repeat: no-repeat;
 background-color: #fff;
}
ul#feature li.ft11 {
 background-image: url(../img/contents/img_k11.gif);
 background-position: left 0.1em;
 background-repeat: no-repeat;
 background-color: #fff;
}
ul#feature li.ft12 {
 background-image: url(../img/contents/img_k12.gif);
 background-position: left 0.1em;
 background-repeat: no-repeat;
 background-color: #fff;
}
/* ie7以下対策 */
*+html body ul#feature li.ft01 {
 background-position: left 0.2em;
}
*+html body ul#feature li.ft02 {
 background-position: left 0.2em;
}
*+html body ul#feature li.ft03 {
 background-position: left 0.2em;
}
*+html body ul#feature li.ft04 {
 background-position: left 0.2em;
}
*+html body ul#feature li.ft05 {
 background-position: left 0.2em;
}
*+html body ul#feature li.ft06 {
 background-position: left 0.2em;
}
*+html body ul#feature li.ft07 {
 background-position: left 0.2em;
}
*+html body ul#feature li.ft08 {
 background-position: left 0.2em;
}
*+html body ul#feature li.ft09 {
 background-position: left 0.2em;
}
*+html body ul#feature li.ft10 {
 background-position: left 0.2em;
}
*+html body ul#feature li.ft11 {
 background-position: left 0.2em;
}
*+html body ul#feature li.ft12 {
 background-position: left 0.2em;
}


div#function {
 margin: 5px 0 15px;
 padding: 0;
 text-align: left !important;
}
div#function table#fbox {
 width: 100% !important;
}
div#function table#fbox td#fbox1 {
 text-align: left !important;
}
div#function table#fbox td#fbox2 {
 text-align: center !important;
}

div#function table#fbox td#fbox1 ul#time_div {
 float: left;
 margin: 0;
 padding: 0;
 list-style: none;
 text-align: left;
}
div#function table#fbox td#fbox1 ul#time_div li.time {
 background-image: url(../img/bg_catch02.gif);
 background-position: left 5px;
 background-repeat: no-repeat;
 padding: 3px 0px 0px 9px;
}
/* ie6の調整 */
*html div#function table#fbox td#fbox1 ul#time_div li.time {
 background-position: 5px 5px;
 padding: 3px 0px 0px 13px;
}

div#function table#fbox td#fbox2 ul#url {
 float: right;
 padding: 2px 0;
 list-style: none;
}
div#function table#fbox td#fbox2 ul#url li {
 padding: 0 0 2px 0;
}

.pay_list {
 margin: 10px 0 0;
 padding: 0;
 border: 1px solid #cccccc;
}

/* ie7の調整 */
*:first-child+html .pay_list {
 margin: 0;
}
/* ie6の調整 */
*html div#contents .pay_list {
 margin: 0;
}

.pay_list .p_lr {
 padding: 3px 1px;
 background-color: #0066cc;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 border-bottom: 1px solid #cccccc;
}
.pay_list .p_lr0 {
 padding:3px 1px;
 background-color:#0099cc;
 color:#ffffff;
 font-weight:bold;
 text-align:center;
 border-right:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
 width:20%;
}
.pay_list .p_lr1 {
 padding:3px 1px;
 background-color:#0066cc;
 color:#ffffff;
 font-weight:bold;
 text-align:center;
 border-right:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
 width:20%;
}
.pay_list .p_lr2 {
 padding:3px 1px;
 background-color:#0066cc;
 color:#ffffff;
 font-weight:bold;
 text-align:center;
 border-bottom:1px solid #cccccc;
 width:20%;
}
.pay_list .p_ld1 {
 padding:3px 1px;
 color:#FF0000;
 font-weight:bold;
 text-align:center;
 border-right:1px solid #cccccc;
}
.pay_list .p_ld2 {
 padding:3px 1px;
 color:#FF0000;
 font-weight:bold;
 text-align:center;
}

.pay_list2 {
 margin:0px;
 padding:0px;
 border:1px solid #cccccc;
}
.pay_list2 .p2_lr1 {
 padding:1px 1px;
 background-color: #FFCCCC;
 color:#333333;
 text-align:center;
 border-right:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
 width:20%;
}
.pay_list2 .p2_lr2 {
 padding:1px 1px;
 background-color: #FFCCCC;
 color:#333333;
 text-align:center;
 border-bottom:1px solid #cccccc;
 width:20%;
}
.pay_list2 .p2_ld1 {
 padding:1px 1px;
 text-align:center;
 border-right:1px solid #cccccc;
}
.pay_list2 .p2_ld2 {
 padding:1px 1px;
 text-align:center;
}

/* 仮予約カートに入れるエリア
------------------------------------------------------------ */
div#cartinput {
 margin: 10px 0 0;
 padding: 10px 10px 10px 30px;
 border: 2px solid #ffcc00;
 background-color: #ebebeb;
}
div#cartinput table td {
 padding: 0 0 3px 5px;
 vertical-align: middle;
}
div#cartinput input {
 text-align: right;
}
div#cartinput form input#btn_send {
 margin-top: 10px;
 background: url(../img/cart/btn_cart.gif) no-repeat left top;
 width: 200px;
 height: 50px;
 border: none;
 overflow: hidden;
 cursor: pointer;　/* カーソルを指マークに Operaはなぜか効かない*/
 text-indent: -9999px;　/*ボタンの文字を消す*/
 text-align: left;
 display: block; /*IEで背景が消えてしまう*/
}
/* Operaのみ適用 */
*+html:first-child body form input#btn_send {
 padding-left: 300px; /*適当*/
}

/* 商品写真エリア
------------------------------------------------------------ */
div#photoarea {
 float: left;
 margin: 0;
 padding: 10px 0 0;
 width: 350px;
 text-align: center;
}
ul.selectImage {
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.selectImage li.sl1 {
 float: left;
 padding: 0;
}
ul.selectImage li.sl2 {
 float: left;
 padding-left: 7px;
}
ul.selectImage li.sl3 {
 float: right;
 padding: 0;
}
div#photoarea div#clickmsg {
 clear: both;
 padding: 2px 0;
}

/* 商品コード
--------------------------------*/
.product_code {
 float:right;
 margin-right:12px;
 margin-top:5px;
 padding:2px 0 2px 2px;
 width:395px;
}

/* アイコン
--------------------------------*/
div#imgIcon {
 margin: 0;
 padding: 0;
 height: 50px;
	float: right;
}

div#imgIcon ul#icon {
 margin: 0;
 padding: 3px 0 5px;
 list-style: none;
}
div#imgIcon ul#icon li {
 float: left;
 padding-right: 2px;
	text-align: right;
}

.catchcopy {
 clear: both;
	padding-top: 10px;
	padding-left: 15px;
 font-weight: bold;
	font-size: 14px;
	text-align: left !important;
	line-height: normal;
}
/* ダビング
--------------------------------*/
dl#dubbing {
 margin: 20px 0;
 padding: 0px;
}
dl#dubbing dd{
 margin: 0px;
 padding: 0px;
}


/* 同梱内容
--------------------------------*/
div#doukon_left {
 float: left;
 margin-bottom: 15px;
 padding: 0;
 width: 380px;
}
div#doukon_right {
 float: right;
 margin-bottom: 15px;
 padding: 0;
 width: 380px;
}
div#doukon_left ul {
 padding: 0 0 0 20px;
 list-style: none;
}
div#doukon_left ul li {
 background-image: url(../img/img_maru.gif);
 background-position: left top;
 background-repeat: no-repeat;
 padding: 0 0 3px 15px;
}
/* ie7の調整 */
*:first-child+html div#doukon_left ul li {
 background-position: left 1px;
}
/* ie6の調整 */
*html div#contents div#doukon_left ul li {
 background-position: left 1px;
}

div#doukon_right ul {
 padding: 0 20px 0 0;
 list-style: none;
}
div#doukon_right ul li {
 background-image: url(../img/img_maru.gif);
 background-position: left top;
 background-repeat: no-repeat;
 padding: 0 0 3px 15px;
}
/* ie7の調整 */
*:first-child+html div#doukon_right ul li {
 background-position: left 1px;
}
/* ie6の調整 */
*html div#contents div#doukon_right ul li {
 background-position: left 1px;
}

/* 見出し設定
--------------------------------*/
div.cnt_title {
 clear: both;
 font-size: 14px;
 line-height: 28px;
 font-weight: bold;
 color: #333333;
 background: url(../img/bana_title.gif) no-repeat;
 padding-left: 28px;
 margin-bottom: 10px;
 margin-top: 15px;
}
div.cnt_title h4 {
 font-size: 14px;
 line-height: 28px;
 font-weight: bold;
 color: #333333;
}

/* 機能の詳細　tableの定義
--------------------------------*/
.tbl770 {
 background-color: #cbcbcb;
 width: 770px;
}
.t01 {
 padding: 3px 0;
 background-color:#DEF0FE;
 font-size: 12px;
 font-weight:bold;
 color: #333333;
 text-align:center;
 vertical-align:middle !important;
 line-height:120%;
}
.t02 {
 padding: 3px 0;
 background-color: #ffffff;
 font-size: 12px;
 color: #333333;
 text-align:center;
 vertical-align:middle !important;
 line-height:120%;
}
.t03 {
 padding: 3px 0;
 background-color:#DEF0FE;
 font-size: 12px;
 color: #333333;
 text-align:center;
 vertical-align:middle !important;
 line-height:120%;
}
.t04 {
 padding: 3px 0;
 background-color:#DEF0FE;
 font-size: 12px;
 color: #333333;
 text-align:center;
 vertical-align:middle !important;
 line-height:120%;
}

/* オプション
--------------------------------*/
.op_list  {
margin:5px 0 0;
padding:0;
width:770px;
}
.op_list .op_left1 {
border:1px solid #D0D0D0;
margin:0;
padding:0;
}
.op_list .op_right1 {
border-bottom:1px solid #D0D0D0;
border-right:1px solid #D0D0D0;
border-top:1px solid #D0D0D0;
margin:0;
padding:0;
}
.op_list .op_left2 {
border-bottom:1px solid #D0D0D0;
border-left:1px solid #D0D0D0;
border-right:1px solid #D0D0D0;
margin:0;
padding:0;
}
.op_list .op_right2 {
border-bottom:1px solid #D0D0D0;
border-right:1px solid #D0D0D0;
margin:0;
padding:0;
}
.op_list .op_lr1 {
background-color:#EEEEEE;
border-bottom:1px solid #D0D0D0;
font-size:12px;
font-weight:bold;
margin:0;
padding:3px 0;
text-align:center;
}
.op_list .op_ld1 {
margin:0;
padding:0;
width:103px;
}
.op_list .op_ld2 {
line-height:120%;
margin:0;
padding:5px 0;
}
.op_list .op_ld3 {
margin:0;
padding:5px 0;
text-align:center;
}
.op_list table.oppay {
margin:0;
padding:2px;
1px solid #CBCBCB;
}
.op_list table.oppay td {
padding:2px 0 2px 1px;
width:48px;
}
.op_list table.oppay td.op11 {
background-color:#0066CC;
border-bottom:1px solid #CBCBCB;
border-left:1px solid #CBCBCB;
border-top:1px solid #CBCBCB;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
}
.op_list table.oppay td.op12 {
background-color:#0066CC;
border:1px solid #CBCBCB;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
}
.op_list table.oppay td.op21 {
border-bottom:1px solid #CBCBCB;
border-left:1px solid #CBCBCB;
padding-right:2px;
text-align:right;
}
.op_list table.oppay td.op22 {
border-bottom:1px solid #CBCBCB;
border-left:1px solid #CBCBCB;
border-right:1px solid #CBCBCB;
padding-right:2px;
text-align:right;
}
.op_list .op_ld4 {
margin:0;
padding:5px 0;
text-align:center;
}
.op_list .op_ld4 td {
text-align:left;
vertical-align:middle !important;
}
.op_list .op_ld4 table td {
 padding-left: 5px;
}

/* 共通
 ---------------------------------------------------------- */
table.tbl_hosyou {
 margin-top: 10px;
 padding: 0;
 background-color: #999999;
 width: 100%;
}
/* ie7の調整 */
*:first-child+html table.tbl_hosyou {
 margin-top: 0;
}
/* ie6の調整 */
* html table.tbl_hosyou {
 margin-top: 0;
}
table.tbl_hosyou td.tbl_ho01 {
 background-color: #ffcc33;
 text-align: center;
 vertical-align: middle;
 width: 15%;
}
table.tbl_hosyou td.tbl_ho02 {
 background-color: #ffffff;
 text-align: left;
 vertical-align: top;
 width: 85%;
 padding: 3px;
}
table.tbl_hosyou td.tbl_ho02 dd {
 text-align: left !important;
 z-index: 1;
}

.pos_tbl {
 margin:10px 0px;
	border:2px dotted #cc0000;
	padding: 3px;
}
.pos_tbl td {
 font-size:12px;
	text-align: left;
	vertical-align: top;
}
.pos_tbl .pCel1 {
 padding:3px 0px 0px 3px;
}
.pos_tbl .pCel2 {
 padding:3px 3px 0px 0px;
}
.pos_tbl .pCel3 {
 padding:0px 0px 0px 3px;
}
.pos_tbl .pCel4 {
 padding:0px 3px 0px 0px;
}
.pos_tbl .pCel5 {
 padding:0px 0px 3px 3px;
}
.pos_tbl .pCel6 {
 padding:0px 3px 3px 0px;
}

table.showcart {
 padding: 0;
}
table.showcart td.tdsc01 {
 vertical-align: top !important;
}


