@charset "Shift_JIS";

/*  Inpage Common
-----------------------------------------------------------------------------*/
#title { background: url(../../img/bg_h3.gif) repeat-x left top; }

#pankuz {
  color: #3a3119;
  padding: 35px 32px 0 0;
  float: right;
}

#main_in {
  margin: 35px auto 0;
  width: 650px;
}

/*  Area
-----------------------------------------------------------------------------*/
#area_map {
  border-bottom: solid 1px #a39385;
  height: 590px;
  background: url(../../area/imgmap.gif) no-repeat 70px 40px;
}

#area_map {
  border-bottom: solid 1px #a39385;
  height: 590px;
  background: url(../../area/img/map.gif) no-repeat 70px 40px;
}

#area_map p { padding: 30px 0 0 48px; }

#area_map p.ttxt {
  font-weight: bold;
  color: #484744;
  padding-top: 60px;
}

#area_map p.ttxt img { margin-bottom: 5px; }

#area_graph {
  margin: 0 auto;
  padding: 35px 40px 35px 0;
  width: 580px;
}

/*#area_graph dl.fl { padding-left: 4px; }*/
#area_graph .dl01 { margin-right: 30px; }
#area_graph dt { display: inline; }

#area_graph dl.fl a {
  margin-top: 20px;
  display: block;
}

#area_graph dd {
  text-align: center;
  padding-top: 10px;
}

#tenkai_reki {
  margin: 0 auto;
  width: 620px;
  clear: both;
}

#tenkai_reki dl {
  zoom: 100%;
  padding: 2px 10px 2px 0;
  border-bottom: dotted 1px #777060;
  clear: both;
}

#tenkai_reki dl:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#tenkai_reki dt {
  color: #fff;
  padding: 5px;
  background: #3c311a;
  float: left;
}

#tenkai_reki dd {
  padding: 4px 0;
  width: 528px;
  float: right;
}

#tenkai_reki h5 {
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin: 8px 0;
  padding: 6px 0;
  background: #b18545;
  clear: both;
}

#tenkai_reki .point {
  font-weight: bold;
  color: #c43a0f;
}

/* Popup */
#area_pop {
  text-align: center;
  margin: 0 auto;
  width: 660px;
}

#area_pop p {
  font-size: 12px;
  padding: 10px 0;
  border-top: solid 1px #d1d1d1;
}

#area_pop p a {
  color: #1472c9;
  text-decoration: none;
}

/*-----------------------------------------------------------------------------
  problem common ( hinshitu / keihi / speed )
-----------------------------------------------------------------------------*/
#problem h4 { margin-bottom: 20px; }

#problem .about_tatamis {
  font-size: 14px;
  margin: 0 auto 22px;
  width: 615px;
}

#problem h5 {
  margin-bottom: 35px;
  clear: both;
}

#problem .contents {
  margin: 0 auto;
  width: 620px;
  clear: both;
}

#problem .contents:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#problem .ftlink {
  padding-top: 20px;
  border-top: solid 1px #a8a191;
}

#problem .ftlink ul {
  zoom: 100%;
  padding: 12px 13px 12px 14px;
  border: solid 1px #c4b591;
  background: #e7e1d0;
}

#problem .ftlink li.left {
  width: 204px;
  float: left;
}

#problem .ftlink li.center {
  text-align: center;
  border-left: solid 1px #a8a191;
  border-right: solid 1px #a8a191;
  width: 209px;
  float: left;
}

#problem .ftlink li.right {
  text-align: right;
  width: 204px;
  float: left;
}

#problem .ftlink img {
  border-top: solid 1px #8E846C;
  border-bottom: solid 1px #8E846C;
}

/*    hinshitu    */
#hinshitu01 {
  zoom: 100%;
  padding-bottom: 30px;
}

#hinshitu01 { background: url(../../hinshitu/img/p01.gif) no-repeat 15px 0; }

#hinshitu01 .fr {
  width: 372px;
  background: url(../../hinshitu/img/frame_bottom.gif) no-repeat left bottom;
}

#hinshitu01 .fr .frame01 {
  padding: 15px 16px 0 16px;
  background: url(../../hinshitu/img/frame_top.gif) no-repeat;
}

#hinshitu01 .fr .frame01 li {
  font-size: 14px;
  padding: 0 0 5px 20px;
  background: url(../../hinshitu/img/listicon.gif) no-repeat 0 3px;
}

#hinshitu01 .fr .frame02 {
  font-size: 14px;
  padding: 62px 16px 16px 16px;
  background: url(../../hinshitu/img/frame_arrow.gif) no-repeat;
}

