@charset "utf-8";
/*
	base CSS
	バージョン： Ver 1.00
	更新日付  ： 2014-04-21
*/
/*																			*/
/*	**********************************************************************	*/
/*																			*/
/*		基本設定															*/
/*																			*/
/*　**********************************************************************	*/
/*																			*/
/*　全ての要素に対してマージン・パディングをリセット　*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba(69,69,69,1.00);
}
/*　HTML5の新要素をブロックボックスとしてレンダリング　*/
article,
aside,
canvas,
details,
figcaption,
figure,
header,
footer,
main,
menu,
nav,
section,
summary {
	display: block;
}
/*　テキストの指定　*/
p,
ol li,
ul li,
dl dt,
dl dd,
span,
input,
select,
address {
	font-size: 14px;
	color: rgba(69,69,69,1.00);
	line-height: 1.8;
	letter-spacing: 1px;
}
/*　em　*/
em {
	font-weight: bold;
	color:rgba(0,207,232,1.00);
	font-size:large;
}
/*　strong　*/
strong {
	font-weight: bold;
	color: rgba(0,207,232,1.00);
	font-size: large;
}
/*　リンクの指定　*/
a:link,
a:visited {
	color: rgba(0,102,153,1.00);
	text-decoration: none;
	display: inline;
}
/*　リストスタイルなしの指定　*/
ul,ol,li,dl,dt,dd {
	list-style: none;
}
/*　イメージのマージン・パディング・ボーダーをリセット　*/
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: bottom;
	max-width: none;
}
/*　テーブルの隣接するセルのボーダーを間隔をあけて表示　*/
table {
    border-collapse: collapse;
}
/*　テーブルのフィールドセットの枠を表示させない　*/
fieldset {
	border-style: none;
}
/*　区切り用の横罫線　*/
hr {
	border: 1px solid rgba(218,218,199,1.00);
}
/*　アイコンの設定　*/
i {
	margin-right: 7px;
	vertical-align: middle;
}
/*　Firefoxでテキストエリアのリサイズ機能を無効にする　*/
textarea {
	resize : none;
}
/*																			*/
/*	**********************************************************************	*/
/*																			*/
/* 		float関連															*/
/*																			*/
/*　**********************************************************************	*/
/*																			*/
/*　float_l（フロート左）　*/
.float_l {
	float: left;
}
/*　float_r（フロート右）　*/
.float_r {
	float: right;
}
/*　clear（フロート解除）　*/
.clear {
	clear: both;
}
/*																			*/
/*	**********************************************************************	*/
/*																			*/
/* 		flexbox関連															*/
/*																			*/
/*　**********************************************************************	*/
/*																			*/
/*　flexbox（コンテナ指定）　*/
.flexbox {
	display: -ms-flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
/*																*/
/*	***********************************************************	*/
/* 		flex-direction（配置方向）								*/
/*　***********************************************************	*/
/*																*/
/*　flex_row（横並び：左→右）※基本省略可　*/
.flex_row {
	-webkit-flex-direction: row;
	flex-direction: row;
}
/*　flex_row_reverse（横並び：右→左）　*/
.flex_direction_row_reverse {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
/*　flex_column（縦並び：上→下）　*/
.flex_column {
	-webkit-flex-direction: column;
	flex-direction: column;
}
/*　flex_column-reverse（縦並び：下→上）　*/
.flex_column_reverse {
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
/*																*/
/*	***********************************************************	*/
/* 		flex-wrap（折り返し設定）								*/
/*　***********************************************************	*/
/*																*/
/*　flex_nowrap（折り返しなし）※基本省略可　*/
.flex_nowrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
/*　flex_wrap（折り返し）　*/
.flex_wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
/*																*/
/*	***********************************************************	*/
/* 		justify-content（水平方向の揃え方）						*/
/*　***********************************************************	*/
/*																*/
/*　flex_justify_start（横配置：左揃え｜縦配置：上揃え）※基本省略可　*/
.flex_justify_start {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
/*　flex_justify_end（横配置：右揃え｜縦配置：下揃え）　*/
.flex_justify_end {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
/*　flex_justify_center（中央揃え）　*/
.flex_justify_center {
	-webkit-justify-content: center;
	justify-content: center;
}
/*　flex_justify_space_between（均等に間隔を空ける）　*/
.flex_justify_space_between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
/*　flex_justify_space_around（均等に間隔を空ける＋両端にも半分ずつの間隔を空ける）　*/
.flex_justify_space_around {
	-webkit-justify-content: _space-around;
	justify-content: space-around;
}
/*																*/
/*	***********************************************************	*/
/* 		align-items（垂直方向の揃え方）							*/
/*　***********************************************************	*/
/*																*/
/*　flex_align_items_start（横配置：上揃え｜縦配置：左揃え）※基本省略可　*/
.flex_align_items_start {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
/*　flex_align_items_end（横配置：下揃え｜縦配置：右揃え）　*/
.flex_align_items_end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
/*　flex_align_items_center（中央揃え）　*/
.flex_align_items_center {
	-webkit-align-items: center;
	align-items: center;
}
/*　flex_align_items_baseline（ベースラインで揃える）　*/
.flex_align_items_baseline {
	-webkit-align-items: baseline;
	align-items: baseline;
}
/*　flex_align_items_stretch（親アイテムに高さ指定がある：上下一杯まで広げる｜親アイテムに高さ指定がない：一番高いアイテムに合わせて広げる）　*/
.flex_align_items_stretch {
	-webkit-align-items: stretch;
	align-items: stretch;
}
/*																*/
/*	***********************************************************	*/
/* 		align-content（複数行の垂直方向の揃え方）				*/
/*　***********************************************************	*/
/*																*/
/*　flex_align_content_start（横配置：上揃え｜縦配置：左揃え）※基本省略可　*/
.flex_align_content_start {
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
/*　flex_align_content_end（横配置：下揃え｜縦配置：右揃え）　*/
.flex_align_content_end {
	-webkit-align-content: flex-end;
	align-content: flex-end;
}
/*　flex_align_content_center（中央揃え）　*/
.flex_align_content_center {
	-webkit-align-content: center;
	align-content: center;
}
/*　flex_align_content_space_between（均等に間隔を空ける）　*/
.flex_align_content_space_between {
	-webkit-align-content: space_between;
	align-content: space-between;
}
/*　flex_align_content_space_around（均等に間隔を空ける＋上下にも半分ずつの間隔を空ける）　*/
.flex_align_content_space_around {
	-webkit-align-content: space_around;
	align-content: space-around;
}
/*																			*/
/*	**********************************************************************	*/
/*																			*/
/* 		入力フォーム用設定													*/
/*																			*/
/*　**********************************************************************	*/
/*																			*/
/*	***********************************************************	*/
/* 		フォームデザイン										*/	
/*　***********************************************************	*/
/*																*/
/*　ライン：フォーム上部　*/
.form_line_top {
	width: 100%;
	border: 1px solid;
}
/*　ライン：フォーム下部　*/
.form_line_bottom {
	width: 100%;
	border: 1px solid;
	margin-top: 2px
}
/*　フォーム：ベース　*/
.form_base {
	width: 100%;
	margin-top: 2px;
	border-radius: 5px 0px 0px 5px;
	display: table;
}
/*　フォーム：タブ　*/
.form_tab {
	width: 7px;
	min-width: 7px;
	border-radius: 5px 0px 0px 5px;
	display: table-cell;
	vertical-align: middle;
}
/*　フォーム：ヘッダ　*/
.form_header {
	width: 178px;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 1px;
	padding-left: 10px;
	display: table-cell;
	vertical-align: middle;
}
/*																*/
/*	***********************************************************	*/
/* 		フォームカラー											*/
/*　***********************************************************	*/
/*																*/
/*　ラインカラー：フォーム上部　*/
.form_line_top_color {
	border-color: rgba(247,238,240,1.00);
}
/*　ラインカラー：フォーム下部　*/
.form_line_bottom_color {
	border-color: rgba(247,238,240,1.00);
}
/*　フォームカラー：ベース　*/
.form_base_color {
	background-color: rgba(250,245,241,1.00);
}
/*　フォームカラー：タブ　*/
.form_tab_color {
	background-color: rgba(234,211,216,1.00);
}
/*　フォームカラー：ヘッダ　*/
.form_header_color {
	background-color: rgba(247,238,240,1.00);
	color: rgba(146,128,131,1.00);
}
/*																*/
/*	***********************************************************	*/
/* 		入力エリアデザイン										*/	
/*　***********************************************************	*/
/*																*/
/*　入力エリア01（マージンALL15px）　*/
.form_entry_area01 {
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 1pt;
	margin: 15px;
	padding: 7px;
	border: 1px solid;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.10);
}
/*　入力エリア02（マージン左以外15px）　*/
.form_entry_area02 {
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 1pt;
	margin: 15px 15px 15px 0;
	padding: 7px;
	border: 1px solid;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.10);
}
/*　表示エリア01（マージンALL15px）　*/
.form_display_area01 {
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 1px;
	margin: 15px;
	padding: 5px 8px 5px 8px;
}
/*　表示エリア02（マージン左以外15px）　*/
.form_display_area02 {
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 1px;
	margin: 15px 15px 15px 0;
	padding: 5px 8px 5px 8px;
}
/*																*/
/*	***********************************************************	*/
/* 		入力エリアカラー										*/	
/*　***********************************************************	*/
/*																*/
/*　入力エリアカラー　*/
.form_entry_area_color {
	border-color: rgba(211,211,190,1.00);
	color: rgba(67,43,43,1.00);
}
/*　表示エリアカラー　*/
.form_display_area_color {
	color: rgba(67,43,43,1.00);
}
/*																*/
/*	***********************************************************	*/
/* 		入力モードの指定										*/	
/*　***********************************************************	*/
/*																*/
/*　自動　*/
.ime_mode_auto {
	ime-mode: auto;
}
/*　英数字入力モード（変更不可）　*/
.ime_mode_disabled {
	ime-mode: disabled;
}
/*　英数字入力モード（変更可能）　*/
.ime_mode_inactive {
	ime-mode: inactive;
}
/*　日本語入力モード（変更可能）　*/
.ime_mode_active {
	ime-mode: active;
}
/*																*/
/*	***********************************************************	*/
/* 		CSSボタン（CSSで制作）									*/
/*　***********************************************************	*/
/*																*/
/*　CSSボタン01：ベース　*/
.bt_css_button01 {
	font-size: 13px;
	color: rgba(249,253,255,1.00);
	text-align: center;
	text-decoration: none;
	display: block;
	background: linear-gradient(to bottom, rgba(154,153,188,.70), rgba(127,124,191,.90));
	border-radius: 5px;
	border: 1px solid rgba(135,133,177,1.00);
	box-shadow: 1px 1px 2px rgba(000,000,000,0.3), inset 0px 0px 1px rgba(255,255,255,0.6);
}
/*　CSSボタン01：ONマウス時　*/
.bt_css_button01:hover {
	background: linear-gradient(to bottom, rgba(154,153,188,.80), rgba(127,124,191,100));
	cursor: pointer;
}
/*　CSSボタン02：ベース　*/
.bt_css_button02 {
	font-size: 13px;
	color: rgba(249,253,255,1.00);
	text-align: center;
	text-decoration: none;
	display: block;
	background: linear-gradient(to bottom, rgba(157,204,138,.80), rgba(51,128,93,.80));
	border-radius: 5px;
	border: 1px solid rgba(90,133,112,.80);
	box-shadow: 1px 1px 2px rgba(000,000,000,0.3), inset 0px 0px 1px rgba(255,255,255,0.6);
}
/*　CSSボタン02：ONマウス時　*/
.bt_css_button02:hover {
	background: linear-gradient(to bottom, rgba(157,204,138,1.00), rgba(51,128,93,.85));
	cursor: pointer;
}
/*　CSSボタン03：ベース　*/
.bt_css_button03 {
	font-size: 13px;
	color: rgba(255,255,255,1.00);
	text-align: center;
	text-decoration: none;
	display: block;
	background: linear-gradient(to bottom, rgba(204,185,178,.50), rgba(176,139,125,.50));
	border-radius: 5px;
	border: 1px solid rgba(156,126,116,.20);
	box-shadow: 1px 1px 2px rgba(255,255,255,0.4), inset 0px 0px 1px rgba(255,255,255,0.4);
}
/*　CSSボタン03：ONマウス時　*/
.bt_css_button03:hover {
	background: linear-gradient(to bottom, rgba(204,185,178,.40), rgba(176,139,125,.40));
	cursor: pointer;
}




/*　CSSボタン04：ベース　*/
.bt_css_button04 {
	font-size: 13px;
	color: rgba(255,255,255,1.00);
	text-align: center;
	text-decoration: none;
	display: block;
	background: linear-gradient(to bottom, rgba(219,107,107,.80), rgba(163,70,70,.80));
	border-radius: 5px;
	border: 1px solid rgba(156,126,116,.20);
	box-shadow: 1px 1px 2px rgba(255,255,255,0.4), inset 0px 0px 1px rgba(255,255,255,0.4);
}
/*　CSSボタン04：ONマウス時　*/
.bt_css_button04:hover {
	background: linear-gradient(to bottom, rgba(219,107,107,.90), rgba(163,70,70,.90));
	cursor: pointer;
}












/*　aリンクをボタン化した際の文字色設定　*/
.link_text_color a {
	color: rgba(249,253,255,1.00);
}


aaaa {
	color: rgba(234,211,216,1.00);
}

bbbb {
	color: rgba(127,124,191,1.00);
}

cccc {
	color: rgba(138,36,44,1.00);
}





/*																			*/
/*	**********************************************************************	*/
/*																			*/
/* 		テーブル用設定														*/
/*																			*/
/*　**********************************************************************	*/
/*																			*/
/*	***********************************************************	*/
/* 		テーブルデザイン										*/
/*　***********************************************************	*/
/*																*/
/*　テーブル：ヘッダ　*/
.table_header {
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 1px;
	border: 1px solid;
}
/*　テーブル：データ　*/
.table_data {
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 1px;
	border: 1px solid;
}
/*　テーブル等のボーダーを非表示　*/
.border_none {
	border-style: none;
}
/*	***********************************************************	*/
/* 		テーブルカラー											*/
/*　***********************************************************	*/
/*																*/
/*　テーブルカラー：ヘッダ　*/
.table_header_color {
	border-color: rgba(208,210,220,1.00);
	background-color: rgba(252,249,252,1.00);
	color: rgba(97,121,140,1.00);
}
/*　テーブルカラー：データ　*/
.table_data_color {
	border-color: rgba(208,210,220,1.00);
	background-color: rgba(255,255,255,1.00);
	color: rgba(145,136,113,1.00);
}
/*																			*/
/*	**********************************************************************	*/
/*																			*/
/* 		タブ切り替えコンテンツ用設定										*/
/*																			*/
/*　**********************************************************************	*/
/*																			*/
/*	***********************************************************	*/
/* 		タブ・コンテンツデザイン								*/
/*　***********************************************************	*/
/*																*/
/*　タブ：ベース（通常時）　*/
.tab_base {
	width: 110px;
	height: 40px;
	padding-top: 8px;
	background-color: rgba(70,116,159,1.00);
	box-shadow: 1px 0px 2px rgba(255,255,255,1.00);
	border-radius: 5px 5px 0 0;
	text-decoration: none;
	display: block;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
}
/*　タブ：ベース（選択時）　*/
.tab_base_target {
	width: 110px;
	height: 40px;
	color: rgba(249,253,255,1.00);
	padding-top: 8px;
	background-color: rgba(102,149,193,1.00);
	box-shadow: none;
	border-radius: 5px 5px 0 0;
	text-decoration: none;
	display: block;
}
/*　タブ：文字カラー　*/
.tab_text_color {
	color: rgba(249,253,255,1.00);
}
/*　タブ：ONマウス時　*/
.tab_base:hover {
	background-color: rgba(102,149,193,1.00);
	box-shadow: none;
}
/*　タブ：コンテンツ　*/
.tab_main_content {
	width: auto;
	height: auto;
	border: 1px solid rgba(216,227,239,1.00);
	background-color: rgba(248,251,255,1.00);
	border-radius: 0 5px 5px 5px;
}
/*																			*/
/*	**********************************************************************	*/
/*																			*/
/*		マージン＆パディング＆幅											*/
/*																			*/
/*　**********************************************************************	*/
/*																			*/
/*	***********************************************************	*/
/* 		マージン：上											*/	
/*　***********************************************************	*/
/*																*/
.mg_t-5 {
	margin-top: -5px;
}
.mg_t5 {
	margin-top: 5px;
}
.mg_t10 {
	margin-top: 10px;
}
.mg_t15 {
	margin-top: 15px;
}
.mg_t20 {
	margin-top: 20px;
}
.mg_t25 {
	margin-top: 25px;
}
.mg_t30 {
	margin-top: 30px;
}
.mg_t35 {
	margin-top: 35px;
}
.mg_t40 {
	margin-top: 40px;
}
.mg_t45 {
	margin-top: 45px;
}
.mg_t50 {
	margin-top: 50px;
}
.mg_t55 {
	margin-top: 55px;
}
.mg_t60 {
	margin-top: 60px;
}
.mg_t65 {
	margin-top: 65px;
}
.mg_t70 {
	margin-top: 70px;
}
.mg_t75 {
	margin-top: 75px;
}
.mg_t80 {
	margin-top: 80px;
}
.mg_t85 {
	margin-top: 85px;
}
.mg_t90 {
	margin-top: 90px;
}
.mg_t95 {
	margin-top: 95px;
}
.mg_t100 {
	margin-top: 100px;
}
/*	***********************************************************	*/
/* 		マージン：下											*/	
/*　***********************************************************	*/
/*																*/
.mg_b5 {
	margin-bottom: 5px;
}
.mg_b10 {
	margin-bottom: 10px;
}
.mg_b15 {
	margin-bottom: 15px;
}
.mg_b20 {
	margin-bottom: 20px;
}
.mg_b25 {
	margin-bottom: 25px;
}
.mg_b30 {
	margin-bottom: 30px;
}
.mg_b35 {
	margin-bottom: 35px;
}
.mg_b40 {
	margin-bottom: 40px;
}
.mg_b45 {
	margin-bottom: 45px;
}
.mg_b50 {
	margin-bottom: 50px;
}
.mg_b55 {
	margin-bottom: 55px;
}
.mg_b60 {
	margin-bottom: 60px;
}
.mg_b65 {
	margin-bottom: 65px;
}
.mg_b70 {
	margin-bottom: 70px;
}
.mg_b75 {
	margin-bottom: 75px;
}
.mg_b80 {
	margin-bottom: 80px;
}
.mg_b85 {
	margin-bottom: 85px;
}
.mg_b90 {
	margin-bottom: 90px;
}
.mg_b95 {
	margin-bottom: 95px;
}
.mg_b100 {
	margin-bottom: 100px;
}
/*	***********************************************************	*/
/* 		マージン：左											*/	
/*　***********************************************************	*/
/*																*/
.mg_l5 {
	margin-left: 5px;
}
.mg_l10 {
	margin-left: 10px;
}
.mg_l15 {
	margin-left: 15px;
}
.mg_l20 {
	margin-left: 20px;
}
.mg_l25 {
	margin-left: 25px;
}
.mg_l30 {
	margin-left: 30px;
}
.mg_l35 {
	margin-left: 35px;
}
.mg_l40 {
	margin-left: 40px;
}
.mg_l45 {
	margin-left: 45px;
}
.mg_l50 {
	margin-left: 50px;
}
.mg_l55 {
	margin-left: 55px;
}
.mg_l60 {
	margin-left: 60px;
}
.mg_l65 {
	margin-left: 65px;
}
.mg_l70 {
	margin-left: 70px;
}
.mg_l75 {
	margin-left: 75px;
}
.mg_l80 {
	margin-left: 80px;
}
.mg_l85 {
	margin-left: 85px;
}
.mg_l90 {
	margin-left: 90px;
}
.mg_l95 {
	margin-left: 95px;
}
.mg_l100 {
	margin-left: 100px;
}
/*	***********************************************************	*/
/* 		マージン：右											*/	
/*　***********************************************************	*/
/*																*/
.mg_r5 {
	margin-right: 5px;
}
.mg_r10 {
	margin-right: 10px;
}
.mg_r15 {
	margin-right: 15px;
}
.mg_r20 {
	margin-right: 20px;
}
.mg_r25 {
	margin-right: 25px;
}
.mg_r30 {
	margin-right: 30px;
}
.mg_r35 {
	margin-right: 35px;
}
.mg_r40 {
	margin-right: 40px;
}
.mg_r45 {
	margin-right: 45px;
}
.mg_r50 {
	margin-right: 50px;
}
.mg_r55 {
	margin-right: 55px;
}
.mg_r60 {
	margin-right: 60px;
}
.mg_r65 {
	margin-right: 65px;
}
.mg_r70 {
	margin-right: 70px;
}
.mg_r75 {
	margin-right: 75px;
}
.mg_r80 {
	margin-right: 80px;
}
.mg_r85 {
	margin-right: 85px;
}
.mg_r90 {
	margin-right: 90px;
}
.mg_r95 {
	margin-right: 95px;
}
.mg_r100 {
	margin-right: 100px;
}
/*																*/
/*	***********************************************************	*/
/* 		パディング：上											*/	
/*　***********************************************************	*/
/*																*/
/*　パディング_上10px　*/
.padding_t10 {
	padding-top: 10px;
}
.pd_t5 {
	padding-top: 5px;
}
.pd_t10 {
	padding-top: 10px;
}
.pd_t15 {
	padding-top: 15px;
}
.pd_t20 {
	padding-top: 20px;
}
.pd_t25 {
	padding-top: 25px;
}
.pd_t30 {
	padding-top: 30px;
}
.pd_t35 {
	padding-top: 35px;
}
.pd_t40 {
	padding-top: 40px;
}
.pd_t45 {
	padding-top: 45px;
}
.pd_t50 {
	padding-top: 50px;
}
.pd_t55 {
	padding-top: 55px;
}
.pd_t60 {
	padding-top: 60px;
}
.pd_t65 {
	padding-top: 65px;
}
.pd_t70 {
	padding-top: 70px;
}
.pd_t75 {
	padding-top: 75px;
}
.pd_t80 {
	padding-top: 80px;
}
.pd_t85 {
	padding-top: 85px;
}
.pd_t90 {
	padding-top: 90px;
}
.pd_t95 {
	padding-top: 95px;
}
.pd_t100 {
	padding-top: 100px;
}
/*																*/
/*	***********************************************************	*/
/* 		パディング：下											*/	
/*　***********************************************************	*/
/*																*/
.pd_b5 {
	padding-bottom: 5px;
}
.pd_b10 {
	padding-bottom: 10px;
}
.pd_b15 {
	padding-bottom: 15px;
}
.pd_b20 {
	padding-bottom: 20px;
}
.pd_b25 {
	padding-bottom: 25px;
}
.pd_b30 {
	padding-bottom: 30px;
}
.pd_b35 {
	padding-bottom: 35px;
}
.pd_b40 {
	padding-bottom: 40px;
}
.pd_b45 {
	padding-bottom: 45px;
}
.pd_b50 {
	padding-bottom: 50px;
}
.pd_b55 {
	padding-bottom: 55px;
}
.pd_b60 {
	padding-bottom: 60px;
}
.pd_b65 {
	padding-bottom: 65px;
}
.pd_b70 {
	padding-bottom: 70px;
}
.pd_b75 {
	padding-bottom: 75px;
}
.pd_b80 {
	padding-bottom: 80px;
}
.pd_b85 {
	padding-bottom: 85px;
}
.pd_l90 {
	padding-bottom: 90px;
}
.pd_b95 {
	padding-bottom: 95px;
}
.pd_b100 {
	padding-bottom: 100px;
}
/*																*/
/*	***********************************************************	*/
/* 		パディング：左											*/	
/*　***********************************************************	*/
/*																*/
.pd_l5 {
	padding-left: 5px;
}
.pd_l10 {
	padding-left: 10px;
}
.pd_l15 {
	padding-left: 15px;
}
.pd_l20 {
	padding-left: 20px;
}
.pd_l25 {
	padding-left: 25px;
}
.pd_l30 {
	padding-left: 30px;
}
.pd_l35 {
	padding-left: 35px;
}
.pd_l40 {
	padding-left: 40px;
}
.pd_l45 {
	padding-left: 45px;
}
.pd_l50 {
	padding-left: 50px;
}
.pd_l55 {
	padding-left: 55px;
}
.pd_l60 {
	padding-left: 60px;
}
.pd_l65 {
	padding-left: 65px;
}
.pd_l70 {
	padding-left: 70px;
}
.pd_l75 {
	padding-left: 75px;
}
.pd_l80 {
	padding-left: 80px;
}
.pd_l85 {
	padding-left: 85px;
}
.pd_l90 {
	padding-left: 90px;
}
.pd_l95 {
	padding-left: 95px;
}
.pd_l100 {
	padding-left: 100px;
}
.pd_lr_auto {
	padding-left: auto;
	padding-right: auto;
}

/*																*/
/*	***********************************************************	*/
/* 		パディング：右											*/	
/*　***********************************************************	*/
/*																*/
.pd_r5 {
	padding-right: 5px;
}
.pd_r10 {
	padding-right: 10px;
}
.pd_r15 {
	padding-right: 15px;
}
.pd_r20 {
	padding-right: 20px;
}
.pd_r25 {
	padding-right: 25px;
}
.pd_r30 {
	padding-right: 30px;
}
.pd_r35 {
	padding-right: 35px;
}
.pd_r40 {
	padding-right: 40px;
}
.pd_r45 {
	padding-right: 45px;
}
.pd_r50 {
	padding-right: 50px;
}
.pd_r55 {
	padding-right: 55px;
}
.pd_r60 {
	padding-right: 60px;
}
.pd_r65 {
	padding-right: 65px;
}
.pd_r70 {
	padding-right: 70px;
}
.pd_r75 {
	padding-right: 75px;
}
.pd_r80 {
	padding-right: 80px;
}
.pd_r85 {
	padding-right: 85px;
}
.pd_r90 {
	padding-right: 90px;
}
.pd_r95 {
	padding-right: 95px;
}
.pd_r100 {
	padding-right: 100px;
}
/*																*/
/*	***********************************************************	*/
/* 		パディング：全方向										*/	
/*　***********************************************************	*/
/*																*/
.pd_a5 {
	padding: 5px;
}
.pd_a10 {
	padding: 10px;
}
.pd_a15 {
	padding: 15px;
}
.pd_a20 {
	padding: 20px;
}
.pd_a25 {
	padding: 25px;
}
.pd_a30 {
	padding: 30px;
}
.pd_a35 {
	padding: 35px;
}
.pd_a40 {
	padding: 40px;
}
.pd_a45 {
	padding: 45px;
}
.pd_a50 {
	padding: 50px;
}
.pd_a55 {
	padding: 55px;
}
.pd_a60 {
	padding: 60px;
}
.pd_a65 {
	padding: 65px;
}
.pd_a70 {
	padding: 70px;
}
.pd_a75 {
	padding: 75px;
}
.pd_a80 {
	padding: 80px;
}
.pd_a85 {
	padding: 85px;
}
.pd_a90 {
	padding: 90px;
}
.pd_a95 {
	padding: 95px;
}
.pd_a100 {
	padding: 100px;
}
/*																*/
/*	***********************************************************	*/
/* 		幅														*/	
/*　***********************************************************	*/
/*																*/
.w_10 {
	width: 10px;
}
.w_20 {
	width: 20px;
}
.w_30 {
	width: 30px;
}
.w_40 {
	width: 40px;
}
.w_50 {
	width: 50px;
}
.w_60 {
	width: 60px;
}
.w_70 {
	width: 70px;
}
.w_80 {
	width: 80px;
}
.w_90 {
	width: 90px;
}
.w_100 {
	width: 100px;
}
.w_150 {
	width: 150px;
}
.w_200 {
	width: 200px;
}
.w_260 {
	width: 260px;
}
.w_250 {
	width: 250px;
}
.w_270 {
	width: 270px;
}
.w_300 {
	width: 300px;
}
.w_350 {
	width: 350px;
}
.w_400 {
	width: 400px;
}
.w_430{
	width:430px;
}
.w_450 {
	width: 450px;
}
.w_480 {
	width: 480px;
}
.w_500 {
	width: 500px;
}
.w_550 {
	width: 550px;
}
.w_600 {
	width: 600px;
}
.w_650 {
	width: 650px;
}
.w_700 {
	width: 700px;
}
.w_90per{
	width: 90%;
}
.w_95per{
	width: 95%;
}
.w_100per{
	width: 100%;
}
.w_40per{
	width: 40%;
}
.w_45per{
	width: 45%;
}
.w_50per{
	width: 50%;
}
.w_min430{
	min-width:430px;
}
.w_min300{
	min-width:300px;
}
.w_min250{
	min-width:250px;
}
.w_max360{
	max-width:360px;
}
.w_max400{
	max-width:400px;
}
.w_max430{
	max-width:430px;
}
/*フォントの指定*/
@font-face {
    font-family: 'yg';
    src: url('../fonts/yg.ttf');
}
@font-face {
    font-family: 'km';
    src: url('../fonts/koku_mincho.ttf');
}
@font-face {
    font-family: 'hma';
    src: url('../fonts/HanaMinA.ttf');
}
@font-face {
    font-family: 'hmb';
    src: url('../fonts/HanaMinB.ttf');
}
@font-face {
    font-family: 'honomin';
    src: url('../fonts/honokamin.ttf');
}
@font-face {
    font-family: 'amr';
    src: url('../fonts/AozoraMinchoRegular.ttf');
}
@font-face {
    font-family: 'amb';
    src: url('../fonts/AozoraMincho-bold.ttf');
}
.p_bold{
	font-weight: bold;
}
.p_inline{
	display: inline;
}
/*																*/
/*	***********************************************************	*/
/* 		マージン：左（em）										*/	
/*　***********************************************************	*/
/*																*/
.mg_l1em {
	margin-left: 1.0em;
}
.mg_l2em {
	margin-left: 2.0em;
}
.mg_l3em {
	margin-left: 3.0em;
}
.mg_l4em {
	margin-left: 4.0em;
}
.mg_l5em {
	margin-left: 5.0em;
}
/*																			*/
/*	**********************************************************************	*/
/*																			*/
/*		罫線（ボーダー）													*/
/*																			*/
/*　**********************************************************************	*/
/*																			*/
/*	***********************************************************	*/
/* 		罫線：水平（線・影）									*/	
/*　***********************************************************	*/
/*																*/
.bd_h_10_30 {
	border-bottom: 1px solid rgba(0,0,0,0.10);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.30);
}
.bd_h_20_30 {
	border-bottom: 1px solid rgba(0,0,0,0.20);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.30);
}
.bd_h_30_30 {
	border-bottom: 1px solid rgba(0,0,0,0.30);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.30);
}
/*																*/
/*	***********************************************************	*/
/* 		罫線：垂直（線・影）									*/	
/*　***********************************************************	*/
/*																*/
.bd_v_10_30 {
	border-left: 1px solid rgba(0,0,0,0.10);
	box-shadow: inset 1px 0px 0px rgba(255,255,255,0.30);
}
.bd_v_20_30 {
	border-left: 1px solid rgba(0,0,0,0.20);
	box-shadow: inset 1px 0px 0px rgba(255,255,255,0.30);
}
.bd_v_30_30 {
	border-left: 1px solid rgba(0,0,0,0.30);
	box-shadow: inset 1px 0px 0px rgba(255,255,255,0.30);
}
/*																			*/
/*	**********************************************************************	*/
/*																			*/
/*		テキスト設定														*/
/*																			*/
/*　**********************************************************************	*/
/*																			*/
/*	***********************************************************	*/
/* 		カラー													*/	
/*　***********************************************************	*/
/*																*/
.p_red {
	color: rgba(192,68,55,1.00);
}
.p_green {
	color: rgba(97,145,97,1.00);
}
.p_blue {
	color: rgba(52,83,183,1.00);
}
.p_orange {
	color: rgba(247,182,75,1.00);
}
/*グラデーション*/
.gradient01 {
background: -moz-linear-gradient(top,  rgba(204,219,184,0.73) 0%, rgba(204,219,184,0.73) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,219,184,0.73)), color-stop(100%,rgba(204,219,184,0.73))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(204,219,184,0.73) 0%,rgba(204,219,184,0.73) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(204,219,184,0.73) 0%,rgba(204,219,184,0.73) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(204,219,184,0.73) 0%,rgba(204,219,184,0.73) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(204,219,184,0.73) 0%,rgba(204,219,184,0.73) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baccdbb8', endColorstr='#baccdbb8',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid #F7F3E8;
}
/*	***********************************************************	*/
/* 		ポジション												*/	
/*　***********************************************************	*/
/*																*/
.p_center {
	text-align: center;
}
.p_right {
	text-align: right;
}
.p_left {
	text-align: left;
}
/*==========================================
 body
===========================================*/
body {
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color: #4A5A31;
	text-decoration: underline;
}
.wrapper{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
/*==========================================
 header
===========================================*/
.header_img{
	width: 45%;
	min-width: 300px;
}
.header_img_tel{
	width:30%;
	min-width:200px;
	margin-left:5%;
}
.header_box{
	background-color: rgba(233,253,255,0.70);
	border: 1px solid rgba(255,255,255,0.80);
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	margin-top:5px;
	width: 100%;
	min-width: 350px;
}
.header_box02{
	background-color: rgba(233,253,255,0.70);
	border: 1px solid rgba(255,255,255,0.80);
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	width: 100%;
	min-width: 350px;
}
#header02{
	background-image: url(../images/common/bg_header03.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.info_box{
	background-color: rgba(229,253,255,0.60);
	border: 1px solid rgba(255,255,255,0.80);
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px 20px 20px 20px;
	width: 95%;
}
/*==========================================
 main
===========================================*/
main{
	margin:0px 10px 0px 10px;
}
/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/
/*nav ul {
	margin-bottom: 0px;
}
nav ul li {
	text-align: center;
	float: left;
	border-bottom: 3px double #DED6BD;
}*/
/*css3 liの偶数指定*/
/*nav ul li:nth-child(odd) {
	width: 49%;
	border-right: 1px dotted #DED6BD;
}
nav ul li a{
	display: block;
	width: 100%;
	font-family: hma;
	font-style: normal;
	color: #677F53;
}
nav ul a:hover{
	background-color:rgba(245,205,159,0.63);
}*/

/*==========================================
 フッターのスタイル
===========================================*/
footer {
	text-align: center;
	background-color: rgba(57,203,251,0.10);
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../images/common/img_cl_02.png);
	background-repeat: no-repeat;
	background-position: right 0%;
	background-size: contain;
}
footer a {
	display: none;
}
footer div {
	margin-top: 20px;
	margin-right: 0;
	margin-left: 20px;
	margin-bottom: 30px;
	text-align: center;
}
footer div p {
  font-size: 0.7em;
  line-height: 2.0em;
}
footer div small {
  font-size: 0.6em;
}
h1 {
	color: #FFFFFF;
	font-size: small;
	padding-top: 5px;
	padding-right: 1%;
	font-weight: normal;
	text-align: right;
	text-shadow: 1px 1px 1px rgba(98,98,98,1.00);
}
.header_logo {
	width: 300px;
	margin-top: 5px;
	margin-bottom: 10px;
}
/*メニューのフォント*/
.menu_font{
	min-height: 0px;
	height: 50px;
}
@media only screen and (max-width: 769px) {
nav{
	margin-bottom:10px;
}
  nav ul li    {
	text-align: center;
	border-bottom: 1px dotted #DED6BD;
	display: block;
	width:100%;
	padding:5px 0 5px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,d2ebf9+100;Blue+3D+%2312 */
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #d2ebf9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d2ebf9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#d2ebf9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */
	font-size: 80%;
	text-shadow: 1px 1px 2px rgba(201,201,201,1.00);
  }
  nav ul li a  {
	padding:10px 30% 10px 30%;
	
  }
  nav ul li a:hover  {
	  text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,d9ffd8+100 */
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #d9ffd8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d9ffd8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#d9ffd8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#d9ffd8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#d9ffd8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#d9ffd8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d9ffd8',GradientType=0 ); /* IE6-9 */
  }
#left_content{
	display: none;
}
#img_logo{
	max-width: 90%;
	top: 10px;
	position: absolute;
	z-index: 9999;

}
#sldr_contet{
	position: static;
	z-index: 99999;
}
.sldr_img{
	margin-bottom: 5px;
	width: 15%;
}
.absolute_content{
}
#img_tel{
	position: absolute;
	z-index: 9999999;
	max-width: 40%;
	right: 0px;
}
h2 img{
	max-width: 100%;
}
h3 img{
	max-width: 100%;
}
.bn_fb_flex{
	flex-wrap:wrap;
}
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px) {
/*logoの設定*/
nav ul li a:link,nav ul li a:visited{
	display: block;
}

  nav ul li a  {
	text-align: center;
	float: left;
	border-left: 0px dotted #DED6BD;
	border-right: 1px dotted #DED6BD;
	border-bottom: 1px dotted #DED6BD;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 25%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,d2ebf9+100;Blue+3D+%2312 */
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #d2ebf9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d2ebf9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#d2ebf9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */
	font-size: 100%;
	text-shadow: 1px 1px 2px rgba(201,201,201,1.00);
	color: rgba(9,0,228,1.00);
  }
  nav ul li a:hover  {
	color: rgba(26,135,25,1.00);
	text-decoration: none;
  }
header ul#s_nav {
	float:right;
	margin-top:20px;
	/*#s_navのセンタリングの解除*/
	position:static;
}
header ul#s_nav li {
	float:left;
	/*#s_navのセンタリングの解除*/
	position:static;
}
  nav {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
  }
