@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   https://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	https://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	https://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
a:link { color: #026c9b;text-decoration: none;}
a:visited { color: #026c9b;text-decoration: none;}
a:hover { color:#ed2535;text-decoration: underline;}
a:active { color: #026c9b;text-decoration: none;}

.link_white a:link { color: #ffffff;text-decoration: none;}
.link_white a:visited { color: #ffffff;text-decoration: none;}
.link_white a:hover { color:#59493f;text-decoration: underline;}
.link_white a:active { color: #ffffff;text-decoration: none;}

.adress_link a:link { color: #004986;text-decoration: none;}
.adress_link a:visited { color: #004986;text-decoration: none;}
.adress_link a:hover { color:#59493f;text-decoration: underline;}
.adress_link a:active { color: #004986;text-decoration: none;}


body,td,th {
font-family: Meiryo,Hiragino Kaku Gothic Pro,MS PGothic,sans-serif;
font-size: 13px;
color: #313131;
line-height:180%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow-x: hidden;
}

img {border-style:none;}

table {
border-collapse: collapse;
border-spacing: 0;
}
td,tr {
padding:4px 6px 3px 4px;
border:1px #a0a0a0 solid;
line-height:15px;
font-size:12px;
}
.base_boder {
border-left:solid 1px #bfbfbf;
border-right:solid 1px #bfbfbf;
}
.clear{clear:both;}


/* Mobile Layout: 480px and below. */


.gridContainer {
margin-left: auto;
margin-right: auto;
width: 96%;
clear: none;
float: none;
}
h1 {
font-size:80%;
color:#FFFFFF;
padding:0;
}
h2 {
width:96%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
text-align:center;
margin-top:0;
padding:1% 2%;
font-size:90%;
}
h3 {
border-bottom:dotted 2px #C3C3C3;
padding:0 1% 0.3% 1%;
clear:both;
font-size:110%;
}

ul {
font-size:100%;
margin-left:-38px;
}
li {
margin-top:3%;
list-style:none;
font-size:85%;
margin-left:16px;
}


/* トップエリア
----------------------------------------------------------*/
#header {}
.top_ber {
width:98.2%;
line-height:80%;
text-align:center;
padding:0.2% 1%;
}
.top_ber2 {
width:100%;
font-size:90%;
text-align:center;
color:#FFFFFF;
padding:1% 0;
}
#header_img {}
#logo {display:none;}

#logo2 {
width:100%;
display:block;
margin-top:2%;
}
.logo_title {
text-shadow:0 0 5px #ffffff,0 0 5px #ffffff, 0 0 0.20px #ffffff;
font-size:130%;
font-weight:bold;
z-index:99999;
}
.logo_text {
color:#6e5c44;
font-weight:bold;
text-align:center;
margin-bottom:1%;
font-size:100%;
}
.okiniiri_button {display:none;}

.head_underline {
width:98.4%;
font-size:85%;
padding:1%;
text-align:center;
color:#ffffff;
}


/* メイン
----------------------------------------------------------*/
#wrapper {
width:92.5%;
padding:0 4%;
margin-top:3%;
}

#page_TXT {width:100%;}
.main_TXT {margin-top:2%;}
.base_txt { 
padding-bottom:3%;
font-size:85%;
}

/* ボックスレイアウト
----------------------------------------------------------*/
#img_box {
width:100%;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color:#f5efd0;
moz-box-shadow: 2px 3px 7px #9c9c9c;
-webkit-box-shadow: 2px 3px 7px #9c9c9c;
box-shadow: 2px 3px 7px #9c9c9c;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 165, color = '#9c9c9c');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 165, Color = '#9c9c9c')";
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
margin-top:3%;
}

.ribon {text-align:center;}
.ribon img{
max-width:30%;
margin-top:-8%;
height: auto;
text-align:center;
}
.box_img {
max-width:90%;
height: auto;
margin-left:auto;
margin-right:auto;
text-align:center;
float:none;
}

#img_box_Layout {}
.img_box_TXT {
font-size:90%;
line-height:160%;
width:93.5%;
padding:3% 3.5% 5% 3.5%;
color:#eb2457;
}

/* リード
----------------------------------------------------------*/
.read {
margin-top:5%;
padding-bottom:1%;
border-bottom:dotted 2px #929292;
}
.read_ico {
width:18%;
font-size:80%;
line-height:130%;
text-align:center;
padding:1.5% 1% 1% 1%;
font-weight:bold;
color:#ffffff;
border-radius: 35px; 
-moz-border-radius: 35px; 
-webkit-border-radius: 35px;
margin-right:2%;
}
.read_TXT {
width:78%;
clear:none;
font-weight:bold;
font-size:100%;
line-height:160%;
}


/* マップエリア
----------------------------------------------------------*/
#map_area {margin-top:7.5%;}
.adress_box_TXT { display:none;}
.map {display:none;}
.photo {display:none;}
.photo_img {}

.mobile_link {
display:block;
margin:2% 0 6% 0;
}
.mobile_link_TXT {margin-bottom:3%;}


/* ストリートマップエリア
----------------------------------------------------------*/
#adress { margin-top:7.5%;}
.adress_box {
width:96%;
background-color:#f5efd0;
padding:1px 2%;
margin-top:1.5%;
}

dl.adress_boxlist dd.adress_boxlist {
margin:1% 0.5% 0 1%;
margin-right:4px;
padding:0.5% 1.5%;
background-color:#fdecf1;
}
dt.adress_boxlist {
font-weight:bold;
font-size:85%;
margin:15px 0 0 7px;
display: list-item;
list-style: none outside;
}
ul.adress_boxlist {margin-left:0;}

li.adress_boxlist {
list-style-image:url(img/check-ico_s.png);
padding-left: 0;
line-height: 130%;
font-size:80%;
}

.streetview_TXT {font-size:85%;}

.back_button {
text-align:right;
font-size:80%;
font-weight:bold;
margin-top:2.5%;
}

/* お知らせ
----------------------------------------------------------*/
.guidance {
width:99%;
margin-top:10%;
}
.guidance_title {
color:#ffffff;
width:auto;
font-size:90%;
font-weight:bold;
padding:1% 3%;
margin:-4% 0 0 2.5%;
}
.guidance_TXT {
font-size:90%;
padding:3.5%;
width:94%;
}


/* よくある質問
----------------------------------------------------------*/
#Q_A {}
.Q_txt {
margin-top:4%;
padding-bottom:1%;
border-bottom:dotted 2px #D0D0D0;
}

.Q_ico {
width:auto;
float:left;
padding:0.3% 1%;
font-size:120%;
line-height:120%;
font-weight:bold;
margin-right:1.5%;
color:#FFFFFF;
background-color:#9cc73e;
}
.Q_title {
font-size:90%;
line-height:100%;
margin-top:2%;
width:91%;
float:left;
clear:none;
font-weight:bold;
}
.A_txt {
width:94.3%;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: #E5E5E5;
border:solid 1px #BBBBBB;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
margin-top:2.5%;
padding:3% 2.5%;
font-size:80%;
}
.A_ico {
width:auto;
float:left;
padding:0.3% 1%;
font-size:130%;
line-height:120%;
font-weight:bold;
margin-right:1.5%;
color:#FFFFFF;
background-color:#ffaa32;
}
.A_text {
width:91%;
font-size:100%;
float:left;
clear:none;
}


/* テーブル
----------------------------------------------------------*/
.table_1{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
}
.table_1 th{
width:25%;
padding:4% 2.5%;
text-align: left;
vertical-align: top;
color: #444;
font-size:100%;
background-color: #D4D4D4;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
}
.table_1 td{
width:75%;
font-size:100%;
padding:4% 2.5%;
background-color: #F3F3F3;
border-right: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
}

/* フッター
----------------------------------------------------------*/
#footer {
font-size:95%;
margin-top:10%;
text-align:center;
color:#FFFFFF;
}
.foot_area_1 {
font-size:80%;
padding:1.5% 0;
}
.foot_area_2 {
font-size:70%;
padding:3.5% 0;
}


/* サブページ調整
----------------------------------------------------------*/
#Text_Block {
margin-top:1%;
line-height:140%;
padding-bottom:6%;
}
.text_block_img_L {
width:90%;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:2%;
float:none;
}
.text_block_img_R {
width:90%;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:2%;
float:none;
}

#sitemap {}
.sample_css {}

.BOX_1 {border: dotted 3px #B9B9B9;}
.BOX_2 {border: solid 3px #B9B9B9;}
.BOX_1,.BOX_2 {
width:93%;
font-size:85%;
padding:3%;
margin-top:2.5%;
}


.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
width: 97%;
clear: none;
float: none;
margin-left: auto;
}

body,td,th {
font-size: 90%;
line-height:150%;
}

h1 {
font-size:100%;
line-height:100%;
}
h2 {
width:98%;
padding:1%;
font-size:115%;
}

/* トップエリア
----------------------------------------------------------*/
#header {}
.top_ber {
font-size:95%;
padding:0.1% 1%;
}
.top_ber2 {
font-size:110%;
padding:0.7% 0;	
}
#header_img {}
#logo {}

#logo2 {margin-top:1%;}
.logo_title {font-size:160%;}
.logo_text {
margin-bottom:0.5%;
font-size:110%;
}
.okiniiri_button {display:none;}
.head_underline {font-size:95%;}


/* メイン
----------------------------------------------------------*/
#wrapper {
width:92.5%;
margin-top:3%;
}
#img_box {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color:#f5efd0;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}

#page_TXT {}
.base_txt { font-size:90%;}

/* ボックスレイアウト
----------------------------------------------------------*/
.ribon {}
.ribon img{
max-width:100%;
margin-top:-4%;
}
.box_img {
margin-top:4%;
max-width:100%;
height:auto;
text-align:center
}
.box_img img {max-width:75%;}
#img_box_Layout {
width:90%;
margin-left:auto;
margin-right:auto;		
}
.img_box_TXT {
width:93.5%;
padding:2% 3.5% 4% 3.5%;
line-height:150%;
font-size:95%;
color:#eb2457;
}


/* リード
----------------------------------------------------------*/
.read {padding-bottom:0.5%;}
.read_ico {
width:13%;
font-size:90%;
padding:1% 0 0.7% 0;
margin-right:1%;
}
.read_TXT {
width:86%;
font-size:120%;
line-height:160%;
}
.main_TXT {}


/* マップエリア
----------------------------------------------------------*/
#map_area {
width:100%;
margin-top:7.5%;
}
.adress_box_TXT {
display:block;
text-align:center;
}
.map {
width:100%;
background-image:url(img/map.png);
background-repeat:no-repeat;
background-size:80%;
margin-top:3.5%;
display:block;
}
.photo {display:none;}
.photo_img {}


/* 北海道・東北 */
.area_1 {
min-width:140px;
width:46%;
float:right;
margin:35% 0 0 0;
}
/* 関東 */
.area_2 {
min-width:150px;
width:46%;
float:right;
margin:30% 0 0 0;
}
/* 北陸・甲信越 */
.area_3 {
min-width:105px;
width:29%;
float:right;
margin:0 3% 0 0;
}
/* 中部 */
.area_4 {
min-width:105px;
width:16%;
margin:-2% 0 0 3%;
clear:none;
}
/* 関西 */
.area_5 {
min-width:116px;
width:33%;
float:right;
margin:6% 16% 0 0;
}
/* 中国 */
.area_6 {
min-width:105px;
width:29%;
margin:7% 0 0 10%;
}
/* 四国 */
.area_7 {
min-width:105px;
width:16%;
float:left;
margin:2% 1% 0 2.5%;
clear:none;
}
/* 九州・沖縄 */
.area_8 {
min-width:154px;
width:23%;
float:left;
margin:3% 1% 0 1.5%;
}

.area_1,.area_2,.area_3,.area_4,.area_5,.area_6,.area_7,.area_8 {
font-size:85%;
line-height:150%;
background-color:#ffffff;
border:solid 1px #A2A2A2;
padding:3px 3px 4px 5px;
}

.area_name {
font-weight:bold;
margin-bottom:1%;
font-size:110%;
color:#D0111B;
}
.area_left {
width:52%;
height:60%;
}
.area_right {
width:48%;
clear:none;
}
.area_bottom {
width:100%;
margin-top:8.5%;
}


/* ストリートマップエリア
----------------------------------------------------------*/
#adress {}
.adress_box {
width:96%;
padding:1px 2%;
margin-top:1.5%;
}

dl.adress_boxlist dd.adress_boxlist {
margin:1% 0.5% 0 1%;
margin-right:4px;
padding:0.1% 1.5%;
}
dt.adress_boxlist {
font-weight:bold;
font-size:90%;
margin:15px 0 0 7px;
display: list-item;
list-style: none outside;
}
ul.adress_boxlist {margin-left:5px;}

li.adress_boxlist {
list-style-image:url(img/check-ico.png);
padding-left: 0.5%;
line-height: 130%;
font-size:85%;
}

.streetview_TXT {font-size:90%;}

.back_button {
font-size:85%;
margin-top:1.5%;
}


/* お知らせ
----------------------------------------------------------*/
.guidance {
margin-top:7%;
width:99%;
}
.guidance_title {
padding:0.5% 2%;
margin:-2.3% 0 0 2.5%;
}
.guidance_TXT {width:93.5%;}
.mobile_link {display:none;}
.mobile_link_TXT {}


/* よくある質問
----------------------------------------------------------*/
#Q_A {}

.Q_txt {padding-bottom:1%;}
.Q_ico {
width:auto;
padding:0.3% 1%;
font-size:130%;
line-height:130%;
margin-right:1.5%;
}
.Q_title {
width:91%;
font-size:110%;
margin-top:1%;
}
.A_txt {
width:95%;
margin-top:2%;
}
.A_ico {}
.A_text {
width:93.5%;
font-size:110%;
line-height:140%;
}


/* フッター
----------------------------------------------------------*/
#footer {}
.foot_area_1 {font-size:100%;}
.foot_area_2 {font-size:100%;}


/* サブページ調整
----------------------------------------------------------*/
#Text_Block { line-height:160%;}
.text_block_img_L {width:100%;}
.text_block_img_R {width:100%;}

#sitemap {}
.sample_css {}

.BOX_1,.BOX_2 {
width:93%;
font-size:85%;
}


.hide_tablet {display: none;}
.zeroMargin_tablet {margin-left: 0;}
}

/* Desktop Layout: 769px to a max of 960px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

body,td,th {
font-size: 14px;
line-height:23px;
}


.gridContainer {
width: 960px;
margin: auto;
clear: none;
float: none;
margin-left: auto;
}
h1 {font-size:12px;}
h2 {
width:898px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
padding:10px 0;
font-size:20px;
}
h3 {font-size:18px;}

ul {font-size:16px;}
li {
margin-top:8px;
list-style:none;
font-size:14px;
margin-left:16px;
}
/* トップエリア
----------------------------------------------------------*/
#header {}
.top_ber {
width:940px;
text-align:right;
padding:2px 10px;
}
.top_ber2 {
width:940px;
text-align:right;
font-size:12px;
padding:7px 10px;
}
#header_img { 
height:365px;
overflow:hidden;
}
#header_img img {width:960px;}
#logo {
display:block;
z-index:9999;
width: 470px;
margin:-430px 0 0 -40px;
}

.logo_img {}
#logo2 {display:none;}
.logo_title {
width:325px;
font-size:26px;
margin:-85px 0 0 70px;
text-align:center;
}
.logo_text {
width:340px;
font-size:16px;
margin:-43px 0 0 60px;
}
.okiniiri_button {
display:block;
float:right;
margin:-357px 3px 0 0;
z-index:99999;
width:81px;
background-image:url(img/button_01.png);
background-repeat:no-repeat;
padding:9px 5px 10px 158px;
}
.head_underline {
width:940px;
padding:7px 10px;
}

/* メイン
----------------------------------------------------------*/
#wrapper {
width:900px;
margin-top:35px;
padding:0 30px;
}
#img_box {width:390px;}
#page_TXT {
width:485px;
float:right;
clear:none;
}
.base_txt { font-size:100%;}

