@charset "utf-8";
body {
  color: #333333;
  font-family: sans-serif;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: #F8F8FF url(images/body_bk.gif);
  line-height: 1;
}
*html body {
  /* for WinIE6 */
font-size: 75%;
  font-family: Verdana, "MS P ゴシック", sans-serif;
}
*:first-child+html body {
  /* for WinIE7 */
font-size: 75%;
  font-family: 'メイリオ', Meiryo, sans-serif;
}
#container {
  background: #FFFFFF;
  width: 800px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  margin-left: auto;
  border-left: 1px solid #CCCCCC;
  margin-right: auto;
  text-align: left;
  margin-top: 0px;
}
.magin0 {
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  font-size: 14px;
}
* {
  margin: 0px;
  padding: 0px;
  float: none;
}
#container #left #sc-100 {
  width: 400px;
  margin: 0px auto;
}
#container #navi-02 {
  clear: both;
  text-align: center;
  margin-bottom: 10px;
}
#container #footer {
  text-align: center;
  background: #AEE0DD;
  margin-bottom: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#container #left #update {
  text-align: right;
  padding-right: 1em;
  margin-top: 15px;
  margin-bottom: 5px;
}
#container #left ul {
  list-style: url(images/pin.gif);
  line-height: 1.3em;
  padding: 0px 0px 0px 17px;
  width: 400px;
  margin: 5px auto;
}
#container #header {
  text-align: right;
  padding-right: 5px;
  padding-top: 5px;
  margin-bottom: 4px;
}
#container #header p { font-size: 1em; }
#container #header p a { text-decoration: none; }
#container #navi-02 p a { text-decoration: none; }
#container #header p a:hover { text-decoration: none; }
#container #navi-02 a:hover { text-decoration: none; }
#container #titlebnr h3 { margin: 0px; }
#container #header2 h3 {
  position: absolute;
  font-size: 18px;
  top: 35px;
  left: 220px;
  line-height: 1.4em;
  margin: 0px;
  color: #666666;
}
#container #navi-01 li {
  list-style: none;
  margin: 0px 2px 0px 0px;
  padding: 0px;
  height: 30px;
  width: 130px;
  float: left;
}
#container #navi-01 ul {
  margin: 0px 0px 0px 5px;
  padding: 0px;
}
#container #navi-01 a {
  display: block;
  text-align: center;
  background: url(images/botan.gif) no-repeat 0px 0px;
  width: 130px;
  height: 30px;
  text-decoration: none;
  font-size: 14px;
  color: #333333;
  line-height: 30px;
  font-weight: bold;
}
#container #navi-01 a:hover {
  background: url(images/botan.gif) no-repeat 0px -30px;
  line-height: 33px;
  text-indent: 2px;
}
#container #left {
  float: left;
  padding: 15px 0px 0px;
  margin: 0px 0px 20px;
  width: 460px;
  clear: right;
}
#container #right {
  float: right;
  text-align: center;
  width: 340px;
  padding-top: 10px;
  height: 500px;
}
.direct a:hover { }
.design {
  border-collapse: collapse;
  border: 1px solid #999999;
}
.design2 {
  border-collapse: collapse;
  border: 1px solid #CCCCCC;
}
#container #main #contact .design2 td { padding: 3px; }
#container #main #qa {
  width: 564px;
  margin: 30px auto 20px;
}
.method {
  width: 270px;
  float: left;
  padding-bottom: 5px;
  padding-top: 4px;
  margin-left: 4px;
  line-height: 1.3em;
}
.method2 {
  padding-bottom: 5px;
  padding-top: 4px;
  float: right;
  width: 270px;
  margin-right: 10px;
  line-height: 1.3em;
}
#container #main #qa .center02 .design td {
  padding: 5px;
  font-size: 1.1em;
  text-align: right;
}
#container #main #qa .center02 .design {
  width: 350px;
  table-layout: fixed;
}
.picture {
  margin-right: auto;
  margin-left: auto;
  clear: both;
}
#container #main #qa hr {
  width: 540px;
  margin-right: auto;
  margin-left: auto;
  color: #B0C4DE;
  background: #B0C4DE;
  text-align: center;
  height: 4px;
}
.left01 {
  width: 520px;
  font-size: 1.2em;
  line-height: 1.4em;
  margin-bottom: 10px;
  margin-left: 35px;
}
.left {
  width: 400px;
  height: 256px;
  margin-left: 8px;
  float: left;
}
.right {
  text-align: left;
  margin-top: 1%;
  line-height: 1.6em;
  margin-right: 8px;
  float: right;
  width: 45%;
  color: #AE9348;
}


