@charset "shift_jis";
 
/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#09c;
}

a img {
    /* IE */
    filter: alpha(opacity=100);
    /* Safari Opera */
    opacity:1.0;
    /* Firefox Netscape */
    -moz-opacity:1.0;
}

a:hover img {
    /* IE */
    filter: alpha(opacity=65);
    /* Safari Opera */
    opacity:0.65;
    /* Firefox Netscape */
    -moz-opacity:0.65;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

.info {
  margin:10px 0 20px 0;
  height:35px;
  text-align:left;
}

.mail {
  margin:0 10px;
}

.img-2 {
  margin:0 0 10px 0;
}


/* ========TEMPLATE LAYOUT======== */
div#top {
   width:785px;
   margin:0 auto;
   background:url("images/bg_contents_left.gif") 0 0 repeat-y;
}

div#wrapper {
   width:785px;
   background:url("images/bg_contents_right.gif") 100% 0 repeat-y;
}

div#header {
   margin:0 auto;
   width:775px;
   height:85px;
   background:url(images/bg_header.jpg) no-repeat left center;
}

div#pr {
   margin-right:10px;
   padding-top:8px;
   text-align:right;
}

div#logo {
   margin-left:20px;
   height:50px;
   font-size:22px;
   font-weight:bold;
   background:url(images/logo-6.gif) no-repeat right center;
}

div#menuWrapper {
   background:url(images/bg_menuwrapper.gif) no-repeat;
}

div#menu {
   margin:0 auto;
   padding:0;
   width:770px;
   height:40px;
}

div#contents {
   clear:both;
}

div#main {
   margin:0 auto;
   width:734px;
}

div#catch {
   margin-top:10px;
   height:200px;
   background:url(images/img-1.jpg) no-repeat left center;
}

div#catch-wind {
   margin-top:10px;
   height:200px;
   background:url(images/img-1wind.jpg) no-repeat left center;
}

div#catch-in {
   margin-left:320px;
   width:410px;
   line-height:2;
}

div#check {
   background:url(images/img-3.jpg) no-repeat right bottom;
}

div#check-wind {
   background:url(images/img-4.jpg) no-repeat right bottom;
}

div#price {
   margin:0 auto;
   width:700px;
}

div#flow {
   margin:0 auto;
   width:700px;
   background:url(images/bg_flow.jpg) no-repeat right center;
}

div#jirei,div#thanks {
   margin:20px 0;
   margin-left:auto;
   margin-right:auto;
   width:700px;
}

div#mailform {
   margin-bottom:20px;
   text-align:center;
}

div#totop {
   clear:both;
}

div#footmenu,div#about {
   margin:0 auto;
   width:734px;
}

div#footer {
   clear:both;
   width:760px;
   margin:0 auto;
   background:#0082C6 url("images/bg_footer_left.gif") 0 0 no-repeat;
}


/* ========HEADER CUSTOMIZE======== */
div#header #pr h1 {
   margin:0;
   font-size:11px;
}


/* ========MENU CUSTOMIZE======== */
div#menu ul {
   margin:0;
   padding:0;
}

div#menu li {
   float:left;
   font-size:13px;
   text-align:center;
   list-style-type:none;
   border-right:1px solid #ABD1ED;

}

div#menu li a {
   display:block;
   padding:0 18px;
   line-height:40px;
   color:#fff;
   background:#0082C6;
}

div#menu li a:hover {
   color:fff;
   background:#1D97D7;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
   color:#0000ff;
   text-decoration: underline;
}

div#main a:hover {
   color:#9933CC;
}

div#main h2 {
   margin:10px 0 5px 0;
   padding-left:15px;
   font-size:16px;
   font-weight:bold;
   background:url("images/bg_main_h2.gif") 0 50% no-repeat;
}

div#main h3 {
   display:block;
   margin:25px 0;
   padding-left:15px;
   height:35px;
   line-height:35px;
   font-size:16px;
   font-weight:bold;
   background:#f5f5f5;
   border:1px solid #ccc;
}

