@charset "UTF-8";

/**
 * 商品・サービス
 */

div#merchandise
{
	float: left;
	width: 790px;
	padding-right: 20px;
	background: transparent url(../img/contents.gif) left repeat-y;
	padding-bottom: 115px;
}

/* ==========================================================================
   インデックス
   ========================================================================== */

div#merchandise div.ttlset h1
{
	font-size : 20px ;
    background: url(../img/search_line.gif) repeat-x left top;
    width: 220px;
    display: inline-block;
    vertical-align: top;
    padding: 24px 0 24px 0;
    font-weight: bold;
}

   
.section_txt{
	padding-bottom:26px;
	padding-left:10px;
	margin-top:-8px;
	line-height:2.0 !Important;
}

#idx-sct01{
	background:#f5f5f5 url(img/index_head.jpg) no-repeat center top;
	padding-top:28px;
	padding-bottom:15px;
}
	#idx-sct01-in{
		border:1px solid #e3e3e3;
		background:url(img/index_led.png) repeat left top;
		padding:26px 24px 28px 25px;
	}
#idx-ledlist{
	margin:25px -10px -10px 0;
	overflow:hidden;
	width:920px;
}
	#idx-ledlist li{
		background-color:#FFF;
		margin-bottom:10px;
		margin-right:10px;
	}
	
#idx-sctserch-in{
		border:1px solid #e3e3e3;
		background:url(img/index_led.png) repeat left top;
		padding:25px;
	}

#idx-sct02 .section{
	overflow:hidden;
	padding-left:25px;
	padding-bottom:20px;
	width:935px;
}
	.idx-category{
		float:left;
		margin-right:50px;
		width:270px;
	}
		.category-sttl{
			display:block;
			margin-bottom:18px;
		}
		.idx-category a{
			display:block;
		}
		.idx-category dd{
			padding-left:3px;
		}
		.idx-category .category-name{
			margin-top:18px;
			margin-bottom:10px;
		}
			.idx-category .category-name span{
				display:block;
				font-size:91.6%;
			}
			.idx-category .category-name strong{
				font-weight:bold;
				font-size:116.7%;
			}
#product-list li:first-child{
	margin:0 10px 0 -5px;
}

#product_banner{
	margin-right:-10px;
	margin-top:21px;
	overflow:hidden;
	width:940px;
}
#product-list{
	margin-right:-10px;
	overflow:hidden;
	width:950px;
}
	#product-list li{
		margin-right:10px;
	}

	
/* ==========================================================================
   検索結果
   ========================================================================== */
   
#ProductSearchForm .ttlset{
	background: url(../img/search_line.gif) repeat-x left bottom;
	position: relative;
	margin-bottom: 10px;
}

#ProductSearchForm .ttlset h1{
	background: url(../img/search_line.gif) repeat-x left top;
	width: 220px;

	
	display: inline-block;
	
	vertical-align: top;
	margin-right: 22px;
	padding: 24px 0 24px 0;
}

#ProductSearchForm .ttlset h1 img{
	margin-left: 10px;
}
	
#ProductSearchForm .ttlset #srch-select{
	position: relative;
	background: url(../img/search_line.gif) repeat-x left top;
	width:546px;
	text-align: center;
	
	display: inline-block;
	padding: 18px 0 0 0;
	vertical-align: top;
	margin-right: -10px;
}

#ProductSearchForm .ttlset #srch-select h2{
	position: absolute;
	top: -8px;
	background-color: #F5F5F5;
	padding: 0 17px;
}

#ProductSearchForm .ttlset #srch-select h2.category{
	left: 205px;
	display: inline-block;
	width: 106px ;
	height: 14px ;
	background: rgba(245,245,245,1) url(../img/search_ttl.gif) no-repeat center center ;
}

#ProductSearchForm .ttlset #srch-select h2.keyword{
	left: 205px;
	display: inline-block;
	width: 106px ;
	height: 14px ;
	background: rgba(245,245,245,1) url(../img/search_keyword_ttl2.gif) no-repeat center center ;
}

