@charset "utf-8";
/* 
====================================================================================================
■ basic setting
 □ tag
 □ class
■ layout
 □ #site_header
 └ #gnav
 □ #page_area
  □ #main_area
  □ #sub_area
 □ #site_footer
 ├ #fnav
 └ #flink
■ additional
----------------------------------------------------------------------------------------------------
※font-sizeに関しては、リセット後、#wrapperに18px相当で指定済み。そこからの相対指定で行うこと。
　（親要素に既に%指定済みの場合、子孫要素は基準が変わるので注意して下さい。）
※【★】のコメントがある箇所は、文字列検索し必ずサイトに応じた設定を見直すこと。
　（その際、不要と思われるコメント及び、【★】の文字列は削除推奨。）
====================================================================================================
■ basic setting
----------------------------------------------------------------------------------------------------
 □ tag
---------------------------------------------------------------------------------------------------- */
body {
	font:13px/1.231 sans-serif;
	/* このbodyのfont指定はブラウザ差異を埋めるためのものなので、上書きしない。どうしても変更を加える場合
	#wrapperに基準サイズを設定。その場合font-size用クラスも全て再計算が必要です。 */

	background-color:#fff6e4; /* 画面外背景色【★】 */
	color:rgb(102, 102, 102);
}
p, li, pre, td, th { line-height:1.5; }  /* 基本の行の高さ【★】 */

a {text-decoration:underline;}


a:active {text-decoration:underline;

}
sub, sup {
	font-size:66.7%; /* 12px */
}
/* 
----------------------------------------------------------------------------------------------------
 □ class
---------------------------------------------------------------------------------------------------- */
.clearfix:after { display:block; clear:both; content:""; }
.clearfix {overflow:hidden;}

.page_up { text-align:right; }
.page_up a {
	line-height:60px; /* 【★】※ただし、これ以下のサイズ設定は非推奨 */
	color:#7e4122;
	text-decoration:underline;
	font-size:77.8%;
}

.float_left  { float:left; }
.float_right { float:right; }

/* 
--------------------------------------------------
 ▽ 文字装飾定義専用クラス
-------------------------------------------------- */
/* 主に新着情報への使用想定だが、通常コンテンツ内で使用も可 */
.txt_size_xxs { font-size:xx-small; }
.txt_size_xs  { font-size:x-small; }
.txt_size_s   { font-size:small; }
.txt_size_m   { font-size:medium; }
.txt_size_l   { font-size:large; }
.txt_size_xl  { font-size:x-large; }
.txt_size_xxl { font-size:xx-large; }

.txt_align_l { display:block; text-align:left; }
.txt_align_r { display:block; text-align:right; }
.txt_align_c { display:block; text-align:center; }

.txt_style_bold   { font-weight:bold; }
.txt_style_italic { font-style:italic; }
.txt_style_line   { text-decoration:underline; }

.txt_color_red    { color:#e75942; }
.txt_color_grey   { color:#999999; }
.txt_color_pink   { color:#ff1493; }
.txt_color_green  { color:#4ba429; }
.txt_color_org { color:#f57631;font-weight:bold;}
.txt_color_white  { color:#f0f0f0; }
.txt_color_blown  { color:#984807; }

.txt_shd {text-shadow:#fff 1px 1px 1px;}

/* 
--------------------------------------------------
 ▽ font-size設定専用クラス
-------------------------------------------------- */
/* デフォルトでは#wrapperに18px相当の指定が設定済みの為、そこからの相対値になります。
※親要素に既に%指定済みの場合、子孫要素は基準が変わるのでこのクラスの使用は出来れば避けます。
その際は特定pxサイズに合わせるのは難しくなりますが上記の文字装飾定義専用クラスで相対的に
大きさを変えるという手もあります。 */
.f10 { font-size: 55.6% !important; } /* 10px */
.f11 { font-size: 61.2% !important; } /* 11px */
.f12 { font-size: 66.7% !important; } /* 12px */
.f14 { font-size: 72.3% !important; } /* 14px */
.f16 { font-size: 88.9% !important; } /* 16px */
.f18 { font-size:100.0% !important; } /* 18px */
.f20 { font-size:111.2% !important; } /* 20px */
.f22 { font-size:122.3% !important; } /* 22px */
.f24 { font-size:133.4% !important; } /* 24px */
/* 
--------------------------------------------------
 ▽ margin設定専用クラス
-------------------------------------------------- */
.m00  { margin: 0px !important; }         .m05  { margin: 5px !important; }
.m10  { margin:10px !important; }         .m15  { margin:15px !important; }
.m20  { margin:20px !important; }         .m25  { margin:25px !important; }
.m30  { margin:30px !important; }         .m35  { margin:35px !important; }
.m40  { margin:40px !important; }         .m45  { margin:45px !important; }

.mt00 { margin-top: 0px !important; }     .mt03 { margin-top: 3px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top:10px !important; }     .mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }     .mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }     .mt35 { margin-top:35px !important; }
.mt40 { margin-top:30px !important; }     .mt45 { margin-top:35px !important; }

.mr00 { margin-right: 0px !important; }   .mr05 { margin-right: 5px !important; }
.mr03 { margin-right: 3px !important; }   .mr06 { margin-right: 6px !important; }
.mr07 { margin-right: 7px !important; }
.mr10 { margin-right:10px !important; }   .mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }   .mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }   .mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }   .mr45 { margin-right:45px !important; }

.mb00 { margin-bottom: 0px !important; }  .mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom:10px !important; }  .mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }  .mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }  .mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }  .mb45 { margin-bottom:45px !important; }