.q {
  font-size: 1.1em;
  width: 520px;
  margin: 10px auto;
  clear: both;
}
.a {
  width: 490px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  font-size: 1.1em;
  line-height: 1.3em;
}
.top {
  text-align: right;
  padding-right: 15px;
  clear: both;
  margin-bottom: 10px;
}
.dot {
  color: #009933;
  font-size: 1.1em;
}
.q2 {
  color: #FFFFFF;
  background: #009933;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 5px;
}
#container #info {
  clear: both;
  background: #A2D59C;
  width: 430px;
  border-left: 8px double #666666;
  text-indent: 8px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2px;
  padding-bottom: 2px;
}
#container #hello {
  padding-left: 10px;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#container #right .magin0 img { margin-top: 10px; }
#container #hello p { margin: 0px; }
#container #logo {
  height: 55px;
  width: 178px;
  position: relative;
  left: 15px;
  top: 10px;
}
#container #header2 #logo a:hover { background: #FFFFFF; }
#container #header2 {
  background: url(images/back.jpg) no-repeat;
  height: 120px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  position: relative;
}
#container #navi-01 {
  text-align: center;
  margin: 0px;
  padding: 0px;
  width: 800px;
  height: 30px;
}
#container #left-02 {
  width: 460px;
  margin: 30px 0px 0px;
}
#container #topic_path {
  padding-left: 10px;
  margin-top: 8px;
}
.word01 {
  color: #FF0000;
  font-size: 1em;
  line-height: 1.6em;
}
.word02 {
  margin-bottom: 15px;
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 10px;
  text-align: center;
}
.word03 {
  margin-bottom: 15px;
  margin-right: 10px;
  font-size: 0.9em;
}
.word04 {
  clear: both;
  letter-spacing: 0.5em;
  font-size: 1.2em;
  text-align: center;
  margin-bottom: 15px;
  font-weight: bold;
  margin-top: 15px;
}
.word05 {
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 10px;
  text-align: center;
  margin-top: 40px;
}
.word06 { color: #FF0000; }
#container #main #profile {
  line-height: 1.5em;
  font-size: 1.3em;
  border: 1px solid #CCCCCC;
  margin: 50px auto 200px;
  width: 550px;
  background: #F8F8FF;
}
#container #main #profile #leftarea { float: left; }
#container #main #profile #rightarea { float: right; }
.method3 {
  width: 420px;
  padding-bottom: 5px;
  padding-top: 1px;
  margin-right: auto;
  margin-left: auto;
}
.center01 {
  text-align: center;
  clear: both;
  margin: 15px auto;
}
.center02 {
  text-align: center;
  width: 350px;
  margin: 15px auto;
}
.center03 {
  text-align: center;
  font-size: 1.1em;
  margin: 20px auto 30px;
}
.center04 {
  text-align: center;
  width: 350px;
  margin: 15px auto;
  line-height: 1.3em;
}
.center05 {
  width: 420px;
  margin: 15px auto;
  height: 250px;
}
.center06 {
  text-align: center;
  margin-bottom: 1px;
}
.center07 { }

.picture2 { clear: both; }
#container #main #map {
  margin: 20px auto;
  width: 500px;
}
a:link { color: #007641; }
a:visited { color: #0066CC; }
a:hover { color: #00CC00; }
#container #main #contact_form {
  width: 555px;
  margin: 20px auto;
}
#container #main #contact_form .design2 td {
  padding-left: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
}
#container #main #contact { margin-top: 30px; }
#container #main #job { margin-top: 30px; }
#container #main #left_area {
  float: left;
  width: 250px;
}
#container #main #middle_area {
  float: left;
  width: 250px;
}
#container #main #right_area {
  float: right;
  width: 250px;
}
.pruducts_word {
  padding-left: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  clear: both;
  border-left: 15px solid #009900;
  border-top: 1px solid #009900;
  border-right: 1px solid #009900;
  border-bottom: 1px solid #009900;
}
.pruducts_word2 {
  padding-right: 6px;
  margin-top: 10px;
  line-height: 1.4em;
  float: right;
  padding-left: 6px;
  width: 155px;
}
#container #main #products_main {
  width: 756px;
  height: 500px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}
