@charset "utf-8";
/*========================================*
*　■全ページ共通
*========================================*/

@import "initialize.css";
@import "base.css";




/*------------------------------
　■float解除
------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
	
}
.clearfix {
	display: inline-table;
	min-height: 1%; /* IE 7対策 */
}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */


/*------------------------------
　■テキスト揃え
------------------------------*/
.t-left{ text-align: left; }
.t-center{ text-align:center; }
.t-right{ text-align:right; }

/*------------------------------
　■テキスト装飾
------------------------------*/
/* 電話番号 */
.tel-number{
	color: #e80;
	font-size: 1.1em;
	font-weight: bold;
}

/* 色で強調 */
.color-em{
	color: #e80;
}

/* 『円(税込)』の表記 */
.lab-tax{
	/*font-size: 11px;*/
	font-size: 0.8em;
	vertical-align: bottom;
}

/* 強調アイコン */
.em{
	color: #F39700;
}

/* 価格表示 */
.sell_price,
.price{
	color: #c00;
	font-weight:bold;
}

.sell_price del,
.price del{
	color: #999;
	font-weight: normal;
}



/*------------------------------
　■画像の位置変更
------------------------------*/
.floatLeft{float:left;}
.floatRight{float: right;}



/*------------------------------
■関連製品
------------------------------*/
div.recommend{
	background: url(../img/base_img/separator.gif) no-repeat left top;
	padding-top: 15px;
	margin-top: 15px;
}
div.recommend h3{
	margin-bottom: 15px;
}
table.type_relation{
	width:645px;
}
table.type_relation td{
	width: 25%;
	text-align: center;
	
}
table.type_relation div.pickup-item{
	
}
div.pickup-item div.pickup-img{
	margin-bottom: 10px;
}
div.pickup-item div.pickup-img img{
	border: 1px solid #CACACA;
}
table.type_relation div.pickup-item h4{}
table.type_relation div.pickup-item h4 a{}
table.type_relation div.pickup-item h4 a:hover{}
table.type_relation div.pickup-item p{}
table.type_relation div.pickup-item p.price{}
table.type_relation div.pickup-item p.price del{}



/* フリーHTMLエリア */
.free-html{
	clear:both;
	margin-bottom: 20px;
}


























/*------------------------------

------------------------------*/
.selected{
	font-weight: bold;
	color:#F39700;
}


/*------------------------------
ボタン
------------------------------*/
div.form_button-area{
	text-align: center;
}
div.form_button-area ul,
ul.form_button-area{
	text-align: center;
	list-style: none;
	letter-spacing: 10px;
	padding-top: 15px;
}
div.form_button-area li{
	display: inline;
}
div.form_button-area input{
	vertical-align: bottom;
}


/*------------------------------
入力フォーム
------------------------------*/
/* 必須入力項目 */
.importance{
	color: #E50012;
}

/* 記述例 */
.example{
	margin-top: 10px;
	color: #E50012;
	font-size: 11px;
}

/* 警告メッセージ1 */
.alert{
	color: #900;
	font-weight: bold;
	
	padding: 10px;
	margin-bottom: 15px;
	background: #FFF7F7;
	border: 2px solid #FFD0D0;
}


/* フォーム説明 */
div.form-explain{
	margin-bottom: 10px;
}
div.form-explain h3{}
div.form-explain p{}


/* 共通フォーム枠組 */
table.type_input{
	width: 645px;
	border: 1px solid #ccc;
}
table.type_input th, table.type_input td{
	color: #666;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #ccc;
}
table.type_input th{
	width: 172px;
	font-weight: normal;
	background: #FEF5E6;
}
table.type_input td{
	background: #fff;
}
table.type_input th .importance{}
table.type_input td select{
	margin-bottom: 5px;
}
table.type_input td p.explanation {
	margin-top: 5px;
	font-size: 10px;
}



/* 警告メッセージ2 */
table.type_input .alert{
	color: #f60;
	padding:0;
	margin:5px 0 0 0;
	border: 0 none;
	font-size: 11px;
	background:transparent;
}
* html table.type_input .alert{
	padding:0;
	font-weight:normal;
	margin:0;
	font-size: 11px;
	background:transparent;
	border: 0 none;
}
*+html table.type_input .alert{
	padding:0;
	font-weight:normal;
	margin:0;
	font-size: 11px;
	background:transparent;
	border: 0 none;
}

/* 重用メッセージ2 */
table.type_input td .importance{
	color: #666;
	font-size: 11px;
}


/* */
.btn-zip-input{
	border: 0 none!important;
	cursor: pointer;
	width:77px;
	height:20px;
	margin-left: 5px;
	text-indent: -9999px;
	background: url(../img/common_img/bt-userinfo-addr.gif) no-repeat;
}

