@charset "utf-8";
/* ------ basic common----- */
*{
margin: 0px;
padding: 0px;
}

.flexbox{
display:flex;
}

.fimgleft{
padding:10px;
}
.fimgleft p{
display: block;
margin-bottom:20px;
}

img{
display: block;
border: 0;
}
table,tr,td{
border:none;
text-align:left;
padding:5px;
border-collapse:collapse;
}
form{
margin: 0px;
padding: 0px;
}
input{
margin-bottom: 2px;
padding: 0px;
}
li{
padding: 2px 0px;
list-style: none;
list-style-image: none;
}

hr {
clear: both;
display: none;
}
address, caption, cite, code, dfn, em, strong, var {
font-style: normal;
font-weight: normal;
}
.pankuzu{
font-size:9px;
color: #777777;
padding: 0px 15px 10px;
}
.floatleft{
float: left;
}
.floatright{
float: right;
}
.width70 {
width: 70px;
}
.width100 {
width: 100px;
}
.width150 {
width: 150px;
}
/* -----basic link ----- */
a,a:link,a:visited {
text-decoration: none;
outline: none;
}
a:active,a:hover {
text-decoration: none;
}


em { font-style:normal; }

a {
cursor:pointer;
color:#000;
text-decoration: none;
}

a:link { }
a:visited { }

a:hover,
a:active,
a.hover,
.hover a {
text-decoration:none;
}

a:focus{
outline:none;
}

a:hover img,
a.hover img,
.hover img { 
/*
filter:alpha(opacity=70); 
-moz-opacity:0.70;
-khtml-opacity: 0.7;
opacity:0.70;
*/
}

.hover {
cursor: pointer;
}


.textcenter{
text-align:center;
}
.textleft{
text-align:left;
}
.textright{
text-align:right;
}
/* -----basic text ----- */

h1{
font-size:9px;
font-weight:normal;
line-height: 100%;
padding: 2px;
margin: 0px;
color: #ffffff;
}
#centerBox h2{
line-height:130%;
font-weight:bold;
margin: 10px 0px 10px;
padding: 7px 10px 5px 0px;
letter-spacing: 0.08em;
}
h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
#contentsBox h3{
clear:both;
margin: 20px 0px 15px;
padding:5px 10px 5px 23px;
font-size:110%;
font-weight:bold;
color:#ff6600;
letter-spacing: 0.08em;
}
#contentsBox h4{
clear:both;
margin-top:15px;
padding-left:13px;
line-height:130%;
font-weight:bold;
color:#ff9900;
}

h5{
clear:both;
padding-left:13px;
line-height:120%;
font-weight:bold;
color:#ffbb00;
}
.pink{color: #ff1493;}


/* ------CONTENT ----- */
span.italic {
font-style: italic;
}
#content p {
padding: 0px;
margin: 2.0em 0 0 0;
}
#content em {
font-style: italic;
letter-spacing: 0.36em;
}
.ads{
line-height: 1.5em;
font-size: 70%;
clear:both;
padding: 0px 10px;
}
.ads a{
color: #290f18;
}
.adslink{
float:left;
padding: 2px;
}
/* ------index.html ----- */
#portfolio{
width:800px;
height: 300px;
background: #ffffff;
}
.flastyle{
/*border-top: 1px solid #c6ac63;
border-bottom: 1px solid #c6ac63;
padding: 0px;
background: url('./../img/dear_bg.jpg') top center repeat;*/
}
/* ------information.html ----- */
/* ------spacerent.html ----- */
.spacephoto{
width: 610px;
padding: 0px 20px;
margin: 10px 20px;
}
/* ------reserve.html ----- */
.calendar{
font-size: 1.2em;
width:120px;
text-align:center;
}
.calendar a{
color:#666666;
text-decoration: underline;
}
.month{
font-size:14px;
text-align:center;
padding: 10px 0px 20px;
}
/* ------access.html ----- */
.mobilemap{
position: relative;
top:-900px;
font-size:8px;
}
#map{
width:540px;
height:400px;
margin: 10px 10px 0px;
font-size:10px;
color:#eeeeee;
}
#pano{
width:540px;
height:400px;
margin: 0px 10px 10px;
font-size:10px;
color:#eeeeee;
}
/* ------onlineshop.html ----- */
.pad2{
padding: 2px;
}
.pad5{
padding: 5px;
}
.pad15{
padding:15px;
}
.mar15{
margin:15px;
}
/* ------faq.html ----- */
.qalist{
margin: 2px 10px;
padding: 4px 5px;
border-bottom:1px dotted #ccccdd;
}
.question{
padding:3px 25px;
background:#fafafa;
border-bottom:1px dotted #cccccc;
border-left:5px solid #6e404d;
}
.answer{
letter-spacing: +0.01em;
line-height:150%;
padding: 15px 50px 25px;
text-indent:-1.5em;
}
.answers{
letter-spacing: +0.01em;
line-height:150%;
padding: 15px 50px 25px;
}
/* ------webcam.html ----- */
.reloadbtn{
width: 660px;
text-align:center;
padding:4px;
}
.kakunintable{
width: 660px;
text-align:center;
padding:20px;
font-size:11px;
background:#c4b596;
}
.kakunintdleft{
width: 300px;
text-align: right;
border-bottom: 1px solid #dddddd;
}
.kakunintd{
width: 660px;
height: 560px;
text-align:center;
padding:20px;
font-size:11px;
background:#ffffff;
}
.huro{
background:#f4f4f4;
margin: 1px 0px;
padding:15px;
}
.aki{
background:#ffffff;
margin: 1px 0px;
padding:15px;
}
.huro td{
padding: 12px 24px;
}
.aki td{
padding: 12px 24px;
}
.textright{
text-align:right;
white-space: nowrap;
}
.name {
font-family: "ＭＳ Ｐ明朝", "細明朝体",serif;
font-size: 70%;
white-space: nowrap;
letter-spacing: 0.2em;
color: #666666;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 3px;
}
.nameys {
/*font-family: "ＭＳ Ｐ明朝", "細明朝体",serif;*/
letter-spacing: 0.2em;
color: #666666;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 3px;
}
.kanji {
/*font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif;*/
letter-spacing: 0.2em;
font-size: 120%;
color: #666666;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 1px;
}
.yaku {
/*font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif;*/
letter-spacing: 0.2em;
font-size: 10px;
color: #666666;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 3px;
}
.staffphoto{
padding:0px 10px 15px 0px;
text-align: center;
width:105px;
height:105px;
background:url(./../../pc/image/shad03.jpg)no-repeat;
}
.staffphoto img{
float: left;
padding-bottom: 8px;
}
.staffpht{
vertical-align:top;
padding: 0px 15px 0px 0px;
margin:10px;
width:135px;
height:200px;
background:url(./../../pc/image/shad01.jpg)no-repeat;
}
.staffphtswf{
vertical-align:top;
padding: 0px 15px 0px 0px;
margin:10px;
width:200px;
height:356px;
background:url(./../../pc/image/shad01.jpg)no-repeat;
}
.staffpht2{
vertical-align:top;
padding: 0px 15px 0px 0px;
width:165px;
height:165px;
background:url(./../../pc/image/shad04.jpg)no-repeat;
}
.stafftxt{
padding: 10px 5px 10px 20px;
border-left: 1px solid #f2e9d6;
}


