@charset "utf-8";
/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ CSS初期設定
------------------------------------------*/
* {margin: 0;padding: 0;}
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;}
img {vertical-align: middle;margin: 0;padding: 0;border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size:100%;
max-width:100%;
}
/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img {border: none;}
a {color: #0066cc;text-decoration: none;}
a:hover {color: #FF3399;text-decoration: none;opacity: 0.9;/*--IE,FF対応--*/filter: alpha(opacity=90);-ms-filter: "alpha( opacity=90)";}
a:visited {color: #993399;text-decoration: underline;}

/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
a:hover img {
opacity: 0.85;/*--IE,FF対応--*/
filter: alpha(opacity=85);
-ms-filter: "alpha( opacity=85)";
}

/*------------------------------------------
■ float対策
------------------------------------------*/
.fcl {zoom: 100%;}
.fcl:after {
content: " ";
clear: both;

height: 0;
display: block;
visibility: hidden;
}

/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left {float: left;margin-right: 20px;margin-bottom: 10px;}
.img_right {float: right;margin-left: 20px;margin-bottom: 10px;}
.img_center {display: block;margin: 0 auto;clear: both;text-align: center;}
.size_s {}
.size_m {box-shadow: 0 0 5px #ccc;}
.size_l {}
.max_w {}
/*------------------------------------------
■ テキスト装飾
------------------------------------------*/
.txt_bold {font-weight: bold;}
.txt_small {font-size: 86%;}
.txt_big {font-size: 120%;}
.txt_right {text-align: right;}
.txt_red {color: #f18888;}
.txt_blue {color: #0066cc;}
.txt_orange {color: #F8BC2F;}
.txt_keycolor {color: #67523f;}
.txt_marker {background-color: #FFFF00;}
.txt_underline {border-bottom: 1px dashed #bbbbbb;margin-bottom: 2px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f38{font-size:38px;line-height: 140%; font-family:"FOT-筑紫A丸ゴシック Std D";}
.f40{font-size:40px;line-height: 140%; font-family:"FOT-筑紫A丸ゴシック Std D";}
.f48{font-size:48px;line-height: 140%;}

/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.pc_none {display: none;}
.sp_none {}

/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
background:#F1EFD7;
color: #444444;
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
font-size: 16px;
line-height: 200%;
width: 100%;
min-width:1200px;
}

#wrap {
margin: 0 auto;
}

#frame {
margin:0 auto;
text-align: left;
}

#main {
padding: 0px;
margin:0 auto;
}
.section {
clear: both;
margin: 0 auto 50px;
}

/*------------------------------------------
■　box, txt_area
------------------------------------------*/
.box {
clear: both;
margin:50px auto 0;
width:1000px;
}

.box_bg {
background: url("../img/bg07.gif") repeat scroll center 0 transparent;
border-radius: 0;
margin: 50px auto;
padding: 40px;
}

.box_01 {
    background: #ffffff url("../img/box_01.jpg") no-repeat scroll center 0;
    border: 1px solid #cccccc;
    border-radius: 10px;
    margin: 50px auto;
    padding: 40px;
}

.box_border{
background-color: #ffffff;
border:1px solid #836a2c;
margin: 50px auto;
padding: 20px;
text-align:center;
}

.txt_area {
    margin: 0 auto;
    padding: 12px 10px;
}

.txt_area_bg {
    background-color: #f2eee3;
    border-radius: 10px;
    margin: 30px auto;
    padding: 30px;
}

.txt_area_border {
    background-color: #f1efd7;
    border: 1px dashed #67523f;
    font-size: 20px;
    margin: 20px auto;
    padding: 0 30px 30px;
}

.reason_box{
background: url("../img/text_bg00.png") no-repeat scroll top center;
padding:30px 10px;
height:514px;
}

.reason_txt{
margin: 0 auto;
padding:20px 434px 20px 32px;
}
.reason_in{
margin: 20px auto;
}

.box_a{
    background: rgba(0, 0, 0, 0) url("../img/box_a_in.png") repeat-y scroll center top;
    margin: 50px auto;
    padding: 0;
    width: 1000px;
}

.box_a_in{
    background: rgba(0, 0, 0, 0) url("../img/box_a_top.png") no-repeat scroll center top;
    margin: 0 auto;
    padding: 60px;
}

.box_a_bottom{
    background: rgba(0, 0, 0, 0) url("../img/box_a_bottom.png") no-repeat scroll center bottom;
    margin: 0 auto;
    padding: 0 0 0px;
}

.box_a .table03 {
    font-size: 16px;
    margin: 10px auto;
    width: 860px;
}
.box_a .table03 th {
    background: #f7f5dc none repeat scroll 0 0;
    border-bottom: 1px solid #987c31;
    border-right:4px solid #ffffff;
    font-weight: normal;
    padding: 30px;
    text-align: left;
    width: 20%;
}
.box_a .table03 td {
    background: #fffff3 none repeat scroll 0 0;
    border-bottom: 1px solid #987c31;
    padding: 30px;
}
.box_a .table03 th.th01 {
width: 30%;
text-align: center;
}
/*------------------------------------------
■ h1
------------------------------------------*/
h1 {
background:transparent url("../img/title_bg.png") repeat scroll center 50px;
color: #ffffff;
font-size: 10px;
height: 18px;
line-height: 18px;
margin: 0 auto;
}
.h1_txt {
display: block;
margin: 0 auto;
width: 1000px;
}
/*------------------------------------------
■ ヘッダーエリア
------------------------------------------*/

#header {
background:#ffffff;
height: 100px;
padding: 0;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
color:#333;
border-bottom:2px solid #67523f;
}
#header_in {
height: 85px;
width: 1000px;
position: relative;
left: 0px;
top: 0px;
margin:0 auto;
}

#header .header_logo{
left: 0;
position: absolute;
top: 2px;
}

#header .header_txt {
	display:none;
}

#header .header_txt2 {
    line-height: 130%;
    margin-top: 2px;
}

#header_in .header_tel {
    font-size: 13px;
    line-height: 200%;
    position: absolute;
    right: 232px;
    top: 26px;
}

