@charset "utf-8";
/*
Theme Name: Runafaser Theme
Theme URI: 
Author: espice
Author URI: 
Description: ルナファーザー・テクノサイトのテーマ
Version: 1.0
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
=============================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font: 12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333333;
-webkit-text-size-adjust:none;
background:#fff;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-webkit-user-drag:none;
}


/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
width:957px;
margin:0 auto;
}

#header{
overflow:hidden;
height:95px;
margin:0;
padding:18px 0 10px 0;
background:url(images/header_bk.png) repeat-x 0 0;
}

#content{
float:left;
width:677px;
padding:0 0 10px;
min-height:450px;
height:auto !important;
height:450px;
}

#content02{
float:left;
width:957px;
/*padding:0 0 15px;*/
min-height:450px;
height:auto !important;
height:450px;
}

#sidebar{
float:right;
width:275px;
padding:8px 0 15px;
}

#footer{
clear:both;
width:100%;
height:35px;
padding:0;
margin:0;
background:url(images/footer_bk02.png) repeat-x 0 0;
} 


/* ヘッダー
============================================================*/
/* ロゴ
----------------------------------*/
#header h2{
clear:both;
text-align:center;
margin:0;
padding:0;
}

/* サブナビゲーション(右上)
----------------------------------*/
#header h1{
float:right;
margin-top:-67px;
padding:0;
}

#header ul{
margin:0 5px;
padding:0;
float:right;
}

#header ul li{
display:inline;
margin:0;
padding:0;
}

#header ul li a:hover{
filter:alpha(opacity=65);
-moz-opacity: 0.65;
opacity: 0.65;
}


/* トップページ
============================================================*/
/* スライドショー
----------------------------------*/
#mainImg{
clear:both;
width:100%;
height:auto;
text-align:center;
z-index:0;
margin:15px 0 25px 0;
}

/* Information
----------------------------------*/
h2.infoTitle{
clear:both;
width:100%;
height:35px;
margin-bottom:3px;
background:url(images/h2_news.png) no-repeat;
}
h2.infoTitle span{visibility:hidden;}

#infoCont{
float:left;
overflow:hidden;
margin:5px 0;
padding:0;
}

#infoCont p{
font-size:110%;
}

table.info{
clear:both;
width:98%;
margin:0 10px 0 0;
padding:0;
color:#333333;
}

.info th{
padding:4px 2px;
font-size:126%;
font-style:normal;
font-weight:normal;
vertical-align:middle;
}

.info th.infocat{
vertical-align:top;
}

.info td{
padding:3px 1px 10px 10px;
font-size:120%;
vertical-align:middle;
border-bottom:1px dotted #333;
}

h3.info{
width:92px;
height:20px;
font-size:86%;
letter-spacing:0.1em;
text-align:center;
vertical-align:center;
padding:2px 2px 0 2px;
margin:5px 2px;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}

h2.title{
margin:0 0 10px;
padding: 0 5px 0 15px;
line-height:37px;
font-size:110%;
font-weight: normal;
color:#252525;
border:0;
border-bottom: 2px solid #ddd;
background:none;
}

.dateLabel{
margin:10px 0 10px;
text-align:right;
font-weight:bold;
color:#858585;
}


/* ページトップへ
=====================================================*/
.toTop a{
display:block;
position:fixed;
width:83px;
height:76px;
bottom:12%;
right:5%;
z-index:100;
}


/* 共通
============================================================*/
/* Clearfix
--------------------------------*/
.panel:after, #mainNav:after, .bg:after,.post:after{content:""; display: table;clear: both;}
.panel, #mainNav, .bg, .post{zoom: 1;}

.clearfix:after{ 
visibility:hidden;
display:block;
font-size: 0;
content: ".";
clear:both;
height:0;
}
.clearfix{display: inline-block;}

/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{display:block;}
.clear{clear:both;}

/* リンク設定
--------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#333;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#BAA392;
}

a.lnk01{
text-decoration:none;
vertical-align:baseline;
font-size:100%;
color:#529A37;
}
a.lnk01:hover, a.lnk01:active{
/*-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;*/
outline:none;
color:#BAA392;
}