/*カレンダー*/
.day {
background: #E0E3DB;
text-align: left;
padding: 5px;
font-size: 70%;
line-height: 120%;
color:#666666;
}
.none {
background: #F3F3F3;
}
/*予定*/
.maru {
background: #DFE7EE;
text-align:center;
color: #555555;
}
.maru a{
color: #555555;
text-decoration: underline;
}
.maru a:hover {
color: #626B82;
}

.sankaku {
background: #F7F4E1;
text-align:center;
color: #555555;
}
.sankaku a{
color: #555555;
text-decoration: underline;
}
.sankaku a:hover{
color: #5E5848;
}
.batsu {
background: #F9EDEC;
text-align:center;
color: #555555;
}
.batsu a{
color: #555555;
text-decoration: none;
}
.batsu a:hover{
color: #3C2120;
}

.yasumi {
background: #CCCCCC;
color: #333333;
text-align:center;
}

input{
margin:0px;
}
/*曜日*/
.wday_sun {
color: #7D3333;
border-left-style: solid;
border-left-width: 3px;
padding-left: 2px;
padding-top: 1px;
}
.wday_week {
color: #666666;
border-left-style: solid;
border-left-width: 3px;
padding-left: 2px;
padding-top: 1px;
}
.wday_sat {
border-left-style: solid;
border-left-width: 3px;
padding-left: 2px;
color: #384863;
padding-top: 1px;
}
/*年月日のときは色だけ適用*/
#ymd .wday_sun {
color: #7D3333;
border-left-style: none;
border-left-width: 0px;
padding-left: 0px;
padding-top: 0px;
}
#ymd .wday_week {
color: #666666;
border-left-style: none;
border-left-width: 0px;
padding-left: 0px;
padding-top: 0px;
}
#ymd .wday_sat {
color: #384863;
border-left-style: none;
border-left-width: 0px;
padding-left: 0px;
padding-top: 0px;
}
/*メニュー*/
.year {
font-size: 70%;
}
.year_h {
letter-spacing:0.05em;
font-size: 70%;
}
.month_h {
letter-spacing:0.05em;
font-size: 80%;
font-weight: bold;
color: #333333;
}
.nextback_day {
font-size: 70%;
}
.time {
background: #E0E3DB;
text-align: left;
padding-left: 5px;
padding-top: 9px;
padding-bottom: 5px;
font-size: 70%;
line-height: 100%;
}
.time_kara {
color: #666666;
}
.nml_text {
font-size: 75%;
line-height: 120%;
color: #555555;
}
.nml_text2 {
font-size: 75%;
line-height: 120%;
color: #aC7E5D;
}
.headright{
text-align:right;
color: #555555;
border-bottom: 1px solid #a0a0a0;
}
.yoyakutable{
width:650px;
}
.yoyakutable td a,.yoyakutable td a:link,.yoyakutable td a:visited,.yoyakutable td a:active,a:hover {
}
.yoyakutable td {
margin:1px;

}


.priceboard{
margin: 5px 0px 10px 50px;
width:600px;
}
.priceboard th{
padding: 10px 10px 10px 10px;
border: 1px solid #dedede;
background: #edffdd;
text-align:center;
}
.priceboard td{
padding: 10px 10px 10px 10px;
border: 1px solid #dedede;
background: #ffffdd;
text-align:right;
}
.priceboard .texleft{
text-align:left;
}
.space_a{
width:395px;
padding: 0px 14px;
border-right: 1px solid #dedede;
float:left;
text-align:center;
}
.space_b{
width:395px;
padding: 0px 14px;
float:right;
text-align:center;
}
.space_a th{
text-align:center;
}
.space_b th{
text-align:center;
}
.ok{
width:30px;
padding: 1px 10px 20px;
border: 1px solid #dedede;
text-align:center;
}
.ng{
width:30px;
padding: 1px 10px 20px;
border: 1px solid #dedede;
background:#c8d788;
text-align:center;
}
.hn{
width:30px;
padding: 1px 10px 20px;
border: 1px solid #dedede;
background:#ffc55d;
text-align:center;
}
.of{
width:30px;
padding: 1px 10px 20px;
border: 1px solid #dedede;
background:#dddddd;
text-align:center;
}
.ca{
width:30px;
padding: 1px 10px 20px;
border: 1px solid #dedede;
background:#ffe6f7;
text-align:center;
}
.oks{
padding: 0px 8px;
border: 1px solid #dedede;
border: 1px solid #dedede;
}
.ngs{
padding: 0px 8px;
border: 1px solid #dedede;
background:#c8d788;
}
.ofs{
padding: 0px 8px;
border: 1px solid #dedede;
background:#dddddd;
}
.hns{
padding: 0px 8px;
border: 1px solid #dedede;
background:#ffc55d;
}
.cas{
padding: 0px 8px;
border: 1px solid #dedede;
background:#ffe6f7;
}
.sun{
color:#ff0000;
}
.anaunce{
margin:0px 60px 20px;
float:right;
}
.aka{
color:#ff0000;
}
.ao{
color:#0000ff;
}


.topproduct{
width:150px;
margin: 5px;
padding: 5px;
display:block;
float:left;
text-align:center;
}
.topproduct img{
padding-left: 25px;
}
.topproduct b{
padding-left: 15px;
}
.topproduct a:hover {
text-decoration: underline;
background: #ffffff;
}
.price{
float:left;
padding:8px 0px 5px 15px;
width:85px;
}
.cart{
float:right;
width:30px;
padding-right: 5px;
}
#topitem{
padding: 5px;
display:block;
float:left;
}
#iteminfo{
width:310px;
padding: 5px;
display:block;
float:right;
}
.underline_set{
padding: 10px 5px;
color: #222222;
font-size: 11px;
line-height: 120%;
}
.account_btn{
text-align:right;
padding: 10px 40px 10px 10px;
line-height: 150%;
}
.detail{
padding: 5px;
}
.explain{
padding: 5px 40px;
}