#ProductSearchForm .ttlset #srch-select h3{
	display: inline-block;
	
	font-size: 90%;
	padding-top: 9px;
}

#ProductSearchForm .ttlset #srch-select .keyword-wrap{
	position: relative;
}

#ProductSearchForm .ttlset #srch-select input.keyword{
	display : table-cell ;
	padding : 9px 11px ;
	color : #aaaaaa; 
	border:solid 1px #cccccc;
	font-size : 100% ;
	width : 478px ;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color:#fff;
	min-height : 14px ;
	
	box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset; 
}

#ProductSearchForm .ttlset #srch-select input[type="submit"]
{
	display : table-cell ;
	width : 40px ;
	height : 36px ;
	background : transparent url(../img/btn_search.gif) no-repeat top left ;
	text-indent : -9999px ;
	border : none ;
}


.product-sec-serch{
	margin:0 auto;
	width:960px;
	margin-top:-26px;
	margin-bottom:20px;
}	

div#contents.product-search div#contents-in {
	padding-top : 0px ;
	padding-bottom : 0px ;
} 

.product-search #ttl{
	margin: 0 21px 0 0!important;
}

.ttlbtn-serch{
		position:absolute;
		right:0;
		top:-6px;
}

/* サイドナビの検索窓 
   ========================================================================== */

#side .jqTransformInputWrapper{
	width:auto !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	height: auto !important;
	float: none !important;
}

#side .jqTransformInputInner div{
	margin: 0 !important;
	height:auto;
}

#side input.keyword{
	width:93px !important;
	padding: 1px 0 1px 5px ;
	height: 32px;
	margin: 10px 0 0 0;
	float: left;
}

#side #side_search_btn{
	margin: 10px 0 !important;
	display: inline-block;
	width: 39px ;
	height: 36px ;
	background: transparent url(../img/btn_search.gif) no-repeat center center ;
}



/* プルダウン
   ========================================================================== */

	#srch-select .jqTransformSelectWrapper{
		display:inline-block;
		text-align:left;
		float:none;

		vertical-align:top;
		margin-right: 10px;
	}
	#srch-select .jqTransformSelectWrapper ul{
		color:#252525;
	}

/* jqtransformを上書き */

.jqTransformSelectWrapper,
.jqTransformSelectWrapper  a.jqTransformSelectOpen{
	color: #FFF;
	height: 30px;
	width: 25px;
}
.jqTransformSelectWrapper div span{
	padding: 8px 0 0 8px;
	height: 26px;
}
.jqTransformSelectWrapper ul{
	top:30px;
}

/* ページの表示切り替え
   ========================================================================== */
   
.disp-switch{
	padding:15px 19px 15px 10px;
}

.disp-switch input[type="checkbox"]{
	margin-left:5px !important;
}


.disp-switch label{
	display:inline-block !important;
	padding-left:5px !important;
	float:none !important;
}

	.result-stats,
	.result-number,
	.result-pager{
		display:inline-block;
		letter-spacing:normal;
		vertical-align:middle;
	}

	.result-stats .allcount{
		font-size: 184%;
		font-weight: bold;
	}
	.result-number{
		margin-left:20px;
		overflow:hidden;
		margin-top: 5px;
	}
		.result-number dt,
		.result-number dd{
		}
		.result-number dd{
			background:url(../img/number_line.gif) no-repeat right center;
			font-weight:bold;
			margin-left:7px;
			padding-right:7px;
		}
		.result-number dd.last{
			background:none;
		}
		.result-number dd a{
			font-weight:normal;
		}
	.result-pager{
		float:right;
		text-align:right;
		/margin-top:-1.5em;
		width:190px;
		margin-top: 10px;
	}
		.result-pager li{
			font-weight:bold;
			margin-left:5px;
			padding-left:5px;
		}
		.result-pager li a{
			font-weight:normal;
		}
		/* ページャの非アクティブ時 */
		.result-pager .result-next,
		.result-pager .result-back{
			color:#afafaf;
			font-weight:normal;
		}

