@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に12px相当で指定済。そこからの相対指定で行うこと。
　（親要素に既に%指定済の場合、子孫要素は基準が変わるので注意してください。）
==================================================================================================== */

/*
====================================================================================================
■ basic setting
----------------------------------------------------------------------------------------------------
 □ tag
---------------------------------------------------------------------------------------------------- */
html, body {
	width: 100%;
	height: 100%;
}
body {
	font-size: 13px;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;/* このbodyのfont指定はブラウザ差異を埋めるためのものなので、上書きしない。どうしても変更を加える場合
	#wrapperに基準サイズを設定。その場合font-size用クラスも全て再計算が必要です。 */
}
/* 基本の行の高さ */
p, li, td, th, dt, dd {
	line-height: 1.8;
}
/* link */
a {
	-webkit-transition: color ease-out 0.3s;
	-moz-transition: color ease-out 0.3s;
	transition: color ease-out 0.3s;
	color: #0199ec;
}
a:link {
	text-decoration: underline;
}
a:hover {
	color: #ff5a00;
	text-decoration: none;
}
a:visited {
}
a:active {
}
a img {
	vertical-align: top;
}
/* 上付き文字・下付き文字 */
sub, sup {
	font-size: 77%;
} /* 10px */
/*
----------------------------------------------------------------------------------------------------
 □ class
---------------------------------------------------------------------------------------------------- */
/* clearfix */
.clearfix {
	width: 100%;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	overflow: hidden;
}
/* ページトップへのリンク */

.float_l {
	float: left;
}
.float_r {
	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: #39B221;
}
.txt_color_blue {
	color: #3399FF;
} /* このブルーはリンク色のブルーとは色味を若干変える事を推奨 */
.txt_color_yellow {
	color: #ffb400;
}
.txt_color_white {
	color: #F0F0F0;
}
.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;
}
.lh23 {
	line-height: 2.3 !important;
}
/*
--------------------------------------------------
 ▽ font-size設定専用クラス
-------------------------------------------------- */
/* デフォルトでは#wrapperに12px相当の指定が設定済みのため、そこからの相対値になります。
※親要素に既に%指定済みの場合は子孫要素は基準が変わるのでこのクラスの使用は出来れば避けます。 */
.f10 {
	font-size: 55.6% !important;
} /* 10px */
.f11 {
	font-size: 61.2% !important;
} /* 11px */
.f12 {
	font-size: 66.7% !important;
} /* 12px */
.f13 {
	font-size: 72.3% !important;
} /* 13px */
.f14 {
	font-size: 72.3% !important;
} /* 14px */
.f15 {
	font-size: 83.4% !important;
} /* 15px */
.f16 {
	font-size: 88.9% !important;
} /* 16px */
.f17 {
	font-size: 94.5% !important;
} /* 17px */
.f18 {
	font-size: 100.0% !important;
} /* 18px */
.f19 {
	font-size: 105.6% !important;
} /* 19px */
.f20 {
	font-size: 111.2% !important;
} /* 20px */
.f21 {
	font-size: 116.7% !important;
} /* 21px */
.f22 {
	font-size: 122.3% !important;
} /* 22px */
.f23 {
	font-size: 127.8% !important;
} /* 23px */
.f24 {
	font-size: 133.4% !important;
} /* 24px */
.f25 {
	font-size: 138.9% !important;
} /* 25px */
/*
--------------------------------------------------
 ▽ width設定専用クラス
-------------------------------------------------- */

.w35p {
	width: 35%!important;
}

.w50 {
	width: 50px!important;
}
.w100 {
	width: 100%!important;
}
.w120 {
	width: 120px!important;
}
.w160 {
	width: 160px!important;
}
.w180 {
	width: 180px!important;
}
.w200 {
	width: 200px!important;
}
.w209 {
	width: 209px!important;
}
.w210 {
	width: 210px!important;
}
.w220 {
	width: 220px!important;
}
.w230 {
	width: 230px!important;
}
.w240 {
	width: 240px!important;
}
.w250 {
	width: 250px!important;
}
.w265 {
	width: 265px!important;
}
.w280 {
	width: 280px!important;
}
.w285 {
	width: 285px!important;
}
.w290 {
	width: 290px!important;
}
.w300 {
	width: 300px!important;
}
.w310 {
	width: 310px!important;
}
.w340 {
	width: 340px!important;
}
.w350 {
	width: 350px!important;
}
.w370 {
	width: 370px!important;
}
.w390 {
	width: 390px!important;
}
.w400 {
	width: 400px!important;
}
.w410 {
	width: 410px!important;
}
.w430 {
	width: 430px!important;
}
.w450 {
	width: 450px!important;
}
.w451 {
	width: 451px!important;
}
.w470 {
	width: 470px!important;
}
.w480 {
	width: 488px!important;
}
.w500 {
	width: 500px!important;
}
.w530 {
	width: 530px!important;
}
.w540 {
	width: 540px!important;
}
.w550 {
	width: 550px!important;
}
.w590 {
	width: 590px!important;
}
.w600 {
	width: 600px!important;
}
.w640 {
	width: 640px!important;
}
.w100per {
	width: 100%;
}

