@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------

*****　cssカスタマイズについての注意点　*****

------------------------------------------------------------

cssカスタマイズの際は、
元ファイル（search.css）に直接上書きせず、別途上書き用のCSSファイルをご用意の上、編集ください。

　・元ファイルと上書き用ファイルをわけることで、カスタマイズ箇所が明確にすることができます。
　・当ツールの更新等が発生した際等にも、差し替え作業が簡単にできます。



/*----------------------------------------------------------
reset　ここから
----------------------------------------------------------*/
#site-search-contents, #site-search-contents div, #site-search-contents span, #site-search-contents a, #site-search-contents p, #site-search-contents object, #site-search-contents iframe, #site-search-contents h1, #site-search-contents h2, #site-search-contents h3, #site-search-contents h4, #site-search-contents h5, #site-search-contents h6, #site-search-contents blockquote, #site-search-contents pre, #site-search-contents abbr, #site-search-contents address, #site-search-contents cite, #site-search-contents code, #site-search-contents del, #site-search-contents dfn, #site-search-contents em, #site-search-contents img, #site-search-contents ins, #site-search-contents kbd, #site-search-contents q, #site-search-contents samp, #site-search-contents small, #site-search-contents strong, #site-search-contents sub, #site-search-contents sup, #site-search-contents var, #site-search-contents b, #site-search-contents i, #site-search-contents dl, #site-search-contents dt, #site-search-contents dd, #site-search-contents ol, #site-search-contents ul, #site-search-contents li, #site-search-contents fieldset, #site-search-contents form, #site-search-contents label, #site-search-contents legend, #site-search-contents textarea, #site-search-contents input, #site-search-contents table, #site-search-contents caption, #site-search-contents tbody, #site-search-contents tfoot, #site-search-contents thead, #site-search-contents tr, #site-search-contents th, #site-search-contents td, #site-search-contents article, #site-search-contents aside, #site-search-contents canvas, #site-search-contents details, #site-search-contents figcaption, #site-search-contents figure, #site-search-contents footer, #site-search-contents header, #site-search-contents hgroup, #site-search-contents menu, #site-search-contents nav, #site-search-contents section, #site-search-contents summary, #site-search-contents time, #site-search-contents mark, #site-search-contents audio, #site-search-contents video, #site-search-contents ::before, #site-search-contents ::after{
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size:14px;
 vertical-align: baseline;
 letter-spacing: normal;
 line-height: 1.4
}
#site-search-contents *, #site-search-contents *::before, #site-search-contents *::after {
 box-sizing: border-box;
}
#site-search-contents article,#site-search-contents aside,#site-search-contents details,#site-search-contents figcaption,#site-search-contents figure,
#site-search-contents footer,#site-search-contents header,#site-search-contents hgroup,#site-search-contents main,#site-search-contents menu,
#site-search-contents nav,#site-search-contents section {
 display: block;
}

#site-search-contents p {
 margin: 20px 0;
 text-align: right;
 padding-right: 10px;
}
#site-search-contents ul, #site-search-contents li {
 list-style: none;
}
#site-search-contents table {
 border-spacing: 0;
 border-collapse: collapse;
}
#site-search-contents a,#site-search-contents img,#site-search-contents a:hover,#site-search-contents img:hover{
 opacity:1;
}

input[type='submit'], input[type='radio'], input[type='button'] {
 cursor: pointer;
}
input[type='text'],input[type='submit']:hover, input[type='radio']:hover, input[type='button']:hover {
 opacity:1;
}

/*----------------------------------------------------------
reset　ここまで
----------------------------------------------------------*/
/*----------------------------------------------------------
result.html用css
----------------------------------------------------------*/
#site-search-wrapper #site-search-contents {
 font-family: "Zen Kaku Gothic New", sans-serif;
 font-size:100%;
 padding: 10px 10px;
 margin: 0 auto;
 color: #333;
 line-height: 1.4
}
#site-search-contents a, #site-search-contents a:visited {
 color: #39992D;
 text-decoration: none;
}
#site-search-contents a:hover {
 color: #39992D;
 text-decoration: underline;
}
#site-search-wrapper #site-search-contents .site-search-input {
 width: 100%;
 max-width: 600px;
}
#site-search-contents #btmform .site-search-form {
 position: relative;
 width: 100%;
 max-width: 600px;
 margin: 0 auto;
}