/*  nav ul li:nth-child(odd) {
	width: 25%;
	border-bottom: none;
	color: rgba(255,255,255,1.00);
  }
  nav ul li.home {
	border-left: 1px dotted #DED6BD;
	margin-left: 5px;
  }
  nav ul li.contact {
    border-right: none;
  }
*/    div#contents section#work article {
    width: 33%;
  }
  div#contents section#work article h3 {
    line-height: 2.0em;
  }
  div#contents section#work article p {
    font-size: 0.8em;
    line-height: 2.0em;
  }
#img_logo{
	position: absolute;
	z-index: 9999;
	left: 10px;
	top: 10px;
	width: 100%;
	max-width: 310px;
	text-indent: -9999px;
	background-image: url(../images/common/logo02.png);
	background-repeat: no-repeat;
}
#sldr_contet{
	display:none;
}
.absolute_content{
	position: absolute;
	width: 150px;
	z-index: 9999;
	top: 100px;
	left: 50px;
}
.sldr_img{
	margin-bottom: 5px;
	width: 150px;
}
#img_tel{
	position: absolute;
	z-index: 9999999;
	right: 10px;
	top: 5px;
}
}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px) {
  nav ul li a  {
	text-align: center;
	float: left;
	border-left: 0px dotted #DED6BD;
	border-right: 1px dotted #DED6BD;
	border-bottom: 1px dotted #DED6BD;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 25%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,d2ebf9+100;Blue+3D+%2312 */
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #d2ebf9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d2ebf9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#d2ebf9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */
	font-size: 100%;
	text-shadow: 1px 1px 2px rgba(201,201,201,1.00);
	color:rgba(9,0,228,1.00);
  }
  nav ul li a:hover  {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,d9ffd8+100 */
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #d9ffd8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d9ffd8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#d9ffd8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#d9ffd8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#d9ffd8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#d9ffd8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d9ffd8',GradientType=0 ); /* IE6-9 */
	color: rgba(26,135,25,1.00);
	text-decoration: none;
  }
  div#contents section#work article {
    width: 20%;
  }
  div#contents section#work article h3 {
    line-height: 2.2em;
  }
  div#contents section#news {
	float: left;
	width: 98%;
  }
  div#contents section#information {
    width: 49%;
    float: right;
  }
  div#contents section#time01 {
    width: 49%;
    float: left;
  }
  div#contents section#time02 {
    width: 49%;
    float: right;
  }
  footer {
	text-align: center;
	background-color: rgba(56,151,251,0.10);
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../images/common/img_cl.png);
	background-repeat: no-repeat;
	background-position: right 0%;
	background-size: contain;
  }
