/* === HTML === */
body {
  padding: 0px;
  margin: 0px;
}
form {
  margin: 0px auto;
  padding: 0px;
}
img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
a{
  border:0px;
}
span.clear {
  clear: left;
  height: 1px;
}

/* === Layout === */

div#SS_container {
  margin: 0px;
  text-align: left;
}

/* === Search === */

div.SS_group label {
    vertical-align: middle;
    margin-right:5px;
    height: 18px;
}

div.SS_group input {
    vertical-align: middle;
    height: 18px;
}

/* === Navication === */

div#SS_navi {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #FAFAFA;
  height: 26px;
}
#SS_navi span {
  line-height: 28px;
}
div#SS_navi div#SS_naviResult {
  float: left;
  padding-left: 5px;
}
div#SS_navi span#SS_naviSort {
  float: right;
  padding-right: 8px;
}

div#SS_navi span#SS_queryString {
  padding-left: 5px;
}
div#SS_navi span#SS_totalHits {
  padding-left: 10px;
}
div#SS_navi span#SS_showCounts {
  padding-left: 10px;
}


span#SS_sortMatch {
}
span#SS_sortDate {
  margin-left: 4px;
}

.l-header__nav-link{
  border-right: none;
  margin-right: 4.5rem;
}

/* === Adlink === */

div#SS_adlink {
  margin: 20px 0px 20px 8px;
  padding: 0;
  background-color: #f1f1f1;
}
@media screen and (max-width:813px) {
  div#SS_adlink {
  background-color:rgba(0,0,0,0) !important;
  }
}
div.SS_adlinkItem {
  padding: 0px;
  margin: 0px 0px 5px 0px;
  line-height: 1.2em;
  min-height: 180px;
}
@media screen and (max-width:813px) {
  div.SS_adlinkItem {
    min-height: 124px;
  }
}
div.SS_adlinkImage {
  float: left;
  width: 18%;
  height: 160px;
  padding-top: 18px;
  padding-left: 18px;
}
div.SS_adlinkImage img {
  padding: 0;
  width: 100%;
  height: 100%;
}
div.SS_adlinkPage {
  float: left;
  width: 75%;
  padding: 36px;
  margin-left: 20px;
}
@media screen and (max-width:813px) {
  div.SS_adlinkPage {
    padding: 8px;
  }
}
div.SS_adlinkPage div.SS_adlinkUrl {
  color: #006F00;
}
.p-search__result .SS_adlinkTitle a, .p-search__result .SS_url{
  word-wrap: break-word !important;
}
div.SS_adlinkPage span.SS_highlight {
  font-weight: bold;
}
.SS_adlinkTitle{
  font-size: 1.8rem;
  font-weight: bold;
}


/* === Result === */

div#SS_result {
  margin: 25px 0px 20px 15px;
}
div.SS_item {
  margin-bottom: 20px;
  line-height: 1.2em;
  min-height: 130px;
  display: inline-block;
  zoom:1;/*for IE 5.5-7*/
}
div.SS_item div.SS_image {
  float: left;
  width: 18%;
  height: 160px;
  padding-top: 18px;
  padding-left: 18px;
}
div.SS_image {
}
div.SS_image img {
  padding: 0;
  width: 100%;
  height: 100%;
}
div.SS_item div.SS_page {
  float: left;
  width: 76%;
  line-height: 1.5em;
  padding: 36px;
  margin-left: 20px;
}
@media screen and (max-width:813px) {
    div.SS_item div.SS_page {
      padding: 8px;
    }
}
div.SS_item div.SS_page div.SS_title {
  margin-bottom: 6px;
  font-size: 1.8rem;
  font-weight: bold;
}
div.SS_item span.SS_highlight {
  font-weight: bold;
}
div.SS_item div.SS_page span.SS_url {
  color: #006F00;
  display: block;
  word-wrap: break-word;
}
div.SS_item span.SS_contentType {
  font-weight: bold;
}
div.SS_item span.SS_contentLength {
  display: block;
  float: left;
}
div.SS_item span.SS_lastModified {
  float: left;
  margin-left: 5px;
}
#SS_adlink{
    padding: 0 !important;
    border-radius: 10px !important;
}
/* === Paging === */