#site-search-contents #btmform .site-search-input {
 margin: 0 auto;
}
#site-search-contents .site-search-input-wrapper {
 position: relative;
margin-bottom:10px;
}

#site-search-contents .site-search-input-wrapper input[type="text"] {
 width: 90%;
 padding: 10px 0px 10px 10px;
	font-size:114.285714285%; /*15px以下だとiPhoneで画面拡大されるため、16px以上を推奨*/
 height: 35px;
 box-sizing: border-box;
 border-radius: 3px 0px 0px 3px;
 border: solid 1px #ccc;
 margin-right: 0px;
 float: left;
}

#site-search-wrapper #site-search-contents .site-search-input-wrapper input[type="text"]:hover {
 outline: 0;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

#site-search-wrapper #site-search-contents .site-search-input-wrapper input[type="submit"] {
 height: 35px;
 width: 10%;
 box-sizing: border-box;
 vertical-align: bottom;
 background-color: #eee;
 background-image: url(search_bt.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto 20px;
 cursor: pointer;
 border: solid 1px #ccc;
 border-radius: 0px 3px 3px 0px;
 font-size: 0%;
}
#site-search-wrapper #site-search-contents .site-search-input-wrapper input[type="submit"]:hover {
 background-color: #eee;
}

#site-search-wrapper #site-search-contents .site-search-suggest {
 width: 100%;
 position: absolute;
 top: 34px;
 left: 0;
 z-index: 100;
}

#site-search-wrapper #site-search-contents .site-search-suggest .suggest-list {
 box-sizing: border-box;
 width: 90%;
 padding: 12px 10px 0px 5px;
 border: solid 1px #ccc;
 border-radius: 0px 0px 2px 2px;
 background: #fff;
 max-width: 540px;
 box-shadow: 2px 7px 7px 0px rgba(0, 0, 0, 0.08);
}

#site-search-wrapper #site-search-contents .site-search-suggest .suggest-item {
 margin-right: 10px;
 margin-bottom: 5px;
 color: #39992D;
 font-weight: bold;
 display: block;
}

#site-search-wrapper #site-search-contents .site-search-suggest .suggest-item:hover {
 text-decoration: underline;
 cursor: pointer;
}

/*---------------------------------------
カテゴリ
---------------------------------------*/
#site-search-contents .result-pattern {
 width: 100%;
 margin-top: 7px;
 margin-bottom: 20px;
 overflow: hidden
}
#site-search-contents .result-pattern dl {
 box-sizing: border-box;
 margin-left: 0;
 margin-right: 0px;
 overflow: hidden;
 padding-top: 10px;
 margin-bottom: 0;
 margin-top: 0
}
#site-search-contents .result-pattern dl dd {
 margin-left: 100px;
}

#site-search-contents .result-pattern div {
 overflow: hidden
}
#site-search-contents .result-pattern dl.size-selector {
 float: left;
display: none;
}
#site-search-contents .result-pattern dl.sort-selector dt{
 width: 100px;
}
#site-search-contents .result-pattern dl.sort-selector dd{
  margin-left: 100px;/*ここを変更*/
}


#site-search-contents #site-search-fuzzy{
float: left;
}


#site-search-contents .result-pattern dl dt {
 position: relative;
 float: left;
 width: 100px;
 text-align: right;
 line-height: 1;
 padding-top: 15px;
}
#site-search-contents .result-pattern .label-selector dt:before {
 position: absolute;
 content: "カテゴリ選択：";
 width: 100px;
 top: 0;
 right: 0;
}
#site-search-contents .result-pattern .filetype-selector dt:before {
 position: absolute;
 content: "ファイル形式：";
 width: 100px;
 top: 0;
 right: 0;
}
#site-search-contents .result-pattern .size-selector dt:before {
 position: absolute;
 content: "表示件数：";
 width: 80px;
 top:0;
 right: 0;
}
#site-search-contents .result-pattern .sort-selector dt:before {
 position: absolute;
 content: "並び順：";
 width: 62px;
 top: 0;
 right: 0;
}

#site-search-contents #site-search-fuzzy dt:before{
position:absolute;
content: "おまかせ検索：";
top: 0px;
left: 0px;
width:100px;
}

