@charset "utf-8";
/*
■ basic setting
----------------------------------------------------------------------------------------------------
 □ tag
---------------------------------------------------------------------------------------------------- */
body {
	/*font:13px/1.231 sans-serif;*/
	font:13px/1.5 Meiryo,"メイリオ","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;
	background-color:#f4f4f4;
	color:#444;
}
p, li, pre, td, th { line-height:1.5; }  /* 基本の行の高さ【★】 */

a {color:#039;text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration: underline;}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}
sub, sup {
	font-size:66.7%; /* 12px */
}
#spLinkBlockInPc{
	display:none;
}
/*
----------------------------------------------------------------------------------------------------
 □ class
---------------------------------------------------------------------------------------------------- */
/*.clearfix:after { display:block; clear:both; content:""; }*/
/*.clearfix {overflow:hidden;}*/
.clear{clear:both;}
.page_up { text-align:right;margin:20px 0px 10px; }
.page_up a {
	line-height:42px; /* 【★】※ただし、これ以下のサイズ設定は非推奨 */
	color:#0072ff;
	text-decoration:underline;
	font-size:77.8%;
}
.page_up a:before { content:'▲'; } /* 文字列頭の装飾【★】 */

.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_size_66 { font-size:66.7%; letter-spacing:0; }
.txt_size_48 { font-size:48%; letter-spacing:0; }