.w48per {
	width: 48%;
}

/*
--------------------------------------------------
 ▽ 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;
}
/*
--------------------------------------------------
 ▽ 背景設定専用クラス
-------------------------------------------------- */
.bg_blue {
	background: #10508a;
}
.bg_pnk {
	background: #fff4f4;
}
.bg_blk {
	background: #0f0f0f;
}
.bg_org {
	background: #fefdec;
}
.bg_sky {
	background: #4cb5df;
}
.bg_gry {
	background: #f9f9f9;
}
.bg_wht {
	background: #fff;
}
.bg_yel {
	background: #fffcd7;
}
.bg_pur {
	background: #ac184f;
}
.bg_gld {
	background: #a09967;
}
/*
--------------------------------------------------
 ▽ ボーダー設定専用クラス
-------------------------------------------------- */
.bo_gry {
	border: #eeeeee 1px solid;
}
.bo_yel {
	border: #fff477 2px dashed;
}
.bo_pur {
	border: #b37fdb 1px solid;
}
.bo_b_gry {
	border-bottom: #333 1px dotted;
}
.bo_wht {
	border: #fff 1px solid;
}
.bo_r_gry {
	border-right: #bbbbbb 1px dotted;
}
/*
--------------------------------------------------
 ▽ margin設定専用クラス
-------------------------------------------------- */
.m00 {
	margin: 0px !important;
}
.m05 {
	margin: 5px !important;
}
.m10 {
	margin: 10px !important;
}
.m12 {
	margin: 12px !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;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt12 {
	margin-top: 12px !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;
}
.mr10 {
	margin-right: 10px !important;
}
.mr13 {
	margin-right: 13px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr18 {
	margin-right: 18px !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;
}
.mr60 {
	margin-right: 60px !important;
}
.mb00 {
	margin-bottom: 0px !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb07 {
	margin-bottom: 7px !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;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb55 {
	margin-bottom: 55px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb150 {
	margin-bottom: 130px !important;
}
.ml00 {
	margin-left: 0px !important;
}
.ml05 {
	margin-left: 5px !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;
}
.mlr05 {
	margin: 0px 5px !important;
}
.mlr10 {
	margin: 0px 10px !important;
}
.mlr30 {
	margin: 0px 30px !important;
}
.mauto {
	margin: 0px auto !important;
}
.m_left {
	margin-left: auto!important;
}
.m_right {
	margin-right: auto!important;
}
/*
--------------------------------------------------
 ▽ padding設定専用クラス
-------------------------------------------------- */
.p00 {
	padding: 0px !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;
}
.pt02 {
	padding-top: 2px !important;
}
.pt05 {
	padding-top: 5px !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;
}
.pr00 {
	padding-right: 0px !important;
}
.pr05 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr14 {
	padding-right: 14px !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;
}
.pb00 {
	padding-bottom: 0px !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;
}
.pl05 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl14 {
	padding-left: 14px !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;
}
.pl65 {
	padding-left: 65px !important;
}
.plr10 {
	padding: 0px 10px !important;
}
.plr15 {
	padding: 0px 15px !important;
}
.ptb10 {
	padding: 10px 0px !important;
}
/*
--------------------------------------------------
 ▽ 新着などのページネーション
-------------------------------------------------- */
.pagination {
	padding:0 0px;
	margin-bottom:25px;
}
.pagination a {
	line-height:40px;
	color:#fff !important;
	text-decoration:none;
	display:block;
	background:#f39700;
	padding:3px 20px 0;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	font-weight:normal;
	width:180px;
	text-align:center;
}

.pagination a:hover{
	color:#fff !important;
	text-decoration:none;
	background:#0199ec;
}

/* 前へ */
.pagination .page_prev a{
	float:left;
	margin:30px 0px 0px 0px;
}

.pagination .page_prev a:before{ content:'▼'; float:left;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);-ms-transform: rotate(90deg);  margin:0px 5px 0 0 ;font-size:100%;color:#fff;padding:0px 2px;}
/* 次へ */
.pagination .page_next a{
	float:right;
	margin:30px 0px 0px 0px;
}
.pagination .page_next a:before{ content:'▲'; float:right;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);-ms-transform: rotate(90deg); margin:0px 0px 0 5px ;font-size:100%;color:#fff;padding:0px 2px;}
/* 戻る */
.pagination .page_back a{
	width:180px;
	margin:0px auto 0px;
}

.pagination .page_back:before{ content:'▼'; float:left;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); margin:0px 5px 0 0 ;font-size:100%;color:#fff;padding:0px 2px;}
/*
--------------------------------------------------
 ▽ 共通エラー表示
 （※問い合わせや、ショッピングを追加した場合にも共通で使用）
-------------------------------------------------- */
.error_disp {
	color: #C00;
}
.error_disp ul {
	margin-left: 1.5em;
	list-style-type: disc;
}
/*
--------------------------------------------------
 ▽ その他、パーツ
-------------------------------------------------- */
/* 写真入れる用のハコ */
.photo {
}
/* 拡大アイコン（lightbox使用） */
a[rel^="lightbox"] {
	position: relative;
	display: block;
}
a[rel^="lightbox"]:after {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 24px;
	height: 24px;
	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;
}
/*
====================================================================================================
■ layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	text-align: center;
	font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 108%; /* 13px相当 ベースサイズ  13px 100% 14px 108%* 15px 116% 16px 124%*/
	color: #000;
	overflow: hidden;
}
.site_wrapper {
	margin: 0 auto;
	width: 1100px;
	text-align: left;
	position: relative;
}
/*
----------------------------------------------------------------------------------------------------
 □ #site_header
---------------------------------------------------------------------------------------------------- */
header {
	padding: 0px 0 0px 0px;
}

header h1 {
	line-height: 45px;
	font-size: 80%;
	font-weight: normal;
	color: #000;
	float:left;
	width:760px;
	text-align: left;}

#header_column{
float:right;
width:340px;
}


#header_column li{
font-weight:bold;
float:right;
font-size:105%;
font-weight:bold;
margin:0 0 0 20px;
line-height:45px;
}

#header_column li a{
text-decoration:none;
color:#000;
padding:0 0 0 15px;
display:block;
background: url(../common_img/ic_arrow_01.png) no-repeat 0 center;
}

#header_column li a:hover{
color:#ff4e00;
background: url(../common_img/ic_arrow_01_on.png) no-repeat 0 center;
}