/* まとめてダウンロード
   ========================================================================== */

.dlall-wrap{
	background-color:#FFF;
	border-bottom:3px solid #000;
	border-top:3px solid #000;
	bottom:0;
	position:fixed;
	letter-spacing:-.40em;
	width:100%;
	z-index:20;
}
.dlall-in{
	height:66px;
	margin:0 auto;
	padding-top:16px;
	width:960px;
}
.dlall-wrap p{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
.dlall-txt{
	margin-left:13px;
}

.dlall-btn a {
	display : block ;
	width: 219px ;
	height: 59px ;
	text-indent : -9999px ;
}

p.dlall-btn	a	{	background: transparent url(../img/btn_download.png) no-repeat -0px   0px  ;	}
p.dlall-btn		{	background: transparent url(../img/btn_download.png) no-repeat -0px -59px  ;	}

/* 検索結果一覧
   ========================================================================== */

/* テーブル設定 */

#tbl-result{
	width:100%;
}
	#tbl-result th{
		text-align:center;
	}
	#tbl-result .desc{
		background: #202020 url(../img/th_description.gif) no-repeat center center ;
	}
	#tbl-result .head01,
	#tbl-result .head02{
		border-left:1px solid #a5a5a5;
		width:69px;
	}
	#tbl-result .head01{
		background-color:#202020;
	}
	#tbl-result .head02{
		background-color:#555;
	}

	#tbl-result .image_image{
		width: 69px ;
		height: 32px ;
		background: #202020 url(../img/th_image.gif) no-repeat center center ;
	}

	#tbl-result .image_spec{
		width: 69px ;
		height: 32px ;
		background: #202020 url(../img/th_spec.gif) no-repeat center center ;
	}

	#tbl-result .image_ltfigure{
		width: 69px ;
		height: 32px ;
		background: #202020 url(../img/th_ltfigure.gif) no-repeat center center ;
	}

	#tbl-result .image_ltdata{
		width: 69px ;
		height: 32px ;
		background: #202020 url(../img/th_ltdata.gif) no-repeat center center ;
	}

	#tbl-result .image_figure{
		width: 69px ;
		height: 32px ;
		background: #202020 url(../img/th_figure.gif) no-repeat center center ;
	}

	#tbl-result .toggle-image-off ,
	#tbl-result .toggle-spec-off ,
	#tbl-result .toggle-ltfigure-off ,
	#tbl-result .toggle-ltdata-off ,
	#tbl-result .toggle-figure-off
	{
		display: inline-block;
		width: 69px ;
		height: 38px ;
		background: transparent url(../img/th_allcheck.gif) no-repeat center center ;
	}

	#tbl-result .toggle-image-on ,
	#tbl-result .toggle-spec-on ,
	#tbl-result .toggle-ltfigure-on ,
	#tbl-result .toggle-ltdata-on ,
	#tbl-result .toggle-figure-on
	{
		display: inline-block;
		width: 69px ;
		height: 38px ;
		background: transparent url(../img/th_allcheck_on.gif) no-repeat center center ;
	}

/* テーブル内設定 */

.thumb-wrap{
	border-right:none;
	vertical-align:middle;
	width:74px;
}
	.thumb-wrap .thumb-in{
		background-color:#FFF;
		border:1px solid #e5e5e5;
		display:table-cell;
		height:68px;
		text-align:center;
		vertical-align:middle;
		width:68px;
	}
		.thumb-in a{
			display:block;
			display:inline-block;
			display:table-cell;
			height:62px;
			padding:4px;
			vertical-align:middle;
			width:62px;
		}
.btn-pdf {
	display:block;
	margin-top:8px;
}