.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_red02    { color:#e30000; }
.txt_color_grey   { color:#666; }
.txt_color_pink   { color:#ff1493; }
.txt_color_green  { color:#4ba429; }
.txt_color_blue   { color:#003399; } /* このブルーはリンク色のブルーとは色味を若干変える事を推奨 */
.txt_color_sky { color:#6aa9c4; }
.txt_color_white  { color:#f0f0f0; }
.txt_color_blown  { color:#b89974; }
.txt_color_blk  { color:#000; }
.txt_color_pur  { color:#ad4ab7; }
.txt_color_org  { color:#e37e4c; }
.txt_color_nav  { color:#134289; }
.txt_color_black    { color:#0C090A; }

/*
--------------------------------------------------
 ▽ 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; }     .mt01 { margin-top: 1px !important; }
.mt02 { margin-top: 2px !important; }     .mt03 { margin-top: 3px !important; } 
.mt04 { margin-top: 4px !important; }     .mt05 { margin-top: 5px !important; }
.mt06 { margin-top: 6px !important; }     .mt08 { margin-top: 8px !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; }   .mr02 { margin-right: 2px !important; }
.mr03 { margin-right: 3px !important; }   .mr04 { margin-right: 4px !important; }
.mr05 { margin-right: 5px !important; }
.mr07 { margin-right: 7px !important; }
.mr08 { margin-right: 7px !important; }
.mr10 { margin-right:10px !important; }   .mr15 { margin-right:15px !important; }
.mr19 { margin-right:19px !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; }  .mb02 { margin-bottom: 2px !important; }
.mb04 { margin-bottom: 4px !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; }
.ml03 { margin-left: 3px !important; }    .ml07 { margin-left: 7px !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; }
.pr60 { padding-right:65px !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; }

.plr10 { padding:0px 10px !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;}
.w19 { width:19px!important;}
.w20 { width:20px!important;}
.w32 { width:32px!important;}
.w40 { width:40px!important;}
.w41 { width:41px!important;}
.w42 { width:42px!important;}
.w44 { width:44px!important;}
.w36 { width:36px!important;}
.w50 { width:50px!important;}
.w58 { width:58px!important;}
.w60 { width:60px!important;}
.w61 { width:61px!important;}
.w67 { width:67px!important;}
.w70 { width:70px!important;}
.w75 { width:75px!important;}
.w77 { width:77px!important;}
.w80 { width:80px!important;}
.w84 { width:84px!important;}
.w85 { width:85px!important;}
.w87 { width:87px!important;}
.w88 { width:88px!important;}
.w89 { width:89px!important;}
.w91 { width:91px!important;}
.w93 { width:93px!important;}
.w94 { width:95px!important;}
.w96 { width:96px!important;}
.w100 { width:100px!important;}
.w105 { width:105px!important;}
.w108 { width:108px!important;}
.w110 { width:110px!important;}
.w118 { width:118px!important;}
.w120 { width:120px!important;}
.w121 { width:121px!important;}
.w123 { width:123px!important;}
.w124 { width:124px!important;}
.w128 { width:128px!important;}
.w130 { width:130px!important;}
.w133 { width:133px!important;}
.w134 { width:134px!important;}
.w135 { width:135px!important;}
.w138 { width:138px!important;}
.w140 { width:140px!important;}
.w141 { width:141px!important;}
.w143 { width:143px!important;}
.w146 { width:146px!important;}
.w148 { width:148px!important;}
.w150 { width:150px!important;}
.w153 { width:153px!important;}
.w159 { width:159px!important;}
.w160 { width:160px!important;}
.w161 { width:161px!important;}
.w165 { width:165px!important;}
.w170 { width:170px!important;}
.w152 { width:152px!important;}
.w180 { width:180px!important;}
.w182 { width:182px!important;}
.w190 { width:190px!important;}
.w195 { width:195px!important;}
.w200 { width:200px!important;}
.w210 { width:210px!important;}
.w215 { width:215px!important;}
.w230 { width:230px!important;}
.w240 { width:240px!important;}
.w258 { width:258px!important;}
.w265 { width:265px!important;}
.w274 { width:274px!important;}
.w270 { width:270px!important;}
.w279 { width:279px!important;}
.w282 { width:282px!important;}
.w285 { width:285px!important;}
.w287 { width:287px!important;}
.w292 { width:292px!important;}
.w297 { width:297px!important;}
.w298 { width:298px!important;}
.w301 { width:301px!important;}
.w303 { width:303px!important;}
.w305 { width:305px!important;}
.w306 { width:306px!important;}
.w307 { width:307px!important;}
.w310 { width:310px!important;}
.w320 { width:320px!important;}

/* ボーダー */
.bo_org02 { border:#ff5c26 3px solid;}
.bo_yel { border-bottom:#ffd63b 4px solid;}
.bo_pur { border:#b37fdb 1px solid;}
.bo_b_gry { border-bottom:#ccc 1px dotted;}

.bo_b_pnk { border-bottom:#ef4186 2px dotted;}

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

.bo_gry { border:#ccc 1px solid;}
.bo_gry02 { border:#eaeaea 2px solid;}
.bo_gry03 { border:#eaeaea 1px solid;}
.bo_gry04 { border:#eaeaea 4px solid;}
.bo_blue { border:#294595 2px solid;}
.bo_blue02 {border:#1f497d 3px solid;}
.bo_blue03 {border:#009bff 3px solid;}
.bo_red02 {border:#d90015 3px solid;}
.bo_pnk02 { border:#e82979 3px solid;}
.bo_pnk { border:#e82979 1px solid;}
.bo_org { border:#ef7304 2px solid;}
.bo_brw { border:#dbcab9 1px solid;}

.bg_blue { background:#36a2b8;}
.bg_pnk { background:#e17282;}
.bg_blk { background:#0f0f0f;}
.bg_org { background:#e78429;}
.bg_green { background:#7cad41;}
.bg_sky { background:#4cb5df;}
.bg_gry { background:#eeeeee;}
.bg_wht { background:#fff;}
.bg_yel { background:#fffbef;}
.bg_pur { background:#0a86ca;}
.bg_gld { background:#a09967;}
.bg_redw { background:#ffecdc;}

.bg_shd { background:url(../../sp_ext/common_img/contents_bg.png) no-repeat center bottom;
          padding-bottom:20px;
          background-size: 307px;
          }


.bold { font-weight:bold;}

.lh0 { line-height:0 !important;}
.lh1 { line-height:100% !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;}
.lh23 { line-height:2.3 !important;}



.btn01 {
        background: -moz-linear-gradient(top,#f4f4f4 0%,#d5d5d5);
        background: -webkit-gradient(linear, left top, left bottom,from(#f4f4f4), to(#d5d5d5));
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	padding:5px 0px 5px 0px;
	text-align:center;
	margin:10px auto 10px;
	width:98%;
	box-shadow: 0px 1px 3px #666;
	color:#004cc2;
}

.btn01 a{
	color:#003399;
	font-weight:bold;
	text-decoration:none;
	font-size:78.0%;
	display:block;
	text-align:center;
	text-shadow:#fff 1px 1px 1px;
}

.btn01:before { content:'▲'; float:right;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); margin-right:10px;}


.btn02 {
        background: -moz-linear-gradient(top,#f3ac20 0%,#e96d09);
        background: -webkit-gradient(linear, left top, left bottom,from(#f3ac20), to(#e96d09));
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	border:1px solid #ec7a00;
	padding:8px 0px 8px 0px;
	margin:10px auto 10px;
	width:80%;
}

.btn02 a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:80.0%;
	display:block;
	text-align:center;
	text-shadow:#8d4b15 1px 1px 1px;
}

.btn02 a:before { content:'>>'; margin-right:10px;}


.btn03 {
        background: -moz-linear-gradient(top,#0051c5 0%,#0034b1);
        background: -webkit-gradient(linear, left top, left bottom,from(#0051c5), to(#0034b1));
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	border:1px solid #0047b7;
	padding:8px 0px 8px 0px;
	margin:10px auto 10px;
	width:80%;
}

.btn03 a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:80.0%;
	display:block;
	text-align:center;
	text-shadow:#255722 1px 1px 1px;
}

.btn03 a:before { content:'>>'; margin-right:10px;}


.btn04 {
        background: -moz-linear-gradient(top,#ff8400 0%,#ff5f00);
        background: -webkit-gradient(linear, left top, left bottom,from(#ff8400), to(#ff5f00));
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
	border:3px solid #ff7800;
	padding:22px 0px;
	margin:10px auto 10px;
	width:100%;
	color:#fff;
	font-weight:bold;
	text-align:center;
	box-shadow: 0px 1px 2px #666;
}


.btn04:before { content:'>>'; margin-right:10px;}

.btn05 {
        background: -moz-linear-gradient(top,#fff 0%,#f2eeff);
        background: -webkit-gradient(linear, left top, left bottom,from(#fff), to(#f2eeff));
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	border:1px solid #153276;
	padding:5px 0px 5px 0px;
	margin:10px auto 10px;
	width:99%;
	color:#173277;
	font-weight:bold;
	text-align:center;
	box-shadow: 0px 1px 3px #666;
}


.btn05:before { content:'>>'; margin-right:10px;}


/* 写真入れる用のハコ【★】 */
.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(../../sp_ext/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;
}

a .te_no{
text-decoration:none;
}

/*
====================================================================================================
■ layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width:90%;
	max-width:680px;
	min-width:320px;
	overflow-x: hidden;
	background-color: #fff;
	font-size: 138.5%; /* 18px これがベースサイズ【★】※基本このまま、最低でも16px相当推奨 */
}

#mainimg {
	clear:both;
}
#mainimg img{
	max-width:100%;
    height:auto;
}

#mainimg .mainbtn{
position:absolute;
top:90px;
left:5px;
}



#mainimg_naka {
 width:100%;
 margin:0;
}



h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
}

/*
----------------------------------------------------------------------------------------------------
 □ #site_header
---------------------------------------------------------------------------------------------------- */
#site_header {
}


.logo_area {
 padding:7px 0px 0 6px ;
 width:150px;
 float:left;
 }


.info_area {
 float:right;
 padding:11px 6px 0 0px ;
 width:155px;
 text-align:right;
 }

/*
--------------------------------------------------
 ▽ #gnav （グローバルナビゲーション） 【★】
-------------------------------------------------- */

.gnav {
 padding:0;
 margin:10px 0 0px;
 clear:both;
 position:relative;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 background: -moz-linear-gradient(top,#012257 0%,#001b47);
 background: -webkit-gradient(linear, left top, left bottom,from(#012257), to(#001b47));
}

.gnav ul {
 font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
 width: 100%;
 display: -webkit-box;
 display: -moz-box;
}

.gnav li {
 letter-spacing:-1px;
 border-left:1px solid #314668;
 color:#fff;
 text-align:center;
 padding:15px 0;
 -webkit-box-flex: 1;
 -moz-box-flex:1;
 }

.gnav li a {
 color:#fff;
 display:block;
 text-decoration:none;
 text-shadow:#000 1px 1px 1px;
 font-weight:bold;
 font-size: 14px ;
 }

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


.gnav dd { display:none; position: absolute; z-index:5; top:55px; left: 0; width:100%; padding:0; border:none; }

.gnav ul.sub_nav { padding:0 0 0; background:#00aeea; display:block; overflow: auto;-ms-filter: "alpha( opacity=90 )";filter: alpha( opacity=90 );opacity: 0.9;}
.gnav ul.sub_nav li { float: none; color:#fff; width:100%; padding:0; margin:0; height:auto; list-style:none; border:none; border-bottom:1px solid #fff; }
.gnav ul.sub_nav li a { color:#fff; text-align:left; padding:10px 10px 10px 20px; height:auto;border-left:none;}
.gnav ul.sub_nav li a:before { content:'▲'; float:right;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); margin-right:5px; }



/*
----------------------------------------------------------------------------------------------------
 □ #page_area
---------------------------------------------------------------------------------------------------- */
#page_area {
	margin: 2% 0 0;
}
#page_area section {
	margin: 2% 0 0;
}

#page_area section p{
	padding:0px 5px;
}


.banner_left{
	float:left;
	margin:0 1% 2% 0;
}
.banner_right{
	float:right;
}
.banner_left,.banner_right{
	width:48.5%;
	font-weight:bold;
	font-size:80%;
	padding:7px 0 5px;
	/*padding:3px 0 5px;*/
	text-align:center;
	line-height:1.3;
	border:1px solid #dddde8;
}

.banner_left a,.banner_right a{
	color:#444;
	text-decoration:none;
	padding-top:12px;
}

#page_area section .banner_left p,#page_area section .banner_right p{
	height:18px;
	padding:0;
	margin:0;
	line-height:1 !important;
}
#page_area section p .banner_txt{
	/*clear:both;
	display:block;*/
	letter-spacing:0em;
	font-size:88%;
	padding:0;	
}
#page_area section p .banner_txt_s{
	/*clear:both;
	display:block;*/
	letter-spacing:0em;
	font-size:66% !important;
	padding:0;
	margin:0 auto;
}

.banner_left img,.banner_right img{
	clear:both;
	width:85%;
}

.top_free_word{
 font-size:75%;
 color:#000;
 font-weight:bold;
 padding:0px !important;;
}

.catg01, .catg02, .catg03, .catg04, .catg05, .catg06, .catg07{
padding:0px 0px 5px 75px ;
border-bottom:dotted 1px #ccc;
min-height:70px;
margin-bottom:5px;
}

.catg01{background:url(../../sp_ext/common_img/ic_jus_01.png) no-repeat 0px 0px;background-size: 70px;}
.catg02{background:url(../../sp_ext/common_img/ic_jus_02.png) no-repeat 0px 0px;background-size: 70px;}
.catg03{background:url(../../sp_ext/common_img/ic_jus_03.png) no-repeat 0px 0px;background-size: 70px;}
.catg04{background:url(../../sp_ext/common_img/ic_jus_04.png) no-repeat 0px 0px;background-size: 70px;}
.catg05{background:url(../../sp_ext/common_img/ic_jus_05.png) no-repeat 0px 0px;background-size: 70px;}
.catg06{background:url(../../sp_ext/common_img/ic_jus_06.png) no-repeat 0px 0px;background-size: 70px;}
.catg07{background:url(../../sp_ext/common_img/ic_jus_07.png) no-repeat 0px 0px;background-size: 70px;}

.cat_tt{font-weight:bold;color:#003399;font-size:85%;}
.cat_se {font-size:72.3%;color:#333;}

a.te_no{
text-decoration:none;
}

.att_key{
font-size:72.3%;
line-height:2.0;
}

.att_key a{
padding:0px 10px;
}

/*
----------------------------------------------------------------------------------------------------
  □ #main_area
---------------------------------------------------------------------------------------------------- */
#main_area {
	padding-left:2%; /* 【★】 */
	padding-right:2%; /* 【★】 */
}

/*--------search--------*/


.table_style_search {
    margin: 0px auto 0px;
    border-collapse: separate;
    font-size:72.3%;
}

.table_style_search th{
    padding:0px 5px 0px 0px;
    vertical-align:top;
    text-align:left;
    font-weight:bold;
}


.table_style_search td{
    padding:0x 5px 0px 5px;
    background:#fff;
    vertical-align:middle;
}

.table_style_search td ul.ulList li {
	display:inline-block;
	padding-right:2px;
}



.dl_style_search dt {
background: url(../../sp_ext/common_img/tt_bg02.png) no-repeat 0px 0px;
background-size: 307px;
-webkit-border-radius: 2px;
-moz-border-radius: 5px 5px 0 0;
border-radius: 2px;
font-weight: bold;
color: #fff;
border: solid 1px #ccc;
font-size: 72.3%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 9px 0px 9px 15px;
box-shadow: 1px 1px 0px #fff inset,-1px -1px 0px #fff inset;
}

.dl_style_search dd { padding:2px 0px 10px 0px;
                 background:#fff;
                 border-top:none;}


.dl_style_search .open {}
.dl_style_search .open:before { position: absolute;content:'　　　';right:0px;top:8px;background:url(../../sp_ext/common_img/icon_close3.png) no-repeat 0px 0px;background-size: 16px;}
.dl_style_search dt,
.dl_style_search .close {}
.dl_style_search .close:before { position: absolute;content:'　　　';right:0px;top:8px;background:url(../../sp_ext/common_img/icon_open3.png) no-repeat 0px 0px;background-size: 16px;}

.dl_style_search dt:first-child { margin-top:0px; }

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


/*
----------------------------------------------------------------------------------------------------
 □ #site_footer
---------------------------------------------------------------------------------------------------- */
#site_footer {
padding:0px 0px 0px 0px ;
}


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

.f_nav { padding:0; margin:0; clear:both; position:relative;
font-size:80%;
font-weight:bold;
}
.f_nav ul { border-bottom:1px solid #dddde8;border-right:1px solid #dddde8; overflow:hidden; }
.f_nav li {
float:left;
text-align:left;
border-top:1px solid #dddde8;
border-left:1px solid #dddde8;
padding-bottom: 32767px;
margin-bottom: -32767px;
}
.f_nav li a {
color:#444;
display:block;
text-decoration:none;
padding:8px 5px;
background: -moz-linear-gradient(top,#fff 0%,#dee2eb);
background: -webkit-gradient(linear, left top, left bottom,from(#fff), to(#dee2eb));
background:linear-gradient(to bottom, #fff, #dee2eb);/* IE10 */  
box-shadow:1px 1px 0px #fff inset,-1px -1px 0px #fff inset;
}
.pc_icon{
float:right;background-color:#96a0b6;color:#fff;font-weight:bold;letter-spacing:0em;vertical-align:baseline;padding:1px 4px !important;font-size:52% !important;line-height:1 !important;
-webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;
}
/*.f_nav li:first-child { border-right:none; }*/

/*グローバル幅固定2列用横幅*/
.column2 li { width:49.5%; }
.column2 li:first-child { width:49.5%; }

.column1 li { width:100%; }



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

/*
--------------------------------------------------
 ▽ #flink （フッターリンク）【★】
-------------------------------------------------- */
#flink {padding:0px 2%;
background:#fff;
font-size:80%;
}

#flink ul{padding: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 p {
}
#flink a {
	clear:both;
	text-decoration: none;
	color:#039;
	line-height:1.4;
	font-size:80% !important;
}
#flink .page_up a:before { content:'▲'; } /* 文字列頭の装飾【★】 */

#link_plus {padding:6px;background-color:#eee;}
#link_plus p{ text-align:center; }
#link_plus a{ color:#333; }

#site_copy{
 padding:0px 0px 5px;
 text-align:center;
}

#f_tel{
 padding:5px 6px 5px;
 font-size:72.3%;
 font-weight:bold;
 color:#314d78;
}
#f_p-mark{
	float:right;margin:3px 0;
}
#f_p-mark_new{
 font-size:72.3%;
	margin:20px 0 20px 0 !important;
}
#yuryoshokai-mark{
 font-size:72.3%;
	margin:20px 0 20px 0 !important;
}
#hakenkentei-mark{
 font-size:72.3%;
	margin:40px 0 0 0 !important;
}

/* #f_p-mark_new img{
	margin-right:20px !important;	
  padding-bottom:20px;

} */

#f_p-mark_new img{
    margin-left: -5px !important;
    margin-right: 15px;
    padding-bottom: 10px;
}
#yuryoshokai-mark img{
	margin-right:20px !important;	

}
#hakenkentei-mark img{
	margin-right:20px !important;	
}


#f_pc{
	float:left;font-size:90%;margin:30px 0 2px;
}
#cright{
	clear:both;
	padding:8px;
	background-color:#14346F;
	color:#fff;
	font-size:60%;
	text-align:center;
	margin:0;
	line-height:1;
}

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

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

.tit_style_img {
	padding:0px 0px 10px 0px;
}

.tit_style {
	color:#444;
    background: -moz-linear-gradient(top,#fff 0%,#eeeeee);
    background: -webkit-gradient(linear, left top, left bottom,from(#fff), to(#eeeeee));
    -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
	padding:8px 0px 5px 10px;
	font-weight:bold;
	border:solid 1px #dddde8;
	border-top:none;
	border-bottom:none;
	font-size:80%;
	background-image: url(../images/info_bg.jpg);
	background-size:cover;
}
.tit_style a{
	color:#444;
}


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%;}

/* scroll*/
  
.scroll-box{
	height:7em;
	padding:5px;
	overflow-y: auto;
}
.scroll-box::-webkit-scrollbar{
	margin:5px;
	width: 5px;
	background:ccc;
}
.scroll-box::-webkit-scrollbar-thumb{
	width: 5px;
	background:#F00;
	border-radius:3px;
	height:2.2em;
}
.scroll-box::-webkit-scrollbar-track-piece:start{
	margin-top:3px;
	background: #ccc;
}
.scroll-box::-webkit-scrollbar-track-piece:end{
	background:#ccc;
	margin-bottom:3px;
}