div.SS_paging {
  margin: 10px 0px 2px 0px;
  clear: left;
  text-align: center;
}
div.SS_paging b.SS_selectPage {
  background-color: #228ad9;
  padding: 8px 12px;
  width: 20px;
  border-radius: 40px;
  position:relative; /* for IE bug */
  color: #fff;
  margin: 0 5px;
}
div.SS_paging span.SS_numberPage {
  padding: 8px 12px;
  width: 20px;
  position:relative; /* for IE bug */
  border-radius: 40px;
  background-color: #E8F4FF !important;
  margin: 0 5px;
}
.p-search__result .SS_item{
    background-color: #f1f1f1 !important;
    border-radius: 10px;
    width: 100%;
}
@media screen and (max-width:813px) {
    .p-search__result .SS_item{
      background-color:rgba(0,0,0,0) !important;
    }
    .p-search__result .SS_item{
      border-bottom: none;
    }
}
/* === NotFound === */

div#SS_notFound {
  margin: 15px 0px 15px 20px;
}
div#SS_notFound #SS_hint {
  margin: 15px 0px 0px 5px;
}
div#SS_notFound ul#SS_hintMessage {
  margin-top: 0;
  margin-left: 25px;
}

/* === Preview === */

div#SS_preview {
  position: absolute;
  z-index: 100;
  width: 436px;
  height: 336px;
  background: url(//image.syncsearch.jp/image/preview.gif) no-repeat 0 0; 
  display: none;
}
div#SS_previewContainer {
  width: 407px;
  height: 307px;
  margin: 16px 0px 0px 16px;
  background: url(//image.syncsearch.jp/image/shadow.png) no-repeat 0 0;
}
img#SS_previewImage {
  border: 1px solid #CCCCCC;
}

/* === Suggest === */

input.SS_searchQuery {
  ime-mode : active;
}
div.SS_suggest {
  font-weight: normal;
  z-index: 9;
  display: none;
  position: absolute;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 200px;
}
div.SS_suggest div.SS_suggestItemOff { 
  background-color: #FFF;
  border-top: 1px solid #CCC;	
  padding: 2px 0px 2px 0px;
  width: 100%;
}
div.SS_suggest div.SS_suggestItemOn {
  background-color: #ECF5FA;
  border-top: 1px solid #CCC;	
  padding: 2px 0px 2px 0px;
  width: 100%;
}
div.SS_suggest span.SS_suggestKey {
  padding-left: 4px;
}
div.SS_suggest span.SS_suggestRate {
  width: 100px;
}

/* === Form === */
#SS_searchForm1 .SS_searchQuery{
    border: #0060b3 1px solid;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 38px;
    padding: 0 7px;
    width: 77%;
    ime-mode: active;
    font-size: 16px;
}
#SS_searchForm1 .SS_searchSubmit{
    background: #0060b3;
    height: 38px;
    color: #FFF;
    border: medium none;
    cursor: pointer;
    width: 6em;
    font-size: 14px;
    vertical-align: top;
    margin-left: 4px;
    border-radius: 3px;
    width: 20%;
}
#SS_search1 .category{
  padding: 10px 3px;
}

/* === links === */
#contents-wrap #SS_result a,
#contents-wrap #SS_adlink a,
#contents-wrap #SS_result a:hover,
#contents-wrap #SS_adlink a:hover{
  color: #005FB3;
}
#contents-wrap .SS_paging a,
#contents-wrap .SS_paging a:hover{
  color: #333;
}

.p-search__result #SS_adlink {
    margin: 3rem 0 1rem 1.8rem !important;
}

#SS_searchForm1.search-form-area{
  padding: 80px 30px 100px;
}