@charset "utf-8";

/* -----------------------------------------------
 共通スタイル
----------------------------------------------- */
*{
  padding : 0;
  margin : 0;
}
html{
  height : 100%;
}
body{
  width : 100%;
  min-width : 1002px;
  height : 100%;
  font-family : 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',verdana,Osaka,Arial,sans-serif;
  text-align : center;
  background-image : url(../img/container.gif);
  background-repeat : repeat;
  background-position : center top;
}
a,
a:link,
a:visited{
  color : #0000ff;
  text-decoration : none;
}
a:hover{
  color : #ff0000;
  text-decoration : underline;
}
a:active{}
h1,h2,h3,h4{
  font-weight : normal;
}
p{
  line-height : 1.5;
  text-align : left;
  color : #000000;
  font-size : 80%;
}
strong{
  font-weight : normal;
  color : #ff0000;
}
img,
a img{
  border : 0px;
  text-decoration : none;
}



/* -----------------------------------------------
 基本スタイル
----------------------------------------------- */
#container{
  margin-bottom : -40px;
  width : 100%;
  min-width : 1002px;
  height : 100%;
  background-image : url(../img/head-bk.gif);
  background-repeat : repeat-x;
  background-position : center top;
}
#container-in{
  padding-bottom : 60px;
  width : 100%;
  height : auto;
  text-align : left;
  background-image : url(../img/head-r.gif);
  background-repeat : no-repeat;
  background-position : right top;
}



/* -----------------------------------------------
 フッター
----------------------------------------------- */
#footer{
  width : 100%;
  height : 40px;
  background-image : url(../img/foot.gif);
  background-repeat : repeat-x;
  background-position : left top;
  min-width : 1002px;
}
#footer td{
  height : 40px;
  font-size : 75%;
  text-align : center;
  line-height : 40px;
  color : #000000;
}


/* -----------------------------------------------
 ヘッダー
----------------------------------------------- */
#header{
  width : 100%;
  height : 190px;
}
#header-in{
  width : 100%;
  height : 112px;
}
.logo{
  width : 430px;
  height : 112px;
  float : left;
}
.head-in{
  padding-top : 15px;
  padding-right : 250px;
  width : 290px;
  height : 75px;
  float : right;
}
.head-in table{
  width : 290px;
  height : 75px;
}
.head-in td{
  text-align : left;
}
.head-in1{
  height : 50px;
}
.head-in2{
  height : 25px;
}
.head-in3{
  width : 105px;
  height : 25px;
}
#header-ti{
  height : 48px;
  text-align : left;
  clear : both;
}


/* -----------------------------------------------
 コンテンツ
----------------------------------------------- */
#top-ti{
  margin-top : 50px;
  height : 70px;
  text-align : left;
  background-image : url(../img/top-tibk.gif);
  background-repeat : repeat-x;
  background-position : left top;
  clear : both;
}
.top-til{
  width : 770px;
  height : 48px;
  float : left;
}
.top-tir{
  width : 220px;
  height : 48px;
  float : right;
}

#ti{
  margin : 0 214px 0 70px;
  height : 60px;
  text-align : left;
  background-image : url(../img/ti-bk.gif);
  background-repeat : repeat-x;
  background-position : left top;
  clear : both;
}
.ti-l{
  width : 350px;
  height : 45px;
  float : left;
}
.ti-l1{
  width : 265px;
  height : 45px;
  float : left;
}
.ti-r1{
  width : 220px;
  height : 45px;
  float : right;
  background-image : url(../img/search1-bk.gif);
  background-repeat : no-repeat;
  background-position : center top;
}
.ti-r2{
  width : 220px;
  height : 45px;
  float : right;
  background-image : url(../img/search2-bk.gif);
  background-repeat : no-repeat;
  background-position : center top;
}
.ti-r3{
  width : 340px;
  height : 45px;
  float : right;
  background-image : url(../img/search3-bk.gif);
  background-repeat : no-repeat;
  background-position : center top;
}
.ti-r4-1{
  width : 284px;
  height : 50px;
  float : right;
}
.ti-r4-2{
  width : 372px;
  height : 50px;
  float : right;
}
.ti-r4td1{
  width : 88px;
  height : 50px;
  background-image : url(../img/sbt1b.gif);
  background-repeat : no-repeat;
  background-position : center top;
}
.ti-r4td2{
  width : 88px;
  height : 50px;
  background-image : url(../img/sbt2b.gif);
  background-repeat : no-repeat;
  background-position : center top;
}
.ti-r4td3{
  width : 108px;
  height : 50px;
  background-image : url(../img/sbt3b.gif);
  background-repeat : no-repeat;
  background-position : center top;
}
.ti-r4td4{
  width : 88px;
  height : 50px;
  background-image : url(../img/sbt4b.gif);
  background-repeat : no-repeat;
  background-position : center top;
}
.ti-r5{
  width : 222px;
  height : 50px;
  float : right;
  background-image : url(../img/sbt5b.gif);
  background-repeat : no-repeat;
  background-position : right top;
}
.ti-r5 td{
  width : 222px;
  height : 50px;
}
.ti-r1 a,
.ti-r2 a,
.ti-r3 a,
.ti-r4-1 td a,
.ti-r4-2 td a,
.ti-r5 td a{
  display:block;
}
.ti-r1 a:hover,
.ti-r2 a:hover,
.ti-r3 a:hover,
.ti-r4-1 td a:hover,
.ti-r4-2 td a:hover,
.ti-r5 td a:hover{
  background-color:transparent;
}
.ti-r1 a:hover img,
.ti-r2 a:hover img,
.ti-r3 a:hover img,
.ti-r4-1 td a:hover img,
.ti-r4-2 td a:hover img,
.ti-r5 td a:hover img{
  visibility:hidden;
}
.top-con{
  padding : 0 70px 10px 70px;
  font-size : 80%;
  text-align : left;
  line-height : 1.3;
  clear : both;
}