#header_in .header_tel_number {
    background: transparent url("../img/tel_icon_small.gif") no-repeat scroll 0 0px;
    color: #333;
    cursor: default;
    display: block;
    font-size: 28px;
    line-height: 26px;
    text-indent: 32px;
    white-space: nowrap;
}
#header_in .header_btn a {
display: block;
left: 786px;
padding: 0;
position: absolute;
top: 21px;
}
/*------------------------------------------
■TOP
------------------------------------------*/
#top_bg {
background: transparent url("../img/top_bg.png") repeat scroll 0 0;
}

#top {
margin: 0 auto;
padding: 0px 0 0;
text-align: left;
width: 1200px;
}

.top_copy_area{
margin-left:100px;
}

.top_copy01 {
background-color: #2dc3cd;
border-radius: 30px;
color: #ffffff;
font-size: 22px;
padding: 10px 30px;
text-align: center;
width: 550px;

}

.top_copy02 {
font-size: 36px;
line-height: 140%;
margin-bottom: 45px;
margin-top: 30px;
margin-left: 5px;
font-family:"FOT-筑紫明朝 Pr5 B";
}

.top_copy02_big {
font-size: 60px;
line-height: 130%;
background: linear-gradient(transparent 60%, #ffff66 60%);
}

/*------------------------------------------
■お申込みエリア（営業時間内）
------------------------------------------*/
.order {
background:transparent url("../img/order_bg.jpg") repeat scroll center 0;
clear: both;
margin: 50px auto;
padding: 0 0 10px;
text-align:center;
}

.order_in{
width:1000px;
margin:0 auto;
padding:50px 0;
}


.order_copy01 {
    background-color: #d5d3bb;
    border-radius: 30px;
    font-family: "FOT-筑紫明朝 Pr5 B";
    font-size: 30px;
    margin: 0 auto 15px;
    padding: 12px 40px;
    text-align: center;
    width: 74%;
}


.order_copy02 {
    color: #ffffff;
    font-family: "FOT-筑紫明朝 Pr5 B";
    font-size: 42px;
    line-height: 130%;
    margin: 0 auto 20px;
    padding-top: 5px;
    text-align: center;
    text-shadow: 2px 2px 2px #131313;
}
h3.copy {
display: none;
}
.order_area {
background-color: #ffffff;
}

.order_left{
float: left;
}
.order_image{
margin:20px 0px 20px 20px;
}
.order_right {
float: right;
width: 519px;
}
.order_right_in{
margin:20px;
}
.order_tel {
}
/*　▼テキスト▼　*/
.order p.txt_cap{
    font-size: 16px;
    line-height: 100%;
    margin-top: 0;
}

.order p.order_time {
    font-size: 16px;
    line-height: 140%;
    margin-top: 8px;
    text-align: left;
}
/*　▼TEL番号エリア▼　*/

.order .txt_tel {
    background: transparent url("../img/tel_icon_big.gif") no-repeat scroll 0 -4px;
    color: #444444;
    display: block;
    font-size: 42px;
    font-weight: bold;
    line-height: 100%;
    margin: 0 auto;
    padding-top: 10px;
    text-align: left;
    text-indent: 66px;
}

.order a.txt_tel{
display:none;
}
/*　▼ボタンエリア▼　*/
.order_mail a {
display: block;
margin: 10px auto;
padding: 0;
width: 480px;
}
.order_btn {
}
.plain {
white-space: nowrap;
}

/*------------------------------------------
■ h4タイトル
------------------------------------------*/
.ar_bg{
background-color:#45bff4;
}
/*
h4.title {
    border-bottom: 4px dotted #aa0000;
    font-family: "FOT-筑紫明朝 Pr5 B";
    font-size: 44px;
    font-weight: bold;
    margin: 0 auto 30px;
    padding: 15px 0 30px;
    text-align: center;
}
*/

h4.title {
    background: transparent url("../img/title_bg.png") repeat scroll center 0;
    box-shadow: 0 2px 3px #666666;
    color: #ffffff;
    display: block;
    font-family: "FOT-筑紫明朝 Pr5 B";
    font-size: 38px;
    font-weight: bold;
    height: 130px;
    letter-spacing: 0.1em;
    line-height: 125px;
    padding: 0;
    text-align: center;
    text-shadow: 0 0 5px #232323;
}


h4.title img{
margin:-70px 20px 0 0;
}

/*------------------------------------------
■ サブタイトル装飾（基本値）
------------------------------------------*/
.sub_title_a {
border-left: 10px solid #67523f;
font-family: "FOT-筑紫明朝 Pr5 B";
font-size: 30px;
line-height: 130%;
margin: 0 auto 20px;
padding-left: 12px;
}
.sub_title_b {
    border-bottom: 3px solid #b19468;
    font-family: "FOT-筑紫明朝 Pr5 B";
    font-size: 36px;
    margin: 0 auto 30px;
    padding: 15px 0 30px;
}
.sub_title_c {
border-bottom: 1px solid #67523f;
border-left: 10px solid #67523f;
font-size: 24px;
line-height: 130%;
font-weight: bold;
margin: 20px auto;
padding: 0 15px 5px;
font-family:"FOT-筑紫明朝 Pr5 B";
}
.sub_title_d {
background-color: #1774B8;
color: #ffffff;
font-size: 24px;
letter-spacing: 0.09em;
margin: 10px auto 20px;
padding: 15px 30px;
text-align:center;
box-shadow:0px 0px 5px #ccc; 
}
.sub_title_e {
    border-bottom: 2px dotted #b19468;
    color: #806337;
    font-family: "FOT-筑紫明朝 Pr5 B";
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.09em;
    line-height: 130%;
    margin: 0 0 10px;
    padding: 5px 0 10px;
}
.sub_title_f {
    background-color: #67523f;
    border-left: 15px solid #432e1b;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.09em;
    margin: 20px auto;
    padding: 10px 30px;
}

.sub_title_h {
    border-bottom: 2px dashed #67523f;
    color: #382600;
    font-family: "FOT-筑紫明朝 Pr5 B";
    font-size: 36px;
    font-weight: bold;
    line-height: 130%;
    margin: 30px auto 20px;
    padding-bottom: 20px;
    text-align: center;
}
/*■■■■■■■■■■■■■■■■■■■■■■
　　流用コンテンツ　【　良く使うカテゴリ　】
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ リストのチェックアイコン
------------------------------------------*/
ul {list-style: none outside none;}

ul li.icon_check {
background: url("../img/icon_check.png") no-repeat scroll 0 0;
padding-left: 34px;
}

.com2{
background: url("../img/p_back01.gif") no-repeat scroll right 0 transparent;
border-radius: 10px;
color: #333;
float: left;
font-size: 25px;
font-weight: bold;
height: 115px;
line-height: 160%;
margin: 0 0 20px;
padding: 49px 30px;
text-align: center;
width: 44%;
}

/*------------------------------------------
■ list_box
------------------------------------------*/
.list_box_01 {
    background: transparent url("../img/list_box_001.jpg") no-repeat scroll right 0;
    height: 600px;
    margin-bottom: 35px;
}

.list_box_01 ul, .list_box_02 ul, .list_box_03 ul {
    line-height: 140%;
    margin: 0 10px;
    padding: 160px 36px 47px 399px;
    width: 535px;
}

.list_box_01 ul li.icon_check, .list_box_02 ul li.icon_check, .list_box_03 ul li.icon_check {
    background: transparent url("../img/icon_check.png") no-repeat scroll 0 22px;
    font-family: "FOT-筑紫A丸ゴシック Std D";
    font-size: 24px;
    line-height: 100%;
    list-style: outside none none;
    margin: 0;
    padding-bottom: 10px;
    padding-left: 33px;
    padding-top: 22px;
}

.list_box_02 {
    background: transparent url("../img/list_box_002.jpg") no-repeat scroll right 0;
	    height: 600px;
    margin-bottom: 35px;
}

.list_box_03 {
    background: transparent url("../img/list_box_003.jpg") no-repeat scroll right 0;
	    height: 600px;
    margin-bottom: 35px;
}


/*------------------------------------------
■ ポイント01
------------------------------------------*/
.point01 {
margin: 50px auto;
}
.point01 .point_set {
background-color: #ffffff;
border: 1px solid #67523f;
border-radius: 20px;
float: left;
margin: 10px;
min-height: 345px;
padding: 0;
width: 310px;
}
.point01 .point_title {
border-bottom: 1px dashed #67523f;
font-size: 24px;
font-weight: bold;
margin: 20px 10px;
padding-bottom: 15px;
text-align: center;
}
.point01 .point_set .point_title span.num {
background-color: #67523f;
border-radius: 50px;
color: #ffffff;
display: block;
font-size: 24px;
height: 50px;
line-height: 53px;
margin: 20px auto 15px;
padding: 0;
text-align: center;
width: 50px;
}
.point01 .point_set p {
padding: 0 30px 30px;
}

/*------------------------------------------
■ ポイント02
------------------------------------------*/
.point02 .point_set {
    background: #ffffff url("../img/box_01.jpg") no-repeat scroll center 0;
    border-radius: 10px;
    margin: 0 auto 20px;
    padding: 25px;
}


.point02 .point_title {
    border-bottom: 2px dashed #f18888;
    color: #382600;
    font-family: "FOT-筑紫明朝 Pr5 B";
    font-size: 26px;
    font-weight: bold;
    line-height: 130%;
    margin: 0 auto 10px;
    padding-bottom: 10px;
}


.point02 .point_set .point_title span.num {
    background-color: #f18888;
    border-radius: 45px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 22px;
    height: 38px;
    line-height: 38px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    width: 38px;
}

.point02 .point_set p{
    line-height: 200%;
	}
	
.point02 .point_set p.r {
    font-size: 18px;
    line-height: 150%;
}

.point02 .point_set .img_right,
.point02 .point_set .img_left{
margin-bottom:0;
width:250px;
}

/*------------------------------------------
■ 新要素　グリッドデザイン（新フロートボックス）
------------------------------------------*/
.gd_box {
letter-spacing: -0.34em;
*letter-spacing:normal;
*word-spacing:-0.43em;
text-rendering: optimizespeed;
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
display: -webkit-flex;
-webkit-flex-flow: row wrap;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
}
.gd_1-2, .gd_1-3, .gd_2-3, .gd_1-4, .gd_3-4 {
display: inline-block;
*display:inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.gd_1-2 {
width: 50%;
*width: 49.9690%;
}
.gd_1-3 {
width: 33.3333%;
*width: 33.3023%;
}
.gd_2-3 {
width: 66.6667%;
*width: 66.6357%;
}
.gd_1-4 {
width: 25%;
*width: 24.9690%;
}
.gd_3-4 {
width: 75%;
*width: 74.9690%;
}

/*------------------------------------------
■ お客様の声
------------------------------------------*/

.voice_area{
    background: transparent url("../img/bg02.gif") repeat scroll center 0;
    padding: 40px 40px 1px;
}

.voice_set {
    background: #f1efd7 none repeat scroll 0 0;
    margin: 0 auto 20px;
    padding: 25px;
}

.voice .voice_title {
    border-bottom: 2px dashed #67523f;
    color: #67523f;
    font-size: 28px;
    margin-bottom: 0px;
    padding: 10px;
}

/*------------------------------------------
■ 良くある質問
------------------------------------------*/
.faq .faq_set {
background-color: #ffffff;
border: 5px solid #efefef;
border-radius: 20px;
margin: 0 auto 30px;
padding: 30px;
}

.faq .faq_title {
    border-bottom: 2px dashed #ff9000;
    font-size: 22px;
    font-weight: bold;
    line-height: 45px;
    margin: 0 0 20px;
    padding-bottom: 15px;
}

.faq .faq_set .faq_title span.q {
background-color: #ff9000;
border-radius: 45px;
color: #ffffff;
display: block;
float: left;
font-size: 24px;
height: 45px;
line-height: 45px;
margin: 0 20px 0 0;
padding: 0;
text-align: center;
width: 45px;
}

.faq .faq_set span.a {
background-color: #1386D6;
border-radius: 45px;
color: #ffffff;
display: block;
float: left;
font-size: 24px;
height: 45px;
line-height: 45px;
margin: 0 20px 0 0;
padding: 0;
text-align: center;
width: 45px;
}

.faq .faq_set p{
padding:0px;
}

/*------------------------------------------
■ STEP
------------------------------------------*/
.step_area {
background-color: #ffffff;
border: 5px solid #efefef;
border-radius: 20px;
margin: 20px auto;
padding: 60px;
width: 878px;
}
.step_title,.step_title2 {
background-color: #FFFFFF;
border-bottom: 2px dashed #67523f;
border-top: 2px dashed #67523f;
color: #412C1B;
font-family: "FOT-筑紫明朝 Pr5 B";
font-size: 28px;
letter-spacing: 0.04em;
line-height: 180%;
margin: 10px 0;
padding: 0;
}
.s_block {
background-color: #67523f;
border-radius: 30px;
box-shadow: 1px 1px 1px #666666;
color: #FFFFFF;
font-size: 20px;
margin-right: 15px;
padding: 6px 30px;
}

/*------------------------------------------
■ ブロック
------------------------------------------*/
.block_left {
float: left;
width: 35%;
}
.block_right {
float: right;
width: 64%;
}
.room {
padding: 15px;
}

.block_left2 {
float: left;
width: 64%;
}
.block_right2 {
float: right;
width: 35%;
}

.or_box{
background-color:#ff9000;
color:#fff;
padding:10px 20px;
margin-right:10px;
border-radius:5px;  
}

.or_p{
margin:0px auto 10px;
padding-bottom:7px;
border-bottom:3px dotted #ff9000;
}
/*------------------------------------------
■ アクセス
------------------------------------------*/
.map_area {
    font-size: 16px;
    line-height: 100%;
    margin: 50px auto 10px;
    text-align: right;
    width: 860px;
}
.map_in {
display: block;
height: 550px;
margin: 0 auto;
width: 100%;
}
/*------------------------------------------
■ テーブル01
------------------------------------------*/
.table01 {
    font-size: 14px;
    margin: 0;
    width: 620px;
}
.table01 th {
    background: #efefef none repeat scroll 0 0;
    border-bottom: 1px dotted #000000;
    padding: 5px 20px;
    text-align: left;
}
.table01 td {
    background-color: #ffffff;
    border-bottom: 1px dotted #000000;
    font-weight: bold;
    padding: 5px 30px;
    text-align: right;
    width: 45%;
}
.table01 th.th01 {
width: 30%;
text-align: center;
}
.table02 th.th02 {
background-color:#E9569A;
width: 30%;
text-align: left;
color:#fff;
font-weight:bold;
}
.table01 td.td_c {
text-align: center;
}
.table01 td.td_r {
text-align: right;
}

.table01 td.td_r2 {
text-align: right;
}
/*------------------------------------------
■ テーブル02
------------------------------------------*/
.table02 {
margin: 3px auto;
width: 100%;
font-size:18px;
}
.table02 th {
background-color:#ff9000;
font-weight: normal;
line-height: 140%;
padding: 5px;
border:1px solid #0d6fb8;
width: 25%;
text-align:center;
color:#fff;
font-weight:bold;
}

.th01{ text-align:left; font-size:16px; }

.table02 td {
background-color: #FFFFFF;
line-height: 150%;
padding: 10px;
border:1px solid #aca99b;
width: 25%;
font-size:14px;
}

.table02 td.td_c {
text-align: center;
}
.table02 td.td_r {
text-align: right;
}
/*------------------------------------------
■ youtube　*サイズ幅100％表示したい場合は、SP用のCSSソースを流用してください。
------------------------------------------*/
.video-container {
text-align: center;
}
.video-container iframe {
width: 640px; /*youtubeでしてタグ吐出し時にサイズ調整をしてその際のサイズを入れる*/
height: 360px; /*youtubeでしてタグ吐出し時にサイズ調整をしてその際のサイズを入れる*/
}

/*------------------------------------------
■ フォーム部分
------------------------------------------*/

.form_area {
margin: 40px auto;
}
/* --フォームテーブルの部分-- */
.table_box {
border-top: 1px dashed #666666;
margin: 50px auto;
width: 90%;
}
.inq_box {
border-bottom: 1px dashed #666666;
display: block;
font-size: 16px;
margin: 0 auto;
overflow: hidden;
padding: 0 0 30px;
}
.inq_box_top {
border-top: #cccccc 1px solid;
}
.inq_box_title {
border-left: 8px solid #67523f;
float: left;
font-weight: bold;
line-height: 150%;
margin-top: 40px;
padding-left: 12px;
width: 260px;
}
.inq_box_txt {
display: block;
float: left;
line-height: 140%;
padding-left: 20px;
padding-top: 30px;
width: 450px;
}
input, textarea, select {
font-size: 16px;
margin: 5px auto;
padding: 5px;
}
input[type=text]:focus, textarea:focus, select:focus {
outline: 0;
background-color: #FFFFDD;
}

/*------------------------------------------
■ フッター
------------------------------------------*/
#footer {
display: block;
font-size: 14px;
height: auto;
line-height: 180%;
margin: 30px auto 0;
padding: 25px 0 0;
text-align: center;
width: 100%;
}
.copyright {
background-color: #67523f;
color: #FFFFFF;
height: 40px;
margin: 15px auto 0;
padding-top: 15px;
}
/*■■■■■■■■■■■■■■■■■■■■■■
　　サブページ設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ サブページ共通
------------------------------------------*/
.sub_page_title {
background-color: #67523f;
border-bottom: 3px solid #CCCCCC;
color: #FFFFFF;
font-size: 28px;
font-weight: bold;
margin: 20px 0;
padding: 20px 0 15px;
text-align: center;
}
#order_page, #privacypolicy, #law, #order_end {
line-height: 140%;
margin: 0 30px;
padding: 5px 0;
min-height: 600px;
}
#privacypolicy, #company, #law {
font-size: 14px;
line-height: 140%;
}
/* 別々に指定したければ、分けてください*/