.btn-pdf a {
	display:block;
	margin-top:8px;
	width: 43px ;
	height: 27px ;
	background: transparent url(../img/top_btn_pdfdl.gif) no-repeat center center ;
}

.btn-pdf a:hover {
	background: transparent url(../img/top_btn_pdfdl_on.gif) no-repeat center center ;
}

.item-name{
	font-weight:bold;
}
.item-icon{
	display:inline-block;
	margin-top:-5px;
	vertical-align:middle;
}
	.item-icon li{
		margin-left:3px;
	}
.item-number{
	display:block;
	font-size:108%;
	font-weight:bold;
}
.item-spec{
	font-size:91.7%;
}
	.item-spec img{
		margin-left:2px;
		margin-right:2px;
		padding-top:1px;
		vertical-align:top;
		zoom:1;
	}
	
/* ==========================================================================
   商品詳細
   ========================================================================== */

#item-head{
	margin-top:30px;
}
	#item-head .item-img.fl{
		margin-right:20px;
		width:300px;
	}

.dotline{
	border-bottom:1px dotted #ababab;
	padding:20px 10px;
}

ul#carousel li{
	margin-bottom: 20px;
}
ul#carousel li p{
	margin-top: 15px;
}

#spec-all table{
	table-layout: fixed;
}
#spec-all table th{
	width:115px;
}


/* 商品名、説明
   ========================================================================== */

#item-head h3{
	font-weight:bold;
	margin-bottom:5px;
}
#ttl-txt{
	font-size:184%;
	font-weight:bold;
}
#item-ttl{
	font-size:123.1%;
	font-weight:bold;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
}
#dtl-iconlist{
	display:block;
	margin-top:5px;
	padding-left:5px;
	padding-right:5px;
}
	#dtl-iconlist li{
		margin-right:5px;
		vertical-align:middle;
	}
	#dtl-iconlist #color-type{
		font-size:108%;
		font-weight:bold;
		margin-right:10px;
	}
		#dtl-iconlist #color-type img{
			margin-right:4px;
		}
		#dtl-iconlist li img{
			vertical-align:middle;
		}
#main .description{
	line-height:2;
}

.column2 #main {
    float: left;
    width: 790px;
	padding-right:20px;
	background-color:#F00;
	padding-top: 32px;
	background:url(../../common/css/img/contents.gif) left repeat-y;
	padding-bottom: 115px;
	zoom:1;
	_padding-bottom: 57px;
	
}

/* 販売終了のタイトル */

#endsale{
	border:1px solid #ffb1ba;
	background-color:#fff4f5;
	position:relative;
	padding:10px;
}
	#end-attention{
		background:url(../img/icon_attention.gif) no-repeat left center;
		color:#c30f23;
		font-size:108%;
		font-weight:bold;
		padding: 10px 10px 10px 21px;
	}
	#endsale #ttl-txt{
		width:400px;
	}
	#attention-wrap{
		position:absolute;
		right:10px;
		top:8px;
		text-align:right;
	}
		#end-attention,
		#end-btn{
			display:inline-block;
			/display:inline;
			/zoom:1;
			vertical-align:middle;
		}
		#end-btn{
			margin-left:16px;
		}

/* 利用シーン
   ========================================================================== */

#scene-list li{
	margin-right:13px;
}

/* スライドショー
   ========================================================================== */