#sldr_contet{
	display:none;
}
.absolute_content{
	position: absolute;
	width: 150px;
	z-index: 99999;
	top: 100px;
	left: 50px;
}
.sldr_img{
	margin-bottom: 5px;
	width: 150px;
}
#img_tel{
	position: absolute;
	z-index: 9999999;
	right: 10px;
	top: 5px;
}
}
.kugiri_border{
	height: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	clear: both;
	border-bottom: 1px dotted #F5F2E6;
}
#nav_01{
	background-color: #FF8357;
	width: 30%;
	height: 5%;
	margin-right: 1%;
	border: 1px solid #FFFFFF;
}
#nav_02{
	background-color: #87C97F;
	width: 30%;
	height: 5%;
	margin-right: 1%;
	border: 1px solid #FFFFFF;
}
#nav_03{
	background-color: #41B5C2;
	width: 30%;
	height: 5%;
	border: 1px solid #FFFFFF;
}
#nav_01 a,
#nav_02 a,
#nav_03 a{
	display: block;
	width: 100%;
	height: 100%;
}
#nav_ul_c{
	width: 100%;
	padding-left: 8%;
}
.nav_img{
	max-width: 100%;
}
.font_small{
	font-size: small;
	text-align: left;
}
.font_14px{
	font-size: 14px;
	text-align: left;
}
.font_blue{
	color: rgba(48,62,215,1.00);
}
.font_red{
	color: rgba(195,45,45,1.00);
}
  div#contents {
	max-width: 960px;
	margin: 0 auto;
	z-index: 9999;
	position: relative;
	text-align: left;
  }
#footer_menu{
	background-color: #8EBD46;
	border: 2px solid transparent;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#footer_menu a{
	color: #FFFFFF;
	font-size: small;
}
.bg_w{
	background-color:rgba(255,255,255,1.00);
}