#hinshitu01 .fr .frame02 p {
  margin-top: 15px;
  padding: 10px;
  background: #fcdbcb;
}

#hinshitu02 {
  padding-bottom: 30px;
  background: url(../../hinshitu/img/p02.gif) no-repeat right center;
}

#hinshitu02 ul { margin: 15px 0; }

#hinshitu02 li {
  padding: 0 0 5px 20px;
  background: url(../../hinshitu/img/listicon.gif) no-repeat 0 3px;
}

/*    keihi    */
#keihi01 h6, #keihi02 h6 { margin-bottom: 25px; }
#problem .point_cont { padding-bottom: 50px; }

#keihi01 {
  zoom: 100%;
  padding-bottom: 34px;
  background: url(../../keihi/img/p01.gif) no-repeat 6px 0;
}

#keihi01 .fr {
  font-size: 14px;
  padding: 20px 0;
  width: 372px;
}

#keihi01 .fr .kekka {
  font-weight: bold;
  color: #16478a;
}

#keihi02 p {
  padding: 7px 257px 70px 0;
  background: url(../../keihi/img/p02.gif) no-repeat right top;
}

/*    speed    */
#speed01 h6 { margin-bottom: 24px; }
#speed01 ul { margin: 20px 0 55px; }

#speed01 li {
  padding: 8px 0 5px 33px;
  background: url(../../hinshitu/img/listicon.gif) no-repeat 12px 11px;
}

#speed01 li.border { border-bottom: solid 1px #8e846c; }
#speed02 { padding-bottom: 30px; }
#speed02 p { margin-bottom: 30px; }

#speed03 h6 { margin-bottom: 24px; }
#speed03 ul { margin: 20px 0 20px; }

#speed03 li {
  padding: 8px 0 5px 33px;
  background: url(../../hinshitu/img/listicon.gif) no-repeat 12px 11px;
}

#speed03 li.border { border-bottom: solid 1px #8e846c; }
#speed03 iframe{
	margin-bottom: 5px;
}
#speed03 .movie_content{
	margin: 0px auto 30px;
	width: 414px;
}
/*  privacy
-----------------------------------------------------------------------------*/
#privacy {
  margin: 0 auto;
  width: 620px;
}

#privacy h4 {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  line-height: 16px;
  margin-bottom: 20px;
  padding: 14px 20px;
  background: url(../../privacy/img/catchbase.gif) no-repeat;
}

#privacy .policy dt {
  font-size: 14px;
  font-weight: bold;
  color: #4f4215;
  padding: 13px 0 5px;
}

#privacy .policy dd {
  padding-bottom: 10px;
  border-bottom: dotted 1px #7e7255;
}

#privacy .address { margin-top: 15px; }

#privacy .address dt {
  width: 145px;
  background: #523d23;
  float: left;
}

#privacy .address dd {
  width: 475px;
  background: #ddd5c2;
  float: right;
}

#privacy .address p { padding: 10px; }
#privacy .address dt p { color: #fff; }

/*  lineup index
-----------------------------------------------------------------------------*/
#lineup { ; }

#lineup h4 {
  margin-bottom: 35px;
  clear: both;
}

#lineup .list {
  zoom: 100%;
  padding-bottom: 40px;
}

#lineup .list ul {
  zoom: 100%;
  padding-bottom: 8px;
  clear: both;
}

#lineup .list li { width: 212px; }

#lineup .list li.center {
  text-align: center;
  width: 226px;
}

#lineup .listbg { background: url(../../lineup/img/p01.gif) no-repeat right top; }

#lineup .cont {
  margin: 0 auto;
  width: 620px;
}

#lineup .cont h5 { margin-bottom: 30px; }

#lineup .cont .txtarea1 {
  zoom: 100%;
  margin: 0 auto;
  padding-bottom: 50px;
  width: 578px;
  background: url(../../lineup/img/p02.jpg) no-repeat;
}

#lineup .cont .txtarea1 .fr { width: 350px; }
#lineup .cont .txtarea1 li.txt10 { margin-top: 27px; }

#lineup .cont .txtarea2 {
  margin: 0 0 30px 17px;
  padding: 15px 240px 115px 0;
  background: url(../../lineup/img/p03.jpg) no-repeat right top;
  clear: both;
}

/*  lineup pop
-----------------------------------------------------------------------------*/
#lineuppop {
  margin: 0 auto;
  width: 420px;
  background: #f0eadb;
}

#lineuppop h1 {
  margin: 0;
  padding: 0;
}