.low1left{
padding: 10px;
line-height: 120%;
color: #555555;
background: #f4f4f4;
width:100px;
border-right: 1px solid #cccccc;
}
.low2left {
padding: 10px;
line-height: 120%;
color: #555555;
width: 100px;
border-right: 1px solid #cccccc;
}
.low1right{
padding: 10px;
line-height: 120%;
color: #555555;
background: #f4f4f4;
}
.low2right{
padding: 10px;
line-height: 120%;
color: #555555;
}
.info1left{
padding: 10px 20px 10px 10px;
line-height: 120%;
color: #555555;
background: #f4f4f4;
width:100px;
border-right: 1px solid #cccccc;
text-align:right;
}
.info2left {
padding: 10px 20px 10px 10px;
line-height: 120%;
color: #555555;
width: 100px;
border-right: 1px solid #cccccc;
text-align:right;
}
.info1right{
padding: 10px 30px 10px 10px;
line-height: 120%;
color: #555555;
background: #f4f4f4;
}
.info2right{
padding: 10px 30px 10px 10px;
line-height: 120%;
color: #555555;
}
.srchright{
width:auto;
text-align:center;
padding: 5px;
}
.infoclass{
width:520px;
padding:5px 40px;
}
.tekist{
line-height: 120%;
color: #555555;
padding:5px;
}
.gaiyoleft{
width:120px;
padding:5px 20px;
line-height: 1.8em;
text-align:right;
background:#f4f4f4;
}
.gaiyoright{
width:380px;
padding:5px 20px;
text-align:left;
line-height: 1.8em;
}
.formstyle{
margin: 2px;
padding: 1px;
}
.whiteback{
background:#ffffff;
padding:2px;
text-align:left;
}
.grayback{
background:#eeeeee;
padding:2px;
text-align:left;
}

/*ページ共通*/
.nml_text {
line-height: 120%;
color: #555555;
padding: 5px;
}
#schecontainer{
width:960px;
margin: 0px auto;
border-left: 1px solid #c6ac63;
border-right: 1px solid #c6ac63;
border-bottom: 1px solid #c6ac63;
padding: 0px;
text-align: left;
font-size:11px;
}
#schecontainer #contact{
font-size:10px;
}
#schecontainer table{
border:1px;
border-collapse:separate;
}
#schecontainer td{
border:1px;
border-collapse:separate;
}

.prpara {
background:url("./../img/dot_line.gif") repeat-x scroll 0 bottom transparent;
margin-bottom: 10px;
}

.entry-asset{
margin: 10px 0px 0px;
}


.title{
margin-bottom: 2px;
margin-top: 2px;
font-size: 80%;
font-weight: bold;
}
.kakikomi{
width:560px;
background:#e9e9e9;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 2px;
}
.back{
font-size: 90%;
margin-top: 10px;
margin-bottom: 80px;
}
.latest{
color: #242424;
font-size: 75%;
}

/* 会社概要

---------------------------------------------------- */

.company-td-280px{width:280px;}

.company-title{

background-position: center;

padding-top: 5px;

padding-bottom: 5px;

}

.company-img{ vertical-align:middle;}

.company-text-l{ vertical-align:top; padding:10px 10px 0px 0px;}

.company-text-r{ vertical-align:top; padding-top:10px;}



.table-line {

border-collapse:collapse;

border: 1px solid #666666;

}

.table-main {

border: 1px solid #666666;

padding: 3px;

background: #D0EBF7;

width: 140px;

vertical-align: top;

}

.table-sub {

border: 1px solid #666666;

padding: 3px;

}


.srch{
float:right;
padding: 0px 6px;
}
.srchstyle{
width:70px;
}
.unite{
width:700px;
margin:0px;
padding: 0px;
}
.hissu{
font-weight:normal;
font-size:12px;
color:#ff6600;
}
.tekist{
font-size: 11px;
line-height: 18px;
color: #555555;
padding:5px;
}
.gaiyoleft{
width:100px;
padding:5px 20px;
font-size:80%;
line-height: 1.8em;
text-align:right;
background:#f4f4f4;
}
.gaiyoright{
width:350px;
padding:5px 20px;
text-align:left;
font-size:80%;
line-height: 1.8em;
}
.formstyle{
font-size: 11px;
margin: 2px;
padding: 1px;
}
.whiteback{
background:#ffffff;
padding:2px;
}
.grayback{
background:#eeeeee;
padding:2px;
}
.teexhoi{
font-size:11px;
line-height:20px;
padding: 5px 35px 15px;
color: #666666;
text-indent:0em;
}
.big{
font-size: 12px;
}
.project{
margin: 5px 20px 5px 0px;
padding: 4px 10px;
border-bottom:1px dotted #ccccdd;
}
.buncyua{
color: #3366cc;
}
.aliright{
width:550px;
text-align:right;
}
.tables{
width:560px;
border:none;
margin: 0px;
padding: 10px;
background:#ffffff;
font-size:11px;
line-height:20px;
color: #666666;
}


/* CSS Default */

/* YUI CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#555;}
/*body {font:11px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}*/
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:150%;}

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-table; min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display: block;}

body{
width: 100%;
height: 100%;
font-family: 'Hiragino Mincho Pro W3', 'MS PMincho', HeiseiMincho, Georgia, serif;
/* setting border: 0 hoses ie5 win window inner well border */
/*font-family: HiraMinPro-W6, "ヒラギノ明朝 Pro W6","Times New Roman", Times, "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","ＭＳ 明朝", "細明朝体", serif,Georgia; */
/*font-size:11px;*/
letter-spacing: 0.08em;
text-align: center;
color:#555555;
}

.gothic{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#container{
width: 960px;
margin: 0px auto;
/*border-left: 1px solid #c6ac63;
border-right: 1px solid #c6ac63;
border-bottom: 1px solid #c6ac63;*/
padding: 10px 0px 0px;
text-align: left;
/*height: auto !important;
height: 100%;
min-height: 100%;
position: relative;*/
}

.clearboth {
clear:both;
}

.centle{
width: 960px;
margin: 0px auto;
padding: 10px 0px;
}
.main{
padding:25px 30px 50px;
}
#topup{
clear:both;
width: 960px;
background: #ffffff;
}
.leftside{
display:block;
width: 180px;
float: left;
padding: 10px 5px;
}
.rightside{
display:block;
width:630px;
float:right;
/*border-left: 1px solid #c6ac63;*/
}
.inleftside{
display:block;
width:420px;
float:left;
/*border-right: 1px solid #c6ac63;*/
background: #ffffff;
padding: 10px;
}
.inrightside{
display:block;
width:170px;
float:right;
padding: 10px;
}

.leftside li{
padding: 10px 0px;
}

/*.mojifas{color: #37342f;}
.mojidear{color: #565248;}
.mojidil{color: #eecc66;}*/
.h2fas{border-left: 6px solid #e0d5b9;}
.h2dear{border-left: 6px solid #6e404d;}
.h2dil{border-left: 6px solid #eecc66;}

/*********************** base ************************/

a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
}
a:active {
}

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

#headbar{
position: fixed !important;
_position: absolute;
width: 960px;
margin-left: -410px;
top:0px;
left: 50%;
#headbar {z-index:200;}
background: #fff;
}
#headbar li{float: left;}
#headbar li#headbartel{float: right;}
#header{
width: 960px;
margin: 0px auto;
letter-spacing:0.2em;
text-align:left;
}
#header h1{
font-size:9px;
padding:4px;
}
#header a{
/*font-size:10px;*/
}
#logo{
margin: 10px auto;
width: 230px;
}
#subnavi{
width:549px;
float:right;
text-align:right;
}
#subnavi ul{
float: right;
}
#subnavi li{
float: left;
padding:4px;
}
#contact {
width: 207px;
float: right;
margin-right: 5px;
display:block;
}
#contact img{
float: right;
}

/* ------- MENU ----- */