div#main p {
   font-size:14px;
}

span.h1 {
   font-size:10px;
   line-height:3;
}

span.line_b {
   font-size:16px;
   font-weight:bold;
   background:#f0f8ff;
   letter-spacing:2px;
}

p.tekisetu {
  display:block;
  margin:20px 0;
  padding:10px 15px;
  color:#0099cc;
  background:#dbe9f6;
  font-size:15px;
  font-weight:bold;
}



/* ========CHECK CONTENTS CUSTOMIZE======== */
div#check ul {
  margin:0;
  padding:0;
} 

div#check li {
   margin-left:20px;
   list-style:none;
   height:40px;
   line-height:40px;
   background:url(images/check.gif) no-repeat left center;
   text-indent:35px;
   font-weight:bold;
}


/* ========CHECK-WIND CONTENTS CUSTOMIZE======== */
div#check-wind ul {
  margin:0;
  padding:0;
} 

div#check-wind  li {
   margin-left:20px;
   list-style:none;
   height:40px;
   line-height:40px;
   background:url(images/check.gif) no-repeat left center;
   text-indent:35px;
   font-weight:bold;
}


/* ========PRICE CONTENTS CUSTOMIZE======== */
div#price table {
  border-collapse:collapse;
  border:1px solid #fc0;
  width:700px;
  margin:10px 0 15px 0;
  font-size:14px;
}

div#price th {
  padding:3px 20px;
  color:#996600;
  background:#feeca6;
  border:1px solid #fc0;
  font-size:15px;
  text-align:center;
}

div#price td {
  padding:3px 20px; 
  background:#fffff3;
  font-weight:bold;
  border:1px solid #fc0;
  text-align:center;
}

div#price ul {
  margin:0;
  padding:0;
}

div#price li {
  list-style:none;
  font-size:12px;
}

span.chuu {
	font-size: 10px;
	color: #ff0000;
}


/* ========JIREI CONTENTS CUSTOMIZE======== */
div#jirei ul {
  margin:10px 0;
  padding:0;
}

div#jirei li {
  margin:5px 0;
  list-style:inside circle;
  color:#666666;
  font-size:14px;
}

div#jirei h4 {
  background:url(images/kochira1.gif) 0 45% no-repeat;
  font-size:16px;
  font-weight:bold;
  text-indent:15px;
}


/* ========FLOW CUSTOMIZE======== */
div#flow ul {
  margin:0;
  padding:0;
}

div#flow li {
  margin:0;
  padding:0;
  list-style:none;
  font-size:14px;
  height:55px;
  line-height:40px;
  text-indent:240px;
}

div#flow .flow-1 {
  background:url(images/flow-1.gif) no-repeat left center;
}

div#flow .flow-2 {
  background:url(images/flow-2.gif) no-repeat left center;
}

div#flow .flow-3 {
  background:url(images/flow-3.gif) no-repeat left center;
}

div#flow .flow-4 {
  background:url(images/flow-4.gif) no-repeat left center;
}

div#flow .flow-5 {
  background:url(images/flow-5.gif) no-repeat left center;
}


/* ========COMPANY CONTENTS CUSTOMIZE======== */
div#company table {
  border-collapse:collapse;
  width:700px;
  margin:0 0 20px 0;
  margin-left:auto;
  margin-right:auto;
  border:1px solid #fc0;
  font-size:14px;
}

div#company th {
  width:180px;
  white-space:nowrap;
  padding:10px 0;
  color:#996600;
  background:#feeca6;
  border:1px solid #fc0;
  text-align:center;
}

div#company td {
  padding:10px 25px;
  background:#fffff9;
  border:1px solid #fc0;
  text-align:left;
}

/* ========MAILFORM CONTENTS CUSTOMIZE======== */
div#mailform table {
  border-collapse:collapse;
  width:700px;
  margin:0 0 20px 0;
  margin-left:auto;
  margin-right:auto;
  border:1px solid #fc0;
  font-size:14px;
}

