@charset "utf-8";

/*
Theme Name: miyako
Theme URI: http://studio33-corp.com/
Description: miyako
Author: STUDIO33
Author URI: http://studio33-corp.com/
*/

*{margin:0;padding:0;}

body{
font: 14px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
background: #f1ede4 none repeat scroll 0 0;
color:#454545;
line-height:1.6em;
}


a{color:#f39700;}
a:hover{color:#ffb946; text-decoration:none;}
a:active, a:focus {outline: 0;}
img{border:0;}
a:hover img  {opacity:0.8; filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;}
.clear{clear:both;}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 30px 0;
width: 980px;
}

/*************
/* ヘッダー
*************/


ul#utility {
	list-style: none outside none;
	margin:30px 0 0 !important;
	padding:0;
}

ul#utility li {
	float:right;
	margin-left:20px;
	border-bottom:dotted #ccc 1px;
	padding:0 10px;
}

ul#utility img {
	vertical-align:bottom;
}

ul#utility li a {
font-size:85%;
}


/*************
/* トップナビゲーション
*************/
nav#gnavi {
	margin:10px 0;
	width: 220px;
	height: 350px;
} 

nav#gnavi ul {
	list-style: none;
}
  
nav#gnavi li a {
	display: block;
	background: url(images/gnavi.gif) no-repeat;
	width: 220px;
	height: 50px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}



/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 740px;
margin:0;
padding: 0;
display: inline;
}

#slide_container {
width:740px;
height:350px;
background:#FFF;
border-radius: 5px 5px 5px 5px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}

.section01 {
margin:30px 0 0 0;
padding: 0 0 35px;
background: url(images/line01.gif) no-repeat bottom center;
}

.section01 h2 {
margin-bottom:20px;
}

.section02 {
margin:30px 0 0;
}

.box01 {
float:left;
width:360px;
height:auto;
background:#FFF;
margin-right:20px;
border-radius: 5px 5px 5px 5px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
}

.box02 {
float:left;
width:234px;
height:280px;
background:#FFF;
margin:0 19px 20px 0;
border-radius: 5px 5px 5px 5px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
}

.box02 h3 {
margin:0;
}

.box02 p {
font-size:90%;
padding:10px 10px 10px 13px;
}


#toipcs {
width: 740px;
height:auto;
margin:10px 0 20px;
padding: 10px 0px 20px;
background:#FFF none repeat scroll 0 0;
border-radius: 5px 5px 5px 5px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
}

#toipcs dl {
    margin: 15px 20px 0;
}

#toipcs dt {
    float: left;
    font-size: 85%;
    padding: 7px 0 6px 3px;
    width: 8em;
}

#toipcs dd {
    border-bottom: 1px solid #f0ede5;
    margin: 0;
    padding: 7px 3px 6px 6.6em;
    font-size: 95%;
}


/* SUB PAGE */

#PageHead {
width:740px;
margin-bottom: 40px;
}

#breadcrumbs {
font-size:80%;
color:#656565;
padding:0px 0 5px 10px;
}


.PagecoBox {
width:740px;
height:auto;
background:#FFF;
border-radius: 5px 5px 5px 5px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
padding:10px 0;
margin-bottom: 20px;
}

.PagecoBox_inner {
padding:20px 20px;
}

.PagecoBox_inner h3 {
margin-bottom: 15px;
}

.PagecoBox_inner p {
font-size:95%;
}

.PagecoBox_inner ul li {
font-size:95%;
}

h2.title {
border-bottom:3px solid #f39700;
padding: 10px 0 5px 20px;
font-size:120%;
}

/* FLOW */

.flow_textbox {
float:left;
width:410px;
margin-right: 30px;
}

.flow_imgbox {
float:left;
width:260px;
}


/* FAQ */

h3.question {
margin-top: 30px;
font-size: 115%;
font-weight: normal;
padding:3px 0 0 5px;
border-bottom:#d9d2c3 1px dashed;
background:#f9f5ed;
}

/* PRICE LIST */

.PagecoBox_S {
float: left;
width:360px;
height:auto;
background:#FFF;
border-radius: 5px 5px 5px 5px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
padding:10px 0;
margin:0 20px 20px 0;
}

.PagecoBox_S h3 {
border-bottom:3px solid #f39700;
padding: 0 0 3px 10px;
}

.PagecoBox_S h4 {
padding: 0 0 0 15px;
}

.PagecoBox_L {
float: left;
width:740px;
height:auto;
background:#FFF;
border-radius: 5px 5px 5px 5px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
padding:10px 0;
margin:0 20px 20px 0;
}

ul.bookingBt {
margin:30px 0;
list-style: none outside none;
}

ul.bookingBt li {
float:left;
margin-right:25px;
}

ul.bookingBt li a {
font-size:90%;
font-weight:bold;
color:#323232;
}

/* Monthly */

p.text_OB {
font-weight:bolder;
font-size:110%;
margin:30px 0 20px;
}

#monthly_bg01 {
background: url(images/monthly/monthly_bg01.jpg) no-repeat bottom right;
}

#monthly_bg02 {
background: url(images/monthly/monthly_bg02.jpg) no-repeat bottom right;
}

p.monthly_Btn {
width:602px;
height:62px;
margin:30px auto 30px;
}

.text1 {
font-weight:bolder;
} 

/* golf */

p.remarks {
margin:25px 0 5px;
padding-left:18px;
font-weight:bolder;
background: url(images/list_mark01.png) no-repeat left center;
}