#menu {
border-top: 1px dotted #aeaeae;
border-bottom: 1px dotted #aeaeae;
margin-bottom: 15px;
}
#menu li{float: left;
padding:15px 25px;
font-size:9pt;
}
/*********************** グローバルメニュー ************************/
.dropdown .underline{
border:none;
}

/*********************** パンくずリスト ************************/
#breadListBox{
text-align:center;
/*background:#f3f5ee;*/
}
#breadListBox p{
width: 960px;
margin:0px auto;
padding:5px 0px;
font-size:90%;
color:#666666;
text-align:left;
}
#breadListBox a{
margin:0px 6px;
}
#breadListBox strong{
margin:0px 6px;
font-weight:bold;
color:#999999;
}


/*********************** セカンドコンテンツ ************************/
#contentsBox{
text-align:center;
}
#contents{
text-align:left;
line-height:150%;
display:block;
padding: 15px 10px 15px;
/*border-top: 1px solid #c6ac63;*/
background: #ffffff;
}
#contents a,a:link,a:visited {
/*color: #9d8951;*/
color: #222;
text-decoration: none;
outline: none;
}
#contents a:active,a:hover {
color: #999;
}
#contentsBox #centerBox{
float:left;
width:500px;
margin:0px 20px;
color:#575757;
}
/*********************** 左コンテンツ ************************/
#contentsBox #leftBox{
float:left;
width:180px;
background:#f6eedf;
}
#leftBox{
float:left;
width:500px;
}
#leftBox .kuni a{
background-image: none;
padding-left: 24px;
}
#leftBox ul{
}

#leftBox li{
padding-bottom:2px;
line-height:130%;
background:url(./../img/navi_menu_line.gif) no-repeat 0px bottom;
}

#leftBox ul li a{
display:block; 
padding:13px 5px 14px 25px; 
background:url(./../img/navi_menu_icon.gif) no-repeat 5px 14px #fff2db;
}
#leftBox a:hover {
color:#ae071f;
background:url(./../img/navi_menu_icon_on.gif) no-repeat 5px 14px #fbf1c4;
}

#leftBox ul li span{
display:block; 
padding:12px 5px 14px 25px; 
color:#999999;
font-weight:bold;
background:url(./../img/navi_menu_icon.gif) no-repeat 5px 12px #fff2db;
}





/*********************** 中央コンテンツ ************************/


#pageTitle{
margin: 8px 0px;
}
#pageTitle_bottom{
padding-bottom:10px;
}
#pageTitle_bottom h2{
padding:14px 15px 0px;
background:#fff;
}
#pageTitle_bottom span{
display:block;
padding-left:20px;
font-weight:bold;
font-size:120%;
}


#contentsBox #centerBox p{
padding: 10px 0px 20px;
}



.paragraph ul{
padding:8px 0px;
}
.paragraph ul li{
padding:3px 0px;
}

.paragraph ul li span{
font-weight:bold;
}

.paragraph dl{
padding:8px 0px;
}

.paragraph dt{
padding-top:10px;
font-weight:bold;
}
.paragraph dd{
padding:8px 0px;
}

.paragraph left{
float:left;
}
.paragraph right{
float:right;
}

.paragraph.linkicon{
padding-left:20px;
background:url(../img/link_icon.gif) no-repeat 0px center;
}


.backpagetop, .backarchive{
text-align:right;
padding:10px 0px;
}
.backpagetop a{
padding-left:20px;
background:url(../img/topback_icon.gif) no-repeat 0px center;
}
.backarchive a{
padding-left:20px;
background:url(../img/backarchive_icon.gif) no-repeat 0px center;
}

.pagebuteLink{
padding:10px 0px;
text-align:center;
line-height:150%;
}

.pagebuteLink .next{
color:#86c226;
font-weight:bold;
}
.pagebuteLink .pre{
color:#86c226;
font-weight:bold;
}

.pagebuteLink a{
padding:5px;
}

.pagebuteLink .current_page{
padding:5px;
font-weight:bold;
color:#666666;
}



/*********************** 右コンテンツ ************************/
#contentsBox #rightBox{
float:right;
width: 200px;
display:block;
margin-right: 10px;
}

#rightContact{
margin-bottom:10px;
text-align: left;
}

#rightMenu{
/*background:#f2f3eb;*/
border-bottom:2px solid #dcdfca;
display:block;
text-align: left;
}

.relation h2{
padding:3px;
border-bottom:1px solid #b9b8b8;
border-top:1px solid #bdbcbc;
letter-spacing: 0.08em;
}
.relation span{
padding:10px 5px 2px 5px;
font-weight:bold;
color:#5d5d5d;
}

.relation ul{
border-top:1px solid #f7f8f3;
padding-bottom:15px;
}
.relation ul li{
display: block;
padding:5px 6px 7px;
line-height:120%;
}
.relation ul li.last{
background:none;
}

/*********************** フッター ************************/

#footerBox{
text-align:center;
/*background:url(../img/footer_top.gif) repeat-x 0px top #4c4d4d;*/
}
#footer{
width: 100%;
text-align:left;
border-bottom: 1px solid #c6ac63;
/*color: #c8bd9f;*/
}
/*#footer a:link{
color:#c6ac63;
}
#footer a:visited{
color:#c6ac63;
}
#footer a:hover{
color:#c8bd9f;
}
#footer a:active {
color:#c8bd9f;
}*/

#footerLink{
float:left;
width:800px;
margin:16px 0px 12px;
}

#footer li{
padding:5px 0px 5px 3px;
}
#footer li span{
display:block;
float:left;
width:142px;
/*background:url(../img/footer_part.gif) no-repeat right center;*/
}
#footer li ul{
float:right;
width:650px;
}


#footer li ul li{
clear:none;
display:inline;
padding:0px 9px 0px 8px;
color:#36acdd;
/*background:url(../img/footer_part.gif) no-repeat right center;*/
}


#otherlinkBox{
clear:both;
width: 960px;
margin-bottom:15px;
background:url(../img/footer_line.gif) no-repeat 0px top;
}

#otherlinkBox h2{
padding: 10px 0px 5px;
}

#otherlinkBox ul li{
float: left;
padding:0px 6px 0px 5px;
}



/*********************** コピーライト ************************/
#copyright{
padding:13px 0px;
margin: 23px 0px;
font-size:9px;
letter-spacing:0.2em;
line-height: 1.5em;
text-align:center;
border-top: 1px solid #666;
}

/* 各プラン

---------------------------------------------------- */

.catchcopy{
color: #ff6600;
background: #ffff99;
font-size:110%;
padding: 3px 5px;
margin: 3px;
font-weight:bold;
}
.sec_subtitle{
font-weight:bold;
font-size:120%;
padding: 3px;
}
.planjyoukenleft{
width: 180px;
padding: 10px 0px 0px;
float: left;
}
.planjyoukenright{
padding: 10px 5px 0px;
width: 355px;
float: right;
}
.melit_left{
width: 345px;
padding: 10px 0px;
float: left;
}
.melit_right{
width: 185px;
padding: 20px 0px;
float: right;
}
.melit_right_l{
width: 345px;
padding: 10px 0px;
float: right;
}
.melit_left_r{
width: 185px;
padding: 20px 0px;
float: left;
}
.shousailink{
text-align: right;
padding: 10px 0px 0px;
}
.imgright{
float:right;
}
.imgleft{
float:left;
padding:10px;
}