/* triangle
--------------------------------*/
.arrowR{
position:relative;
top:0;
left:0;
padding-left:18px;
}
arrowR:before{
content: "";
position: absolute;
top: 0;
left: 2px;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 12px solid #BAA392;
}

/* float
--------------------------------*/
.alCenter, .alCenter02{
display:block;
margin:5px auto;
}

.alLeft, .alLeft02, .alLeft03{
float:left;
overflow:hidden;
}

.alRight, .alRight02{
float:right;
overflow:hidden;
}

.leftBoxCont, .leftBoxCont02{
float:left;
overflow:hidden;
height:auto;
padding:0 8px;
margin-bottom:10px;
}

.leftBoxCont p, .rightBoxCont p{
font-size:120%;
/*padding-bottom:10px;*/
}
.leftBoxCont p.s01{
font-size:114%;
}
.leftBoxCont p span{
padding-bottom:0;
}

.leftBoxCont p strong{
font-weight:bold;
}

.rightBoxCont, .rightBoxCont02{
float:right;
overflow:hidden;
height:auto;
padding:0;
}

.centerWrap{
display:block;
margin:0 auto;
text-align:center;
}

.btnCont, .btnCont02{
clear:both;
display:inline-block;
display:inline;/* for ie9 */
zoom:1;/* for ie9 */
width:100%;
height:auto;
padding:0;
margin-left:10px;
}

/* back color
--------------------------------*/
.back01{
background-color:#FFFBEF;
border:none;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-moz-box-shadow: 0 0 2px 0 #FDF2C7;
-webkit-box-shadow: 0 0 2px 0 #FDF2C7;
box-shadow:0 0 2px 0 #FDF2C7;
filter: "progid:DXImageTransform.Microsoft.Shadow(color=#FDF2C7,direction=0,strength=2,enabled=true)";
}

.back02{
background-color:#F8F8F8;
border:none;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-moz-box-shadow: 0 0 2px 0 #F0F0F0;
-webkit-box-shadow: 0 0 2px 0 #F0F0F0;
box-shadow:0 0 2px 0 #F0F0F0;
filter: "progid:DXImageTransform.Microsoft.Shadow(color=#F0F0F0,direction=0,strength=2,enabled=true)";
}

.back03{
background-color:#F7FFF4;
border:none;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-moz-box-shadow: 0 0 2px 0 #EBFFE3;
-webkit-box-shadow: 0 0 2px 0 #EBFFE3;
box-shadow:0 0 2px 0 #EBFFE3;
filter: "progid:DXImageTransform.Microsoft.Shadow(color=#EBFFE3,direction=0,strength=2,enabled=true)";
}

/* border-radius
--------------------------------*/
.radius01{
border-radius:8px 8px 0 0 !important;
-webkit-border-radius:8px 8px 0 0 !important;
-moz-border-radius:8px 8px 0 0 !important;
}

/* text align
--------------------------------*/
.tRight{text-align:right !important;}
.tLeft{text-align:left !important;}
.tCenter{text-align:center !important;}
.tJustify{text-align:justify !important; text-justify:distribute !important;}

/* vertical align
--------------------------------*/
.vTop{vertical-align:top !important;}
.vCenter{vertical-align:middle !important;}

/* width
--------------------------------*/
.w5p{width:5%;} .w10p{width:10%;} .w15p{width:15%;} .w20p{width:20%;} 
.w25p{width:25%;} .w30p{width:30%;} .w35p{width:35%;} .w40p{width:40%;}
.w45p{width:45%;} .w50p{width:50%;} .w55p{width:55%;} .w60p{width:60%;}
.w65p{width:65%;} .w70p{width:70%;} .w75p{width:75%;} .w80p{width:80%;}
.w90p{width:90%;} .w95p{width:95%;} .w96p{width:96%;} .w97p{width:97%;}
.w98p{width:98%;} .w99p{width:99%;} .w100p{width:100% !important;}

.w_tab01p{width:30%;}
.w_tab02p{width:24%;}
.w_tab03p{width:30%;}
.w_sMenu01p{width:22%;}
.w_prd01p{width:65%;}


/* height
--------------------------------*/
.minh01{min-height:400px !important;height:auto !important;height:450px !important;}