/* ボックスレイアウト
----------------------------------------------------------*/
.ribon {}
.ribon img{
max-width:100%;
margin-top:-22px;
}
.box_img {
margin-top:20px;
text-align:center;
}
.box_img img {max-width:365px;}
#img_box_Layout {
width:390px;
float:left;
}
.img_box_TXT {
font-size:12px;
line-height:20px;
}


/* リード
----------------------------------------------------------*/
.read {padding-bottom:1px;}

.read_ico {
width:70px;
font-size:15px;
line-height:20px;
padding:4px 0 2px 0;
margin-right:7px; 
}
.read_TXT {
width:400px;
font-size:18px;
line-height:30px;
}
.main_TXT {}


/* マップエリア
----------------------------------------------------------*/
#map_area {margin-top:45px;}
.adress_box_TXT { display:block;}
.map {
margin-top:20px;
width:520px;
background-size: 77%;
}
.photo {
margin-top:10px;
background-image:url(img/photo_1.png);
display:block;
width:368px;
height:420px;
float:right;
clear:none;
}
.photo_img {
width:325px;
height:380px;
padding:18px 0 0 20px;
overflow: hidden;
}
.photo_img img {width:325px;}

.mobile_link {display:none;}
.mobile_link_TXT {}

/* ストリートマップエリア
----------------------------------------------------------*/
#adress {}
.adress_box {
width:860px;
padding:1px 20px 5px 20px;
margin-top:7px;
}

