@charset "UTF-8";
/* CSS Document */
.stage-inner#stage-top{
	background:url(http://www.cyberstork.com/common/images/office/bg_stageinner.gif) left top repeat-x;
}
.stage-inner-row#stage-row{
	background:url(http://www.cyberstork.com/common/images/office/bg_stageinner_row.gif) left top repeat-x;
}

/* local_navi */

/* カテゴリートップ画像 */
.local-categorytop dd ul li.l01 a,.local-categorytop dd ul li.l01 span{
	background-image:url(http://www.cyberstork.com/common/images/office/local_plist.gif);
}

/* 下層カテゴリートップ画像（下マージンあり） */
.local-category dd ul li.l01 a,.local-category dd ul li.l01 span{
	background-image:url(http://www.cyberstork.com/common/images/office/local_plist.gif);
}
.local-category dd ul li.l02 a,.local-category dd ul li.l02 span{
	background-image:url(http://www.cyberstork.com/common/images/office/clocal_concept.gif);
}
.local-category dd ul li.l03 a,.local-category dd ul li.l03 span{
	background-image:url(http://www.cyberstork.com/common/images/office/clocal_corevalue.gif);
}


.local-category#clocal dd ul li.l01 a,.local-category#clocal dd ul li.l01 span{
	background-image:url(http://www.cyberstork.com/common/images/office/clocal_top.gif);
}
.local-category#clocal dd ul li.l02 a,.local-category#clocal dd ul li.l02 span{
	background-image:url(http://www.cyberstork.com/common/images/office/clocal_concept.gif);
}
.local-category#clocal dd ul li.l03 a,.local-category#clocal dd ul li.l03 span{
	background-image:url(http://www.cyberstork.com/common/images/office/clocal_corevalue.gif);
}

/* local_navi */

.car-search{
	padding:22px 11px 0;
}
#car-search{
	margin-bottom:33px;	
}

.car-search-remarks{
	margin-top:22px;
}
.set-search{
	width:100%;
}
.set-search:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.search-box{
	height:24px;
	float:right;
}
.cate-search{
	margin-top:2px;
	*margin-top:1px;
	float:left;
	margin-right:10px;
}
.query{
	background:url(http://www.cyberstork.com/common/images/bg_car_search.gif) left top no-repeat;
	border-width:0;
	width:390px;
	height:24px;
	margin:0;
	float:left;
}
.btn-search{
	width:48px;
	height:24px;
	margin:0;
	float:left;
}
.btn-cart{
	width:153px;
	height:57px;
	float:right;
}

#summery .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_summery.gif);
}
#feature .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_feature.gif);
}
#color .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_color.gif);
}
#variation .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_variation.gif);
}
#quality .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_quality.gif);
}
#led .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_led.gif);
}
#cmeter .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_cmeter.gif);
}
#ameter .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_ameter.gif);
}
#acc .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_acc.gif);
}
#blue .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_blue.gif);
}
#white .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_white.gif);
}
#red .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_red.gif);
}
#pink .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_pink.gif);
}
#websp01 .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_websp01.gif);
}
#websp02 .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_websp02.gif);
}
#size .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_size.gif);
}
#option .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_option.gif);
}
#related .box-header .subh{
	background-image:url(http://www.cyberstork.com/common/images/subh_related.gif);
}
#led .box-frame-bottom,#cmeter .box-frame-bottom,#ameter .box-frame-bottom,#acc .box-frame-bottom{
	padding:10px 22px 19px;
}
#led .box-header{
	padding-top:0;
	margin-bottom:0;
}
#led .box-body{
	padding-top:0;
}
#led-color-thumbs01{
	width:611px;
	margin:10px auto 22px;
	_width:630px;
}
.pickup-img{
	float:left;	
}
.img-text{
	height:13px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:11px 0 0 9px;
}
#led01 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/led01.gif);
}
#led02 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/led02.gif);
}
#led03 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/led03.gif);
}
#cmeter01 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/cmeter01.gif);
}
#cmeter02 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/cmeter02.gif);
}
#cmeter03 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/cmeter03.gif);
}
#cmeter04 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/cmeter04.gif);
}
#cmeter05 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/cmeter05.gif);
}
#ameter01 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/ameter01.gif);
}
#ameter02 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/ameter02.gif);
}
#ameter03 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/ameter03.gif);
}
#ameter04 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/ameter04.gif);
}
#acc01 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/accessory01.gif);
}
#acc02 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/accessory02.gif);
}
#acc03 .img-text{
	background-image:url(http://www.cyberstork.com/common/images/accessory03.gif);
}
.pdesc{
	padding:8px 11px 0 11px;
	line-height:1.2em;
}