/* */
.btn-zip-search{
	border: 0 none!important;
	cursor: pointer;
	width:127px;
	height: 20px;
	margin-left: 5px;
	text-indent:-9999px;
	background: url(../img/common_img/bt-userinfo-zip.gif) no-repeat;
}
/*  */
.bt-userinfo-card{
	border: 0 none!important;
	cursor: pointer;
	width:119px;
	height: 20px;
	margin-left: 5px;
	text-indent:-9999px;
	background: url(../img/common_img/bt-userinfo-card.gif) no-repeat;
	
	display: block;
	margin: 5px auto 0 auto;
}
* html .bt-userinfo-card{
	margin-left: 229px;
}


/*------------------------------
カートデータ
------------------------------*/
/* カートテーブル */
table.type_cart{
	width: 645px;
}
table.type_cart th,
table.type_cart td{
	color: #333;
	text-align: center;
}
table.type_cart th{
	padding: 8px 0;
	background: #FDEACC;
	border-top: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
}
table.type_cart td{
	padding: 8px 0;
	border-bottom: 1px solid #B2B2B2;
}
table.type_cart .crt_img{width: 96px;}
table.type_cart .crt_img img{border: 1px solid #dadada;}
table.type_cart .crt_itm{text-align: left;}
table.type_cart .crt_prc{/*width: 96px;*/width: 86px;}
table.type_cart .crt_num{width: 96px;}
table.type_cart .crt_sum{/*width: 96px;*/width: 86px;}
table.type_cart .crt_cmd{width: 96px;}
table.type_cart .crt_num input{
	border: 1px solid #ccc;
}
table.type_cart th.crt_img{
	text-align: center;
}
table.type_cart th.crt_itm{
	text-align: center;
}

table.type_cart td.crt_prc{
	text-align: right;
	padding-right: 10px;
}
table.type_cart td.crt_sum{
	text-align: right;
	padding-right: 10px;
}

/* 合計金額 */
table.cart_total{
	width: 645px;
	margin-top: 20px;
	border-top: 1px solid #B2B2B2;
}
table.cart_total th,
table.cart_total td{
	color: #333;
	padding: 10px;
	text-align: right;
	border: 1px solid #B2B2B2;
	border-top: 0 none;
}
table.cart_total th{background: #FDEACC;}
table.cart_total td{width: 172px;}
table.cart_total td.price-down{color: #900;}
table.cart_total td.price-total{font-weight: bold;}






/*------------------------------

------------------------------*/
#contact-tel{
	padding-top: 15px;
	border-top: 1px solid #E5E5E5;
}
#contact-tel h3{
	margin-bottom: 15px;
}
#contact-tel dl{}
#contact-tel dt{
	color: #333;
	font-weight: bold;
	margin-bottom: 8px;
}
#contact-tel dd{
	color: #666;
	margin: 0 0 25px 20px;
}




/*------------------------------

------------------------------*/
#Thanks h3{
	height: 18px;
	margin-bottom: 20px;
	text-indent: -9999px;
	background: url(../img/common_img/cpt_sorry.gif) no-repeat;
}










/*------------------------------
　■ご利用ガイド枠組み
------------------------------*/

/* 入力フォーム枠組 */
table.type_guide{
	width: 645px;
	margin-top: 10px;
	border-bottom: 1px solid #D7D5C5;
}
table.type_guide th, table.type_guide td{
	color: #666;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
table.type_guide th{
	width:172px;
	background: #FEF5E6;
}
table.type_guide td{}


table.type_guide td h4{
	font-weight: bold;
}
table.type_guide td ul{
	margin: 0 0 10px 24px;
}
table.type_guide dl{

}
table.type_guide dt{
	font-weight: bold;
}
table.type_guide dd{
	margin-bottom: 10px;
}






/*-------------------------[2010.04.08 start]-------------------------*/
/*-------------------------[2010.04.08 e n d]-------------------------*/

/*------------------------------
　■商品を絞り込み検索する
------------------------------*/
#arrival-search{
	color: #fff;
	/*text-align: center;*/
	margin-bottom: 10px;
	background: url(../img/index_img/col_narrow_btm.gif) no-repeat left bottom;
	border-bottom: 1px solid #fff;
}
div.div-form,
div.div-form2{
	position: relative;
}
div.div-form img,div.div-form2 img{margin-top: -4px;}
/*iv.div-form select,div.div-form2 select{width: 33%;}*/
div.div-form{
	color: #fff;
	font-weight: bold;
	min-height: 27px;
	padding: 8px 0px 8px 200px;
	background: #009FE8 url(../img/index_img/cpt_arrival_search.gif) no-repeat;
}
div.div-form2{
	color: #fff;
	font-weight: bold;
	min-height: 27px;
	padding: 8px 0px 8px 200px;
	background: #009FE8 url(../img/index_img/cpt_narrow.gif) no-repeat;
}
* html div.div-form{height: 43px;}
* html div.div-form2{height: 43px;}