dl.adress_boxlist dd.adress_boxlist {
margin:2px 5px 0 5px;
padding:1px 5px;
}
dt.adress_boxlist {
font-weight:bold;
font-size:13px;
margin:13px 0 0 7px;
display: list-item;
list-style: none outside;
}
ul.adress_boxlist {margin-left:12px;}

li.adress_boxlist {
list-style:none;
list-style-image:url(img/check-ico.png);
padding-left: 5px;
line-height: 16px;
font-size:12px;
}

.streetview_TXT {font-size:100%;}

.back_button {
font-size:95%;
margin-top:10px;
}


/* お知らせ
----------------------------------------------------------*/
.guidance {width:895px;}
.guidance_title {
font-size:14px;
padding:0.5% 2%;
margin:-15px 0 0 20px;
}
.guidance_TXT {
padding:20px;
width:855px;
}



/* よくある質問
----------------------------------------------------------*/
#Q_A {}
.Q_txt {padding-bottom:5px;}

.Q_ico {
width:auto;
padding:7px 9px;
font-size:19px;
line-height:20px;
margin-right:7px;
}
.Q_title {
width:91%;
font-size:17px;
margin-top:10px;
}
.A_txt {
width:857px;
padding:20px;
font-size:12px;
margin-top:10px;
}
.A_ico {
padding:3px 7px;
font-size:16px;
line-height:120%;
margin-right:10px;
}
.A_text {
width:815px;
font-size:13px;
line-height:20px;
}