@-moz-document url-prefix() {
 #site-search-contents .result-pattern dl dt {
  padding-top: 0px;
 }
}
#site-search-contents .result-pattern dl ul {
 padding: 0;
}
#site-search-contents .result-pattern dl li {
 list-style: none;
 float: left;
 margin-left: 5px;
 margin-bottom: 14px;
}
#site-search-contents .result-pattern dl input[type="radio"], #site-search-contents .result-pattern dl input[type="checkbox"] {
 display: none;
}
#site-search-contents .result-pattern dl label {
 margin-right: 5px;
 cursor: pointer;
 background: #eeeeee;
 padding: 5px 10px;
 border-radius: 3px;
 color: #828282;
}

#site-search-contents .result-pattern dl dd.breadcrumb:has(li){
display: inline-block;
margin-left: 0;
}

@-moz-document url-prefix() {
#site-search-contents .result-pattern dl dd.breadcrumb:has(li){
margin-left: 100px;
}
}

#site-search-contents .result-pattern dl dd.breadcrumb label{
background:none;
padding: 5px;
color:#39992D;
margin:0 5px 0 10px;
}
#site-search-contents .result-pattern dl dd.breadcrumb label:hover{
	text-decoration: underline
}


#site-search-contents .result-pattern dl dd.breadcrumb li:first-of-type label{
margin:0 5px 0 0;
}

#site-search-contents .result-pattern dl dd.breadcrumb li{
position: relative;
margin: 0;
margin-bottom: 5px;
}

#site-search-contents .result-pattern dl dd.breadcrumb li:after{
position: absolute;
content:">";
color: #828282
}

/*
#site-search-contents .size-selector label {
 font-size:114.285714285%;
}*/



#site-search-contents .result-pattern dl label:last-child {
 margin-right: 0;
}
#site-search-contents .result-pattern dl input:checked + label {
 background: #39992D;
 color: #ffffff;
}
#site-search-contents .result-pattern dl p {
 margin: 5px;
}
@-moz-document url-prefix() {
 #site-search-contents .sort-selector dt {
  padding-top: 5px;
 }
}
#site-search-contents .sort-selector dd {
 margin-left: 100px
}
#site-search-contents .sort-selector li {
 margin-top: -5px;
}
#site-search-contents .sort-selector label {
 font-size:100% !important;
 margin-bottom: 25px;
 cursor: pointer;
 display: block;
 float: left;
 padding: 10px;
}
#site-search-contents .sort-selector #site-search-sortscore + label {
 position: relative;
 width: 62px;
 box-sizing: border-box;
 padding: 0;
}
#site-search-contents .sort-selector #site-search-sortlastmod + label {
 position: relative;
 width: 64px;
 padding: 0 11px
}
#site-search-contents .sort-selector #site-search-sortscore + label:before, #site-search-contents .sort-selector #site-search-sortlastmod + label:before {
 box-sizing: border-box;
 position: absolute;
 background: #eeeeee;
 color: #828282;
 border-radius: 3px;
 padding: 4px 10px;
}
#site-search-contents .sort-selector #site-search-sortscore + label:before {
 content: "一致順";
 top: 2px;
 left: 0px;
 padding: 4px 10px 3px;
}
#site-search-contents .sort-selector #site-search-sortlastmod + label:before {
 content: "日付順";
 top: 2px;
 left: 0px;
 padding: 4px 10px 3px;
}
#site-search-contents #site-search-fuzzy input#site-search-fuzzy-on + label:before {
 content: "ON";
 top: 0px;
 left: 0px;
}
#site-search-contents #site-search-fuzzy input#site-search-fuzzy-off + label:before {
 content: "OFF";
 top: 0px;
 left: 0px;
}

#site-search-contents .sort-selector #site-search-sortscore:checked + label:before, #site-search-contents .sort-selector #site-search-sortlastmod:checked + label:before {
 color: #ffffff;
 background: #39992D;
}

@media screen and (max-width:767px) {
#site-search-contents .result-pattern dl.size-selector{
 float:none
}
#site-search-contents .result-pattern .size-selector dt:before {
 width: 100px;
}
#site-search-contents .result-pattern dl.sort-selector dt{
 width:100px;
}
#site-search-contents .result-pattern dl.sort-selector dd{
 margin-left:100px;
}


}
@media screen and (max-width:500px) {
#site-search-contents #site-search-fuzzy{
 float:none
}
#site-search-contents .result-pattern .sort-selector dt:before {
 width: 100px;
}

}