#thumb-wrap{
	/*background-color:#FFF;
	border:1px solid #e5e5e5;
	padding:14px;
	width:270px;*/
	position:relative;
}
	#thumb-wrap img{
		/*background-color:#FFF;
		border:1px solid #e5e5e5;
		padding:14px;*/
	}
	#thumb-wrap li{
		width:300px;
	}
		.thumb{
			display:block;
			/*background-color:#FFF;*/
			border:1px solid #f9f9f9;
			
			
			box-shadow: 0px 2px 5px #dddddd; 
			-moz-box-shadow: 0px 2px 5px #dddddd;
			-webkit-box-shadow: 0px 2px 5px #dddddd;
			
			padding:14px 14px 33px 14px;
			background:#FFF  url(../img/icon_zoom.gif) no-repeat bottom center;
			width:270px;
			
			-webkit-transition: border 0.5s ease;
			-moz-transition: border 0.5s ease;
			-ms-transition: border 0.5s ease;
			-o-transition: border 0.5s ease;
			transition: border 0.5s ease;
		}
		.thumb:hover{
			border-color:#aaaaaa;
		}
		.thumb-caption{
			display:block;
			padding:13px 87px 0 11px;
			text-align:left;
		}
		#thumb-caption{
			float:left;
			width:202px !important;
			/*overflow:hidden;*/
		}
		#thumb-caption p{
			padding-left:11px;
			padding-top:13px;
			width:202px;
		}
			#pager {
				/*text-align: right;
				position:absolute;
				right:5px;
				bottom:0*/
				text-align: right;
				float:right;
				margin-top:13px;
				width:75px;
			}
			#pager a {
				background:url(img/icon_switch.gif) no-repeat left top;
				display: inline-block;
				width: 23px;
				height: 23px;
				margin-right: 2px;
			}
			#pager a.selected {
				background:url(img/icon_switch_in.gif) no-repeat left top;
			}
			#pager a span {
				display: none;
			}

/* 商品仕様
   ========================================================================== */

#item-spec{
	margin-top:28px;
}
	.spec-in{
		margin:10px 5px 0;
	}
#spec-all{
	float:left;
	width:470px;
}
#spec-opt{
	float:right;
	width:310px;
}
#spec-ttl{
	width: 470px ;
	height: 40px ;
	background: transparent url(../img/detail_ttl_spec.gif) no-repeat center center ;
}
#dl-ttl{
	width: 310px ;
	height: 40px ;
	background: transparent url(../img/detail_ttl_dl.gif) no-repeat center center ;
}
#related-ttl{
	margin-top:20px;
	width: 310px ;
	height: 40px ;
	background: transparent url(../img/detail_ttl_related.gif) no-repeat center center ;
}

.end_sale_wrap{
	display: inline-block;
	margin-left: 15px;
}
.end_sale_wrap label{
	margin-top: 4px;
	margin-right: 8px;
}

/* サイドカラム
   ========================================================================== */
#side .side_title
{
	display: inline-block;
	width: 140px ;
	height: 73px ;
	text-indent : -9999px ;
	background: transparent url(../img/side_ttl.gif) no-repeat center center ;
}

#side .scene_title
{
	display: inline-block;
	width: 140px ;
	height: 73px ;
	text-indent : -9999px ;
	background: transparent url(../img/scene_side_ttl.gif) no-repeat center center ;
}

#side .side_stitle
{
	display: inline-block;
	width: 94px ;
	height: 13px ;
	background: transparent url(../img/side_sttl_lighting.gif) no-repeat center center ;
}

#side .side_sign
{
	display: inline-block;
	width: 72px ;
	height: 12px ;
	background: transparent url(../img/side_sttl_sign.gif) no-repeat center center ;
}

#side .side_sinage
{
	display: inline-block;
	width: 124px ;
	height: 13px ;
	background: transparent url(../img/side_sttl_sinage.gif) no-repeat center center ;
}

#side .snavin li
{
	background: transparent url(../img/snav_arrow.gif) no-repeat scroll left 3px ;
	border: medium none;
	margin-top: 5px;
	padding: 0 0 0 14px;
}

#side ul.snav > li > a.category1 {
	display : inline-block ;
	text-indent : 8px ;
	text-decoration : none ;
	background: transparent url(../img/snav_arrow1.gif) no-repeat center left ;
}

// プログレッシブバー
.ui-progressbar-value {
    font-weight: normal;
    line-height: 18px;
    padding-left: 10px;
}