/* -----------------------------------------------
 コンテンツ
----------------------------------------------- */
.con-box{
  padding-bottom : 20px;
  margin : 0 219px 0 75px;
  clear : both;
}
.con-ti{
  margin : 0 214px 0 70px;
  height : 30px;
  text-align : left;
  background-image : url(../img/tag-bk.gif);
  background-repeat : repeat-x;
  background-position : left top;
  clear : both;
}
.con-ti1{
  margin : 0 214px 0 70px;
  height : 30px;
  font-size : 80%;
  text-align : left;
  line-height : 30px;
  font-weight : bold;
  color : #854f00;
  border-bottom : 2px solid #aacf53;
  clear : both;
}
.con-box1{
  padding-bottom : 20px;
  margin : 0 219px 0 75px;
  list-style-type : none;
  clear : both;
}
.con-box1 li{
  margin : 0 0 0 10px;
  padding : 0px;
  text-align : left;
  font-size : 80%;
  text-align : left;
  line-height : 20px;
  float : left;
}
.sub-box{
  padding-top : 10px;
  padding-bottom : 20px;
  margin : 0 219px 0 75px;
  text-align : left;
  clear : both;
}
.sub-box p{
  line-height : 2.0;
}
.sub-ti{
  margin : 0 214px 0 70px;
  padding-left : 20px;
  height : 30px;
  text-align : left;
  font-size : 80%;
  font-weight : bold;
  text-align : left;
  line-height : 30px;
  background-image : url(../img/sub-ti.gif);
  background-repeat : no-repeat;
  background-position : left top;
}
/* 検索ボタン */
.search-box{
  width : 100%;
}
.search-box1{
  width : 200px;
  text-align : left;
}
.search-box2{
  font-size : 80%;
  text-align : left;
}
.search-in{
  width : auto;
}
.search-in td{
  padding : 2px;
  font-size : 80%;
  text-align : left;
  line-height : 1.5;
}
/* 絞り込み */
.sort-box{
  width : 100%;
}
.sort-l{
  float : left;
}
.sort-l td{
  padding : 2px;
  font-size : 80%;
  text-align : left;
  line-height : 1.5;
}
.sort-r{
  float : right;
}
.sort-r td{
  padding : 2px;
  font-size : 80%;
  text-align : left;
  line-height : 1.5;
}
/* 検索結果 */
.search-list{
  width : 100%;
  clear : both;
}
.search-list table{
  width : 100%;
  text-align : left;
  clear : both;
  border-top : 2px solid #aacf53;
  border-left : 2px solid #aacf53;
  border-right : 2px solid #aacf53;
}
.search-list td{
  padding : 5px;
  border-bottom : 2px solid #aacf53;
}
.slist1{
  width : 15px;
  font-size : 80%;
  color : #854f00;
  font-weight : bold;
  text-align : center;
  background-color : #e5f1cb;
}
.slist2{
  font-size : 80%;
  text-align : left;
  line-height : 1.5;
  vertical-align : top;
}
.slist2 p{
  font-size : 80%;
  font-weight : bold;
  text-align : left;
  line-height : 1.5;
  vertical-align : top;
}
.slist2 p a,
.slist2 p a:link,
.slist2 p a:visited{
  color : #854f00;
  text-decoration : none;
}
.slist2 p a:hover{
  color : #ff0000;
  text-decoration : underline;
}
.slist2 p a:active{}
.slist3{
  width : 150px;
  text-align : center;
  vertical-align : top;
}

/* 詳細表示 */
.detail{
  width : 100%;
  border-top : 2px solid #aacf53;
  border-left : 2px solid #aacf53;
  border-bottom : 1px solid #aacf53;
}
.detail td{
  padding : 5px 20px;
  font-size : 80%;
  text-align : left;
  line-height : 1.3;
  border-right : 2px solid #aacf53;
  border-bottom : 1px solid #aacf53;
}
.detail th{
  padding : 5px 20px;
  font-size : 80%;
  font-weight : bold;
  text-align : left;
  line-height : 1.3;
  color : #854f00;
  background-color : #d4e7a9;
  border-right : 2px solid #aacf53;
  border-bottom : 2px solid #aacf53;
}
.detail1{
  background-color : #eef5dd;
}
.photo{
  width : 100%;
  border-top : 2px solid #aacf53;
  border-left : 2px solid #aacf53;
}
.photo1{
  padding : 20px;
  text-align : left;
  vertical-align : top;
  border-right : 2px solid #aacf53;
  border-bottom : 2px solid #aacf53;
}
.photo2{
  padding : 20px;
  width : 100px;
  text-align : left;
  vertical-align : top;
  border-right : 2px solid #aacf53;
  border-bottom : 2px solid #aacf53;
}
.sousa1{
  text-align : left;
}
.sousa2{
  text-align : left;
}
.sousa3{
  width : 100px;
}
.sousa3 td{
  padding-bottom : 2px;
  width : 100px;
  font-size : 80%;
  text-align : left;
  line-height : 1.5;
}