/*---------------------------------------
カテゴリ　ここまで
---------------------------------------*/
#site-search-contents .site-search-summary {
 clear: both
}
#site-search-contents .site-search-summary p {
 font-size: 128.571428571%;
 font-weight: bold;
 text-align: right;
 padding-right: 20px
}
#site-search-contents .site-search-summary p:before {
 content: "検索結果：";
 font-size: 100%;
	position: relative;
}
#site-search-contents .site-search-summary p span{
 font-size:100%;
}
#site-search-contents .site-search-summary p span.site-search-current-count {
 position: relative;
}
#site-search-contents .site-search-summary p span.site-search-current-count:after {
 content: " / ";
 font-size: 100%;
}
#site-search-contents .site-search-summary p span.site-search-total-count {
 position: relative;
	height: 20px;
	margin-left: 10px;
	display: inline-block
}
#site-search-contents .site-search-summary p span.site-search-total-count:after {
	position: absolute;
	content: " 件 ";
	font-size: 100%;
	height: 20px;
	padding-left:5px;
	top: 0;
}
.site-search-pager-wrapper .site-search-summary-wrapper .site-search-summary p {
	display: none
}
#site-search-contents #site-search-recommend-wrapper {
 width: 100%;
 max-width: 1300px;
 padding: 0 0 10px;
 box-sizing: border-box
}
#site-search-contents #site-search-recommend-wrapper p.label {
 position: relative;
 width: 130px;
 height: 20px;
 padding-right: 5px;
 text-align: left;
 display: table-cell
}
#site-search-contents #site-search-recommend-wrapper p.label:after {
 position: absolute;
 content: "おすすめページ：";
 width: 130px;
 height: 16px;
 left: 0;
 top: 0;
 font-size:114.285714285%;
 font-weight: bold
}

#site-search-contents #site-search-recommend-wrapper ul {
 margin-left: 20px;
 padding: 0;
 display: table-cell
}
#site-search-contents #site-search-recommend-wrapper li {
 padding-right: 14px;
 margin-bottom: 5px;
 line-height: 1.8
}
#site-search-contents #site-search-recommend-wrapper li a span{
 font-size:114.285714285%;
 font-weight: bold
}

@media screen and (max-width:820px) {
 #site-search-contents #site-search-recommend-wrapper p.label{
 margin:10px 0;
}
 #site-search-contents #site-search-recommend-wrapper p.label, #site-search-contents #site-search-recommend-wrapper ul {
  display: block;
 }
 #site-search-contents #site-search-recommend-wrapper li {
  display: block;
  line-height: 1.6
 }
}
#site-search-contents h3.result-title{
 margin-top: 0px;
 margin-bottom: 10px;
 font-weight: bold;
}
#site-search-contents h3.result-title a{
 font-size:114.285714285%;

}

#site-search-contents #pager {
 margin: 0 auto 10px;
 text-align: center;
}
#site-search-contents #pager span {
 margin-right: 20px;
 font-size:114.285714285%;
}
#site-search-contents #pager .selected {
 font-weight: bold;
}
#site-search-contents #refine-search {
 text-align: right;
}
#site-search-contents #refine-search img {
 width: 177px;
}
#site-search-contents p {
 text-align: left
}
#site-search-contents .zero-result {
 position: relative;
 height: 20px;
 margin-left: 22px;
 margin-top: 60px;
 line-height: 1.0
}
#site-search-contents .zero-result:before {
 position: absolute;
 content: "検索キーワードに一致するページは見つかりませんでした。";
}
#site-search-contents .zero-result-hint {
 position: relative;
 font-weight: bold;
 height: 20px;
 margin-top: 20px;
 margin-bottom: 20px;
}
#site-search-contents .zero-result-hint:before {
 position: absolute;
 content: "検索のヒント：";
}
#site-search-contents .zero-result-hint1 {
 position: relative;
 height: 20px;
 margin-left: 22px;
 margin-top: 0px;
 margin-bottom: 5px;
 line-height: 1.0
}
#site-search-contents .zero-result-hint1:before {
 position: absolute;
 content: "キーワードに誤字・脱字がないか確認ください。";
}
#site-search-contents .zero-result-hint2 {
 position: relative;
 height: 20px;
 margin-left: 22px;
 margin-top: 0px;
 margin-bottom: 70px;
 line-height: 1.0
}
#site-search-contents .zero-result-hint2:before {
 position: absolute;
 content: "別のキーワードもお試しください。";
}