#logo_area {
	float: left;
	width: 216px;
	padding:0px 0 0 0;
}
#info_area {
	width: 839px;
	float: right;
	padding:0px 0 0 0;
}
#info_area li{
	float:left;
}
#info_area li:first-child {
	padding-top: 1px;
}
#info_area li .hover {
	transition: all ease 0.3s;
}
#info_area li .hover:hover {
	opacity:0.6;
}
#info_area li{
	padding: 0px 5px 0px 0px;
}

#info_area li:last-child{
	padding: 0px 0px 0px 0px;
}
.header_ban {
	position: absolute;
	top: 45px;
	right: -95px;
}
.header_ban li:last-child{
	margin-right: 0;
}



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


nav.g_nav {
	margin-top:20px;
	border-top:solid 1px #009a3f;
	border-bottom:solid 1px #009a3f;
}
nav.g_nav ul {
	display: table;
	width: 100%;
	margin: 0px 0;
}
/* 各項目個別 */
nav.g_nav ul li {
	text-align: center;
	display: table-cell;
	font-size: 100%!important;
	color: #000;
	font-weight:bold;
	width:16.6666%;
	line-height:1.4;
	vertical-align:middle;
	border-left:solid 1px #009a3f;
}
nav.g_nav ul li:last-child {
	border-left:solid 1px #009a3f;
	border-right:solid 1px #009a3f;
}
nav.g_nav ul li a {
	color: #000;
	min-height:60px;
	padding: 20px 0px 0px;
	display: block;
	background: url(../common_img/ic_arrow_02.png) no-repeat 95% center;
	text-decoration: none!important;
}

nav.g_nav ul li:nth-child(2) a {
	padding: 10px 0px 0px;
}