/* 解除 */
#outside_modelSearchView{
	font-weight: bold;
	padding-top: 4px;
	padding-left: 4px;
	margin-right: 110px;
}
/*html body #outside_modelSearchView{display: block!important;}*/
#outside_modelSearchView img{margin: 0 10px;}
#outside_modelSearchView input.reset_button2{margin: -6px 30px 0 10px;}

/*初心者マーク*/
#bt-beginner{
	width: 28px;
	position: absolute;
	top:8px;
	right:8px;
}
#bt-beginner a{
	display: block;
	height: 28px;
	text-indent: -9999px;
	background: url(../img/index_img/bt_beginner.jpg) no-repeat;
}
#thickbox-items-container {
	z-index: 100;
}




#arrival-search h2{
	display: none;
}
#arrival-search select,
#arrival-search input,
#arrival-search img{
	vertical-align: middle;
}
#arrival-search select{
	margin: 0 5px;
}


#arrival-detail{
	background: #fff;
}
#arrival-detail h3{
	height: 98px;
	text-indent: -9999px;
	background: url(../img/index_img/cpt_narrow.gif) no-repeat center top;
}
#arrival-detail ul{
	list-style: none;
}
#arrival-detail li{
	float: left;
}
#arrival-detail a{}
#arrival-detail ul.new-items{margin: 0 0 5px 8px;}
#arrival-detail ul.new-items li{margin: 0 6px 5px 0px;}
#arrival-detail ul.old-items{margin-top: 20px;}
#arrival-detail ul.old-items li{margin: 0 5px 10px 5px;}
#arrival-detail ul.old-items li a{
	padding-left: 12px;
	background: url(../img/index_img/icn_narrow_item.jpg) no-repeat left center;
}
#arrival-detail ul.new-items table,
#arrival-detail ul.new-items table td{
	width:73px;
	height:73px;
	background: url(../img/common_img/bg_narrow_text.gif) no-repeat;
}


h3#lab-advice1{
	height: 60px;
	text-align: left;
	text-indent: -9999px;
	background: url(../img/index_img/cpt_advice.gif) no-repeat center center;
}
h3#lab-advice2{
	height: 225px;
	text-align: left;
	text-indent: -9999px;
	background: url(../img/items_img/cpt_narrow_err.gif) no-repeat center center;
}


/* 絞り込みボタンスタイル */
#arrival-search input.search_button{
	cursor: pointer;
	border: 0 none;
	text-align: left;
	text-indent: -9999px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	/*background-image: url(../img/common_img/bt_rifine.gif);*/
	
	width:125px;
	height:36px;
	background-image: url(../img/items_img/bt_narrow.jpg);
}
#arrival-search input.search_button:hover{background-position: 0px -23px;}


#arrival-search input.search_button2{
	border: 0 none;
	
	cursor: pointer;
	text-align: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	/*機種選択ver*/
	width:70px;
	height:30px;
	margin-top: -3px;
	background-image: url(../img/index_img/bt_arrival_search.gif);
	
	/*検索ver*/
	/*width:56px;
	height:24px;
	background-image: url(../img/index_img/bt_arrival_search.jpg);*/
}
/*#arrival-search input.search_button2:hover{background-position: -70px 0px;}
#arrival-search input.search_button2:active{background-position: -140px 0px;}*/
#arrival-search input.search_button2:hover{background-position: 0px 0px;}
#arrival-search input.search_button2:active{background-position: 0px 0px;}


#arrival-search input.reset_button2{
	border: 0 none;
	width:87px;
	height:30px;
	cursor: pointer;
	text-align: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../img/items_img/bt_narrow_reset.jpg);
}
#arrival-search input.reset_button2:hover{background-position: -87px 0px;}
#arrival-search input.reset_button2:active{background-position: -174px 0px;}


#arrival-search div.div-form input.reset_button2,
#arrival-search div.div-form2 input.reset_button2{
	position: absolute;
	right: 15px;
}
#arrival-search #outside_modelSearchEntry{height: 24px;}
#arrival-search #outside_modelSearchEntry select{margin: 0px;}