#led-color-thumbs01:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
#led-color-thumbs01 a{
	margin-right:5px;
	display:block;
	width:149px;
	height:178px;
	overflow:hidden;
	float:left;
}
#led-color-thumbs01 a img{
	display:block;	
}
#led-color-thumbs01 a.ex-right{
	margin-right:0;
}
#tbl-led-color{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	margin:22px 0;
}
#tbl-led-color th{
	border-collapse:collapse;
	border-spacing:0;
	padding:5px;
	border:1px solid #dddddd;
	background-color:#ebeaea;
	line-height:1.2em;
	width:100px;
}
#tbl-led-color th.cell01{
	background-color:#181818;
	color:#ffffff;
	width:auto;
}
#tbl-led-color th.cell02{
	color:#0c63e6;
}
#tbl-led-color th.cell03{
	color:#3a3a3a;
}
#tbl-led-color th.cell04{
	color:#a40412;
}
#tbl-led-color th.cell05{
	color:#eb3ab7;
}
#tbl-led-color td{
	border:1px solid #dddddd;
	padding:10px;
	text-align:center;
}
#tbl-led-color td.field{
	background-color:#ebeaea;
}
.color-vari dt{
	width:100%;
	margin-bottom:5px;
}
.color-vari dt:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.color-vari dt .color-vari-name{
	display:block;
	float:left;
	line-height:25px;
}
.color-vari dt img{
	vertical-align:middle;
	float:left;
	display:block;
}
#led-color-thumbs02{
	width:561px;
	margin:22px auto 22px;
}
#led-color-thumbs02:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
#led-color-thumbs02 img{
	display:block;
	width:268px;
	height:148px;
	float:left;
}
#led-color-thumbs02 .ex-right{
	float:right;
}
#led-color-thumbs03{
	width:564px;
	text-align:center;
	margin:22px auto 22px;
}
#led-color-thumbs04{
	width:565px;
	text-align:center;
	margin:22px auto 0;
}
#items{
	margin-bottom:0;
}
#items.page-navi{
	padding-bottom:0;
}
#items.page-navi .box-body{
	padding:19px 0;
}


.tbl-item {
	border-collapse:collapse;
	width:100%;
	margin:17px 0 0 0;
}
.tbl-item td{
	border:1px solid #dddddd;
	padding:12px;
	text-align:center;
}
.tbl-item td.btn-area{
	width:80px;
	text-align:left;
}
.tbl-item td.field{
	font-weight:bold;
}
.tbl-item td.price{
	width:130px;
}
.tbl-color td.btn-area p {
	margin:4px 0 0 4px;
}
#tbl-option td.field {
	text-align:left;
	padding-left:35px;
}
#tbl-websp01 {
}
#tbl-websp02 td.desc{
	padding-left:35px;
	text-align:left;
}
#tbl-websp02 td.field{
	padding-left:35px;
	text-align:left;
}
.item-select {
	margin:0 0 0 15px;
	vertical-align:middle;
}
.tbl-size {
	border-collapse:collapse;
	width:167px;
	margin-top:13px;
}
.tbl-size td{
	border:1px solid #dddddd;
	text-align:left;
	padding:10px 0 10px 20px;
}
.tbl-size td.btn-area{
	padding:5px 0;
	text-align:center;
}
.icon-return {
	margin:0 5px 3px 27px;
	vertical-align:middle;
}
.col-size {
	clear:both;
	margin:15px auto 30px auto;
	width:560px;
}
.col-size:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.col-size .block{
	width:168px;
	float:left;
	margin-right:28px;
}
.col-size .ex-right{
	margin-right:0px;
}
.font-small {
	font-size:0.85em;
}
.item-color{
	margin:0 0 3px 0;
}
.cartype {
	clear:both;
	padding:8px 11px 0 11px;
}