div#mailform th {
  width:180px;
  white-space:nowrap;
  padding:10px 0;
  color:#996600;
  background:#feeca6;
  border:1px solid #fc0;
  text-align:center;
}

div#mailform td {
  padding:10px 25px;
  background:#fffff9;
  border:1px solid #fc0;
  text-align:left;
}

div#mailform input {
  margin:3px 0;
}

div#mailform td span {
	color: #CC0000;
	font-size: 14px;
}

span.form {
  display:block;
  margin-bottom:15px;
  color:#f30;
  font-size:16px;
  font-weight:bold;
}

span.error {
  display:block;
  margin-bottom:10px;
  color:#f30;
}


/* ========TOTOP CUSTOMIZE========= */
div#totop {
   margin:10px 0;
   text-align:right;
}

div#totop a {
   padding-left:10px;
   color:#09c;
   background:url("images/bg_totop.gif") 0 55% no-repeat;
   font-size:11px;
   text-decoration:none;
}

div#totop a:hover {
   color:#666666;
   text-decoration:underline;
}


/* ========FOOTMENU CUSTOMIZE======== */
div#footmenu ul {
   margin:0 0 10px 0;
   padding:5px 0;
   text-align:right;
   border-top:1px dotted #666;
   border-bottom:1px dotted #666;
}

div#footmenu li {
   display:inline;
   margin:0 0 0 10px;
   font-size:11px;
   list-style:none;
}

div#footmenu li a {
   padding-left:12px;
   background: url("images/bg_footmenu.gif") 0 50% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
div#about p {
   margin:5px 0;
   padding:0;
   font-size:10px;
   line-height:1.5;  
}

div#about h4 {
   margin:0;
   padding:0;
   font-size:12px;
}

div#footer a {
   text-decoration:none;
   color:#fff;
}

div#footer a:hover {
   text-decoration:underline;
}

address {
   padding:10px 0;
   font-style:normal;
   font-size:12px;
   color:#fff;
   text-align:center;
   background:url("images/bg_footer_right.gif") 100% 0 no-repeat;
}


/* ========AREA CUSTOMIZE======== */
div#area_waku table {
  border-collapse:collapse;
  border:1px solid #fc0;
  margin:8px 0 10px 0;
  margin-left:auto;
  margin-right:auto;
  width:700px;
  font-size:14px;
}

div#area_waku th {
  padding:8px 0;
  white-space:nowrap;
  width:180px;
  color:#996600;
  background:#feeca6;
  border:1px solid #fc0;
  text-align:center;
}

div#area_waku td {
  padding:8px 20px;
  background:#fffff9;
  border:1px solid #fc0;
}

div#area_waku span {
  display:block;
  margin-top:20px;
  color:#0082C6;
  font-size:15px;
  font-weight:bold;
  letter-spacing:2px;
  text-indent:15px;
}


/* ========TOPPAGE LINK======== */
div#toplink {
  margin:0 0 20px 0;
  padding:0;
}

div#toplink p {
  margin:0;
  padding:0;
  text-align:left;
  font-size:12px;
}

div#toplink table {
  border-collapse:separate;
  margin:0;
  padding:0;
  width:735px;
  border:0;
}

div#toplink td {
  padding:5px 15px;
  font-size:12px;
  line-height:1.5;
  background:#f7f6f5;
  font-weight:normal;
  border:0;
}


/* ========STAFF CONTENTS CUSTOMIZE======== */
div#staff {
  margin:0;
  padding:0;
}

div#staff table {
  margin:0 auto;
  padding:0;
  width:600px;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:15px;
}

div#staff th {
  text-align:center;
}

div#staff th.back {
  font-size:14px;
  background:#f0f8ff;
}

div#staff td {
  padding:2px 5px;
  border:1px dotted #009ED9;
  text-align:left;
  font-size:13px;
  letter-spacing:0px;
}