/* === HTML === */
body {
  padding: 0px;
  margin: 0px;
  text-align: center;
}
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 auto;
  text-align: left;
/*  width: 800px; */
}
div#SS_contents {
  font-size: 100%;
  padding-bottom: 0px;
  background-color: #FFF;
  min-height: 400px;
}
/* === Search === */

div.SS_search {
  margin: 20px 0px 20px 0px;
}
div.SS_searchCategory {
  margin-top: 3px;
}

/* === Navication === */

div#SS_navi {
  padding: 5px 0px 5px 0px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #FAFAFA;
}
div#SS_navi div#SS_naviResult {
  width: 866px;
  float: left;
}
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;
}

div#SS_navi span#SS_naviSort {
  float:left;
  width: 120px;
  text-align: right;
  display: block;
margin-top:15px;
}
span#SS_sortMatch {
}
span#SS_sortDate {
  margin-left: 4px;
}


/* === Adlink === */
div#SS_adlink {
  width: auto;
  margin: 16px 0px 20px 0px;
  padding: 5px 0px 10px 5px;
  background-color: #ffefef;
  border: 1px solid #f4c4c4;
}
div.SS_adlinkItem {
  padding: 0px;
  margin: 0px 7px 5px 20px;
  line-height: 1.2em;
  float: left;
  width: auto;
}

div.SS_adlinkItem div.SS_adlinkTitle{
 font-size: 120%;
 font-weight: bold;
 padding:5px 0px;
}

div.SS_adlinkImage {
 float: left;
 width: 170px;
 border: 1px solid #CCC;
 background-color: #FFF;
}
div.SS_adlinkImage img {
 padding: 4px;
}
/*
div.SS_adlinkPage {
 float: left;
 width: 370px;
 padding-top: 2px;
 margin-left: 10px;
}

div.SS_adlinkPage div.SS_adlinkTitle {
 font-size: 120%;
 border: solid 1px red;
}
*/

div.SS_adlinkSummary {
 /* margin: 4px 0px; */
 font-size: 100%;
/* 20110331 */
margin: 0px 0px 0px 5px;
width: 245px;
float:left;
letter-spacing:1px;
}

div.SS_adlinkPage div.SS_adlinkUrl {
 font-size: 100%;
 color: #006F00;
}
div.SS_adlinkPage span.SS_highlight {
 font-weight: bold;
}

/* === Result === */

div#SS_result {
  margin: 25px 0px 20px 0px;
  width: 1000px;
}
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: 170px;
}
div.SS_image {
}
div.SS_image img {
  padding: 4px;
  border: 1px solid #CCC;
}

div.SS_item div.SS_page {
  float: left;
  width: 750px;
  margin-left: 10px;
  line-height: 1.5em;
  padding-top: 2px;
}

div.SS_item div.SS_page div.SS_title {
  font-size: 125%;
  margin-bottom: 6px;
}

div.SS_item div.SS_page div.SS_summary {
  font-size: 100%;
}

div.SS_item span.SS_highlight {
  font-weight: bold;
}
div.SS_item div.SS_page span.SS_url {
  color: #006F00;
  word-break: break-all;
  display: inline-block;
}
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;
}

/* === Paging === */

div.SS_paging {
  margin: 10px 0px 2px 0px;
  clear: left;
}
div.SS_paging b.SS_selectPage {
  border: 1px solid #EEE;
  background-color: #FAFAFA;
  padding: 1px 7px 1px 7px;
  width: 20px;
  position:relative; /* for IE bug */
}
div.SS_paging span.SS_numberPage {
  border: 1px solid #EEE;
  padding: 1px 7px 1px 7px;
  width: 20px;
  position:relative; /* for IE bug */
}

/* === NotFound === */
div#SS_notFound {
  font-size: 100%;
  margin: 15px 0px 15px 5px;
}
div#SS_notFound #SS_hint {
  margin: 15px 0px 0px 5px;
}
div#SS_notFound ul#SS_hintMessage {
  margin-top: 0;
  margin-left: 25px;
}
div#SS_notFound #SS_notFoundInfo {
  margin: 15px 0px 15px 5px;
}
/* === 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: 1px 2px 1px 4px;
}

div.SS_suggest div.SS_suggestItemOn {
  background-color: #ECF5FA;
  border-top: 1px solid #CCC;	
  padding: 1px 2px 1px 4px;
}

div.SS_suggest span.SS_suggestKey {
  font-size: 100%;
}

div.SS_suggest span.SS_suggestRate {
  width: 100px;
}

#SS_searchForm div.SS_suggest {
  margin-top:-5px;
}
div#maybe {
  margin: 20px 0px 0px 0px;
}

/*SP*/
@media screen and (max-width: 767px){
  #SS_searchQuery1 {
    width: 80%;
  }
  div#SS_navi div#SS_naviResult,
  div#SS_navi span#SS_naviSort {
    width: auto;
    float: none;
  }
  div#SS_navi {
    height: auto;
  }
  #SS_navi:after {
  content: "";
  display: block;
  clear: both;
  }
  .SS_image,
  .SS_adlinkImage {
    display: none;
  }
  div#SS_result,
  div.SS_item div.SS_page {
    width: auto;
    margin-left: 0;
  }
  div.SS_item,
  div.SS_adlinkItem {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 20px;
  }
  div.SS_adlinkItem {
   margin: 0 10px 20px;
  }
  div#SS_adlink,
  div.SS_adlinkItem,
  div.SS_adlinkSummary,
  div.SS_adlinkItem div.SS_adlinkTitle {
    width: auto;
  }
}