#lineuppop #mainbase {
  padding: 20px 0;
  background: #fff;
}

#lineuppop #mainbase h2 {
  font-size: 12px;
  font-weight: normal;
  color: #ca570a;
  line-height: 17px;
  text-align: center;
  margin-bottom: 14px;
}

#lineuppop #mainbase .txtaria {
  margin: 25px auto 0;
  width: 385px;
}

#lineuppop .close {
  text-align: center;
  padding: 10px 0;
}

/*  voice
-----------------------------------------------------------------------------*/
.voice_base {
  zoom: 100%;
  margin-bottom: 30px;
  padding: 0 15px 30px 15px;
  border-bottom: solid 2px #7f704e;
  clear: both;
}
.voice_base.bottom {
  margin-bottom: 10px;
}
.voice_base:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

.voice_base .fr { width: 450px; }

.voice_base h4 {
  font-size: 14px;
  color: #993f0e;
  line-height: 20px;
  margin-bottom: 15px;
}

.voice_base .data {
  text-align: right;
  margin-top: 20px;
  padding-top: 10px;
  border-top: dotted 1px #7f704e;
}

.voice_base .data a {
  padding-left: 15px;
  background: url(../../voice/img/icon.gif) no-repeat left center;
}

.caution_txt {
  text-align: right;
  font-size: 11px;
}

/*  Company
-----------------------------------------------------------------------------*/
#company_greet {
  margin: 25px auto 0;
  width: 620px;
}

#company_greet div {
  padding-bottom: 20px;
  width: 415px;
  float: right;
}

#company_greet p { padding-bottom: 20px; }

#company {
  margin: 0 auto;
  width: 620px;
}

#company table {
  margin: 25px 0 40px;
  border-collapse: collapse;
  width: 620px;
}

#company th {
  color: #3e331a;
  padding: 3px;
  border: 1px solid #898374;
  width: 15%;
  background: #ead9b3;
}

#company td {
  padding: 8px;
  border: 1px solid #898374;
}

#company ul { padding: 5px 0 35px; }

#company li {
  padding: 7px 10px;
  border-bottom: dotted 1px #777060;
}

#company div { padding: 12px 10px 35px; }

/*  About
-----------------------------------------------------------------------------*/
#about_cnt01 {
  margin: 25px auto 40px;
  width: 620px;
}

#about_cnt01 p {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 25px;
}

#about_cnt01 p span {
  font-weight: bold;
  color: #ab390d;
}

#about_cnt01 dl { padding-top: 8px; }

#about_cnt01 dd {
  border-bottom: 1px solid #847a60;
  border-left: 1px solid #847a60;
  border-right: 1px solid #847a60;
  background: #F9F7F1;
}

#about_cnt01 dd .come {
  font-size: 10px;
  line-height: 14px;
  padding: 0 10px 10px 180px;
}

#about_cnt01 dd#about_cnt0102 {
  padding: 30px 0 30px 125px;
  background: #f9f7f1 url(../../about/img/cnt0102_p.gif) no-repeat left top;
}

#about_cnt02 {
  margin: 20px auto 0;
  width: 620px;
}

#about_cnt02 dl {
  margin-top: 5px;
  padding: 12px 25px 15px 215px;
  border: 1px solid #847a60;
}

#about_cnt0201 { background: #f9f7f1 url(../../about/img/cnt0201_p.gif) no-repeat left top; }
#about_cnt0202 { background: #f9f7f1 url(../../about/img/cnt0202_p.gif) no-repeat left top; }
#about_cnt0203 { background: #f9f7f1 url(../../about/img/cnt0203_p.gif) no-repeat left center; }
#about_cnt02 dt { margin-bottom: 10px; }

#about_cnt02 dd {
  font-size: 12px;
  line-height: 16px;
  padding-top: 5px;
}

#about_cnt02 dd p {
  font-weight: bold;
  color: #ab390d;
  text-align: right;
  padding: 12px 0 5px;
}

/*  campaign
-----------------------------------------------------------------------------*/
#campaign .catch { margin-bottom: 30px; }

#campaign .w620 {
  margin: 20px auto 0;
  width: 620px;
}

#campaign .tokuten {
  margin-bottom: 20px;
  border: solid 1px #faf9f4;
  background: url(../../campaign/img/nobg.gif) repeat-x left top #faf9f4;
}

#campaign .tokuten li { padding: 12px 18px 13px 68px; }
#campaign .tokuten li.no1 { background: url(../../campaign/img/no01.gif) no-repeat left top; }
#campaign .tokuten li.no2 { background: url(../../campaign/img/no02.gif) no-repeat left top; }
#campaign .tokuten li.no3 { background: url(../../campaign/img/no03.gif) no-repeat left top; }
#campaign .tokuten li.no3 img { margin: 20px 0 3px; }
#campaign .attention { margin-top: 20px; }