#site-search-contents .zero-result-fuzzy {
 position: relative;
 font-weight: bold;
 height: 20px;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-left:20px;
}
#site-search-contents .zero-result-fuzzy:before {
 position: absolute;
 content: "「あいまい検索」を有効にすると、検索ヒットする内容があります。有効にする場合は、下記のリンクをクリックください。";
}

#site-search-contents .zero-result-fuzzy-link {
 position: relative;
 display:block;
 margin-left:20px;
 background: #39992D;
 border:1px solid #39992D;
 color: #ffffff;
 padding: 5px 10px;
 border-radius: 3px;
 height:40px;
 width:200px;
 text-align:center;
 font-weight:bold;
}

#site-search-contents .zero-result-fuzzy-link:hover{
 background: #fff;
 color: #39992D;
}

#site-search-contents .zero-result-fuzzy-link:before {
 position: absolute;
 content: "あいまい検索を有効にする";
 width:100%;
 left:0;
 top:10px;
}

#site-search-contents #site-search-error {
 padding: 20px;
 text-align: center;
}
#site-search-contents .result {
 overflow: hidden;
 clear: both;
 width: 100%;
 position: relative;
}
#site-search-contents .result:after {
 position: absolute;
 content: "";
 background: #eee;
 bottom: 10px;
 left: 0px;
 width: 100%;
 height: 1px;
 z-index: -100;
}
#site-search-contents .result-thumbnail {
 height: 224px;
 padding: 20px 20px 0px 0px;
 box-sizing: border-box;
 float: left;
 margin-right: 0px;
}
#site-search-contents .result-thumbnail img {
 width: 220px;
 height: 168px;
 display: block;
 -webkit-transition: -webkit-transform 0.2s linear;
 transition: transform 0.2s linear;
 -webkit-transform-origin: left top 0;
 transform-origin: left top 0;
 border: 1px solid #ccc;
 box-sizing: border-box;
}
#site-search-contents .result-thumbnail img:hover {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
#site-search-contents .result > div:first-child {
 float: right;
 padding: 20px 0px;
 width: calc(100% - 240px);
}
#site-search-contents .result-discription {
 margin-bottom: 20px;
}

#site-search-contents .result-site-path {
 margin-bottom: 7px;
}
#site-search-contents .result-category span{
 margin:0 3px 6px 0px;
 border: solid 1px #39992D;
 color:#39992D;
 padding: 2px 10px;
 border-radius: 3px;
 font-size:13px;
 display: inline-block
}

@media screen and (max-width: 767px) {
 #site-search-contents .result-pattern {
  display: block;
  width: 100%;
  overflow: hidden
 }
 #site-search-contents .result-pattern dl.size-selector {
  text-align: right;
 }
 #site-search-contents .size-selector:before {
  top: 2px;
 }
 #site-search-contents .size-selector p {
  margin-right: 0px;
 }
 #site-search-contents .sort-selector p {
  margin-top: 0px;
 }
 #site-search-contents .result-thumbnail {
  float: none;
 }
 #site-search-contents .result > div:first-child {
  float: none;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 0;
 }
}
@media screen and (max-width: 600px) {
 #site-search-contents .result > div:first-child {
  padding-bottom: 10px;
 }
 #site-search-contents .result-thumbnail, #site-search-contents .result-site-path {
  display: none;
 }
 #site-search-contents .result:after {
  bottom: 0px;
 }
 #site-search-contents .zero-result {
  margin-left: 0px;
 }
 #site-search-contents .zero-result-hint1 {
  margin-left: 0px;
 }
 #site-search-contents .zero-result-hint2 {
  margin-left: 0px;
 }
}
/*---------------------------------------
注目ページ
---------------------------------------*/
#site-search-pickup-wrapper .nsls_pickup_group {
 width: 100%;
}
#site-search-contents #site-search-pickup-wrapper {
  width: 100%;
  max-width: 1300px;
  padding: 0 0 10px;
  box-sizing: border-box;
}

#site-search-pickup-wrapper p.label {
  position: relative;
  width: 130px;
  height: 20px;
  padding-right: 5px;
  display: table-cell;
}

#site-search-pickup-wrapper p.label:after {
 position: absolute;
 content: "注目ページ：";
 height: 16px;
 left: 32px;
 top: 2px;
 font-size:114.285714285%;
 font-weight: bold
}
#site-search-pickup-wrapper ul {
 margin-left: 20px;
 padding: 0;
 display: table-cell
}
#site-search-pickup-wrapper li {
 padding-right: 25px;
 margin-bottom: 5px;
 line-height: 1.8
}
#site-search-pickup-wrapper li a span{
 font-size:114.285714285%;
 font-weight: bold
}