.midashi{
font-weight:bold;
font-size:110%;
background: #eeeeee;
padding: 3px 10px;
}
.pad10{
padding: 10px;
}

.blogtit{
clear:both;
margin-top:10px;
padding:5px 10px 5px 15px;
font-size:110%;
font-weight:bold;
color:#ff6600;
background: #ffba00;
}
.spre {
white-space: pre;/* CSS 2.0 */
white-space: pre-wrap;/* CSS 2.1 */
white-space: pre-line;/* CSS 3.0 */
white-space: -pre-wrap;/* Opera 4-6 */
white-space: -o-pre-wrap;/* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap;/* HP Printers */
word-wrap: break-word;/* IE 5+ */

}

/* 会社概要

---------------------------------------------------- */

.company-td-280px{width:280px;}

.company-title{

background-position: center;

padding-top: 5px;

padding-bottom: 5px;

}

.company-img{ vertical-align:middle;}

.company-text-l{ vertical-align:top; padding:10px 10px 0px 0px;}

.company-text-r{ vertical-align:top; padding-top:10px;}



.table-line {

border-collapse:collapse;

border: 1px solid #666666;

}

.table-main {

border: 1px solid #666666;

padding: 3px;

background: #D0EBF7;

width: 140px;

vertical-align: top;

}

.table-sub {

border: 1px solid #666666;

padding: 3px;

}


/* 右問い合わせ電話番号

---------------------------------------------------- */


#righttel{
margin-top: 0px;
margin-bottom:40px;
background:#b9e8f8;
border:3px solid #64c8da;
}


/* 現地時計

---------------------------------------------------- */

#clockbox{
text-align:left;

color: #FFFFFF;
font-size: 9px;
position: absolute;
top: 25px;
left: 220px;
}

* html #clockbox { width:430px; line-height:1.4;} /*IE6用*/


#clock1{
background-image: url(../img/clockbg2.jpg);
background-repeat: no-repeat;
height: 44px;
width: 168px;
float: left;
margin-left:10px;
padding-left: 12px;
padding-top: 8px;

}

*:first-child+html #clock1 {
line-height: 13px;
}


#clock1 p{

font-size: 9px;
float:left;
margin-right:5px;
margin-top:3px;
text-align: center;
}

html:not([lang*=""]) #clock1 p {
width:93px;
}


#clock2{
background-image: url(../img/clockbg3.jpg);
background-repeat: no-repeat;
height: 44px;
width: 130px;
float: left;
padding-top: 8px;
}

*:first-child+html #clock2 {
line-height: 13px;
}

* html #clock2 {
margin-left: 12px;
}

#clock2 p{
font-size: 9px;
float:left;
margin-top: 7px;
margin-left:13px;
margin-right:4px;

}

html:not([lang*=""]) #clock2 p {
width:55px;
text-align:center;
margin-top:8px;
}

* html #clock2 p {
margin-left:8px;
margin-right:2px;
}




#japantime_td{
padding-left:50px;
padding-right:50px;
}
.scclock{
height: 22px;
width:45px;
margin-left:0px;
font-size: 16px;
font-weight:600;
vertical-align: middle;

}

* html .scclock {
height:26px;
font-weight:bold;
} /*IE6用*/


/*********************** サポート ************************/

#contentsBox h4{
clear:both;
}


#consultation, #leaves, #leaves1, #abroad{
margin-top:20px;
background:url(../img/support_line.gif) repeat-y left 0px;
}



#contentsBox #consultation h4, #contentsBox #leaves h4, #contentsBox #leaves1 h4, #contentsBox #abroad h4{
margin-top:0px;
padding-left:0px;
border:1px solid #333;
background:none;
}

#consultation h4 span, #leaves span, #leaves1 span, #abroad span{
display:block;
float:right;
width:495px;
padding:8px;
font-weight:bold;
color:#666666;
}


#consultation h4 span.num, #leaves span.num, #leaves1 span.num, #abroad span.num{
float:left;
width:30px;
_width:50px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
}

#contentsBox #consultation h4{
background:#f8edd9;
border:1px solid #eb9800;
}

#consultation h4 span.num{
background:#eb9800;
}

#contentsBox #leaves h4{
background:#ffff66;
border:1px solid #FFD700;
}

#leaves h4 span.num{
background:#FFD700;
}

#contentsBox #leaves1 h4{
background:#e8f2cc;
border:1px solid #9bca17;
}

#leaves1 h4 span.num{
background:#9bca17;
}

#contentsBox #abroad h4{
background:#d3e9f2;
border:1px solid #468dab;
}

#abroad h4 span.num{
background:#468dab;
}

.step{
padding-bottom:10px;
background:url(../img/support_arrow.gif) no-repeat 0px bottom;
}
.steplast{
padding-bottom:10px;
background:none;
background:#FFFFFF;
}


.step p, .steplast p{
width:495px;
margin-left:60px;
}


/*********************** よくある質問 ************************/

ul.qaList a{
margin:3px 0px;
padding-left:20px;
background:url(./../img/link_icon.gif) no-repeat 0px bottom;
}





#sitemap{
padding:8px 0px;
}

#sitemap .toplevel span{
font-weight:bold;
color:#999999;
}

#sitemap li h3{
margin-bottom:15px;
}

#sitemap .toplevel, #sitemap li ul li{
margin:10px 0px;
padding-left:20px;
background:url(../img/link_icon.gif) no-repeat 0px 2px;
}

/*********************** コンテンツ ************************/
#topContents{
width: 960px;
margin:0px auto;
line-height:150%;
}

/*********************** 右コンテンツ ************************/
#rightBox{
float:right;
width:308px;
}

#news{
margin-bottom:5px;
padding:16px 0px 14px;
font-size: 10px;
color:#777777;
/*border:0px solid #d2d6bc;
border-top:none;
background: #edeee3;*/
}

#topnewsList{
height:320px;
overflow:auto;
}

#topnewsList li{
margin-bottom:12px;
padding:0px 0px 10px;
background:url(../img/news_line.gif) repeat-x 0px bottom;
}
#topnewsList li .thumb{
display:block;
float:left;
width:60px;
padding:2px;
border:1px solid #bfbfc0;
background:#FFFFFF;
}
#topnewsList li span.thumb{
/*background:#edeee3;*/
}
#topnewsList li div{
line-height:140%;
}
#topnewsList li h3{
/*background:#edeee3;*/
padding: 3px 5px;
margin-bottom: 5px;
margin-right: 15px;
}
#topnewsList li p{
width:410px;
padding: 3px 5px;
margin-right: 10px;
}

/*********************** ニュースインデックス ************************/

#newsList{
padding:20px 5px 10px;
}

