@charset "shift_jis";
@import url("tablesetting.css");
/*
= General CSS ===============================================
= Style Order ===============================================
	clear:
	display: float: position:
	width: height:
	padding: margin:
	text-align: vertical-align: text-decoration: text-indent:
	color:
	list-style: type, image, position;
	font: size/line-height, style, variant, weight, family;
	backgroud: color, url, position x-y, repeat;
	border: weight, style, color;
*/


/* Default Setting */
body	{ padding: 0; margin: 0 0 0 10px; text-align: center; color: #333; font-size: medium; line-height: 140%; }


/* --- Clear PeeKaBoo --- */
#body:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; }
#body { display: inline-table; } /*IE*/
/* Hides from IE-mac \*/ 
* html #body { height: 1%; } 
#body { display: block; } 
/* End hide from IE-mac */





/* Container Block =================================================================================================================== */
div#cb { width: 100%; margin: 0; text-align: left; }




/* Header Setting ==================================================================================================================== */
div#header { background: #fff url("../../img/header/head_bg_image.jpg") 100% 0% no-repeat; }

td#short_cut_menu { padding-right: 5px; text-align: right; vertical-align: top; }
ul#short_cut_menu, ul#main_menu { margin: 0; list-style: none; }
ul#short_cut_menu li { display: inline; padding: 0; margin: 0 5px 0 0; }
ul#main_menu li { display: inline; padding: 0; margin: 0; }

	/* Menu Border-Bottom ======================================== */
	#id_toppage #main_menu	{ border-bottom: 5px solid #090; }
	#id_kurashi #main_menu	{ border-bottom: 5px solid #3769ee; }
	#id_about #main_menu	{ border-bottom: 5px solid #d63f7b; }
	#id_olive #main_menu	{ border-bottom: 5px solid #090; }
	#id_kanko #main_menu	{ border-bottom: 5px solid #d58000; }
	#id_kakuka #main_menu	{ border-bottom: 5px solid #d12706; }





/* Toppage Setting =================================================================================================================== */
#id_toppage #body { margin-top: 15px; }

/* News Block Set ======================================== */
#top_news_block { float: left; min-width: 490px !important; width: 65%; margin-bottom: 15px; border-bottom: 5px solid #ccc; }
#top_news_block h2 { background: #2b7b69; border: 1px solid #999; border-bottom: none; }
#top_news_block ul { padding: 5px 10px; margin: 0; list-style: none; background: #fff url("../../img/toppage/news_bg_image.jpg") left bottom repeat-x; border: 1px solid #999; border-top: none; }
#top_news_block ul li { padding: 0 0 0 20px; margin: 0 20px 6px 0; background: url("../../img/general/arrow_box_green.gif") 0em 0.3em no-repeat; }

/* Topics Block Set ======================================== */
#top_topics_block h2 { background: #48378e; }
#top_topics_block { float: right; min-width: 260px !important; width: 32%; min-width: 260px !important; padding-bottom: 11px; margin-bottom: 15px; border-bottom: 2px solid #999; }
#top_topics_block ul { padding: 5px 0 0 5px; margin: 0; list-style: none; }
#top_topics_block ul li { padding: 0 0 0 20px; margin: 0 0 4px; background: url("../../img/general/arrow_box_blue.gif") 0em 0.3em no-repeat; }

/* Guide Block Set ======================================== */
#top_guide_menu { float: left; min-width: 490px !important; width: 65%; }
#top_guide_menu table td.top_guide_even { padding-left: 15px; text-align: right; }
#top_guide_menu h2 { margin-bottom: 8px; }

/* Guide Menus Border set ---------- */
.guide_menu { padding-bottom: 10px; margin-bottom: 10px; text-align: left; border-bottom: 2px solid #ccc; }
.guide_menu p { padding-left: 10px; text-indent: 0; }
.guide_menu p.guide_menu_kurashi	{ border-left: 5px solid #3769ee; }
.guide_menu p.guide_menu_kakuka		{ border-left: 5px solid #d12706; }
.guide_menu p.guide_menu_olive		{ border-left: 5px solid #009900; }
.guide_menu p.guide_menu_kanko		{ border-left: 5px solid #d58000; }
.guide_menu p.guide_menu_about		{ border-left: 5px solid #d63f7b; }


/* Banner Block Set ======================================== */
#top_banner_block	{ float: right; min-width: 260px !important; width: 32%; margin: 0 auto; text-align: center; }
#top_banner_block p { float: left; width: 120px; padding: 0 3px 2px 0; text-indent: 0; }





/* Contents General Setting ========================================================================================================== */
#body			{ background: url("../../img/general/sub_bg_image.gif") left top repeat-y; }
	/*toppage*/#id_toppage #body	{ background: none; }
#body h1		{ padding: 5px 8px; margin-bottom: 10px; line-height: 120%; }
h1#p_t_kurashi	{ color: #3769ee; background: #ebf0fd; border-bottom: 3px solid #3769ee; }
h1#p_t_about	{ color: #d63f7b; background: #f2c6d8; border-bottom: 3px solid #d63f7b; }
h1#p_t_olive	{ color: #009900; background: #defbdb; border-bottom: 3px solid #009900; }
h1#p_t_kanko	{ color: #d58000; background: #ffefd7; border-bottom: 3px solid #d58000; }
h1#p_t_kakuka	{ color: #d12706; background: #fbdcd5; border-bottom: 3px solid #d12706; }
h1#p_t_subcontents	{ color: #3769ee; background: #ebf0fd; border-bottom: 3px solid #3769ee; }

/* Main Contents Block Set ======================================== */
div#w_maincontents	{ float: left; width: 75%; padding-left: 10px; vertical-align: top; }
div#w_maincontents h2	{
						padding: 8px 8px 8px 30px; margin: 0; color: #fff;
						background: #36c url("../../img/general/arrow_headline_white-blue.gif") 2% 50% no-repeat;
						}
div#w_maincontents h3	{ padding: 3px 3px 3px 8px; margin: 1em 0 5px;
						background: url("../../img/general/headline3_bg_image.gif") left top repeat-x;
						border: 1px solid #36c; border-left: 8px solid #36c; 
						}
div#w_maincontents h4	{
						padding: 3px 3px 3px 8px; margin: 1em 0 5px; font-size: 100%;
						background: #ebf0fd; border-top: 1px solid #36c; border-left: 6px solid #36c;
						}
div#w_maincontents h5	{ padding: 2px 8px; margin: 1em 0 5px; font-size: 100%; border-left: 5px solid #36c; }
div#w_maincontents h6	{ padding: 2px 8px; margin: 1em 0 5px; font-size: 100%; font-weight: normal; border-left: 5px solid #999; }


td.w_maincontents		{ vertical-align: top; }
td.w_maincontents h3	{ padding: 3px 3px 3px 8px; margin: 1em 0 5px;
						background: url("../../img/general/headline3_bg_image.gif") left top repeat-x;
						border: 1px solid #36c; border-left: 8px solid #36c; 
						}



/* Main Contents Block - Contents Index Set ======================================== */
div#w_maincontents .table-index th, div#w_maincontents table.table-index td { vertical-align: top; }
div#w_maincontents .table-index { width: 100%; }
div#w_maincontents .table-index th { width: 25%; text-align: left; }
div#w_maincontents .table-index td { width: 65%; }
div#w_maincontents table.table-index td.table-index_list_cell { padding-left: 1em; border-left: 8px solid #d1d1d1; }

div#w_maincontents table.table-index h2	{
											padding: 0 0 0 18px; margin-right: 20px; color: #36c; line-height: 120%;
											background: url("../../img/general/arrow_headline_blue.gif") 0em 0.3em no-repeat;
											}
div#w_maincontents table.table-index h3	{
											padding: 0 0 5px 18px; margin: 3px 0; font-size: 100%;
											background: url("../../img/general/arrow_box_blue.gif") 0em 0.15em no-repeat;
											border: none; border-bottom: 1px dashed #666;
											}
div#w_maincontents table.table-index p	{ text-indent: 0; padding-left: 18px; margin-bottom: 1em; }


/* Side Menu Block Set ======================================== */
#w_submenu		{ float: left; width: 180px; padding: 0 0 20px; vertical-align: top; font-size: 90%; }
#w_submenu h2	{ padding: 3px 5px; margin: 0 10px 3px 0; color: #fff; font-size: 100%; line-height: 120%; background: #666; }
#w_submenu h3	{ padding: 3px 5px; margin: 0 10px 3px 0; color: #fff; font-size: 100%; background: #888; }
#w_submenu ul	{ padding: 0; margin: 0 0.5em 0.5em 1.5em; line-height: 140%; }