@charset "utf-8";

/*--------------------------------------------------
Theme Name: mmc
Theme URI: http://junk-okinawa.com/
Description: mmcモトブマリンクラブ
Version: 1.0
Author: A.T 有限会社　ジュンク
--------------------------------------------------*/

@import url(default.css);
@import url(common.css);

body {
    background-color:#c1d9fb;
}

ol ,
ul {
  list-style-position:outside;
}

ol li {
  margin-left:2em;
  margin-bottom:0.5em;
  list-style-type:decimal;
}

ul li {
  margin-left:2em;
  list-style-type:disc;
}

h1 {
  font-size:180%;
  font-weight:bold;
  text-align:center;
}

h3 {
  font-weight:bold;
}

#header {
  margin:auto;
  width:900px;
  position:relative;
  background:url(images/header.jpg) no-repeat;
}

#header h1 {
    height:110px;
    position:relative;
}

#header h1 img {
    position:absolute;
    top:0;
    left:0;
}

#container {
  margin:auto;
  padding-bottom:20px;
  width:900px;
  font-size:110%;
  _zoom: 1; 
  overflow: hidden;
  background-color:#fff;
}

#main {
  padding-bottom:20px;
  float:right;
  width:660px;
  line-height:1.5;
}

div#main p {
    margin-bottom:1em;
}

div#main ul ,
div#main ol {
    margin-bottom:1em;
}

#main .inner {
  margin:20px;
  background-color:#fff;
  _zoom: 1; 
  overflow: hidden;
}

#main .inner h2 {
    background: url(images/titlebar.gif) no-repeat;
    height:40px;
    line-height:40px;
    padding-left:34px;
    margin-bottom:10px;
    font-weight:bold;
    font-size:18px;
}

#home #container {
    overflow:visible;
}

#home #main {
  margin:auto;
  padding-bottom:0;
  width:900px;
  line-height:1.5;
  float:none;
}

#home #main .inner {
  margin:0;
  background-color:#fff;
  _zoom: 1;
  overflow: hidden;
}

#main .inner blockquote {
  padding-left:30px;
}

#sidebar {
  width:220px;
  margin-top:20px;
  margin-left:10px;
}

#sidebar img {
    vertical-align:bottom;
}

#sidebar .navi li {
  margin:0;
  list-style-type:none;
  position:relative;
}

#sidebar .navi li a {
  padding:13px 5px 0 22px;
  height:50px;
  background: url(images/menu_btn.gif) no-repeat;
  display:block;
  position:relative;
  color:#fff;
  font-weight:bold;
  line-height:1.4;
  font-size:12px;
}

#sidebar .navi li a:hover {
  background-image: url(images/menu_btn_on.gif);
  color:#fff799;
}

#sidebar #qr_side {
    margin-top:30px;
    text-align:center;
}
#sidebar #qr_side img {
    margin:auto;
}

#footer {
  width:900px;
  margin:auto;
  clear:both;
  background:url(images/footer.jpg) bottom no-repeat;
  _zoom: 1; 
  overflow: hidden;
  color:#fff;
  font-size:14px;
}

#footer a {
    color:#fff;
    font-weight:bold;
}

#footer a:visible {
    color:#fff;
}

#footer a:hover {
    color:#bcffca;
}

#footer address {
    margin:10px 0 0 10px;
}

#prev_next_links {
  margin: 0 0 20px 0;
  text-align:center;
}

/*==================================================
## トップページプラン
==================================================*/
table.plan_home {
  margin:0 auto 10px;
  width:880px;
  border-collapse:separate;
  border-spacing:10px;
}

table.plan_home img {
  padding: 0 5px 0 0;
  float:left;
  display:inline;
  vertical-align:bottom;
}

table.plan_home td {
  width:420px;
  margin:0;
  padding:5px;
  position:relative;
  border:1px solid #999;
  vertical-align:top;
}

table.plan_home h3 {
  font-size:90%;
}

table.plan_home p {
  font-size:90%;
  line-height:1.2;
}

table.plan_home td p.btn01 {
    text-align:right;
}

table.plan_home td p.btn01 img {
    float:none;
}
/*==================================================
## Contact
==================================================*/

#reserv_form {
  width:600px;
  margin:auto;
}

#reserv_form p {
  margin-bottom:1em;
  padding-bottom:0.4em;
}

#reserv_form label {
  vertical-align:top;
}

#reserv_form table {
  width:600px;
  margin:auto;
}

#reserv_form table th ,
#reserv_form table td {
  padding:10px 5px;
  border:1px solid #ccc;
}

#reserv_form table th {
  background-color:#f3f7fa;
}

#reserv_form div.submitField {
    width:600px;
    background-color:#eee;
    margin:auto;
    padding:15px 0;
    text-align:center;
    border:1px solid #ccc;
    border-top:0;
}

#reserv_form .bred {
  font-weight:bold;
  color:red;
}

#ReservationETA ,
#ReservationETD ,
#ReservationDay {
  width:120px;
}

#ReservationHotel ,
#ReservationEmail ,
#ReservationEmail2 {
  width:300px;
}

#ReservationChecks1 ,
#ReservationChecks2 ,
#ReservationChecks3 ,
#ReservationChecks4 {
  width:40px;
}

#ReservationMsg {
  width:300px;
  height:140px;
}

dl#reserv_check dt {
  font-weight:bold;
  color:#666;
  background-color:#f3f7fa;
}

dl#reserv_check dd {
  margin:0 0 1.5em 1em;
  font-weight:bold;
}


/*==================================================
## ニュースホーム
==================================================*/
#news_home {
    width:860px;
    margin:20px auto 40px;
    background:#ffc url(images/news_home_02.gif) bottom no-repeat;
}

#news_home_inner {
    padding:40px 0 10px;
    background: url(images/news_home_01.gif) top  no-repeat;
  _zoom: 1; 
  overflow: hidden;
}

#news_home ul {
    width:425px;
}

#news_home h3 {
    margin:4px;
}

#news_home ul li {
    padding:4px;
}

#news_home #topics_news_home {
    float:left;
}

div#main #news_home #topics_news_home p ,
div#main #news_home #blog_news_home p {
    margin-bottom:0;
}

#news_home #blog_news_home {
    float:right;
}


/*==================================================
## form
==================================================*/
.wpcf7 {
  padding-top:2px;
  background: url(images/form_top2.gif) no-repeat;
}

.wpcf7 fieldset {
  border:1px solid black;
  margin:0 auto 10px;
  width:552px;
  padding:20px 20px 10px;
}

.wpcf7 dd {
  width:100%;
  margin-bottom:1em;
}

.wpcf7 form {
  padding-bottom:10px;
  background-color:#ffc;
  background: url(images/form_bottom.gif) no-repeat left bottom;
}

.wpcf7 p {
  margin: 20px;
}

.wpcf7 .your-postNo input {
  width:100px;
}

.wpcf7 .your-telNo input ,
.wpcf7 .your-faxNo input {
  width:150px;
}

.wpcf7 .submit01 {
  text-align:center;
  margin-bottom:0;
}

#ai_catch {
    position:absolute;
    right:-40px;
    bottom:-242px;
    z-index:1;
}

#footer #links_footer {
    text-align:right;
    margin-top:10px;
    margin-right:20px;
}

#footer .copy {
    padding:5px 0;
    clear:both;
    text-align:center;
}

#qr_home {
    text-align:right;
}

#qr_home img {
    margin:0 0 0 auto;
}