@charset "utf-8";

.contents .all-column .wordsearch-result .pager {margin-top: 10px; text-align: center;}
.contents .all-column .wordsearch-result .pager p,
.contents .all-column .wordsearch-result .pager ol,
.contents .all-column .wordsearch-result .pager li {display: -moz-inline-box; display: inline-block; /display: inline; vertical-align: middle; /zoom: 1;}

.contents .all-column .wordsearch-result .pager p,
.contents .all-column .wordsearch-result .pager li {margin-right: 10px;}
.contents .all-column .wordsearch-result .pager p.tolast {margin-right: 0px;}

.contents .all-column .wordsearch-result .pager p a,
.contents .all-column .wordsearch-result .pager li a {
  border: 2px solid #ff9592; 
  -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
  display: block;
  font-size: 16px;
  line-height:1.2;
  padding:6px 0 5px;
}
.contents .all-column .wordsearch-result .pager p {width:70px;}
.contents .all-column .wordsearch-result .pager p a {color: #ff9592; text-decoration: none;}
.contents .all-column .wordsearch-result .pager li {width:40px;}
.contents .all-column .wordsearch-result .pager li a {color: #ff9592; text-decoration: none;}
.contents .all-column .wordsearch-result .pager .current a {background-color: #ff9592; color: #fff;}

.contents .all-column .wordsearch-result .pager a:hover {background-color: #ffc5c2;}
.contents .all-column .wordsearch-result .pager .current a:hover {background-color: #ff9592;}

.contents .all-column .wordsearch-result .pager .disable a {display: none;}


/* 検索結果タブ */
.tab-section { width: 960px; margin: 15px auto 0;}

.tab-section .content-detail #resultBar{ margin: 0 auto 20px; background-color: #ededee; height:40px; overflow: hidden;}
.tab-section .content-detail #resultBar dt,
.tab-section .content-detail #resultBar dd {height:40px; line-height: 40px;}
.tab-section .content-detail #resultBar dt { width:150px; float:left; background-color:#ee8484; color:#fff; text-align: center;}
.tab-section .content-detail #resultBar dt span { font-size:24px; font-weight: bold; padding-right:5px;}
.tab-section .content-detail #resultBar dd { padding-left: 170px; color:#555; font-size: 16px; font-weight: bold; background:url('../images/searchs/bgArrow.gif') no-repeat 150px top;}

.tab-section .tab { position: relative; }
.tab-section .tab li { display: block; float: left; margin-right: 5px;}
.tab-section .tab .first { margin-left: 3px;}
.tab-section .tab .last { margin-right: 2px;}

.tab-section .tab li > a:hover{ cursor: pointer;}
.tab-section .tab li > div{ background-position: 0 0; background-repeat: no-repeat; text-indent:-9999px;}
.tab-section .tab li > div a{ width:135px; height:44px; display: block;}

.tab-section .top li .tab01{ background-image: url(../images/searchs/tab01_off.png);}
.tab-section .top li .tab02{ background-image: url(../images/searchs/tab02_off.png);}
.tab-section .top li .tab03{ background-image: url(../images/searchs/tab03_off.png);}
.tab-section .top li .tab04{ background-image: url(../images/searchs/tab04_off.png);}
.tab-section .top li .tab05{ background-image: url(../images/searchs/tab05_off.png);}
.tab-section .top li .tab06{ background-image: url(../images/searchs/tab06_off.png);}
.tab-section .top li .tab07{ background-image: url(../images/searchs/tab07_off.png);}

.tab-section .bottom li .tab01{ background-image: url(../images/searchs/tab_b01_off.png);}
.tab-section .bottom li .tab02{ background-image: url(../images/searchs/tab_b02_off.png);}
.tab-section .bottom li .tab03{ background-image: url(../images/searchs/tab_b03_off.png);}
.tab-section .bottom li .tab04{ background-image: url(../images/searchs/tab_b04_off.png);}
.tab-section .bottom li .tab05{ background-image: url(../images/searchs/tab_b05_off.png);}
.tab-section .bottom li .tab06{ background-image: url(../images/searchs/tab_b06_off.png);}
.tab-section .bottom li .tab07{ background-image: url(../images/searchs/tab_b07_off.png);}

.tab-section .top .current .tab01, 
.tab-section .bottom .current .tab01{ background-image: url(../images/searchs/tab01_on.png);}
.tab-section .top .current .tab02, 
.tab-section .bottom .current .tab02{ background-image: url(../images/searchs/tab02_on.png);}
.tab-section .top .current .tab03, 
.tab-section .bottom .current .tab03{ background-image: url(../images/searchs/tab03_on.png);}
.tab-section .top .current .tab04, 
.tab-section .bottom .current .tab04{ background-image: url(../images/searchs/tab04_on.png);}
.tab-section .top .current .tab05, 
.tab-section .bottom .current .tab05{ background-image: url(../images/searchs/tab05_on.png);}
.tab-section .top .current .tab06, 
.tab-section .bottom .current .tab06{ background-image: url(../images/searchs/tab06_on.png);}
.tab-section .top .current .tab07, 
.tab-section .bottom .current .tab07{ background-image: url(../images/searchs/tab07_on.png);}

/* 検索結果コンテンツ枠 */
.tab-section .content-detail {border: 2px solid #cccccc; background-color: #ffffff; padding: 20px 0 10px;}
.tab-section #content01{ border-color:#333333;}
.tab-section #content02{ border-color:#e95050;}
.tab-section #content03{ border-color:#737373;}
.tab-section #content04{ border-color:#c8831e;}
.tab-section #content05{ border-color:#9b7db4;}
.tab-section #content06{ border-color:#f5af14;}
.tab-section #content07{ border-color:#6ebe8c;}


/* 検索結果詳細 */
.tab-section .content-detail ul {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-top:15px;
}
.tab-section .content-detail li{
	background-color: #f3f0e7;
	border:1px solid #aaa;
	display: block;
	float: left;
	margin-left: 8px;
	margin-bottom: 9px;
	position: relative;
  width: 227px;
}

.tab-section .content-detail li h4{ width: 68px; height:30px; position: absolute; left:-3px; top:3px;  background-position: left top; background-repeat: no-repeat; padding-bottom:5px; line-height: 30px; padding-right:12px; text-align: center; color:#fff;}
.tab-section .content-detail li .ring-result h4{ background-image: url(../images/searchs/bgRibbonPink.png);}
.tab-section .content-detail li .shop-result h4{ background-image: url(../images/searchs/bgRibbonOcher.png);}
.tab-section .content-detail li .kiso-result h4{ background-image: url(../images/searchs/bgRibbonPurple.png);}
.tab-section .content-detail li .blog-result h4{ background-image: url(../images/searchs/bgRibbonYellow.png); font-size:11px;}
.tab-section .content-detail li .brand-result h4{ background-image: url(../images/searchs/bgRibbonGray.png);}
.tab-section .content-detail li .voice-result h4{ background-image: url(../images/searchs/bgRibbonGreen.png); font-size:10px;}

.tab-section .content-detail li dt{ height:150px; display: block; overflow: hidden;}
.tab-section .content-detail li dt img{ height:150px; display: block; margin: 0 auto;}

.tab-section .content-detail li dd{ background-color:#f3f0e7; padding: 10px; display: block;}
.tab-section .content-detail li dd h5{ color:#0099cc; margin: 0; padding: 0;}
.tab-section .content-detail li a{ text-decoration: none;}
.tab-section .content-detail li a:hover div{ text-decoration:none;filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.tab-section .content-detail li a h5{ text-decoration: underline;}

.tab-section .content-detail .apology {padding: 3em 0; text-align: center; font-size: 32px;}
.tab-section .content-detail .apology span {display: block; font-size: 20px;}