.ml00 { margin-left: 0px !important; }    .ml05 { margin-left: 5px !important; }.ml06 { margin-left: 6px !important; }
.ml10 { margin-left:10px !important; }    .ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }    .ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }    .ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }    .ml45 { margin-left:45px !important; }
/* 
--------------------------------------------------
 ▽ padding設定専用クラス
-------------------------------------------------- */
.p00 { padding: 0px !important; }     .p02 { padding: 2px !important; }
.p05 { padding: 5px !important; }
.p10 { padding:10px !important; }     .p15 { padding:15px !important; }
.p20 { padding:20px !important; }     .p25 { padding:25px !important; }
.p30 { padding:30px !important; }     .p35 { padding:35px !important; }
.p40 { padding:40px !important; }     .p45 { padding:45px !important; }

.pt00 { padding-top: 0px !important; }    .pt05 { padding-top: 5px !important; }
.pt01 { padding-top: 1px !important; }
.pt10 { padding-top:10px !important; }    .pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }    .pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }    .pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }    .pt45 { padding-top:45px !important; }
.pt55 { padding-top:55px !important; }    .pt85 { padding-top:85px !important; }

.pr00 { padding-right: 0px !important; }  .pr05 { padding-right: 5px !important; }
.pr10 { padding-right:10px !important; }  .pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }  .pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }  .pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }  .pr45 { padding-right:45px !important; }
.pr120 { padding-right:120px !important; }

.pb00 { padding-bottom: 0px !important; } .pb02 { padding-bottom: 3px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom:10px !important; } .pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; } .pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; } .pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; } .pb45 { padding-bottom:45px !important; }