#newsList li{
margin-bottom:12px;
padding:0px 0px 10px;
background:url(./../img/dot_line.gif) repeat-x 0px bottom;
}
#newsList li .thumb{
display:block;
float:left;
width:60px;
padding: 2px;
margin: 21px 3px 0px;
border:1px solid #bfbfc0;
background:#FFFFFF;
}
#newsList li span.thumb{
/*background:#edeee3;*/
}
#newsList li div{
width:450px;
float:right;
line-height:140%;
font-weight: normal;
}

#newsList li h3{
clear:both;
margin-top:0px;
padding:5px 10px 0px 0px;
font-size:100%;
color:#666666;
background:none;
}

/*********************** ニュース記事 ************************/

.newscontents #pageTitle{
margin-bottom:0px;
}
.newscontents td{
vertical-align:top;
padding-top:15px;
}
.newsdata{
padding:0px 5px;
text-align:right;
font-weight:bold;
color:#999;
}


.pastnews {
color: #242424;
padding: 4px;
font-size: 12px;
text-align: right;
}

.news_date {
font-size: 90%;
color: #999999;
margin-bottom: 5px;
}

/*********************** 概要コンテンツ ************************/
#topContentsBox #outlineBox{
width:819px;
clear:both;
background:url(../img/outlineBox_bg.gif) repeat-y 0px 0px;
}
#outlineBottom{
background:url(../img/outlineBox_bottom.gif) no-repeat 0px bottom;
}


#outlineBottom h2{
margin:58px 15px 0px;
}

#outlineBottom p{
margin:12px 15px 0px;
}
#outlineBottom p.detailsLink{
margin:10px 15px 12px;
text-align:right;
}
#outlineBottom p.detailsLink a{
padding-left:20px;
background:url(./../img/link_icon.gif) no-repeat 0px center;
}



#trainingBox{
float:left;
width:305px;
margin-right:23px;
background:url(../img/camp_bg.jpg) no-repeat 0px 0px;
}
#schoolBox{
float:left;
width:305px;
background:url(../img/abroad_bg.jpg) no-repeat 0px 0px;
}
#schoolBox p{
margin:12px 22px 0px 15px;
}
#tournamentBox{
float:right;
width:305px;
background:url(../img/homestay_bg.jpg) no-repeat 0px 0px;
}

.paragraph{
padding-bottom:40px;
}

.paragraph ul li{
padding:5px 0px 5px 17px;
background:url(./../img/second_listicon_blue.gif) no-repeat 0px 8px;
}

/*********************** カレンダー ************************/
#calendar {
 width: 190px;
 color: #444444;
 margin: 5px 0px 10px;
}
#calendar table {
 padding: 0;
 border-collapse: collapse;
}
#calendar th {
 padding: 5px 6px;
 text-align: right;
 font-size: 10px;
 width: 21px;
}
#calendar td {
height: 20px;
margin: 1px;
text-align: right;
font-size: 11px;
letter-spacing: 0em;
/*\*/
letter-spacing: 0em;
/**/
/*background: #edeee3;*/
}
#calendar td a:link{
padding: 5px 6px;
/*background: #edeee3;*/
}
#calendar td a:hover{
padding: 5px 6px;
background: #fed967;
}
#today { /*本日のスタイル*/
font-weight: bold;
text-decoration: underline;
background: #fed967;
}
.td_0,
.td_0 a:link,
.td_0 a:visited{
 color: #ff6600;
}
.td_6,
.td_6 a:link,
.td_6 a:visited{
 color: #006699;
}
.sunday, /*日曜祝日のスタイル*/
.holiday,
.holiday a:link,
.holiday a:visited {
 color: #ff6600;
}
.saturday, /*土曜日のスタイル*/
.saturday a:link,
.saturday a:visited {
 color: #006699;
}
.gallery td{
width: 100px;
padding: 4px;
font-size: 70%;
text-align: center;
}
#slideshow, #slideshow2 {
position: relative;
width: 800px;
height: 300px;
}
#slideshow img, #slideshow2 img {
position: absolute;
left: 0;
top: 0;
width: 800px;
height: 300px;
}
#pause1, #pause2 {
z-index:100;
}
.necessary{
border-left: 6px solid #d9d0b3;
background: #ece6d8;
padding: 15px;
}
.companyboard th{
border-left: 6px solid #ece6d8;
background: #ece6d8;
padding: 15px;
}
.companyboard td{padding: 15px;}


/*********************** いいね！ボタン ************************/
.block div {
margin-right: 5px;
margin-top: 5px;
float: left;
}
/* ------トップのjquery ----- */

div#feature_list {
width: 960px;
height: 334px;
}

div#feature_list ul {
position: absolute;
top: 0;
}

ul#tabs {
right: 0;
z-index: 2;
width: 185px;
}

ul#tabs li {
}

ul#tabs li img {
}

ul#tabs li a {
text-decoration: none;
display: block;
height: 54px;
outline: none;
}

ul#tabs li a:hover {
background-position:right;
}

ul#tabs li a.current {
background-position:right;
}

ul#tabs li a.current:hover {
/*cursor: default;*/
}

ul#tabs li a.tab-1 {
background-image:url(./../img/main_top_right_reserve_btn.jpg);
}
ul#tabs li a.tab-2 {
background-image:url(./../img/main_top_right_campaign_btn.jpg);
}
ul#tabs li a.tab-3 {
background-image:url(./../img/main_top_right_biginner_btn.jpg);
}
ul#tabs li a.tab-4 {
background-image:url(./../img/main_top_right_stygal_btn.jpg);
}
ul#tabs li a.tab-5 {
background-image:url(./../img/main_top_right_stycol_btn.jpg);
}
ul#output {
left: 0;
width: 720px;
height: 270px;
position: relative;
}

ul#output li {
position: absolute;
width: 720px;
height: 270px;
}

/*ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #000;
-moz-border-radius: 5px;
}
ul#output li a:hover {
background: #D33431;
}*/


.counse_komoku{
width: 280px;
}
.counse_kekka{
width: 300px;
}

/* ------ mobilyslider
-----------------------------------------------*/
.slider {
float:left;
width:960px;
height:300px;
position:relative;
}