/* テーブル
----------------------------------------------------------*/
.table_1{}
.table_1 th{padding:12px 10px;}
.table_1 td{padding:12px 10px;}

/* フッター
----------------------------------------------------------*/
#footer {margin-top:70px;}
.foot_area_1 {}
.foot_area_2 {}


/* サブページ調整
----------------------------------------------------------*/
#Text_Block {
margin-top:5px;
line-height:24px;
padding-bottom:30px;
}
.text_block_img_L {
width:auto;
float:left;
margin:0 15px 20px 0;
}
.text_block_img_R {
width:auto;
float:right;
margin:0 0 20px 15px;
}


#sitemap {}
.sample_css {}

.BOX_1,.BOX_2 {
width:850px;
padding:20px;
font-size:100%;
}


.zeroMargin_desktop {margin-left: 0;}
.hide_desktop {display: none;}
}


/* 全体調整
----------------------------------------------------------*/
.column_ico {
font-weight:bold;
color:#A3A3A3;
font-size:14px;
margin-right:0.5%;
}


.red {color:#EB0B0F;}
.red_bold {color:#EB0B0F; font-weight:bold;}
.blue {color:#007AD3;}
.blue_bold {color:#007AD3; font-weight:bold;}
.yellow {color:#FFBF06;}
.yellow_bold {color:#FFBF06; font-weight:bold;}
.green {color:#49A806;}
.green_bold {color:#49A806; font-weight:bold}

.bg_color_Y {background-color:#FFE95B;}
.bg_color_Bl {background-color:#C1EEFF;}