@charset"utf-8";


/* ------------------------------------------------------------------------ */
/*								rev_title									*/
/* ------------------------------------------------------------------------ */
	.rev_title																{ margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 2.0em; padding: 0 10px; font-size:1.4em; font-weight: bold; color: #FFF; background: #699; }
	.rev_title_2															{ margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 2.0em; padding: 0 10px; font-size:1.4em; font-weight: bold; color: #FFF; background: #135; }
	.rev_title_3															{ margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 2.0em; padding: 0 10px; font-size:1.4em; font-weight: bold; color: #670; background: #FFF; border-radius: 5px; }
	.rev_title_top															{ position: relative; margin: 10px 0 10px 0; letter-spacing: 0.05em; line-height: 150%; padding: 0; font-size: 1.6em; font-weight: bold; color: #135; font-family: "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
	.rev_title_top		.more												{ position: absolute; bottom: 0px; right: 10px; }
	.rev_title_sub															{ margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 2.0em; padding: 0 10px; font-size:1.2em; font-weight: bold; color: #FFF; background: #456; border-radius: 3px; }
	.rev_title_grt															{ margin: 30px 0; letter-spacing: 0.1em; line-height: 35px; padding:0px 10px 0 30px; font-size:1.4em; font-weight: bold; color: #456; }

@media(max-width:767px) {
	.rev_title_sub															{ width:100%; }
}


	#calendar_area															{ margin: 20px 0 20px 0; }


	.info_area																{ margin: 0 30px 0 0; padding: 0 0 10px 0; text-align: left; border-bottom: dashed 1px Silver; }
		ul.info																	{ margin: 5px 5px 5px 0; padding: 0 0 0 0; list-style: none; }

/* ------------------------------------------------------------------------ */
/* stagement																*/
/* ------------------------------------------------------------------------ */
	.statement																{ margin: 20px 0 0 0 !important; }
	.statement .str															{ margin: 10px; }
/* ------------------------------------------------------------------------ */

	.url																		{ margin: 10px 10px 10px 10px; }

	.entry																	{ padding: 0; border: solid 1px #DDD; }
	.entry				table												{ margin: 0 0 0 0; width: 100%; border-spacing: 0; border: 0px; }
	.entry				td													{ padding: 10px 10px 10px 10px; text-align: left; }

	.entry				td.entry_cat										{ font-size: 1.2em; font-weight: bold; color: #FFF; background: #579; }
	.entry				td.entry_item										{ background: #E6E6E6; }
	.entry				td.input_area										{ background: #FFF; }
	.entry				td.exp_area											{ padding: 10px 10px 10px 10px; background: #FFFFE0; }

	.caution																{ margin: 10px 0 10px 0; padding: 10px 20px; text-align: left; background: #D2ECFB; border-style: dashed; border-width: 1px 0px 1px 0px; border-color: #999; }
	.caution_2																{ margin: 10px 0 10px 0; padding: 10px 20px; text-align: left; background: Linen; border-style: dashed; border-width: 1px 0px 1px 0px; border-color: #999; }


	td.input_area															{ padding: 10px 10px; background: Lightyellow; }

	.top_caption															{ margin: 0 0 5px 0; }

/* ------------------------------------------------------------------------ */
/* page banner																*/
/* ------------------------------------------------------------------------ */
	.top_bnr_left															{ float: left; margin: 0 5px 0 0; }
	.top_bnr_right															{ float: right; margin: 0 0 0 5px; }


/* ------------------------------------------------------------------------ */
/* pagination box															*/
/* ------------------------------------------------------------------------ */
	.pagination																{ margin: 10px 10px; padding: 5px 10px; background: #FFF; border: solid 1px #DDD; border-radius: 5px; }
	.pagination.jis															{ color: Red; font-weight: bold; }


/* ------------------------------------------------------------------------ */

	.right_photo_border														{ float: right; margin: 0px  0px 20px 20px; width: 50%; }
	.right_photo_border			.item										{ margin: 0; }


/* ------------------------------------------------------------------------ */
/* calendar																	*/
/* ------------------------------------------------------------------------ */
	#calendar_area															{ margin: 20px 0 20px 0; }

	table.calendar															{ border-collapse: collapse; }
	table.calendar			td												{ padding: 5px; background: #FFF; border: solid 1px #DDD; }

	#_calendar			.list_box_title										{ margin: 5px 0 0 0; padding: 3px 10px; line-height: 40px; font-size: 1.4em; color: #333; border-style: solid solid dashed solid; border-width: 2px 0px 1px 0px; border-color: #135; }

	#_calendar			.list_box			.when							{ font-size:32px; font-weight: bold; }
	#_calendar			.list_box			.where							{  }
	#_calendar			.list_box			.henhere						{ margin: 20px 10px 30px 10px; font-family: Georgia; }

@media(min-width:768px) {
	#_calendar			.list_box			table.spec						{ margin-bottom: 10px; width: 50%; }
	#_calendar			.right_photo_border									{ float: right; margin: 0 0 20px 0; width: 40%; }
}
@media(max-width:767px) {
	#_calendar			.list_box			table.spec						{ margin-bottom: 10px; width: 95%; }
	#_calendar			.right_photo_border									{ margin: 0; width: 100%; }
}

	#_calendar			.list_box			table.spec			td			{ border-bottom: dotted 1px #999; }
	#_calendar			.list_box			table.spec			.item1		{ margin-bottom:  2px; padding: 2px  5px 2px  0px; white-space: nowrap; }
	#_calendar			.list_box			table.spec			.item2		{ margin-bottom:  2px; padding: 2px  5px 2px 20px; }

	.holiday_comm															{ margin: 5px 0; padding: 5px 0; width: 100%; border-style: dashed; border-width: 0 0 1px 0; border-color: #CCC; }
	.holiday_comm			.ttl											{ margin: 5px 0; line-height: 1.8em; font-size: 1.2em; font-weight: bold; color: #39F; }
	.holiday_comm			.str											{ margin: 5px 0; }

/* ------------------------------------------------------------------------ */
/* flow chart																*/
/* ------------------------------------------------------------------------ */
	table.flow_num															{ margin-top: 20px; padding: 2px; border: 0; width: 100%; border-spacing: 0; border: 1px solid #9DCAFF; }
	table.flow_num.sml														{ border: 1px solid #FE995E; }
	table.flow_num			td.exp											{ padding: 5px 10px 5px 20px; line-height: 150%; color: #333; background: #FFF; }
	table.flow_num			td.num											{ padding: 3px; }
	.shadow_flow															{ margin-top: 0; }


/* ------------------------------------------------------------------------ */
	body																	{ word-wrap: break-word; overflow-wrap: break-word; color: #333; line-height: 180%; letter-spacing: 0.0em; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif; font-size: 1.0em; background-color: #FFF; }
/*	body																	{ word-wrap: break-word; overflow-wrap: break-word; color: #333; line-height: 150%; letter-spacing: 0.0em; font-family: "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 1.0em; background-color: #FFF; }	*/



/* ------------------------------------------------------------------------ */
	#body1_alpha															{ margin-top: 0; width: 100%; }

	#body1_alpha			.head_img										{ position: relative; margin: 0; }
	#body1_alpha			.head_img		.cover_mesh						{ width: 100%; height:100px; }
	#body1_alpha			.head_img		.page_str_top					{ position: absolute; bottom: -1px; padding: 10px 12px; width: 100%; text-align: right; background: #FFF; border-radius: 0; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }
	#body1_alpha			.head_img		.page_str_top		h2			{ margin: 0; padding: 0; font-size: 1.0em; line-height: 180%; font-weight: normal; color: #333; }
	#body1_alpha			.head_img		.page_str						{ position: absolute; top: 0; right: 5px; padding: 7px 5px; z-index: 99; }
	#body1_alpha			.head_img		.page_str			h2			{ margin: 0; padding: 0; font-size: 1.0em; line-height: 180%; font-weight: normal; color: #333; }
	#body1_alpha			.head_img		.page_str_path					{ margin: 0; padding: 10px 10px; width: 100%; text-align: left; font-size: 1.0em; font-weight: bold; color: #345; background: #FFF; border-top: solid 0 #456; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }
	#body1_alpha			.head_img		.logo_white						{ position: absolute; padding-left: 24px; padding-top: 25px; }

@media (max-width:767px) {
	#body1_alpha															{ margin-top: -15px; margin-bottom: -15px;}							/* margin-top:65px as height of top navibar */
	#body1_alpha			.head_img		#head_cover						{ width: 100%; height: 60vw; }
	#body1_alpha			.head_img		.page_img						{ margin-top: 3vh; width: 50vw; }
	#body1_alpha			.head_img		.page_str_top					{ position: absolute; bottom: 0; right: 0; padding: 10px 5px; width: 100%; text-align: center; background: #FFF; border-radius: 0; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
	#body1_alpha			.head_img		.page_str						{ display: none; }
	#body1_alpha			.head_img		.cover_mesh						{ display: none; }
}

@media (min-width:768px) and (max-width:1279px){
	#body1_alpha			.head_img		.page_img						{ margin-top: 4vh; width: 24vw; }
	#body1_alpha			.head_img		#head_cover						{ width: 100%; height: 50vw; }
}

@media (min-width:1280px) and (max-width:1365px) {
	#body1_alpha			.head_img		.page_img						{ margin-top: 4vh; width: 20vw; }
	#body1_alpha			.head_img		#head_cover						{ width: 100%; height: 45vw; }
}

@media (min-width:1366px) and (max-width:1535px) {
	#body1_alpha			.head_img		.page_img						{ margin-top: 4vh; width: 18vw; }
	#body1_alpha			.head_img		#head_cover						{ width: 100%; height: 40vw; }
}

@media (min-width: 1536px) {
	#body1_alpha			.head_img		.page_img						{ margin-top: 4vh; width: 16vw; }
	#body1_alpha			.head_img		#head_cover						{ width: 100%; height: 35vw; }
}
/* ------------------------------------------------------------------------ */
	#body1_beta				.mark_main										{ margin-bottom: 1px; padding: 5px; line-height: 200%; letter-spacing: 0.1em; text-align: center; font-weight: bold; color: #FFF; background: #008BAE; }
	#body1_beta				.head_img										{ position: relative; margin:0; }
	#body1_beta				.head_img		.cover_mesh						{ width: 100%; }
	#body1_beta				.head_img		.logo_white						{ position: absolute; padding-left: 24px; padding-top: 25px; }

@media (max-width:767px) {
	#body1_beta				.head_img		.cover_mesh						{ display: none; }
}

@media(max-width:767px) and (min-width:415px) {
	#body1_beta																{ position: relative; width: 100%; margin-top: -15px; }
	#body1_beta				.head_img		.page_str						{ display: none; }
}

@media(max-width:414px) {
	#body1_beta																{ position: relative; width: 100%; margin-top: -15px; }
	#body1_beta				.head_img		.page_str						{ display: none; }
}
/* ------------------------------------------------------------------------ */
	#body1_gammma			.mark_main										{ position: absolute; top: 20px; left: 0; right: 0; bottom: 0; margin: auto; line-height: 200%; letter-spacing: 0.1em; font-weight: bold; color: #FFF; }
	#body1_gammma			.head_img										{ position: relative; margin:0; }
	#body1_gammma			.head_img		.cover_mesh						{ width: 100%; }
	#body1_gammma			.head_img		.logo_white						{ position: absolute; padding-left: 24px; padding-top: 25px; }

@media (max-width:767px) {
	#body1_gammma			.head_img		.cover_mesh						{ display: none; }
}

@media(max-width:767px) and (min-width:415px) {
	#body1_gammma															{ position: relative; width: 100%; margin-top: -15px; }
}

@media(max-width:414px) {
	#body1_gammma															{ position: relative; width: 100%; margin-top: -15px; }
}
/* ------------------------------------------------------------------------ */





	#foot																	{ margin: 20px 0 0 0; width: 100%; color: #333; background: #F6F6F6; }
	#bottom_guide															{ margin: 0; padding: 10px 0 0 0; width: 100%; }
	#copyright																{ margin: 10px 10px 10px 0; padding: 0; text-align: right; font-size: 0.8em; font-family: Georgia, Palatino Linotype, "ＭＳ Ｐ明朝"; }



#twtr																		{ margin-bottom: 20px; }
@media(max-width:767px) {			/* twitter API */
	#twtr																	{ width: 90%; }		/* for Smart Phone */
}



/* btn bottom */
@media(min-width:768px) {
	#btn_bottom																{ display: none; }
}

@media(max-width:767px) {
	#foot																	{ margin: 5% 0 15% 0; }
	#btn_bottom																{ position: fixed; left: 0; bottom: 0; z-index: 999; }
}



/* ------------------------------------------------------------------------ */
/* ////////////// each ///////////////// */
/* ------------------------------------------------------------------------ */
	#_home				.logo_top_header		h1							{ font-size: 1.0em; }
	#_home				.more												{ float: right; margin: 0 5px 0 0; }
	#_home				.top_contribute										{ margin: 0 0 15px 0; padding: 10px 0; border: solid 0 #345; }
	#_home				.sub_script											{ margin: 5px 10px 10px 10px; }
	#_home				.url												{ margin: 5px 5px 5px 20px; }
	#_home				dl.top_str				dt							{ margin: 15px 0 5px 10px; padding: 0; font-size: 1.5em; font-weight: bold; color: #135; }
	#_home				dl.top_str				dd							{ margin: 0 0 0 15px; padding: 0; font-size: 1.2em; }
/* ------------------------------------------------------------------------ */
	#_info				.top_contribute										{ margin: 0 0 15px 0; padding: 10px 0; border: solid 0 #345; }
	#_info				.sub_script											{ margin: 5px 10px 10px 10px; }
	#_info				.url												{ margin: 5px 5px 5px 20px; }
/* ------------------------------------------------------------------------ */
	#_calendar			.top_contribute										{ margin: 0 0 15px 0; padding: 10px 0; border: solid 0 #345; }
	#_calendar			.sub_script											{ margin: 5px 10px 10px 10px; }
	#_calendar			.url												{ margin: 5px 5px 5px 20px; }
/* ------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------ */
/* Q & A  home, biz_qanda */
/* ------------------------------------------------------------------------ */
	.biz_qanda											{ clear: both; margin: 0 auto; width: 100%; }

	.biz_qanda_cat_title								{ margin: 20px 0 20px 0; padding: 15px 0 0 20px; font-size: 1.2em; color: #355; border-top: solid 1px #CCC; }

	.que												{ margin: 0; padding: 15px 15px; width: 100%; background: #FFF; border: solid 1px #DDD; border-radius: 0; }
	.que				.str							{ line-height: 180%; font-size: 1.2em; color: #345; }

	.ans												{ margin: 0 0 20px 0; padding: 15px 15px; width: 100%; background: #EEE; border-radius: 0; }
	.ans				.str							{ line-height: 180%; font-size: 1.2em; color: #345; }
/* ------------------------------------------------------------------------ */