ul.bottom_bt {
list-style: none outside none;
width:490px;
margin: 0 auto !important;
}

ul.bottom_bt li {
float:left;
margin-right:20px;
}


/* Data list */

.DataList {
margin:20px 20px;
padding:10px 0;
border-bottom:1px solid #f1ede4;
}

.DataList h3 {
font-size:110%;
margin-bottom:5px;
}

.DataList_img {
float:left;
width:200px;
}

.DataList_detail {
float:left;
width:470px;
margin-left:30px;
position:relative;
}

.DataList_detail p {
font-size:85%;
}

p.moreButt {
position:absolute;
bottom: -5px;
right: 10px;
}


/* CONTACT FORM */


form.wpcf7-form .email {
	ime-mode:inactive;
}

form.wpcf7-form .inputbox,
form.wpcf7-form .message
form.wpcf7-form .title {
	ime-mode: active;
}

input.inputbox {
padding:5px 5px !important;
}

select.title {
    padding: 5px 5px !important;
}

textarea {
    padding: 8px 5px !important;
}


p#submit {
margin:30px auto 20px;
width:100px;
}

 /* 送信ボタンの設定 */
.wpcf7-form-control.wpcf7-submit {
   display: block;
   width: 120px;
   height: 40px;
   border: none;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   background: url(images/submit.png) no-repeat;
   }
 
 /* 送信ボタンのフォーカス時の設定 */
.wpcf7-form-control.wpcf7-submit:hover {
   filter: alpha(opacity=90);
   opacity: .8;
   -moz-transition: all 0.7s ease;
   -webkit-transition: all 0.7s ease;
   cursor: pointer;
   }


p#submit {
margin: 0px auto 30px;
width:120px;
}


.example {
font-size:85%;
color:#eacfa2;
}

.comment {
font-size:85%;
color:#a8a8a8;
}

span.asterisk {
color:#C9184B;
}


/* TABLE */

table.table01 {
        width: 700px;
        border-collapse: collapse;
	margin:10px auto;
	font-size:90%;
}

table.table01 th {
        background-color: #FFFFFF;
        border-bottom:1px solid #f0ede5;
        text-align: left;
        padding: 15px 5px;
	width:180px;
	font-weight: normal;
}


table.table01 td {
        background-color: #FFFFFF;
        border-bottom:1px solid #f0ede5;
        text-align: left;
        padding: 15px 5px;
}

.last_cell {
border-bottom: none !important;
}


table.table02 {
        width: 340px;
        border-collapse: collapse;
	margin:0 auto 10px;
	font-size:90%;
}

table.table02 th {
        background-color: #FFFFFF;
        text-align: left;
        padding: 3px 5px;
	width:110px;
}


table.table02 td {
        background-color: #FFFFFF;
        text-align: left;
        padding: 3px 5px;
}



table.table03 {
        width: 340px;
        border-collapse: collapse;
	margin:0 auto 10px;
	font-size:90%;
}

table.table03 th {
        background-color: #FFFFFF;
        border-bottom:1px solid #f0ede5;
        text-align: left;
        padding: 7px 5px 5px;
	font-weight: normal;
}


table.table03 td {
        background-color: #FFFFFF;
        border-bottom:1px solid #f0ede5;
        text-align: left;
        padding: 7px 5px 5px;
	width:180px;
	text-align:right;
}


table.table04 {
        width: 700px;
        border-collapse: collapse;
	margin:30px auto;
	font-size:85%;
}

table.table04 th {
        border:1px solid #e5ede2;
        padding: 5px 5px;
}

table.table04 td {
        background-color: #FFFFFF;
        border:1px solid #e5ede2;
        text-align: left;
        padding: 7px 5px 5px;
	width:80px;
	text-align:right;
}

th.th01 {
background:#f4f8f2;
}

th.th02 {
text-align: left;
width:200px;
}





/* 画像を右に回りこみ */

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#006898;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

.last{margin-right:0 !important;}



/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 220px;
padding: 0;
display: none;
}

.side_bannerbox {
width:210px;
background:#FFF;
border-radius: 5px 5px 5px 5px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
margin-bottom:20px;
padding:5px 5px;
display: none;
}

.side_box {
width:220px;
background:#FFF;
border-radius: 5px 5px 5px 5px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
margin-bottom:20px;
padding:5px 0;
display: none;
}

.side_box h3 {
margin:10px 0;
display: none;
}

.side_box p {
padding:10px;
font-size:85%;
display: none;
}



/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
font-size:85%;
}



* html #footer .inner{height:1%;}



#copyright{
width:960px;
padding: 20px 0 3px;
margin:0 auto;
text-align: center;
display:block;
color:#f39700;
}



/* 共通 */
.mgT5 {
margin-top:5px;
}

.mgT10 {
margin-top:10px;
}

.mgT20 {
margin-top:20px;
}

.mgT30 {
margin-top:30px;
}

.mgT50 {
margin-top:30px;
}

.mgB10 {
margin-bottom:10px;
}

.mgB30 {
margin-bottom:30px;
}

.mgB50 {
margin-bottom:50px;
}

.pdB20 {
padding-bottom:20px;
}

img.imgmdd {
vertical-align: middle;
}

.text1 {
font-weight:bolder;
}

#text_color {
color: #ffb946;
font-size: 1.17em;
}

#text_red {
color: #D7565C;
}
p.notice01 {
font-size:85%;
}

span.asterisk {
color:#cd2c34;
}

/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:table;
}
 
.cf:after {
clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}