.pl00 { padding-left: 0px !important; }   .pl02 { padding-left: 2px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left:10px !important; }   .pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }   .pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }   .pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }   .pl45 { padding-left:45px !important; }
/* 
--------------------------------------------------
 ▽ radious（角丸）設定専用クラス
-------------------------------------------------- */
.r03 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.r04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.r05 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.r06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.r07 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.r08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.r09 { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.r10 { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.r11 { -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; }
.r12 { -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
.r13 { -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; }
.r14 { -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; }
.r15 { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.r16 { -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; }
.r17 { -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; }
.r18 { -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
.r19 { -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; }
.r20 { -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
/* 
--------------------------------------------------
 ▽ その他、パーツ （【★】不要であれば削除可）
-------------------------------------------------- */
.w15 { width:15px!important;}
.w18 { width:18px!important;}
.w20 { width:20px!important;}
.w27 { width:27px!important;}
.w30 { width:30px!important;}
.w42 { width:42px!important;}
.w45 { width:45px!important;}
.w36 { width:36px!important;}
.w38 { width:38px!important;}
.w50 { width:50px!important;}
.w60 { width:60px!important;}
.w70 { width:70px!important;}
.w75 { width:75px!important;}
.w77 { width:77px!important;}
.w80 { width:80px!important;}
.w90 { width:90px!important;}
.w85 { width:85px!important;}
.w93 { width:93px!important;}
.w94 { width:95px!important;}
.w99 { width:99px!important;}
.w100 { width:100px!important;}
.w104 { width:104px!important;}
.w110 { width:110px!important;}
.w114 { width:114px!important;}
.w117 { width:117px!important;}
.w120 { width:120px!important;}
.w124 { width:124px!important;}
.w126 { width:126px!important;}
.w130 { width:130px!important;}
.w131 { width:131px!important;}
.w135 { width:135px!important;}
.w138 { width:138px!important;}
.w140 { width:140px!important;}
.w141 { width:141px!important;}
.w146 { width:146px!important;}
.w150 { width:150px!important;}
.w160 { width:160px!important;}
.w172 { width:172px!important;}
.w180 { width:180px!important;}
.w183 { width:183px!important;}
.w195 { width:195px!important;}
.w211 { width:211px!important;}
.w220 { width:220px!important;}
.w241 { width:241px!important;}
.w245 { width:245px!important;}
.w259 { width:259px!important;}
.w285 { width:285px!important;}
.w287 { width:287px!important;}
.w298 { width:298px!important;}
.w302 { width:302px!important;}
.w305 { width:305px!important;}
.w306 { width:306px!important;}
.w307 { width:307px!important;}
.w310 { width:310px!important;}
.w320 { width:320px!important;}

/* ボーダー */
.bo_b_gry { border-bottom:#ccc 1px dotted;}

.bo_t_gry { border-top:#d8e1ed 1px solid;}
.bo_r_gry { border-right:#d8e1ed 1px solid;}
.bo_l_whi { border-left:#FFF 1px solid;}

.bo_gry { border:#ccc 1px solid;}
.bo_gry02 { border:#dedede 2px solid;}
.bo_blue { border:#a5e2ff 2px solid;}
.bo_pnk { border:#ffc3d8 2px solid;}
.bo_green { border:#c2e94a 2px solid;}
.bo_pur { border:#e1c4f8 2px solid;}
.bo_org { border:#ffcc66 2px solid;}
.bo_yel { border:#f1d035 2px solid;}
.bo_ymb { border:#ff9a08 2px solid;}

.bg_blue { background:#f4fbfe;}
.bg_pnk { background:#ffeeee;}
.bg_blk { background:#0f0f0f;}
.bg_org { background:#fefdec;}
.bg_sky { background:#4cb5df;}
.bg_gry { background:#f2f2f2;}
.bg_wht { background:#fff;}
.bg_yel { background:#fffbef;}


.bold { font-weight:bold;}

.lh0 { line-height:0 !important;}
.lh12 { line-height:1.2 !important;}
.lh13 { line-height:1.3 !important;}
.lh14 { line-height:1.4 !important;}
.lh16 { line-height:1.6 !important;}
.lh18 { line-height:1.8 !important;}
.lh2 { line-height:2 !important;}


.btn01 {
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
	background:#f69200 url(../common_img/guide_icon.png) no-repeat 97% 50%;
	background-size:18px;
	width:90%;
	margin:10px auto 10px;
	padding:10px 10px 10px 10px ;
}

.btn01 a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:75%;
	display:block;
	text-align:center;
}



.btn02 {
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
	background:#f69200 url(../common_img/guide_icon02.png) no-repeat 5% 50%;
	background-size:30px;
	width:90%;
	margin:10px auto 10px;
	padding:10px 10px 10px 10px ;
}

.btn02 a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:75%;
	display:block;
	text-align:center;
}

/* 写真入れる用のハコ【★】 */
.photo {
	border:1px solid #ccc;
	padding:4px;
}
/* 写真入れる用のハコ拡大アイコン用（lightbox使用の場合）【★】 */
.photo a[rel^="lightbox"] {
	position:relative;
	display:block;
}
.photo a[rel^="lightbox"]:after {
	width:24px; height:24px;
	position:absolute;
	right:0; bottom:0;
	display:block;
	content:"";
	background:rgba(0,0,0,0.3) url(../common_img/ico_zoom.png) center center no-repeat;
	background-size: 24px 24px;
}
/* 写真入れる用のハコ内のキャプション【★】 */
.photo .photo_cap {
	font-size:55.6%; /* 10px */
}
/* ブランクページ用のクラス【★】 */
.blank_area {
	padding:3em 0;
	text-align:center;
}
.blank_area a {
	line-height:42px;
}
/* rssアイコン【★】 */
.ico_rss {
	width:24px;
	text-align:center;
}
.ico_rss img {
	margin-top:4px;
	width:16px;
}
/* 新着などのページネーション【★】 */
.pagination li {
	line-height: 42px;
}
.pagination .page_prev {
	float:left;
}
.pagination .page_next {
	float:right;
}
.pagination .page_back {
	text-align:center;
}



/* 
====================================================================================================
■ layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 320px; /* サイトの実際の横幅（基本的には320px固定）【★】 */
	overflow-x: hidden;
	background-color: #fff; /* 【★】 */
	font-size: 138.5%; /* 18px これがベースサイズ【★】※基本このまま、最低でも16px相当推奨 */
}

.mainimg {
 width:320px;
}

/* 
----------------------------------------------------------------------------------------------------
 □ #site_header
---------------------------------------------------------------------------------------------------- */
#site_header {
background: -moz-linear-gradient(top, #e2f8ff, #fff 10%, #fff);
background: -webkit-gradient(linear,left top, left bottom, from(#e2f8ff), color-stop(0.5, #fff), to(#fff));
}


.logo_area { 
 width:211px;
 float:left;
 padding:8px 0px 0px 5px ;
 }


.info_area {
 width:90px;
 float:right;
 padding:8px 5px 0px 0px ;
 text-align:right;
 }

/* 
--------------------------------------------------
 ▽ #gnav （グローバルナビゲーション） 【★】
-------------------------------------------------- */
.gnav { padding:0 0 5px 0;
 clear:both;
 position: relative;
 }

.gnav ul {
width: 100%;
display: -webkit-box;
display: -moz-box;
margin-top:0px;
}

.gnav li { color:#fff;
 text-align:center;
 font-size: 65% !important;
 font-weight:bold;
 border-bottom:1px solid #fff;
 background:#f69200;
 padding:10px 0; 
 -webkit-box-flex: 1;
 -moz-box-flex:1;}

.gnav li:first-child a{ border-left:none;}

.gnav li a { color:#fff;
  display:block;
  text-decoration:none;
  border-left:2px dotted #fff;
}


/* 
----------------------------------------------------------------------------------------------------
 □ #page_area
---------------------------------------------------------------------------------------------------- */
#page_area {
	
}
#page_area section {
	margin: 0.5em 0; /* 【★】 */
}
/* 
----------------------------------------------------------------------------------------------------
  □ #main_area
---------------------------------------------------------------------------------------------------- */
#main_area {
	padding: 0 2%; /* 【★】 */
}

/* 
----------------------------------------------------------------------------------------------------
  □ #sub_area
---------------------------------------------------------------------------------------------------- */
#sub_area {
	padding: 0 2%; /* 【★】 */
}



.about_kentai{
background:#fbf9b6 url(../common_img/img_02.png) no-repeat center 10px;
background-size: 287px;
border:solid #ccc 1px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
padding:70px 10px 10px 10px ;
color:#666;
text-align:left;
}

/* 
----------------------------------------------------------------------------------------------------
 □ #site_footer
---------------------------------------------------------------------------------------------------- */
#site_footer {background: #ffa800;}



.f_logo_area { 
 text-align:center;
 margin-top:10px;
 }


/* 
--------------------------------------------------
 ▽ #fnav （フッターナビ）【★】
-------------------------------------------------- */


.snav { padding:0; margin:0 0 1px; clear:both; position:relative;
border-top:1px solid #fff;
background:#ffa800;
font-size:73%;
font-weight:bold;
}

.snav_tt{color:#fff;font-weight:bold;font-size:120%;text-align:center;padding:10px 0;background:#ea7900;}

.snav ul { border-bottom:1px solid #ffa800; overflow:hidden; }
.snav li { background:#fcd5b5;float:left; width:25%; color:#e46c0a; border-left:1px solid #ffa800;padding-bottom: 32767px; margin-bottom: -32767px; }
.snav li a { color:#e46c0a; display:block; text-decoration:none; padding:10px 0px 10px 10px; }
.snav li:first-child { border-left:none; }


/*グローバル幅固定2列用横幅*/
.column2 li { width:50%; }
.column2 li:first-child { width:49.1%;margin-left:1px;}

/* googlemap */
.googlemap { border:1px solid #ccc; text-align:center; margin:10px 5px 5px;}
.googlemap iframe { width:285px; height:250px; padding:5px 0px;}
.googlemap small { background:#eee; display:block; text-align:center; padding:5px 10px 5px !important; font-size:14px !important; line-height:1; }

/* 
--------------------------------------------------
 ▽ #flink （フッターリンク）【★】
-------------------------------------------------- */
#flink {padding:20px 0px 10px 0px ;

}

#flink ul{padding:0px 0px 0px 0px ;
          text-align:center;

}
#flink ul li {
	display:inline;
}

#flink .page_up { text-align:right; padding-right:10px;}
#flink .page_up a {
	line-height:42px; /* 【★】※ただし、これ以下のサイズ設定は非推奨 */
	text-decoration:underline;
	font-size:77.8%;
}

#flink  a {
 text-decoration:underline;
 color:#805230;
}
#flink .page_up a:before { content:'▲'; } /* 文字列頭の装飾【★】 */



/* 
====================================================================================================
■ additional
---------------------------------------------------------------------------------------------------- */

/* 全ページ「共通の設定」を追加する際、ここ以下に追記します。 */


div.open_txt { padding:0 5px; text-align:right;font-size:72.3%; }
div.detail_txt .close_txt { padding:0 5px; text-align:right; display:block; font-size:77.8%;}