/* width height
--------------------------------*/
.wh_pic01{width:280px;height:auto;}
.wh_pic02{width:300px;height:auto;}
.wh_pic03{width:220px;height:auto;}

.wh_gmap{width:600px;height:450px;}

/* margin-top
--------------------------------*/
.mt0px{margin-top:0 !important;} .mt3px{margin-top:3px !important;}
.mt5px{margin-top:5px !important;} .mt10px{margin-top:10px !important;}
.mt15px{margin-top:15px !important;} .mt20px{margin-top:20px !important;}
.mt25px{margin-top:25px !important;} .mt30px{margin-top:30px !important;}
.mt-15px{margin-top:-15px !important;} .mt-20px{margin-top:-20px !important;}
.mt-50px{margin-top:-50px !important;}

/* margin-bottom
--------------------------------*/
.mb0px{margin-bottom:0 !important;} .mb5px{margin-bottom:5px !important;}
.mb10px{margin-bottom:10px !important;} .mb15px{margin-bottom:15px !important;}
.mb20px{margin-bottom:20px !important;} .mb25px{margin-bottom:25px !important;}
.mb30px{margin-bottom:30px !important;}

/* margin-left
--------------------------------*/
.ml0px{margin-left:0 !important;} .ml3px{margin-left:3px !important;}
.ml5px{margin-left:5px !important;} .ml10px{margin-left:10px !important;}
.ml18px{margin-left:18px !important;}

/* margin-right
--------------------------------*/
.mr5px{margin-right:5px !important;} .mr10px{margin-right:10px !important;}
.mr15px{margin-right:15px;}

/* padding
--------------------------------*/
.pl0px{padding-left:0px !important;}
.pl10px{padding-left:10px !important;}
.pl20px{padding-left:20px !important;}
.pl25px{padding-left:25px !important;}
.pr15px{padding-right:15px !important;}

.padg0{padding:0 !important;}
.padg01{padding:0 5px !important;}
.padg02{padding:5px 0 !important;}
.padg03{padding:15px !important;}
.padg04{padding:0 10px !important;}