#container #main #products_right {
  float: right;
  width: 503px;
}
#container #main #products_main .pruducts_word2 a { text-decoration: none; }
.word07 {
  font-size: 1.1em;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.8em;
}
.word10 {
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 20px;
}
.word08 {
  font-size: 0.8em;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #FF0000;
}
.word09 {
  margin-bottom: 8px;
  border: 1px solid #009900;
  padding-top: 2px;
  padding-bottom: 2px;
  text-indent: 5px;
  background: #f8f8ff;
}
.word11 {
  margin-bottom: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 550px;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.2em;
  line-height: 1.4em;
}
.word12 {
  width: 500px;
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 70px auto 230px;
}

.product { margin-top: 30px; }
.product_c { height: 270px; }
#container #main #mini { margin-top: 30px; }
#container #main #gc { margin-top: 30px; }
.TopicPath { list-style: none; 
}
.TopicPath li { display: inline; }
.TopicPath li a { margin-right: 5px; }
#container #main #staple { margin-top: 30px; }
.Staple_Pic { list-style: none; }
.Staple_Pic li { display: inline; }
.Staple_Pic li img {
  margin-right: 10px;
  margin-left: 10px;
  vertical-align: middle;
}
td { padding: 6px; }
#container #main #map table td {
  padding: 2px;
  text-align: center;
}
#container #main #staple td { width: 150px; }
th {
  padding: 6px;
  text-align: center;
}
#container #main #takka { margin-top: 30px; }
.takka {
  width: 65%;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  line-height: 1.4em;
  font-size: 1.2em;
}
.center07 {
  width: 770px;
  text-align: center;
  padding-top: 15px;
  margin-right: auto;
  margin-left: auto;
  border-top: 3px #CCCCCC;
  border-right: 3px #CCCCCC;
  border-bottom: 3px #CCCCCC;
  border-left: 3px #CCCCCC;
}
#container #main #desktop { margin-top: 30px; }
.job3 {
  margin-top: 320px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.3em;
}
#container #main #answer { margin-top: 30px; }
.line_height { line-height: 1.3em; }
.buynow {
  height: 45px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  width: 90px;
}
.buynow a {
  background: url(products/images/direct.jpg) no-repeat;
  display: block;
  height: 45px;
}
.buynow a:hover { background: url(products/images/direct.jpg) no-repeat 0px -45px; }
.buynow2 {
  height: 45px;
  margin-right: auto;
  margin-left: auto;
  width: 90px;
}
.buynow2 a {
  background: url(products/images/direct.jpg) no-repeat;
  display: block;
  height: 45px;
}
.buynow2 a:hover { background: url(products/images/direct.jpg) no-repeat 0px -45px; }
.word07 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.4em;
  text-align: left;
  width: 450px;
  margin: 10px auto 0px;
  letter-spacing: 0.05em;
}
.center08 {
  text-align: left;
  margin-left: 50%;
  margin-top: 7px;
  color: #333333;
}
.word13 { line-height: 1.5em; 
}
.word14 { color: #CC3300; }
.word15 {
  font-weight: bold;
  color: #A28742;
  font-size: 1.4em;
}
.space { clear: both; }
select { background: #FFFFFF; }
#container #main #Reservation_form input { background: #E7DDC2; 
}

#container #main #Reservation_form {
  width: 550px;
  margin: 20px auto;
}
#container  #main  #Reservation_form  select { background: #E7DDC2; }
#container #main #Reservation_form textarea { background: #E7DDC2; }
#container #main #Reservation { margin-top: 30px; }
.reserve_word {
  line-height: 1.5em;
  font-size: 1.1em;
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  width: 500px;
  white-space: nowrap;
}
.word17 {
  width: 500px;
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 70px auto 230px;
  text-align: center;
}
.top_info { font-weight: bold; }
.large { font-size: 24px; }