@media screen and (max-width:820px) {
#site-search-pickup-wrapper p.label{
 margin:10px 0;
}
#site-search-pickup-wrapper p.label:after {
 left:0;
}
 #site-search-pickup-wrapper p.label, #site-search-pickup-wrapper ul {
  display: block
 }
 #site-search-pickup-wrapper li {
  display: block;
 }
}

/*---------------------------------------
人気ワード
---------------------------------------*/
#site-search-contents #site-search-popular-wrapper {
  width: 100%;
  max-width: 1300px;
  padding: 0 0 10px;
  box-sizing: border-box;
}

#site-search-popular-wrapper p.label {
  position: relative;
  width: 130px;
  height: 20px;
  padding-right: 5px;
  display: table-cell;
}

#site-search-contents #site-search-popular-wrapper p.label:after {
 position: absolute;
 content: "人気ワード：";
 height: 16px;
 left: 32px;
 top: 2px;
 font-size:114.285714285%;
 font-weight: bold
}
#site-search-contents #site-search-popular-wrapper ul {
 margin-left: 20px;
 padding: 0;
 display: table-cell
}
#site-search-contents #site-search-popular-wrapper li {
 padding-right: 15px;
 margin-bottom: 5px;
 line-height: 1.8;
 float:left;
}

#site-search-contents #site-search-popular-wrapper li a span {
  font-size: 114.285714285%;
  font-weight: bold;
}

@media screen and (max-width:820px) {
#site-search-contents #site-search-popular-wrapper p.label{
 margin:10px 0;
}
#site-search-contents #site-search-popular-wrapper p.label:after {
 left:0;
}

#site-search-contents #site-search-popular-wrapper p.label,#site-search-contents #site-search-popular-wrapper ul {
 display:block;
 }
#site-search-contents #site-search-popular-wrapper li {
  display: block;
 }
}

/*----------------------------------------------------------
result.html用css　ここまで
----------------------------------------------------------*/
/*----------------------------------------------------------
input_with_suggest.html用css
----------------------------------------------------------*/
#suggest-form-wrapper #site-search-contents {
font-family: "Zen Kaku Gothic New", sans-serif;
 margin: 0 auto;
 color: #333;
 font-size:100%;
 line-height: 1.4;
 position: relative
}
#suggest-form-wrapper #site-search-contents .site-search-input-wrapper input[type="text"] {
 width: 80%;
 padding: 10px 0px 10px 10px;
 height: 35px;
 font-size:114.285714285%; /*15px以下だとiPhoneで画面拡大されるため、16px以上を推奨*/
 box-sizing: border-box;
 border-radius: 3px 0px 0px 3px;
 border: solid 1px #ccc;
 margin-right: 0px;
 float: left;
}
#suggest-form-wrapper #site-search-contents .site-search-input-wrapper input[type="text"]:hover {
 outline: 0;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
#suggest-form-wrapper #site-search-contents .site-search-input-wrapper input[type="submit"] {
 height: 35px;
 width: 20%;
 box-sizing: border-box;
 vertical-align: bottom;
 background-color: #eee;
 background-image: url(search_bt.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto 20px;
 cursor: pointer;
 border: solid 1px #ccc;
 border-radius: 0px 3px 3px 0px;
 font-size: 0;
}
#suggest-form-wrapper #site-search-contents .site-search-suggest {
 width: 100%;
 position: absolute;
 top: 34px;
 left: 0;
 z-index: 100;
}
#suggest-form-wrapper #site-search-contents .site-search-suggest .suggest-list {
 box-sizing: border-box;
 width: 80%;
 padding: 12px 10px 0px 5px;
 border: solid 1px #ccc;
 border-radius: 0px 0px 2px 2px;
 background: #fff;
 box-shadow: 2px 7px 7px 0px rgba(0, 0, 0, 0.08);
}
#suggest-form-wrapper #site-search-contents .site-search-suggest .suggest-item {
 margin-right: 10px;
 margin-bottom: 5px;
 color: #39992D;
 font-weight: bold;
 display: block;
}
#suggest-form-wrapper #site-search-contents .site-search-suggest .suggest-item:hover {
 text-decoration: underline;
 cursor: pointer;
}
/*----------------------------------------------------------
input_with_suggest.html用css　ここまで
----------------------------------------------------------*/