/* font color
--------------------------------*/
.fc_white{color:#FFFFFF;}
.fc_green{color:#529A37;}

.fc_yellow{color:#F8CB20;}
.fc_blue{color:#36C5D3;}
.fc_red{color:#CE5353;}
.fc_lightgray{color:#CDCDCD;}
.fc_black{color:#333333;}

/* background-color
--------------------------------*/
.bc_white{background-color:#FFFFFF;}
.bc_green{background-color:#529A37;}
.bc_green02{background-color:#DDE6D1;}
.bc_green03{background-color:#F0F3EC;}
.bc_green04{background-color:#78DB00;}

.bc_lightblue{background-color:#E7F8FA;}
.bc_lightyellow{background-color:#FFF6D9;}

/* font-size
--------------------------------*/
.fs_95p{font-size:95% !important;}
.fs_100p{font-size:100% !important;}
.fs_110p{font-size:110% !important;}
.fs_120p{font-size:120% !important;}
.fs_130p{font-size:130% !important;}

/* font-weight
--------------------------------*/
.fw_bold{font-weight:bold !important;}
.fw_normal{font-weight:normal !important;}

/* text-decoration
--------------------------------*/
.txt_stk{text-decoration:line-through;}

/* border
--------------------------------*/
.bdr_none{border:0 !important;}
.bdr_btm01{border-bottom:dotted 1px #333333 !important;}
.bdr_left01{border-left:dotted 1px #329900;}

/* hover
--------------------------------*/
.hvr01:hover{
cursor:pointer;
filter:alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
}

/* gradation
--------------------------------*/
.grd01{
background: #DDFEB6;
background: -moz-linear-gradient(top, #DDFEB6, #78DB00);
background: -webkit-linear-gradient(top, #DDFEB6, #78DB00);
background: linear-gradient(#DDFEB6, #78DB00);
filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#DDFEB6', endColorstr='#78DB00');
}
.grd01:hover{
background: #78DB00;
background: -moz-linear-gradient(top, #78DB00, #DDFEB6);
background: -webkit-linear-gradient(top, #78DB00, #DDFEB6);
background: linear-gradient(#78DB00, #DDFEB6);
filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#78DB00', endColorstr='#DDFEB6');
}

.grd02{
background: #FDEFB9;
background: -moz-linear-gradient(top, #FDEFB9, #FFFBF0);
background: -webkit-linear-gradient(top, #FDEFB9, #FFFBF0);
background: linear-gradient(#FDEFB9, #FFFBF0);
filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#FDEFB9', endColorstr='#FFFBF0');
}

/* headline
--------------------------------*/
h2.pageTitle{
clear:both;
width:202px;
height:59px;
font-size:136%;
font-weight:bold;
letter-spacing:0.04em;
color:#333333;
margin:10px 0 6px 0;
padding-top:18px;
text-align:center;
background:url(images/h2_bk.png) no-repeat;
}

h3.pageTitle{
clear:both;
width:100%;
height:auto;
margin:15px 0;
padding:8px 0 1px 54px;
font-size:130%;
font-weight:bold;
letter-spacing:0.04em;
background:url(images/h3_bk.png) no-repeat 0 -0.8em;
}

h4.gcross{
clear:both;
font-size:124%;
font-weight:bold;
letter-spacing:0.1em;
color:#329900;
height:auto;
margin:6px 0;
padding:2px 0 2px 21px;
background:url(images/icon_gcross.png) no-repeat 0 0.27em;
}

h4.voice{
clear:both;
float:right;
width:140px;
height:20px;
font-size:120%;
margin:5px 0;
padding:1px 0;
text-align:center;
vertical-align:center;
}

p.t01{
font-size:140%;
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:5px;
padding:0;
}

/* tab
--------------------------------*/
.tabnav{
clear:both;
overflow:hidden;
width:80%;
height:auto;
text-align:center;
margin:5px auto;
}

.tabnav li{
display:inline-block;
height:auto;
font-size:124%;
letter-spacing:0.02em;
text-align:center;
margin:0;
padding:0 10px;
font-weight:normal;
cursor:pointer;
list-style:none;
border-right:solid 2px #989898;
}
.tabnav li:last-child{border-right:none;}

.tabnav li a{
display:block;
width:100%;
height:100%;
text-align:center;
margin:0 auto;
padding:4px 0;
overflow:hidden;
text-decoration:none;
border-bottom:solid 4px #fff;
}

.tabnav li:first-child.active a, .tabnav li a:hover, .tabnav li.active a{
color:#333333;
border-bottom:solid 4px #CEC0B5;
}

.tabContent{
margin:20px 5px 0 5px;
width:98%;
height:auto;
background:transparent !important;
}
.area01{display:none;}

/* table
----------------------------------*/
table.runaTbl{
/*width:100%;*/
font-size:120%;
/*border-top:1px dotted #329900;
border-bottom:1px dotted #329900;
border-collapse:collapse;*/
}

.runaTbl th{
padding:8px 6px;
text-align:center;
vertical-align:middle;
color:#fff;
background-color:#529A37;
border:1px solid #fff;
word-break:break-all;
}

.runaTbl td{
padding:8px 6px 8px 10px;
text-align:left;
vertical-align:middle;
border:1px solid #fff;
word-break:break-all;
}

table.runaTbl02{
width:100%;
font-size:110%;
border:1px solid #41920F;
/*border:1px solid #329900;*/
border-collapse:collapse;
}

.runaTbl02 th{
padding:8px 5px;
vertical-align:middle;
background-color:#E4FFD6;
border:1px solid #41920F;
word-break:break-all;
}

.runaTbl02 td{
padding:8px 5px;
text-align:center;
vertical-align:middle;
border:1px solid #41920F;
word-break:break-all;
}

table.list01{
font-size:120%;
border:none;
}

.list01 th{
padding-right:10px;
text-align:right;
}

.list01 td{
vertical-align:middle;
}

/* ul
----------------------------------*/
ul.lst01{
margin:0;
font-size:120%;
list-style:none;
}

.lst01 li{
display:block;
height:auto;
margin:0;
padding:1px 0 1px 23px;
text-align:left;
background:url(images/list.png) no-repeat 0 0px;
}

/* 固定ページ（共通）
=====================================================*/
.pageImg{ /* ページトップ画像 */
display:block;
position:relative;
margin:12px auto;
text-align:center;
width:100%;
height:300px;
background-color:#CCCCCC;
}
.pageImg .imgTitle{
position:absolute;
bottom:5px;
right:10px;
}

/* pankuzu
----------------------------------*/
#pankuzu{
margin:12px 0 0 5px;
/*margin-top:5px;*/
font-size:100%;
font-weight:normal;
color:#333333;
padding:0 3px;
letter-spacing:1px;
}

#pankuzu strong {
font-size:110%;
font-weight:bold;
color:#BAA392;
letter-spacing:1px;
}

/* sub menu
----------------------------------*/
#subMenu{
clear:both;
width:100%;
height:auto;
text-align:center;
margin:5px auto;
}

#subMenu ul li{
display:inline-block;
height:auto;
font-size:124%;
letter-spacing:0.02em;
text-align:center;
margin:0;
padding:0 10px;
font-weight:normal;
cursor:pointer;
list-style:none;
border-right:solid 2px #989898;
}
#subMenu ul li:last-child{border-right:none;}

#subMenu ul li a{
display:block;
width:100%;
height:100%;
text-align:center;
margin:0 auto;
padding:4px 0;
overflow:hidden;
text-decoration:none;
border-bottom:solid 4px #fff;
}

#subMenu a:hover, #subMenu a:active{
color:#333333;
border-bottom:solid 4px #CEC0B5;
}

/* 第2階層
----------------------------------*/
h2.blog{
clear:both;
width:100%;
height:35px;
margin-bottom:3px;
background:url(images/h2_blog.png) no-repeat;
}
h2.blog span{visibility:hidden;}

/* Q&A
----------------------------------*/
dl.faq{
margin:10px;
padding:0;
}

dl.faq dt{
font-size:128%;
letter-spacing:0.1em;
cursor:pointer;
margin:12px 0;
padding:4px 0 4px 32px;
background:url(images/faq/icon_faq.png) no-repeat 0 0;
border-bottom:dashed 1px #333333;
}

.faqhvr:hover{color:#ECBE09;}

dl.faq dd{
font-size:120%;
padding:10px;
display:none;
}

/* pilates
----------------------------------*/
dl.mchin{
margin:10px 0;
padding:0;
}

dl.mchin dt{
cursor:pointer;
margin:12px 0;
padding:0;
}

.mchinhvr:hover{color:#ECBE09;}

dl.mchin dd{
padding:0;
display:none;
}

dl.mchin dd .close{
width:75px;
height:20px;
float:right;
font-size:98%;
letter-spacing:0.1em;
text-align:center;
vertical-align:center;
padding:3px 0 0 0;
margin:0;
border:1px solid #CDCDCD;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
cursor:pointer;
}

/* サイドバー　ウィジェット
============================================================*/
section.widget{
margin-bottom:2px;
padding:0;
background:none;
}

#banners img{
clear:both;
max-width:280px;
height:auto;
margin:0;
padding:0;
}

section.widget h3{
display:none;
}

section.widget a{
display:block;
}

section.widget a:hover{
text-decoration:none;
filter:alpha(opacity=65);
-moz-opacity: 0.65;
opacity: 0.65;
}

#sideMenu{
width:280px;
height:auto;
margin-bottom:10px;
padding:0;
border:solid 1px #DADADA;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

h2.sMenu{
width:262px;
height:26px;
line-height:26px;
margin:0;
padding:5px 0 5px 18px;
font-size:122%;
font-weight:normal;
text-align:left;
vertical-align:middle;
border-bottom:solid 1px #DADADA;
border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
}

#sideMenu ul{
margin:0 0 8px 0;
list-style:none;
}

#sideMenu li{
display:block;
height:auto;
margin:5px 0;
padding:3px 0 3px 15px;
font-size:118%;
line-height:1.1em;
font-weight:normal;
text-align:left;
cursor:pointer;
}
#sideMenu li:before{content:"■";color:#CDCDCD;letter-spacing:0.1em;}


#sideMenu li:hover, #sideMenu a:hover, #sideMenu li:active, #sideMenu a:active{
color:#329900 !important;
}

/* 検索結果
============================================================*/
.searchWrap p{
clear:both;
padding:0;
border-bottom:1px dotted #333333;
}

.searchWrap p a{
display:block;
padding:8px 0 8px 10px;
color:#333333;
font-size:105%;
}
.searchWrap a:hover{color:#ECBE09;}

/* フッター
============================================================*/
/* フッターメニュー
----------------------------------*/
#footerMenu{
clear:both;
margin:0;
padding:25px 0;
width:100%;
height:auto;
background:url(images/footer_bk01.png) repeat 0 0;
overflow:hidden;
}

#footerMenu ul{margin-top:12px;}

#footerMenu ul li{
display:inline-block;
/*width:17%;*/
vertical-align:text-top;
text-align:left;
color:#fff;
margin:0 0 5px 15px;
padding:2px 0;
position:relative;
/*top:0;
left:0;*/
}

#footerMenu ul li a{
display:block;
padding-left:15px;
color:#fff;
overflow:hidden;
text-decoration:none;
}

#footerMenu ul li a:hover{
text-decoration:none;
color:#FFF6D9;
}

*:first-child+html #footerMenu ul li{display:inline;}

#footerMenu dl{
clear:both;
float:left;
margin:10px 0 0 10px;
padding:0;
font-weight:normal;
color:#fff;
}

#footerMenu dl dt{
padding:0;
font-size:120%;
font-weight:normal;
color:#fff;
}

#footerMenu dl dd{
font-size:160%;
font-weight:normal;
color:#fff;
}


/* copyright
----------------------------------*/
#copyright{
clear:both;
display:block;
width:100%;
text-align:center;
font-size:100%;
color:#fff;
margin:0 auto;
padding-top:8px;
zoom:1;
}

/* メニューバナー
----------------------*/
.menuWrap{
/* width:700px; */
padding-bottom:15px;
}

#footer img{
display: block;
margin:5px auto;
max-width:100%;
height:auto;
}


/* page navigation
============================================================*/
#pageLinks{
clear:both;
color:#329900;
text-align:center;
}

ul.pgNav{
clear:both;
width:100%;
font-size:120%;
text-align:center;
margin:15px 0;
}

ul.pgNav li{
display:inline-block;
text-align:center;
margin:0;
}
/*ul.pgNav li:first-child{border:none;}*/
ul.pgNav li a{color:#329900;padding:0 8px;}
ul.pgNav li a:hover{color:#40C600;}

/* フォーム
============================================================*/
#formWrap{
clear:both;
width:100%;
height:auto;
margin:0;
padding:0;
overflow:hidden;
}

#formWrap p{
font-size:120%;
}

span.hissu{
margin:0 3px;
padding:0;
color:#CE5353;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7-select, .wpcf7-number, .passwdText{
vertical-align:middle;
width:90%;
line-height:22px;
height:22px;
padding:0 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

.wpcf7-select{
width:110px;
margin:2px 0;
padding:0;
}

.wpcf7 textarea{
height:auto;
line-height:1.5em;
}

.wpcf7 .width_01{width:110px !important;}
.wpcf7 .width_02{width:160px !important; margin-right:10px !important;}
.wpcf7 .width_03{width:50px !important;}

/*.list-block .wpcf7-list-item{display:block;}*/
.list-inline .wpcf7-list-item{display:inline; margin-right:5px !important;}
span.wpcf7-list-item{display:block;}
.wpcf7-list-item{margin-left:0 !important;}

.entryBtn{
margin:15px 0;
text-align:center;
}

.wpcf7 input[type="submit"], input[type="reset"]{
margin-top:10px;
padding:0;
width:85px !important;
height:30px !important;
z-index:1;
border:1px solid #DADADA;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-moz-box-shadow: 0 0 2px 0 #DADADA;
-webkit-box-shadow: 0 0 2px 0 #DADADA;
box-shadow:0 0 2px 0 #DADADA;
color:#333333;
font-size:110%;
vertical-align:middle;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
cursor:pointer;
}

.wpcf7-mail-sent-ok{
display:none !important;
}

#complete-display{
display:none;
clear:both;
width:92%;
margin:15px 0;
text-align:center;
padding:20px;
color:#666666;
font-size:126%;
line-height:2em;
height:auto;
overflow:hidden;
}

.sent #complete-display{
display: block;
}

.sent #formWrap{
display: none;
}

/* 入力エラー
----------------------------------*/
.wpcf7 span.wpcf7-not-valid-tip {
display:block;
position:static;
top:0;
left:0;
padding-top:5px;
border:none;
color:#CE5353;
font-size:90%;
}

.wpcf7 .wpcf7-not-valid {
background-color:#E6E6E6;
}

/* 入力エラーメッセージ
----------------------------------*/
.wpcf7 .wpcf7-response-output {
clear:both;
margin:10px auto;
text-align:center;
padding:8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.wpcf7 .wpcf7-validation-errors {
font-size:120%;
color:#CE5353;
letter-spacing:0.1em;
font-weight:bold;
background-color:#E6E6E6;
border:1px solid #DADADA;
}

/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 981px){
#mainNav{
clear:both;
position:relative;
z-index:200;
background:#fff;
height:50px;
}
	
#mainNav ul{
content:""; display:table; clear:both; zoom:1;
}

#mainNav ul li{
position:relative;
list-style:none;
padding:0;
margin:0;
text-indent:-9999px;
}

.gnav01 a{
display:block;
position:absolute;
left:0;
width:191px;
height:50px;
background:url(images/gnav01.jpg) no-repeat 0 0;
}
.gnav01 a:hover, li.gnav01.current-menu-item a, li.gnav01.current-page-ancestor a{
background:url(images/gnav01.jpg) no-repeat 0 -50px;
}

.gnav02 a{
display:block;
position:absolute;
left:191px;
width:191px;
height:50px;
background:url(images/gnav02.jpg) no-repeat 0 0;
}
.gnav02 a:hover, li.gnav02.current-menu-item a, li.gnav02.current-page-ancestor a{
background:url(images/gnav02.jpg) no-repeat 0 -50px;
}

.gnav03 a{
display:block;
position:absolute;
left:382px;
width:191px;
height:50px;
background:url(images/gnav03.jpg) no-repeat 0 0;
}
.gnav03 a:hover, li.gnav03.current-menu-item a, li.gnav03.current-page-ancestor a{
background:url(images/gnav03.jpg) no-repeat 0 -50px;
}

.gnav04 a{
display:block;
position:absolute;
left:573px;
width:191px;
height:50px;
background:url(images/gnav04.jpg) no-repeat 0 0;
}
.gnav04 a:hover, li.gnav04.current-menu-item a, li.gnav04.current-page-ancestor a{
background:url(images/gnav04.jpg) no-repeat 0 -50px;
}

.gnav05 a{
display:block;
position:absolute;
left:764px;
width:193px;
height:50px;
background:url(images/gnav05.jpg) no-repeat 0 0;
}
.gnav05 a:hover, li.gnav05.current-menu-item a, li.gnav05.current-page-ancestor a{
background:url(images/gnav05.jpg) no-repeat 0 -50px;
}

#mainNav .panel{
display:block !important;
float:left;
}

a#menu{display:none;}

}

/* メインメニュー iPadサイズ以下から
============================================================*/
@media only screen and (max-width: 980px){
#mainNav{
clear:both;
width:100%;
margin:0 auto;
padding:0;
}

#mainNav .inner{width:100%;}

#mainNav a.menu{
display:block;
width:100%;
height:40px;
line-height:40px;
font-size:122%;
font-weight:bold;
text-align:left;
color:#3F3F3F;
background-color:#BAA392;
}
#mainNav a#menu span{display:block;padding-left:38px;margin:-0.8em;}

.rsBtn{
display:inline-block;
position:relative;
top:0;
left:10px;
padding:0;
background:#fff;
}
.rsBtn, .rsBtn:before, .rsBtn:after{
width:18px;
height:3px;
border-radius:4px;
}
.rsBtn:before, .rsBtn:after{
display:block;
content:"";
position:absolute;
top:50%;
left:0;
background:#fff;
}
.rsBtn:before{margin-top:10px;}
.rsBtn:after{margin-top:4px;}

#mainNav a.menuOpen{
border-bottom:0;
background-color:#D2C4B9;
}

