@charset "shift_jis";

/*
= 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 Re-set*/
body,h1,h2,h3,h4,h5,h6,table,ul,ol,li,p { padding: 0; margin: 0; }
img { vertical-align: bottom; border: 0; }


/* Default Setting */
body	{ text-align: center; color: #333; font-size: medium; line-height: 140%; }
ul, ol { margin: 0.5em 0 0.5em 3em; padding: 0; }
ul li ul, ol li ol { margin: 0 0 0.5em 1.5em; padding: 0; }
dl { padding: 0; margin: 0 0 1em; }
dt { padding: 2px 5px; margin: 0.5em 0 0; font-weight: bold; background: #ebf0fd; }
dd { padding: 0 5px 0 1.5em; margin: 0; line-height: 140%; }
strong	{ color: #f00; font-style: normal; font-weight: bold; }
em		{ font-style: normal; font-weight: bold; }
p		{ padding-bottom: 1.2em; text-align: justify; line-height: 130%; }
		p.p-nextpara { margin-top: 1em; }
sup		{ font-size: 60%; }

/* Width */
.w10  { width: 10px; }
.w15	{ width: 15px; }
.w20	{ width: 20px; }
.w180	{ width: 180px; }
#w_submenu	{ width: 180px; padding: 0 0 20px; vertical-align: top; font-size: 90%; background: url("../../img/general/sub_bg_image.gif") left top repeat-y; }
.w260	{ width: 260px; }
.w565	{ width: 565px; }

/*For Voice Navi*/
div#forvoice, p#footertitle { position: absolute; left: -5000px; top: -5000px; height: 0px; line-height: 0; }

/*PDF Plug-In*/
#getpdf		{ padding: 10px; margin: 0.5em 0; font-size: 90%; border: 1px solid #999; }
#getpdf img	{ float: right; }
.about-pdf	{ margin: 0; color: #f60; font-size: 100%; background: none; border: none; }

/*Object Float*/
.flt-left	{ float: left; margin-right: 10px; margin-bottom: 10px; text-indent: 0; }
.flt-right	{ float: right; margin-left: 10px; margin-bottom: 10px; text-indent: 0; }
.aln-center	{ margin: 1em auto; text-align: center; text-indent: 0; }


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




/* Container Block =================================================================================================================== */
div#cb { width: 765px; margin: 0 auto; text-align: left; }




/* Header Setting ==================================================================================================================== */
div#header { background: #fff url("../../img/header/head_bg_image.jpg") right top 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; }

p#pan_kuzu_list { padding: 3px 0; font-size: 80%; border-bottom: 1px solid #666; }




/* Toppage Setting =================================================================================================================== */
#body { padding-left: 15px; margin-top: 15px; border-left: 100px solid #ebebeb; }

h2				{ padding: 10px 8px; margin-bottom: 15px; }
h2#p_t_kurashi	{ color: #3769ee; background: #ebf0fd; border-bottom: 3px solid #3769ee; }
h2#p_t_about	{ color: #d63f7b; background: #f2c6d8; border-bottom: 3px solid #d63f7b; }
h2#p_t_olive	{ color: #009900; background: #defbdb; border-bottom: 3px solid #009900; }
h2#p_t_kanko	{ color: #d58000; background: #ffefd7; border-bottom: 3px solid #d58000; }
h2#p_t_kakuka	{ color: #d12706; background: #fbdcd5; border-bottom: 3px solid #d12706; }
h3 { padding: 3px 3px 3px 8px; margin: 1em 0 10px; background: url("../../img/general/headline3_bg_image.gif") left top repeat-x; border: 1px solid #36c; border-left: 8px solid #36c; }
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; }




/* Footer Setting ==================================================================================================================== */
#footer { clear: both; font-size: 90%; border-top: 1px solid #999; }
#id_toppage #footer { margin-top: 20px; }
ul#footer_attention_menu { padding: 0;  margin: 5px 0; line-height: 100%; border-left: 1px solid #666; }
ul#footer_attention_menu li { display: inline; padding: 0 10px; margin: 0; border-right: 1px solid #666; }
#footer_publisher { padding: 5px 8px; background: #e2efeb; }
#footer_publisher p { padding: 0; margin: 0; text-align: left; text-indent: 0; }

p.page_to_top { clear: both; padding: 5px 18px 0 0 !important; margin: 0.5em 0 2em; text-align: right; font-size: 90%; line-height:110%; background: url("../../img/general/arrow_up_box_green.gif") 100% 80% no-repeat; border-top: 1px solid #ccc; }








/* Table Style ======================================================================================================================= */
th.cell_align_right, td.cell_align_right	{ text-align: right !important; }
th.cell_align_center, td.cell_align_center	{ text-align: center !important; }
th.cell_align_left, td.cell_align_left		{ text-align: left !important; }
th.cell_note, td.cell_note { width: 10em; font-size: 80%; }

table.t_style1 { width: 100%; margin: 5px 0; border-top: 1px solid #666; border-right: 1px solid #666; }
table.t_style1 th { text-align: center; font-weight: bold; background: #eaf4ed; }
table.t_style1 th, table.t_style1 td { padding: 3px 5px; margin: 0; border-bottom: 1px solid #666; border-left: 1px solid #666; }

table.t_style2 { width: 100%; margin: 5px 0; border-top: 1px solid #666; border-right: 1px solid #666; }
table.t_style2 th { text-align: left; font-weight: bold; background: #eaf4ed; }
table.t_style2 th, table.t_style2 td { padding: 3px 5px; margin: 0; border-bottom: 1px solid #666; border-left: 1px solid #666; }

table.t_style3 { width: 100%; margin: 5px 0; border-top: 1px solid #666; border-right: 1px solid #666; }
table.t_style3 th { text-align: left; font-weight: bold; background: #eaf4ed; }
table.t_style3 td { text-align: right; }
table.t_style3 th, table.t_style3 td { padding: 3px 5px; margin: 0; border-bottom: 1px solid #666; border-left: 1px solid #666; }

table.t_style4 { width: 100%; margin: 5px 0; border-top: 1px solid #666; border-right: 1px solid #666; }
table.t_style4 th { text-align: right; font-weight: bold; background: #eaf4ed; }
table.t_style4 td { text-align: right; }
table.t_style4 th, table.t_style4 td { padding: 3px 5px; margin: 0; border-bottom: 1px solid #666; border-left: 1px solid #666; }

table.t_style5 { width: 100%; margin: 5px 0; border-top: 1px solid #666; border-right: 1px solid #666; }
table.t_style5 th { text-align: center; font-weight: bold; background: #eaf4ed; }
table.t_style5 td { text-align: center; }
table.t_style5 th, table.t_style5 td { padding: 3px 5px; margin: 0; border-bottom: 1px solid #666; border-left: 1px solid #666; }




p.img_box_center			{ margin: 0; text-align: center; text-indent: 0; font-size: 80%; }
p.img_box_center img		{ border: 1px solid #999; }

p.img_box_float_right, div.img_box_float_right			{ float: right; padding: 0 0 7px 7px; margin: 0; text-indent: 0; }
p.img_box_float_right img, div.img_box_float_right p img{ border: 1px solid #999; }
p.img_box_float_left, div.img_box_float_left			{ float: left; padding: 0 7px 7px 0; margin: 0; text-indent: 0; }
p.img_box_float_left img, div.img_box_float_left p img	{ border: 1px solid #999; }