#arrival-detail-step3 div.div-form,
#arrival-detail-step4 div.div-form{
	padding: 8px 0;
	text-align: center;
	background: transparent none;
}
#arrival-detail-step3 table,
#arrival-detail-step4 table{
	margin: 0 auto;
	text-align: left;
	width: 615px;
}
* html #arrival-detail-step3 table{margin:0 0 0 15px;}
* html #arrival-detail-step4 table{margin:0 0 0 15px;}

#arrival-detail-step3 table td,
#arrival-detail-step4 table td{
	padding: 2px 10px;
}
#arrival-detail-step3 fieldset,
#arrival-detail-step4 fieldset{
	text-align: left;
	display: block;
	min-width: 91px;
}
#arrival-detail-step3 table td.td-catlist fieldset,
#arrival-detail-step4 table td.td-catlist fieldset{
	padding-top: 20px;
}
#arrival-detail-step3 table td.td-itmlist fieldset,
#arrival-detail-step4 table td.td-itmlist fieldset{
	padding-left: 100px;
}




* html #arrival-detail-step3 fieldset{width: 91px;/* for IE6 */}
* html #arrival-detail-step4 fieldset{width: 91px;/* for IE6 */}

#arrival-detail-step3 fieldset legend,
#arrival-detail-step4 fieldset legend{display: none;}
#arrival-detail-step3 td.td-catlist fieldset,
#arrival-detail-step4 td.td-catlist fieldset{background:url(../img/items_img/lab_category.gif) no-repeat 5px 0;}
#arrival-detail-step3 td.td-itmlist fieldset,
#arrival-detail-step4 td.td-itmlist fieldset{background:url(../img/items_img/lab_type.gif) no-repeat 5px 0;}
#arrival-detail-step3 td.td-image,
#arrival-detail-step4 td.td-image{
	width: 95px;
	padding-left: 0;
	padding-right:0;
}
#arrival-detail-step3 td.td-catlist{}
#arrival-detail-step3 td.td-itmlist,
#arrival-detail-step4 td.td-itmlist{}


#arrival-detail-step3 td.td-catlist select{}
#arrival-detail-step3 td.td-itmlist select{}
#arrival-detail-step3 td.td-submit,
#arrival-detail-step3 td.td-submit{
	width: 125px;
	padding-left: 0;
	padding-right:0;
}
/*
#arrival-detail-step3 td.td-submit input.search_button,
#arrival-detail-step4 td.td-submit input.search_button{
	width:125px;
	height:36px;
	background-image: url(../img/items_img/bt_narrow.jpg);
}
*/
#arrival-detail-step3 td.td-submit input.search_button:hover,
#arrival-detail-step4 td.td-submit input.search_button:hover,
#arrival-detail-step3 td.td-submit input.search_button:active,
#arrival-detail-step4 td.td-submit input.search_button:active{background-position: -125px 0;}

/*--------------------------------------------------------------------------
#arrival-detail-step3 table.narrow-item,
#arrival-detail-step4 table.narrow-item{
	width:73px;
	height:73px;
	margin: 0;
	background: url(../img/common_img/bg_narrow_text.gif) no-repeat;
	float: left;
}
#arrival-detail-step3 td.td-image input,
#arrival-detail-step4 td.td-image input{
	float: left;
	margin-right: 4px;
}

table.narrow-item td{
	color: #fff;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
}
-------------------------------------------------------------------------------*/

.narrow-item{
	color: #fff;
	font-size: 10px;
	
	width:73px;
	height:73px;
	margin: 0;
	background: url(../img/common_img/bg_narrow_text.gif) no-repeat;
	
	
	display: table-cell;
	vertical-align: middle;
}
.narrow-item .narrow-item-inner p{
	text-align: center;
	margin:0;
	padding:0;
}
* html .narrow-item{
	position: relative;
	display: inline;
	zoom:1;
}
* html .narrow-item .narrow-item-inner{
	position: absolute;
	top:50%;
	left: 50%;
}
* html .narrow-item .narrow-item-inner p{
	margin:0;
	padding:0;
	position: relative;
	top: -50%;
	left: -50%;
}
*+html .narrow-item{
	position: relative;
	display: inline;
	zoom:1;
}
*+html .narrow-item .narrow-item-inner{
	position: absolute;
	top:50%;
	left: 50%;
}
*+html .narrow-item .narrow-item-inner p{
	margin:0;
	padding:0;
	position: relative;
	top: -50%;
	left: -50%;
	line-height: 1.1em;
}
#arrival-detail-step3 td.td-image input,
#arrival-detail-step4 td.td-image input{
	float: left;
	margin-right: 4px;
}
#outside_model_list .narrow-item{
	cursor: pointer;
}