#mainNav a#menu:hover{cursor:pointer;}

#mainNav .panel{
display:none;
width:100%;
position:relative;
right:0;
top:0;
z-index:1;
}

#mainNav ul{margin:0;padding:0;}

#mainNav ul li{
float:none;
clear:both;
width:100%;
height:auto;
color:#878787;
font-size:120%;
line-height:1.2;
}

#mainNav ul li a, #mainNav ul li.current-menu-item li a{
display:block;
padding:12px 10px;
text-align:left;
border-bottom:1px dotted #878787;
background:#fff;
}
/*#mainNav ul li:last-child a{border-bottom:none;}*/

#mainNav ul li a span{display:none;}

#mainNav ul li.current-menu-item a,#mainNav ul li a:hover,#mainNav ul li.current-menu-item a,#mainNav ul li a:active, #mainNav ul li li.current-menu-item a, #mainNav ul li.current-menu-item li a:hover, #mainNav ul li.current-menu-item li a:active{
color:#fff;
font-weight:bold;
background:#BAA392;
}

#mainNav ul li.current-menu-item li a{color:#878787}

#mainNav .panel{float:none;}

#mainImg{margin:0 0 5px 0;}
#mainImg img{width:100%;height:auto;}

#wrapper, .inner{width:100%;}
#header{width:100%;height:auto;text-align:center;}
#header h2{width:100%;height:auto;padding:0;}
/*#header h2 img{width:100%;height:auto;padding:0;float:none;}*/
#header ul{margin-right:10px;}
#header h1{margin-top:0;}
#content, #content02{clear:both;width:98%;height:auto;min-height:0;float:none;margin:0 auto;padding:0;}