/*////////////////////////////////////////////////////////////////////

	追記

////////////////////////////////////////////////////////////////////*/

.gritem-desc{
	font-size:0.9em;
	line-height:1.2em;
}
.gritem-desc strong{
	font-weight:bold;
	display:block;
	padding-bottom:5px;
}

.gtritem-desc{
	line-height:1.4em;
	padding:7px 0;
}
.gtritem-desc strong{
	font-weight:bold;
	display:block;
	padding-bottom:5px;
	color:#C80012;
}

.gcnavi{
	width:627px;
	height:80px;
	padding:21px 0 0 0;
	overflow:hidden;
	text-align:center;
}
.gcnavi:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

/*////////////////////////////////////////////////////////////////////

	タイトル＆検索＆ページャー

////////////////////////////////////////////////////////////////////*/


#custom_list{
	float:left;
	width:100%;
	height:33px;
	background:url(http://www.cyberstork.com/common/images/dotborder_double.gif) left center repeat-x;
	line-height:2em;
	margin-bottom:33px;
	/margin:0;
}


#custom_box{
	padding-right:12px;
	display:inline;
	float:left;
	padding-top:5px;
}

#custom_box_icon{
	display:inline;
	float:left;
	padding-top:5px;
}

#custom_box_form{
	display:inline;
	float:left;
	padding-top:5px;
}


#custom_box_r{
	display:inline;
	overflow:hidden;
	float:right;
}



/*////////////////////////////////////////////////////////////////////

	カートCSS追記

////////////////////////////////////////////////////////////////////*/


.bold {
	font-weight:bold;
}
#cartflowarea{
	width:560px;
	height:65px;
	margin:10px auto;
	overflow:hidden;	
}
#cart .box{

}


#cart .box-header{
	height:33px;
	background:url(http://www.cyberstork.com/common/images/dotborder_double.gif) left center repeat-x;
	line-height:33px;
	margin:0 0 15px 0;
}
#cart .box-header .subject{
	background:url(http://www.cyberstork.com/common/images/h_beforeshopping.gif) left center no-repeat;
	width:422px;
	height:33px;
	text-indent:-9999px;
	float:left;
}
#cart-car{
	background:url(http://www.cyberstork.com/common/images/bg_car_s_search.gif) left top no-repeat;
	border-width:0;
	width:164px;
	height:24px;
	margin:0;
	float:left;
}

.search-area {
	margin:11px 0 0 0;
}
.search-area .search-box{
	float:left;
}
.icon-link {
	background:url(http://www.cyberstork.com/common/images/ico_link.gif) left center no-repeat;
	padding:0 0 0 22px;
}
.icon-lock {
	background:url(http://www.cyberstork.com/common/images/ico_lock.gif) left center no-repeat;
	padding:0 0 0 16px;
}
#search-order {
	text-align:center;
}
.btn-area {
}
.btn-area:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.btn-area .btn-area-inner {
	padding:27px 0;
	text-align:center;
}
.head-txt {
	margin:0 0 27px 0;
}
.tbl-desc {
	margin:0 0 12px 0;
}
#verisign {
	border:1px solid #dddddd;
	padding:15px;
}
#verisign:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
#verisign .logo {
	width:95px;
	height:57px;
	padding:20px 0 0 32px;
	float:left;
}
#verisign .txt-area {
	width:400px;
	float:right;
}
/*////////////////////////////////////////////////////////////////////

	TABLE

////////////////////////////////////////////////////////////////////*/


.tbl-select {
	width:100%;
	border-collapse:collapse;
	clear:both;
	margin-bottom:33px;
}

.tbl-select td{
	padding:7px 25px;
	border:1px solid #dddddd;
}

.tbl-select td.field{
	background-color:#f1f0f0;
	width:142px;
	text-align:center;
	font-weight:bold;
}

