@charset "utf-8";


/*
reset
==============================================================================
*/

*{margin:0; padding:0}
body{color:#333; font-family:Verdana,"游 ゴ シ ッ ク ",YuGothic,"ヒ ラ ギ ノ 角 ゴ ProN W3","Hiragino Kaku Gothic ProN","メ イ リ オ ",Meiryo,sans-serif; background:#FFF url()}
html, body{height:100%}
body{font-size:12px}
textarea{font-size:100%}
h1, h2, h3, h4, h5, h6, h7{font-size:100%; font-weight:normal}
ul{list-style-image:none; list-style-position:outside; list-style-type:none}
/*
common
==============================================================================
*/

.clearfix { zoom:100%;line-height:20px;font-family:meiryo,メイリオ;color:#666666; }
.clearfix:after { content:" ";clear:both;height:0;display:block;visibility:hidden; }
a:link {color:#666666;}
a:visited {color:#666666;}
a:hover {color:#F90;}
a:active {color:#666666;}
img {border-style:none;}
a img {border-style:none;}

/*
header
==============================================================================
*/

#header {/*margin-bottom:20px;*/}
/*
layout
==============================================================================
*/


#container{width:1180px; margin:0 auto}

#wrapper{/*width:1010px;*/ margin-bottom:10px}

/*#footer p{text-align:right}*/

/*
main
==============================================================================
*/

.nowquestion{margin:0 15px 0 0; color:#0059B2}
.txtsearch{margin:0 0 8px 0}

a:link.unlink{color:#666}
	
/*
============================================================
*/


#colMain{width:790px; float:right}

.resultMessage{font-size:14px; margin:0 0 10px 0}

.resultMessage strong{font-size:22px; font-weight:bold; color:#FF7272; font-family:Verdana,Arial,Helvetica,sans-serif}


/* result condition */


.resultCondition{margin-right:5px; padding:2px 8px 2px 8px; border-bottom:solid 1px #d4d4d4}

.resultConditionLeft{width:70%; float:left; padding-top:0}

.resultConditionRight{width:29%; float:right; text-align:right}

.resultConditionRight strong{margin:0 4px 0 4px}

.resultSort li{margin:10px 0 10px 0; float:left}

.resultSort .left{padding:0 0 0 14px; background:url(https://www.bluek.co.jp/common/img/drill/arrow.gif) left center no-repeat}

.resultSort .reset-button{margin:5px 10px; box-shadow:1px 1px 3px #666; height:26px}
/*
	filter box
==============================================================================
*/


.filter_box{margin-bottom:5px}

#filter_result{color:#0059B2; border-bottom:1px solid #9a9a9a}

#resultBlock{border-top:1px solid #d4d4d4}

#resultBlock .inner{float:left; width:180px; height:400px; padding:0 5px; margin:10px 2px 5px; border-right:1px solid #eee; border-bottom:1px solid #eee}

/* メインメニュー - .inner-watch */

.inner-watch{position:relative; width:149px; height:214px; margin:0 auto}

.inner-watch .menu-img{
	text-align:center; 
	height:214px;
	display:  table-cell;
    vertical-align:  middle;
}

.newitem {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #eaaf00e6;
    padding: 2PX 10PX;
    color: #fff;
}

.reitem {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #607d8bed;
    padding: 2PX 10PX;
    color: #fff;
}

/* メインメニュー - .inner-bag */
.inner-bag{position:relative; width:180px; height:214px; margin:0 auto}

.inner-bag .main-img{display:table-cell; vertical-align:middle; width:180px !important; width:auto; height:214px !important; height:auto}

.inner-bag .newitem{ position:absolute;  top:0;  left:0}

/* 子メニュー - .inner-model */
.inner .inner-model{width:150px; height:214px; position:absolute; top:0; left:0; z-index:50; display:none; overflow:hidden; background:#fff; text-align:center}

/* センタリング20150709 */
.inner .inner-model img, 
.inner .inner-modelB img{margin-left:-50%; margin-right:-50%}

/*Firefox用*/
.inner .inner-model img,  x:-moz-any-link, x:default{margin-left:-75%; margin-right:-75%}
.inner .inner-modelB img,  x:-moz-any-link, x:default{margin-left:-25%; margin-right:-25%}

/* 子メニュー - .inner-modelB */
.inner .inner-modelB{width:180px; height:214px; position:absolute; top:0; left:0; display:none; overflow:hidden; background:#fff; text-align:center}

.inner .inner-watch:hover p, 
.inner .inner-bag:hover p{display:block}


/* 共通項 */

.inner .newdata{text-align:center; font-size:12px;height: 16px;}

.inner .caption{height:40px; font-size:11px; line-height:120%; margin:3px 0; overflow:hidden}

.inner .caption a{text-decoration:none}

/*.inner .caption .text-overflow{overflow:hidden; white-space:nowrap; text-overflow:ellipsis}*/

.inner .size{height:25px; line-height:120%; font-size:10px}


.inner .price {
	height:42px;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4em;
}


.inner .price span{font-size:10px}

.icon{width:180px; height:46px; margin:5px 0;  position:relative}

.icon li{line-height:20px; float:left; padding:0 10px; margin:0 5px 3px 0; text-align:center; color:#fff; border-radius:12px}


/*
side
==============================================================================
*/
#colSub{ width:198px;  float:left;  border:1px solid #ccc;  border-radius:5px;  box-shadow:1px 1px 3px #DADADA;  background-color:#fff9e0}

.sideNav{margin-bottom:10px}

.sideNav ul li{padding:3px 0}

#colSub .subMenu{ margin:0 0 15px 0;  padding:0 0 10px 0}

/* categroy title */

#colSub h2{color:#333; text-align:center; font-size:14px; font-weight:bold; padding:6px; background-color:#FFC748; background-repeat:no-repeat; border-radius:5px 5px 0 0}


#title{background-color:#FFC748;  padding:15px 0px;  border-radius:4px 4px 0 0;   background-repeat:no-repeat;  background-position:bottom; position:relative}

div#title:before{ content:"◆";  font-size:22px;  color:#D4D4D4;  position:absolute;  top:-18px;  left:12px}
div#title:after{ content:"◆";  font-size:22px;  color:#FFF;  position:absolute;  top:-20px;  left:12px}

#title h2{ margin:0 -5px;  background:none}

#title p{text-align:center;  font-weight:bold;  line-height:1.2em;  color:#333}

#desc{ text-align:center;  font-size:14px;  margin:10px 0;  padding:5px 0;  background-color:#FFF;  border:1px solid #D4D4D4;  border-radius:15px;  width:1000px;  font-family:meiryo,メ イ リ オ }

#desc span{ background-color:#FFD2C2}

#desc img{ vertical-align:bottom}



/* serach tags */

#colSub ul li{display:block;  border-bottom:dotted 1px #9a9a9a; margin:0px 12px}

#colSub ul li:last-of-type{ border-bottom:none;  margin-bottom:10px}

#colSub li a{text-decoration:none; padding:4px 5px 2px 12px; display:block; zoom:1}

#colSub li a:link, 
#colSub li a:visited, 
#colSub li a:active{color:#666;  text-decoration:none;  padding:6px 0;  width:100%}
#colSub li:hover{color:#666; text-decoration:none; background-color:#FFE19D}



/*
pager
==============================================================================
*/


.pager{clear:both; font-family:Verdana,Arial,Helvetica,sans-serif; text-align:center; margin:10px 0}

.pager a{text-decoration:none; margin:0 3px 0 0; padding:2px 4px 2px 4px}

.pager a:hover{background:#DDD}

.pager span.currentPage{color:#0080FF; font-weight:bold; margin-right:3px; padding:2px 6px 2px 6px}

.pager span.disabled{margin:0 3px 0 0; padding:2px 6px 2px 6px}

/*
search box
==============================================================================
*/


.search_box{width:170px;  text-align:left;  padding:13px;  color:#333;  border-top:1px #9A9A9A dotted}

.search_box h2{display:none}

.search_box form{margin:0 auto}

.search_box #do_search{width:120px; height:25px; line-height:20px; color:#000; font-size:12px; text-align:center; background-color:#E3E3E3; border-style:none; border-radius:3px; font-weight:bold; box-shadow:2px 2px 3px #666}

.search_box submit{text-align:right; display:block; background:#333; padding:3px}

.searchBox{text-align:center; margin:0 0 25px 0}

.searchBox label{color:#00509a; font-size:16px; font-weight:bold}

.searchBox input{padding:1px 1px 1px 1px; vertical-align:bottom}

li.noStockText{ border:1px dotted #F30;  border-radius:0;  color:#F30;  margin:0;  background:#FFF1EE;  width:155px;  position:absolute;  bottom:0px}