#campaign .attention dt {
  font-weight: bold;
  color: #ab390d;
}

#campaign .attention dd {
  font-size: 10px;
  line-height: 14px;
  margin-bottom: 5px;
}

#campaign .attention dd .txt_b { font-size: 12px; }

/*  okayama
-----------------------------------------------------------------------------*/
#okayama #catch {
  font-size: 14px;
  font-weight: bold;
  color: #666;
  text-align: center;
  padding: 20px;
  background: #fff;
}

#okayama #catch span { color: #e00; }

#okayama #merit {
  margin: 20px 0 40px;
  padding: 20px;
  border: solid 2px #c4b591;
  background: url(../../okayama/img/bg.jpg) no-repeat left bottom #fbf7ed;
}

#okayama #merit h4 {
  font-size: 16px;
  font-weight: bold;
  color: #a04d37;
  text-align: center;
  padding: 0 0 15px;
  border-bottom: solid 2px #cfc7b4;
}

#okayama #merit dl {
  font-size: 14px;
  position: relative;
}

#okayama #merit dt {
  font-weight: bold;
  padding: 15px 0 0;
  position: absolute;
}

#okayama #merit dd {
  padding: 15px 0 13px 80px;
  border-bottom: dotted 1px #ac9581;
}

#okayama #merit p { padding: 15px 0 0; }
#okayama #type { padding: 0 0 40px; }

#okayama #type ul {
  margin: 0 auto;
  width: 640px;
}

#okayama #type ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#okayama #type p span {
  font-weight: bold;
  color: #a04d37;
  padding: 0 5px 0 20px;
}

#okayama #type p {
  font-size: 14px;
  padding: 20px 0 10px;
}

#okayama #type li {
  text-align: center;
  border-left: solid 20px #f0eadb;
  border-right: solid 20px #f0eadb;
  width: 280px;
  float: left;
}

#okayama #type li p {
  font-size: 12px;
  font-weight: normal;
  padding: 10px 0;
  border-bottom: solid 1px #e0d9c8;
  background: #fbf7ed;
}

#okayama #company_info {
  margin: 0 auto;
  width: 620px;
}

#okayama #company_info table {
  margin: 25px 0 60px;
  border-collapse: collapse;
  width: 620px;
}

#okayama #company_info th {
  color: #3e331a;
  padding: 3px;
  border: 1px solid #898374;
  width: 15%;
  background: #ead9b3;
}

#okayama #company_info td {
  padding: 8px;
  border: 1px solid #898374;
}

#okayama #example p {
  color: #5c4b24;
  margin: 0 auto;
  padding: 10px 0;
  border-bottom: solid 2px #5c4b24;
  width: 610px;
  clear: both;
}

#okayama #example { padding: 10px 0 40px; }
#okayama #example ul { width: 650px; }

#okayama #example ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#okayama #example li {
  border-top: solid 15px #f0eadb;
  border-bottom: solid 20px #f0eadb;
  border-left: solid 20px #f0eadb;
  width: 190px;
  float: left;
}

#okayama #rental { padding: 20px 20px 60px; }

#okayama #rental .fl p {
  padding: 20px;
  border: solid 1px #ccc;
  width: 378px;
  background: #fff;
}

#okayama #rental .fl p strong { color: #e00; }

#okayama #rental .fl span {
  color: #999;
  padding: 10px 0 0;
  display: block;
}

#okayama #rental .fl dl {
  padding: 15px 0 30px;
  width: 420px;
}

#okayama #rental .fl dl:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#okayama #rental .fl dt { float: left; }

#okayama #rental .fl dd {
  border-top: solid 20px #f0eadb;
  width: 260px;
  float: right;
}

#okayama #rental .cb h5 {
  text-align: center;
  padding: 30px 0 20px;
  border-top: solid 1px #c4b591;
}

#okayama #gmaps { padding: 20px 20px 60px; }

#okayama #gmaps p {
  text-align: center;
  padding: 20px 0 0;
}

#okayama #link { padding: 20px 0 40px; }

#okayama #link ul {
  margin: 0 auto;
  width: 640px;
}

#okayama #link ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#okayama #link li {
  border-left: solid 20px #f0eadb;
  border-right: solid 20px #f0eadb;
  width: 280px;
  float: left;
}

#okayama #link li p { padding: 10px 0 0; }