@charset "shift_jis";
/*=========================================*/
#contents a:hover {
	/*position:relative;*/
	/*
	top:-1px;
	left:-1px;
	*/
	filter:alpha(opacity= 50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-decoration: none;}

#contents a:active { 
	/*
	top:2px;
	left:2px;
	*/
}

/* item_box
------------------------------------------*/
.item_box {
	overflow:hidden;
	zoom:1;
	clear:both;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	border-bottom:1px dashed #666;}	


/* item_right
------------------------------------------*/
.item_right {
	float:right;
	width:683px;
	margin:5px 0 0 0;}


/* 価格
------------------------------------------*/
.price_box {
	overflow:hidden;
	zoom:1;
	clear:both;}

.price_box ul {
	width:693px;
	margin-right:-10px;}

.price_box ul li{
	border:1px dotted #999;
	padding:8px;
	margin:5px 10px 0 0;
	float:left;
	width:203px;}


/*  詳細テーブル
------------------------------------------*/
.type_op { 
	width: 720px;
	border-top: #929391 1px solid;
	border-right: #929391 1px solid;
	border-left: #929391 1px solid;
	border-bottom: #929391 1px solid;
	margin:20px 0 0 15px;}
	
.type_op th {
	width:100px;
	padding:2px 4px 1px 0px;
	vertical-align:top;
	text-align:right;
	background: #FCFCFC;
	padding: 3px;}
	
.type_op th.top {
	background-color: #E3E3E3;
	border-bottom: 1px solid #929391;}

.type_op td {
	border-left: 1px solid #929391;
	border-bottom: 1px dotted #929391;
	padding: 3px;
	text-align:center;}

.type_op td.top {
	border-bottom: 1px solid #929391;
	background: #EBEBEB;}

.type_op td.top02 {
	border-bottom: 1px solid #929391;}

.type_op td.top03 {
	border-bottom: 1px solid #929391;}


/* 専用オプション
------------------------------------------*/
.type_02 {
	clear:both;
	margin:10px 0 0 0;}
	
.type_02 div.detail { 
	/*height:450px;*/
}

.type_02 div.detail ul { 
	padding:5px 0;}

.type_02 div.detail ul li{
	border:1px solid #CCC;
	float:left;
	display:block;
	width:181px;
	height:185px;
	padding:8px 0 0 0;
	margin:0 0 5px 0;
	text-align:center;
	position:relative;
	}


/* ピクチャーレールセット　リンクバナー
------------------------------------------*/
.type_03 {
	clear:both;
	margin:20px auto;
	width:718px;}
	
.type_03 div.detail { 
	height:150px;}
	
.type_03 div.detail ul li{
	float:left;
	display:block;
	width:173px;
	height:110px;
	padding:5px 0 0 0;
	margin:0 0 5px 0;}

.type_03 div.detail ul li img{
	margin:0 0 0 6px;}

.type_03 div.detail ul li span{
	background:url(img/icon_arrow.jpg) no-repeat 16px 10px;
	padding:0 0 0 35px;
	vertical-align:top;
	height:36px;
	display:block;}


/*  .estimate
-------------------------------------------*/
.ml05 { margin-left: 5px!important; }
.ml06 { margin-left: 6px!important; }
.ml10 { margin-left:10px!important; }
.ml20 { margin-left:20px!important; }
.ml30 { margin-left:30px!important; }
.ml40 { margin-left:40px!important; }
.ml50 { margin-left:50px!important; }
.ml60 { margin-left:60px!important; }

.pl40 { padding-left:40px!important; }

/*  .new_icon
-------------------------------------------*/
.new_icon{
	position:absolute;
	top:45px;
	left:35px;
}


/* カット
------------------------------------------*/
.cutmain {
	position:relative;
	margin:8px 0 0 0;
}
	
.cutbanner01 {
	position:absolute;
	top:11px;
	left:5px;
	-moz-transform:    rotate( -10deg );  /* Firefox用 */
	-webkit-transform: rotate( -10deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( -10deg );  /* 古いOpera用 */
	-ms-transform:     rotate( -10deg );  /* IE用 */
	transform:         rotate( -10deg );  /* CSS3の書き方 */
}


.cutmemo01{
	background-color:rgba(255,229,0,0.20);
	padding:10px 5px 5px 5px;
	}



/* 見出し
------------------------------------------*/
.heading.md-top {
	color: #333;
	font-size: 22px;
	background-color: #ddd;
}




/*-------------------------------------------*/
/* icons                                     */
/*-------------------------------------------*/
.icons {
	display:block;
	width:100%;
	/*inline-block時の余分なスペースを削除*/
	letter-spacing: -.40em;
}
.icons .el-icon {
	display:inline-block;
	*display:inline;
	margin:0 3px 0 0;
	/*inline-block時の余分なスペースを削除*/
	letter-spacing: normal;
}
.icons .el-icon img {
	vertical-align:middle;
}

/* .icons.md-top
-------------------------------------------*/
.icons.md-top {
	overflow:hidden;
	width:auto;
}
.icons.md-top img {
	width:75px;
	height:75px;
	background-color:#68B75B;
	border-radius:3px;
	margin-left:5px;
	color:#FFF;
	line-height:1.1;
	font-size:13px;
	font-weight:normal;
	letter-spacing:0em;
	vertical-align:middle;
}
.icons.md-top img:first-child {
	margin-left:0px;
}
.icons.md-top .el-icon {
	*display:block;
	*float:left;
	width:75px;
	height:75px;
	margin:5px 5px 0 0;
	overflow:hidden;
	position:relative;
	vertical-align:middle;
}
.icons.md-top .el-icon img {
	margin:0 !important;
	position:absolute;
	top:0;
	bottom:0;
	*position:static;
	vertical-align:middle;
}
.icons.md-top .el-icon-source {
	width:69px;
	height:69px;
	background-color:#68B75B;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	padding:3px;
	line-height:1.1;
	text-align:center;
	border-radius:4px;
	overflow:hidden;
	word-wrap:normal;
	white-space:nowrap;
	vertical-align:middle;
	position:absolute;
	top:0;
	bottom:0;
	*position:static;
}
.icons.md-top i.el-icon-source {
	width:75px;
	height:75px;
	background-color:#FFF;
	color:#68B75B;
	font-weight:bold;
	font-size:16px;
	padding:0px;
	line-height:1.1;
	text-align:center;
	border-radius:4px;
	overflow:hidden;
	word-wrap:normal;
	white-space:nowrap;
	vertical-align:middle;
	position:absolute;
	top:0;
	bottom:0;
	*position:static;
	font-size:75px;
	line-height:1.0;
}
.icons.md-top .el-icon-source.md-size {
	height:61px;
	padding:7px 3px;
	line-height:0.95;
	font-size:19px;
	*height:75px;
	*padding:0 3px;
	*line-height:1.0;
}
.icons.md-top .el-icon-source.md-quantity,
.icons.md-top .el-icon-source.md-color-length,
.icons.md-top .el-icon-source.md-series-length {
	height:43px;
	padding:16px 3px;
	*height:51px;
	*padding:12px 3px;
}
.icons.md-top .el-icon-source.md-souryou,
.icons.md-top .el-icon-source.md-daibiki,
.icons.md-top .el-icon-source.md-kinou {
	height:57px;
	padding:9px 3px;
	*height:65px;
	*padding:5px 3px;
	font-size:28px;
}
.icons.md-top .el-icon-source.md-souryou.md-souryou-alt {
	height:61px;
	padding:7px 3px;
	*height:65px;
	*padding:5px 3px;
	font-size:26px;
	line-height:1.0;
}
.icons.md-top .el-icon-source.md-nouki {
	height:51px;
	padding:12px 3px;
}
.icons.md-top .el-icon-source.md-color-sample {
	height:55px;
	padding:10px 3px;
	font-size:17px;
	text-align:left;
}
.icons.md-top .el-icon-source .t_left,
.icons.md-top .el-icon-source .t-left {
	display:block;
	text-align:left;
}
.icons.md-top .el-icon-source .t_right,
.icons.md-top .el-icon-source .t-right {
	display:block;
	text-align:right;
}
.icons.md-top .el-icon-source .t_center,
.icons.md-top .el-icon-source .t-center {
	display:block;
	text-align:center;
}

/* .icons.md-feat
-------------------------------------------*/
.icons.md-feat {
	text-align:right;
}
.icons.md-feat .el-icon {
	margin:0 0 3px 3px;
}
.icons.md-feat .el-icon img {
	width:auto;
	height:32px;
}

/* アイコン
-----------------------------------------*/
.icons.md-top.md-c11 .el-icon {
	width: 90px;
	height: 90px;
}
.icons.md-top.md-c11 .el-icon-source {
	width: 84px;
	height: 84px;
	padding: 3px;
	font-family:"メイリオ", Meiryo, Osaka, sans-serif !important;
}
.icons.md-top.md-c11 .el-icon-source.md-color-length {
	height: 50px;
	padding: 23px 3px 17px 3px;
}
.icons.md-top.md-c11 .el-icon-source.md-load {
	height: 50px;
	padding: 23px 3px 17px 3px;
	font-size: 15px;
}
.icons.md-top.md-c11 .el-icon-source.md-nouki {
	height: 50px;
	padding: 16px 3px 24px 3px;
	font-size: 18px;
}
.icons.md-top.md-c11 .el-icon-source.md-souryou.md-souryou-alt {
	height: 60px;
	padding: 20px 3px 10px 3px;
}
.icons.md-top.md-c11 .el-icon-source.md-cut {
	height: 60px;
	padding: 15px 3px 15px 3px;
	font-size: 20px;
}

.t28 { font-size: 28px; }
.t30 { font-size: 30px; }