nav.g_nav ul li:nth-child(3) a {
	padding: 10px 0px 0px;
}

nav.g_nav ul li a:hover{
	background:#009a3f url(../common_img/ic_arrow_02_on.png) no-repeat 95% center;
	color:#fff;
}
.header_ban .pb_ban a{
	transition: all ease 0.6s;
}
.header_ban a:hover{
	filter: grayscale(80%);
}


/*
----------------------------------------------------------------------------------------------------
 □ #page_area
---------------------------------------------------------------------------------------------------- */
/* 共通ヘッダー&フッターを除いた、ページ内容エリア */


a.te_no {
	text-decoration: none;
	color: #666;
}
.intro {
	overflow: hidden;
	margin: 0px auto 0px;
}
#page_tt {
	background: url(../common_img/page_tt.png) no-repeat center 0;
	margin: 0px 0px 0px 0px;
	height: 180px;
	overflow: hidden;
}
#page_tt h2 {
	font-size: 210%;
	color: #fff;
	margin:25px 0 0;
	line-height: 130px;
	font-weight: bold;
	letter-spacing: 2px;
	text-shadow:1px 1px 3px #000;
}
/*
--------------------------------------------------
  ▽ #main_area
-------------------------------------------------- */
/* メインコンテンツ部分 */


main {
	padding-bottom: 0px;
	min-height: 500px;
}

main p{
text-align: justify;
text-justify: inter-ideograph;
padding:0 10px 0;
}

/* ページトップへのリンク */
#page-top {
	position: fixed;
	bottom: 60px;
	right: 70px;
	z-index: 1000;
}
#page-top a {
	padding: 30px 20px;
	display: block;
}
#page-top a img:hover {
	text-decoration: none;
	opacity: 0.8;
}


/*
----------------------------------------------------------------------------------------------------
 □ #site_footer
---------------------------------------------------------------------------------------------------- */



footer {
	padding: 0px 0px 50px 0px;
	background:#009a3f;
}

#contact_box{
background:#91c700;
padding:50px 0;
}

#contact_box dt{
color:#fff;
font-size:125%;
font-weight: bold;
text-align:center;
}

#contact_box dd {
width:530px;
margin:20px auto 0;
}


#contact_box dd a{
	display: block;
	text-align: center;
	line-height: 70px;
	font-size: 120%;
	letter-spacing: 0em;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
	background-image: url(../common_img/ic_contact.png),url(../common_img/ic_arrow_02.png);
	background-position: 8% center,95% center;
	background-repeat: no-repeat,no-repeat;
	padding: 0px 0px 0px 0px;
}
#contact_box dd a:hover {
	color: #fff;
	background-color: #ff4e00;
	background-image: url(../common_img/ic_contact_on.png),url(../common_img/ic_arrow_02.png);
	transition: all 0.5s ease;
	transform: scale(1.08);
}


.f_left{
	float: left;
	width: 300px;
	padding:45px 0 0 0;
}

.f_logo {
	width: 215px;
	display:block;
}
.f_left dl{
	padding: 15px 0px 0px 0px;
}
.f_left dl dt {
	font-size:100%;
	color:#fff;
}

.f_left dl dt span{
font-size: 220% ;
line-height: 1;
}

.f_left dl dd {
        padding: 0 0 10px 0;
}
.f_left dl dd li{
        padding:5px 0;
}


.f_right{
	float: right;
	width: 690px;
	padding:45px 0 0 0;
}


footer nav {
	padding: 0px 0 80px;

}
footer nav ul {
	width: 35%;
	margin: 0;
	float:left;
}
footer nav ul:last-child{
	width: 30%;
}
/* 各項目個別 */
footer nav ul li {
margin-bottom:15px;
}
footer nav ul li a {
	color: #fff;
	padding: 0px 0px 0px 15px;
	display: block;
	font-weight: normal;
	text-decoration: none!important;
	background:url(../common_img/ic_arrow_02_on.png) no-repeat 0 center;
}

footer nav ul li a:hover {
	text-decoration: underline!important;
}

footer nav ul li span a {
	display: block;
	margin-left:20px;
	background:url(../common_img/ic_arrow_02_on.png) no-repeat 0 10px;
	background-size:6px;
	margin:5px 0 5px 15px;
}

/*
====================================================================================================
■ additional
---------------------------------------------------------------------------------------------------- */
/* TOP含めた全ページ「共通の設定」を追加する際、ここ以下に追記します。 */