#mainNav ul{margin:0 auto;}

/* サイドバー１カラム表示*/
#sidebar{
clear:both;
width:98%;
float:none;
margin:0 auto;
padding:5px 0;
text-align:center;
}

.w_prd01p{width:50% !important;}

}

/* 760px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 760px){
.leftBoxCont, .rightBoxCont{float:none;width:96%;margin:0 auto;padding:5px;}
.infoCont{float:none;margin:5px auto;}
.alRight, .alLeft, img.alRight, img.alLeft, img.alCenter{display:block;width:100%;height:auto;margin:5px auto;text-align:center;}
.alLeft img{width:100%;height:auto;}

#banners{width:100%;margin:0 auto;text-align:center;}
#sideMenu{margin:0 auto 10px;text-align:center;}
/*#banners img{width:100%;text-align:center;}*/
section.widget_search{text-align:center;}

.tabnav, #subMenu{width:100% !important;}
#subMenu ul li{font-size:120% !important;padding:0 3px !important;}
.w_sMenu01p{width:21% !important;}
.w_prd01p{width:96% !important;}

#footer{height:auto;margin:0;padding:0;border:0;text-align:center;}
#footerMenu{height:auto;}
#footerMenu ul li{margin-left:10px;width:23%;}
#footerMenu ul li a{font-size:110%;padding-left:14px;}
#footerMenu dl{display:none;}
#copyright{width:97%;height:auto;padding:5px;}
.pageImg{height:auto;margin:5px 0;}
.pageImg .imgTitle{top:5px;right:5px;}

.wpcf7-select{margin-bottom:5px;}
.wpcf7 input[type="text"]{margin-bottom:5px;}

.wh_pic02, .wh_pic03{width:100%;height:auto;}
.wh_gmap{width:100%;height:300px;}
.toTop a{max-width:70px;height:auto;bottom:12%;right:5px;}
.toTop img{max-width:70px;height:auto;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;}

}


/* 幅648px以下から  トップページの３画像調節
------------------------------------------------------------*/
@media only screen and (max-width: 648px){
.leftBoxCont02{float:none;width:96%;margin:0 auto;padding:5px;}
#footerMenu ul li{margin-left:15px;width:42%;}
.w_tab01p{width:33% !important;}
.w_tab02p{width:16% !important;}
.w_tab03p{width:21% !important;}
.tabnav li{font-size:100%;}

}