.tbl-select th{
	background-color:#f1f0f0;
	padding:10px 25px;
	border:1px solid #dddddd;
	font-weight:normal;
	text-align:center;
}

.tbl-select02 {
	width:100%;
	border-collapse:collapse;
	clear:both;
	margin-bottom:33px;
}

.tbl-select02 td{
	padding:10px 10px;
	border:1px solid #dddddd;
}

.tbl-select02 th{
	background-color:#f1f0f0;
	padding:7px 10px;
	border:1px solid #dddddd;
	font-weight:normal;
	text-align:center;
}

.tbl-select02 th.fieldl{
	width:273px;
}

.tbl-select02 th.fieldm{
	width:72px;
}

.tbl-select02 th.fieldr{
	width:190px;
	text-align:center;
}

.tbl-select02 th.fieldla{
	width:463px;
}

.tbl-select02 th.fieldma{
	width:72px;
}


/*////////////////////////////////////////////////////////////////////

	LIST

////////////////////////////////////////////////////////////////////*/

.list-carsearch {
width : 99%;/* IE6 の為に指定 */

}
.list-carsearch li{
	float:left;
	background:url(http://www.cyberstork.com/common/images/blt_blk.gif) left center no-repeat;
	padding:0 0 0 11px;
	margin-right:33px;
	list-style:none;
}


.list-carsearch02 li{
	float:left;
	background:url(http://www.cyberstork.com/common/images/blt_blk.gif) left center no-repeat;
	padding:0 0 0 6px;
	margin:0 15px;
	list-style:none;
	line-height:1.4em;
}

.list-carsearch02 li .tsmall{
font-size:0.8em;
	padding:0 0 0 6px;
	line-height:0.8em;
}

#tbl-cell{
	text-align:center;
}
#tbl-select th{
	text-align:left;
}
#tbl-select td{
	text-align:left;
}
.txt-red{
	color:#c80012;
}
.txt-box{
	margin-bottom:5px;
}
.txt-center{
	text-align:center;
}

/*////////////////////////////////////////////////////////////////////

	INPUT

////////////////////////////////////////////////////////////////////*/

.item-input {
	margin:0 5px 0 0;
	vertical-align:middle;
}
.item-short {
	width:50px;
}
.item-middle01 {
	width:90px;
}
.item-middle02 {
	width:115px;
}
.item-age {
	width:50px;
}
.item-long {
	width:290px;
}
#item-zip {
	margin:0 5px;
}
.item-txtfield {
	width:285px;
	padding:10px;
}

/*////////////////////////////////////////////////////////////////////

	追記

////////////////////////////////////////////////////////////////////*/

.clr {
	clear:both;
}

.custombox{
	width:100%;	
	clear:both;
	padding:33px 0 0 0;
}

.common-definedlist h2{
	font-size:1.2em;
	font-weight:bold;
	color:#181818;
	margin-bottom:22px;
	display:inline;
}

.bt_custom{
	display:block;
	width:246px;
	height:26px;
	float:right;
	margin:-28px 0 0;
}

.howtobox{
display:inline;
}

.howtotitle{
	background-color:#FDBF5C;
	color:#000000;
	font-weight:bold;
	padding:7px 25px;
}

.subh-tophow{
	display:block;
	width:56px;
	height:23px;
	float:right;
	/margin:-20px 0 0;
}

/* caution */

.box-caution-top02{
	background:url(http://www.cyberstork.com/common/images/dot_border.gif) left top repeat-x;
	padding-top:22px;	
}

.box-caution-top{
	background:url(http://www.cyberstork.com/common/images/dot_border.gif) left top repeat-x;	
}
.box-caution-bottom{
	background:url(http://www.cyberstork.com/common/images/dot_border.gif) left bottom repeat-x;
	padding:22px 22px;
}

.box-caution{
	width:571px;
	clear: both;
}
.box-caution:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

.box-caution-left{
	width:69px;
	float:left;
}
.box-caution-right{
	width:481px;
	float:right;
}

.pdescc{
	padding:0;
	line-height:1.4em;
}

.pdescc2{
	line-height:1.4em;
}