/* ロールオーバーアニメーション
-------------------------------------------------- */
.rollover_btn a img {
	-webkit-transition: opacity linear 0.4s;
	-moz-transition: opacity linear 0.4s;
	transition: opacity linear 0.4s;
}
.rollover_btn a:hover img {
	opacity: 0;
	filter: alpha(opacity=0); /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* ie 8 */
	-moz-opacity: 0; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0; /* Safari 1.x */
	zoom: 1;
}
/* ロールオーバーで不透明度変更
-------------------------------------------------- */
.hover_img a:hover img, a.hover_img:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-transition: opacity linear 0.4s;
	-moz-transition: opacity linear 0.4s;
	transition: opacity linear 0.4s;
}
.link_box {
	-webkit-transition: opacity linear 0.4s;
	-moz-transition: opacity linear 0.4s;
	transition: opacity linear 0.4s;
}
.bl-hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-webkit-transition: opacity linear 0.4s;
	-moz-transition: opacity linear 0.4s;
	transition: opacity linear 0.4s;
}
/* ボタンのホバーアクション
-------------------------------------------------- */


.btn01 {
	margin: auto;
	width:210px;
}
.btn01 a {
	display: block;
	text-align: center;
	line-height: 50px;
	font-size: 108%;
	letter-spacing: 0em;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	background-color: #009a3f;
	background-image: url(../common_img/ic_btn.png),url(../common_img/ic_arrow_02.png);
	background-position: 5% center,95% center;
	background-repeat: no-repeat,no-repeat;
	padding: 0px 0px 0px 0px;
}
.btn01 a:hover {
	color: #fff;
	background-color: #ff4e00;
	background-image: url(../common_img/ic_btn.png),url(../common_img/ic_arrow_02.png);
	transition: all 0.5s ease;
	transform: scale(1.08);
}

.btn02 {
	margin: auto;
}
.btn02 a {
	display: block;
	text-align: center;
	line-height: 60px;
	font-size: 108%;
	letter-spacing: 0em;
	color: #009a3f;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
	background-image:url(../common_img/ic_arrow_03.png);
	background-position:95% center;
	background-repeat: no-repeat,no-repeat;
	padding: 0px 0px 0px 0px;
	border:solid 3px #009a3f;
}
.btn02 a:hover {
	color: #fff;
	background-color: #009a3f;
	background-image: url(../common_img/ic_arrow_02_on.png);
	transition: all 0.5s ease;
	transform: scale(1.08);
}

/* タイトルバー
-------------------------------------------------- */

.tt_style01 {
	font-size: 200%;
	padding: 10px 0px 35px 0px;
	margin: 60px 0px 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
	background-image: url(../common_img/h3_bg01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.tt_style01 span {
	color: #009a3f;
}

.tt_style01 img{
	display:block;
	width:165px;
	margin:0 auto 20px;
}

section:first-child .tt_style01 {
	margin: 0px 0px 30px;
}

.tt_style02 {
	font-size: 180%;
	padding: 0px 0px 20px 0px;
	margin: 40px 0px 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
	background-image: url(../common_img/h3_bg02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.tt_style02 span {
	color: #009a3f;
}

.tt_style03 {
	font-size: 160%;
	padding: 0px 0px 15px 0px;
	margin: 40px 0px 20px;
	font-weight: bold;
	text-align: left;
	line-height: 1.0;
	background-image: url(../common_img/h3_bg03.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	vertical-align: baseline;
}

section:first-child .tt_style03{
	margin: 0px 0px 30px;
}

.tt_style03 img{
	vertical-align: middle;
}

.tt_style03 span{
	color: #009a3f;
}


.tt_style04 {
	font-size: 130%;
	padding: 0px 0px 25px 0px;
	margin: 0px 0px 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
	background-image: url(../common_img/h3_bg01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.tt_style04 span {
	color: #009a3f;
	display:block;
	font-size: 120%;
}


.tt_style05 {
	font-size: 160%;
	padding: 0px 0px 20px 0px;
	margin: 40px 0px 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
	background-image: url(../common_img/h3_bg02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.tt_style05 span {
	color: #009a3f;
}

.tt_style06 p{
	font-size: 160%;
	padding: 0px 0px 20px 0px;
	margin: 40px 0px 20px;
	font-weight: bold;
	text-align: left;
	line-height: 1.0;
}


.tt_style06 span {
	color: #009a3f;
}