/*------------------------------------------
■ プライバシーポリシーページ設定
------------------------------------------*/
#pp_page {
}
.sub_page_h {
border-bottom: 2px solid #CCCCCC;
font-size: 18px;
font-weight: bold;
line-height: 130%;
margin: 0 0 15px;
padding: 5px 0 3px;
}
/*------------------------------------------
■ 特定商取引法に基づく表記
------------------------------------------*/



/*------------------------------------------
■ 会社概要
------------------------------------------*/





/*------------------------------------------
■ 新要素　イメージリストエリア（ライトボックス風　サムネイルクリックで拡大写真）
施工事例や店内・院内風景などにご使用ください。※デフォルトで3パーターンレイアウトを用意しました。
------------------------------------------*/
/*レイアウトパターン１*/
.img_list_area_1 {
width: 840px;
padding: 0px;
height: auto;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.img_list_area_1 .thumbnail {
float: left;
width: 100%;
}
.img_list_area_1 .thumbnail img {
float: left;
margin: 9px;
}
.img_list_area_1 .thumbnail_notes {
clear: both;
font-size: 12px;
}
.img_list_area_1 .text_block {
float: right;
width: 375px;
}
.img_list_area_1 .text_block img {
}
.img_list_area_1 table {
font-size: 16px;
margin: 0px;
width: 100%;
}
.img_list_area_1 table th {
width: 30%;
background-color: #EFEFEF;
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
.img_list_area_1 table td {
width: 70%;
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
/*レイアウトパターン２*/

.img_list_area_2 {
width: 840px;
padding: 0px;
height: auto;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.img_list_area_2 .thumbnail {
float: right;
width: 465px;
}
.img_list_area_2 .thumbnail img {
float: left;
padding-right: 5px;
padding-bottom: 5px;
}
.img_list_area_2 .thumbnail_notes {
clear: both;
font-size: 12px;
text-align: right;
}
.img_list_area_2 .text_block {
float: left;
width: 375px;
}
.img_list_area_2 .text_block img {
padding-bottom: 30px;
}
.img_list_area_2 table {
font-size: 16px;
margin: 0px;
width: 100%;
clear: both;
}
.img_list_area_2 table th {
width: 30%;
background-color: #EFEFEF;
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
.img_list_area_2 table td {
width: 70%;
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
/*レイアウトパターン３*/

.img_list_area_3 {
width: 840px;
padding: 0px;
height: auto;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.img_list_area_3 .thumbnail {
clear: both;
}
.img_list_area_3 .thumbnail img {
float: left;
padding-right: 4px;
padding-bottom: 4px;
border: 2px solid #FFFFFF;
box-shadow: 3px 3px 3px #CCCCCC;
margin: 0px 10px 10px 0px;
}
.img_list_area_3 .thumbnail_notes {
clear: both;
font-size: 12px;
text-align: right;
}
.img_list_area_3 .text_block {
clear: both;
}
.img_list_area_3 .text_block img {
}
.img_list_area_3 table {
font-size: 16px;
margin: 0px;
width: 50%;
}
.img_list_area_3 table th {
width: 30%;
border: 1px solid #EFEFEF;
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
.img_list_area_3 table td {
width: 70%;
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}


/*------------------------------------------
■ 新要素　ページトップへ戻るボタン
------------------------------------------*/
#go_top {

}

#go_top a {
background-color: #67523f;
border-radius: 5px;
bottom: 40px;
color: #ffffff;
display: block;
font-size: 13px;
font-weight: bold;
padding: 10px 10px 8px 0;
position: fixed;
right: 20px;
text-align: center;
width: 150px;
}


/*------------------------------------------
■ menu
------------------------------------------*/

.menu_area {
    float: left;
    margin: 20px;
    width: 400px;
	background:#efefef;
}


.menu_table {
    clear: both;
    margin: 8px auto 30px;
}
.menu_table th {
    border-bottom: 1px dotted #B7C3D4;
    color: #102D4D;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3em;
    padding: 4px 0 4px 3px;
    text-align: left;
    vertical-align: top;
    width: 247px;
}
.menu_title {
    background: #67523f none repeat scroll 0 0;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    font-size: 17px;
    height: 26px;
    margin: 0 0 10px;
    padding: 10px 15px;
}
.menu_title span {
    font-size: 11px;
}
.menu_table td {
    border-bottom: 1px dotted #B7C3D4;
    color: #57564F;
    font-size: 12px;
    font-weight: normal;
    padding: 4px 3px 4px 0;
    text-align: right;
    vertical-align: middle;
    width: 112px;
}
.menu_table th span {
    color: #57564F;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.5em;
}
.menu_ctext {
    color: #4D65A2;
    font-size: 12px;
    line-height: 1.6em;
    margin: 3px auto 0;
    padding: 5px 6px 9px 10px;
    width: 713px;
}


.menu_table td.sukima {
    border-bottom: medium none;
    vertical-align: middle;
    width: 30px !important;
}
.menu_table td {
    color: #57564F;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 3px 4px 0;
    text-align: right;
    width: 112px;
}

.menu_table th .noneline {
    border-bottom: medium none;
    padding: 4px 0 4px 3px;
    width: 237px;
}
.menu_table td .noneline {
    border-bottom: medium none;
    padding: 4px 3px 4px 0;
    width: 112px;
}


/*---------------
photo
-------------*/

.photo.target {
    border: 5px solid #ffffff;
    box-shadow: 5px 5px 5px #cccccc;
    margin: 10px 5px;
    width: 305px;
}