.sliderContent {
float:left;
width:960px;
height:300px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderContent .item {
position:absolute;
width:960px;
height:300px;
}


/* ------ 初めてのお客様
-----------------------------------------------*/

.couponTable{
margin: 10px 0px;
border: 1px solid #ece6d8;
}
.couponTable dt{
float: left;
padding-left: 10px;
}
.couponTable dd{
padding: 10px;
}
.setTable{
width: 960px;
margin: 10px 0px;
border: 1px solid #ece6d8;
}
.setTable dt{
float: left;
padding-left: 10px;
}
.setTable dd{
padding: 10px;
}
.fgPink{
color:#e95e5e;
}
.fgRed{
padding-left: 8px;
color:#e95e5e;
font-size:120%;
}
.boldfont{
padding: 10px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boldfont p{
float: left;
font-size: 120%;
}
.couponMenuIcons{
margin: 10px 0px 0px;
display:block;
}
.couponMenuIcons li{
float: left;
padding: 2px 10px 1px;
margin: 4px 5px 2px;
background: #e95e5e;
color: #fff;
}

.couponMenuIcons li.menu_cut{
background: #F9E2E5;
}
.couponMenuIcons li.menu_col{
background: #FDF5E2;
}
.couponMenuIcons li.menu_perm{
background: #F4F9E2;
}
.couponMenuIcons li.menu_trea{
background: #EAEAF4;
}
.couponMenuIcons li.menu_syuku{
background: #D8F3E7;
}
.couponMenuIcons li.menu_hspa{
background: #DBF0F6;
}
.couponMenuIcons li.menu_extr{
background: #f6f3e5;
}






.setMenuIcons{
margin: 10px 0px 0px;
display:block;
}
.setMenuIcons li{
float: left;
padding: 2px 10px 1px;
margin: 4px 5px 2px;
}

.setMenuIcons li.menu_cut{
background: #F9E2E5;
}
.setMenuIcons li.menu_col{
background: #FDF5E2;
}
.setMenuIcons li.menu_perm{
background: #F4F9E2;
}
.setMenuIcons li.menu_trea{
background: #EAEAF4;
}
.setMenuIcons li.menu_syuku{
background: #D8F3E7;
}
.setMenuIcons li.menu_hspa{
background: #DBF0F6;
}
.setMenuIcons li.menu_extr{
background: #f6f3e5;
}
.imgbottombox{
width: 120px;
padding: 2px 10px;
background: #f6f3e5;
}
.setbtn{

}


/* ------即時予約
-----------------------------------------------*/

.schetable{
width: 100%;
margin: 10px 0px;
}
.schetable th{
background: #f6f3e5;
padding: 2px 10px;
border: 1px solid #ddd;
}
.schetable td{
border: 1px solid #ddd;
}
.schetable td.schetd{
padding: 15px 10px;
}
.thstname{
width: 120px;
}
.thori{
width: 70px;
}
.thset{
width: 80px;
}
.thtime{
width: 100px;
}
.linetrough{
text-decoration: line-through;
}
.yoyakulist td{
display: block;
height: 35px;
padding: 3px 24px;
border: 1px solid #ddd;
text-align: right;
}
.yoyakulist td.marumaru{
background: #fbfdff;
}
.yoyakulist td.batsubatsu{
background: #f1ece6;
}
.yoyakulist td.yasumiyasumi{
background: #f4f4f4;
}
.yoyakulist td img{
padding: 3px 3px 0px;
width: 30px;
display: block;
}
.yoyakulist td a{
display: block;
}

.yoyakulist th{
height: 35px;
padding: 3px;
text-align: center;
border: 1px solid #ddd;
line-height: 1.02em;
}
.yoyakulist th span{
font-size:9px;
}
.yoyakulist_th td{
display: block;
height: 35px;
line-height: 35px;
padding: 3px 6px;
border: 1px solid #ddd;
text-align: right;
}
.staffdetail .ths{
background: #f6f3e5;
}
.yoyakulist_th td{
background: #f4f5f1;
}
.calendar td a{
display: block;
padding: 10px;
border: 1px solid #ddd;
text-align: right;
}
.calendar td a:hover{
background: #ddd;
}

.res_staffbox{
display: block;
width: 130px;
margin: 10px 4px 5px 0px;
}
.res_staffbox p{
padding: 5px;
}
.res_staffbox p.stf_epl{
overflow:hidden;
}

.stafflist{
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
width:960px;
margin:0 auto;
}

.satd{
color:#448aff;
}
.sund{
color:#f23d2f;
}
th.satd,.satd td.marumaru{
/*border: 1px solid #bcdcff;*/
background: #f6fbff;
}
th.sund,.sund td.marumaru{
/*border: 1px solid #ffbcd2;*/
background: #fff7fb;
}
.staffdetail th{
display: block;
padding: 3px 6px;
border: 1px solid #ddd;
}
.staffdetail th,.staffdetail td{
border: 1px solid #ddd;
padding: 5px;
}
.stphoto{
padding: 25px 15px 0px 0px;
}

/* ------予約の流れ
-----------------------------------------------*/
.stepo{
margin: 15px;
}
.stepo .stepon,.stepo .stepoff{
font-size: 9px;
padding: 6px 15px 6px 10px;
margin: 3px;
-webkit-border-top-right-radius: 15px;
-khtml-border-radius-topright: 15px; 
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
 
-webkit-border-bottom-right-radius: 15px;
-khtml-border-radius-bottomright: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}
.stepon{
background: #F9E2E5;
}
.stepoff{
background: #f6f3e5;
}
.gt{
font-size: 9px;
padding: 8px 2px 0px;
}
.stepo .back_table{
font-size: 9px;
margin: 3px;
padding: 6px 10px;
}
.back_table{
display: block;
text-align: center;
background: #1f79b6;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5dafe8), color-stop(0.00, #1f79b6));
background: -webkit-linear-gradient(#5dafe8, #1f79b6);
background: -moz-linear-gradient(#5dafe8, #1f79b6);
background: -o-linear-gradient(#5dafe8, #1f79b6);
background: -ms-linear-gradient(#5dafe8, #1f79b6);
background: linear-gradient(#5dafe8, #1f79b6);
color: white;
border-radius: 4px;/* CSS3草案 */
-webkit-border-radius: 4px;/* Safari,Google Chrome用 */
-moz-border-radius: 4px; /* Firefox用 */
}

.back_table:hover,
.back_table:active {
background: #368dc8;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9ecaea), color-stop(0.00, #368dc8));
background: -webkit-linear-gradient(#9ecaea, #368dc8);
background: -moz-linear-gradient(#9ecaea, #368dc8);
background: -o-linear-gradient(#9ecaea, #368dc8);
background: -ms-linear-gradient(#9ecaea, #368dc8);
background: linear-gradient(#9ecaea, #368dc8);
color: white;
}


/* ------予約確認ページ
-----------------------------------------------*/

.checktable{
width: 640px;
margin: 50px auto;
}

.checktable td{
border: 1px solid #ddd;
padding: 15px 10px;
}

.koumoku{
background:#f6f3e5;
}
.sugoshikata li{
padding: 5px 10px;
}

.soshin {
margin-left: 3px;
display: block;
text-align: center;
width: 298px;
font-size: 120%;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
padding: 20px;
background: #d25b57;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e17a73), color-stop(0.00, #d25b57));
background: -webkit-linear-gradient(#e17a73, #d25b57);
background: -moz-linear-gradient(#e17a73, #d25b57);
background: -o-linear-gradient(#e17a73, #d25b57);
background: -ms-linear-gradient(#e17a73, #d25b57);
background: linear-gradient(#e17a73, #d25b57);
border-radius: 4px;/* CSS3草案 */
-webkit-border-radius: 4px;/* Safari,Google Chrome用 */
-moz-border-radius: 4px; /* Firefox用 */
color: white;
}
.soshin:hover,
.soshin:active {
background: #D67573;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E48882), color-stop(0.00, #D67573));
background: -webkit-linear-gradient(#E48882, #D67573);
background: -moz-linear-gradient(#E48882, #D67573);
background: -o-linear-gradient(#E48882, #D67573);
background: -ms-linear-gradient(#E48882, #D67573);
background: linear-gradient(#E48882, #D67573);
color: white;
}
.backpad{
width: 120px;
padding: 20px;
}
.sndbtn{
width: 700px;
margin: 10px auto;
}


/* ------reserveのメニュー絞り込み
-----------------------------------------------*/

#choicemenu{
border: 1px solid #ddd;
padding: 10px;
}
#choicemenu li{
width: 170px;
float: left;
padding: 10px 10px 5px;
}
.shiborikomi{
background:#f6f3e5;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 6px 10px;
font-size: 11px;
margin-top:10px;
}


/* ------来店初めてか
-----------------------------------------------*/

.twiceonce{
margin-top: 10px;
border: 1px solid #ddd;
}
.firstsecond{
background:#fd919b;
font-size: 11px;
color:#ffffff;
padding: 14px 40px;
}
.fitw{
padding: 14px 50px;
}


.sokujititle{
margin-bottom: 10px;
}

.topbottom{
margin: 15px 0px;
}


.markexplain td{
padding: 10px 5px;
width: 100px;
}
.markexplain td img{
float: left;
vertical-align: middle;
}
.markexplain td p{
white-space: nowrap;
padding: 5px 0px 0px;
}

input[type="text"],input[type="password"] {
padding:10px;
font-size:1.3em;
}

input[type="checkbox"] {
margin-right: 5px;
width: 18px;
height: 18px;
}

select{
border:0;
padding:3px 5px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#555;
border:solid 1px #ccc;
-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
select:focus {
border:solid 1px #0096e4;
}

.yoyakulist_th td.gusu1{
background:#fcfdfd;
}
.yoyakulist_th td.kisu1{
background:#fffffd;
}
.yoyakulist_th td.gusu2{
background:#f7fcfd;
}
.yoyakulist_th td.kisu2{
background:#fdf7e0;
}

#beginner{
padding: 20px 40px;
font-size:14px;
color: #666;
line-height: 1.8em;
}

#beginner h2 {
font-size:18px;
color: #888;
text-shadow:1px 1px 1px #ddd;
	margin:0 0 30px 0;
	padding:12px 15px;
	background: #fdf3cd; /* Old browsers */
	background: -moz-linear-gradient(left, #fdf3cd 0%, #fdf7e0 50%, #fdf3cd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fdf3cd), color-stop(50%,#fdf7e0), color-stop(100%,#fdf3cd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #fdf3cd 0%,#fdf7e0 50%,#fdf3cd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #fdf3cd 0%,#fdf7e0 50%,#fdf3cd 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #fdf3cd 0%,#fdf7e0 50%,#fdf3cd 100%); /* IE10+ */
	background: linear-gradient(left, #fdf3cd 0%,#fdf7e0 50%,#fdf3cd 100%); /* W3C */
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.1);
	position:relative;
	}
 
#beginner h2:before,
#beginner h2:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 40%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 10px rgba(50,50,50, 0.1);
	-moz-box-shadow: 0 8px 10px rgba(50,50,50, 0.1);
	box-shadow: 0 8px 10px rgba(50,50,50, 0.1);
	background-color: #fff;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
#beginner h2:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}
#beginner h3 {
	padding:12px 10px;
	background: #fdf3cd;
	color:#888;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

#beginner p {
	padding:12px 20px;
	color:#888;
	border: 1px solid #fdf3cd;
}

/* スマホ対応 */
/* Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

html,body{ width: 100%; font-size:14px;}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.koumoku{
background:#f6f3e5;
display:block;
}

.checktable td{
border: 1px solid #ddd;
padding: 15px 10px;
display:block;
}

}
/* Mobile (Landscape) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

html,body{ width: 100%; font-size:16px;}
input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border-radius: 8px;
    border: 2px solid #4c4c4c;
    -webkit-box-sizing: border-box;
    width: 28px;
    height: 28px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
}

/* チェック時は背景色を変更 */
input[type="checkbox"]:checked {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#353535),
        to(#8f8f8f)
    );
}

/* チェックの印を:before疑似要素と:after疑似要素を使って作成 */
input[type="checkbox"]:checked:before {
    position: absolute;
    left: 1px;
    top: 17px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    content: "";
    width: 10px;
    height: 4px;
    background: #FFFFFF;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 9px;
    top: 17px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    width: 19px;
    height: 4px;
    background: #FFFFFF;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}
input[type="radio"] {
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border-radius: 14px;
    border: 2px solid #4c4c4c;
    -webkit-box-sizing: border-box;
    width: 28px;
    height: 28px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
    vertical-align: middle;
}

/* チェック時は背景色を変更 */
input[type="radio"]:checked {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#353535),
        to(#8f8f8f)
    );
}

/* チェックの印を:before疑似要素を使って作成 */
input[type="radio"]:checked:before {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    margin: -5px 0 0 -5px;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 1);
    content: "";
    border-radius: 5px;
    width: 10px;
    height: 10px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
}

.koumoku{
background:#f6f3e5;
display:block;
}

.checktable td{
border: 1px solid #ddd;
padding: 15px 10px;
display:block;
}

}
/* Mobile (Portrait) */
@media only screen and (max-width: 480px) {
html,body{ width: 100%; font-size:16px;}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border-radius: 8px;
    border: 2px solid #4c4c4c;
    -webkit-box-sizing: border-box;
    width: 28px;
    height: 28px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
}

/* チェック時は背景色を変更 */
input[type="checkbox"]:checked {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#353535),
        to(#8f8f8f)
    );
}

/* チェックの印を:before疑似要素と:after疑似要素を使って作成 */
input[type="checkbox"]:checked:before {
    position: absolute;
    left: 1px;
    top: 17px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    content: "";
    width: 10px;
    height: 4px;
    background: #FFFFFF;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 9px;
    top: 17px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    width: 19px;
    height: 4px;
    background: #FFFFFF;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}
input[type="radio"] {
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border-radius: 14px;
    border: 2px solid #4c4c4c;
    -webkit-box-sizing: border-box;
    width: 28px;
    height: 28px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
    vertical-align: middle;
}

/* チェック時は背景色を変更 */
input[type="radio"]:checked {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#353535),
        to(#8f8f8f)
    );
}

/* チェックの印を:before疑似要素を使って作成 */
input[type="radio"]:checked:before {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    margin: -5px 0 0 -5px;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 1);
    content: "";
    border-radius: 5px;
    width: 10px;
    height: 10px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
}

.koumoku{
background:#f6f3e5;
display:block;
}

.checktable td{
border: 1px solid #ddd;
padding: 15px 10px;
display:block;
}

}


.recentres td{
border: 1px solid #fdf3cd;
padding: 5px 10px;
}
.recentres td.rcname{
width: 100px;
}
.recentres td.rcday{
width: 140px;
}
.recentres td.rctant{
width: 80px;
}
.recentres td.rcmenu{
width: 240px;
}
.recentres td.rcbiko{
width: 240px;
}
#main{
font-size:11px;
}