@charset "utf-8";
/* 下関市 PAGE */

@import "common.css";
@import "print.css";
body { background:url(/www/image/page/page_bg.jpg) repeat-x; background-position: 0 175px }
#tmp_contents { margin-top: 13px; clear:both }
div#grobal ul#main li a { display: block; width:100%; height:100%; background: url("/www/image/page/grobal_page.gif") no-repeat }
/* Breadcrumbs */
.breadcrumbs { background: #0379c1; border-bottom: 1px solid #a3e2ff }
.breadcrumbs_inner { background:url(/www/image/page/bread_line0.gif) no-repeat center left; width: 980px; margin: 0 auto; text-align: left; font-size: 80%; }
.breadcrumbs_inner,
.breadcrumbs_inner a { color: #fff }
.breadcrumbs_inner a { color: #fff }
.breadcrumbs_inner ol li { float: left; background:url(/www/image/page/bread_line1.gif) center right no-repeat; padding: 0.4em 1.5em 0.4em 1em }
.breadcrumbs_inner ol li.current { background: none }

ul.list01 {list-style:none}
ul.list01 li { background: url(/www/image/page/icon_l1.gif) no-repeat; background-position: 0 0.2em; padding: 0 0 0 17px; margin-bottom: 5px; }
/* -------------------------------------------------------------------------
Right
--------------------------------------------------------------------------*/
/* Menu */
#rightcol p { line-height: 150% }
.r_ttl { min-height: 18px; padding: 0.4em 0 0.4em 11px; font-size: 120% }
.l3_ttl { border-top: 4px solid #00a0e9; color:#fff }
.l3 ul li.current { background: url(/www/image/page/r_menu_current.gif) #fcf06a no-repeat; background-position: 5px 9px; }
/* BOX */
.r_box { background:url(/www/image/page/r_gd.gif) repeat-x #fff top; border-top: none; padding: 6px 5px; margin-bottom: 6px }
/* Case icons */
#case_ttl { background:url(/www/image/top/md4_ttl_bg.jpg) repeat-x #9fc2c2; border-top: 4px solid #71a6a6; color: #153939 }
#case { border: 1px solid #9fc2c2; background: #fff; margin-bottom: 6px; padding:7px }
#case td img { vertical-align: middle; margin-right: 7px }
/* Right Search */
#r_search_ttl { background:url(/www/image/page/r_search_ttl.gif) #f2f3f3 top right no-repeat; color: #000; border-top: 4px solid #fcf06a }
#r_search { border: 1px solid #ccc; padding: 6px 10px}
*html #r_search {; padding: 5px}
#genre_keysearch { width: 190px; margin: 4px; height: 19px; font-size: 90% }
/* Bnr */
.page_bnr { background:url(/www/image/page/page_bnr_bg.gif) no-repeat; border: 1px solid #ccc; display: block; margin: 5px 0 0 0; min-height: 22px }
.page_bnr a { width: 197px; display:block; padding: 8px 25px 8px 8px; font-size: 110%; font-weight: bold }
/* Kanren */
#kanren_ttl { background:url(/www/image/page/kanren_ttl_bg.gif) bottom repeat-x #fdfdfc; border-top: 4px solid #f6d83f }
div#kanren_gr { background: url(/www/image/page/kanren_ttl_gd.gif) no-repeat; height: 11px }
div#kanren1,
div#kanren2,
div#kanren3 {
	background: #f6f7f7;
	padding: 0 10px;
}
div#kanren1 ul li,
div#kanren2 ul li,
div#kanren3 ul li {
	border-bottom: 1px solid #d8d8d8;
	background: url(/www/image/top/icon_l3.gif) no-repeat #fff;
	background-position: 5px 9px;
	padding: 4px 3px 3px 17px
}
div#kanren_btm { background: url(/www/image/page/kanren_btm.gif) bottom no-repeat; height:20px; margin-bottom: 6px }
/* Contact */
#contact_ttl { background:url(/www/image/page/contact_ttl_bg.gif) repeat-x #176449; border-top: 4px solid #00d5bd; color:#fff }
div#contact_gr { background: url(/www/image/page/contact_gd.gif) no-repeat; height: 11px }
div#contact { border: 3px solid #9cc; border-top: 0; margin-bottom: 6px; background: #fff }
div#contact dt { background: #e6fcfc; padding: 0 3px 5px 6px; display: block; font-weight: bold}
div#contact dd { padding: 9px; margin: 0 }
div#contactbtn_top { background: url(/www/image/page/contact_mail_top.gif) no-repeat; height: 7px; width: 204px; margin-top: 8px }
div#contactbtn { background: url(/www/image/page/contact_mail_bg.gif) no-repeat bottom left; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; width: 202px }
div#contactbtn a { display: block; padding: 0.4em 55px 0.5em 10px; width: 137px }
div#contactbtn_btm { background: url(/www/image/page/contact_mail_btm.gif) no-repeat; height: 5px; width: 204px }
/* AD */
.r2_ad_ttl {font-size: 110%}
/* -------------------------------------------------------------------------
Contents
--------------------------------------------------------------------------*/
/*BOX */
#maintxt { border-left: 1px solid #a9e4ff; border-right: 1px solid #a9e4ff; border-bottom: 1px solid #a9e4ff; background: #fff; line-height: 1.6em; padding-bottom: 20px }
.txt_inner { margin: 20px 15px 0 15px }
/* Title */
#maintxt h2,
h3,
h4,
h5 { margin: 5px auto; clear: both }
#maintxt h1,
#maintxt_you h1 { border-top:4px solid #005082; border-bottom: 1px solid #a9e4ff; font-size: 170%; background: url(/www/image/page/subgenre_ttl.jpg) bottom repeat-x; padding: 1.5em 0 1.4em 36px; color:#005082 }
#maintxt h1#genre04,
#maintxt h1#genre03,
#maintxt h1#genre02,
#maintxt h1#genre01  { border-top:4px solid #005082; border-bottom: 1px solid #a9e4ff; background:#fff; padding: 50px 0 0 36px; color: #000; height: 78px; font-size: 200%}
#maintxt h1#genre01 { background:url(/www/image/page/genrettl_shimin.jpg) top right no-repeat}
#maintxt h1#genre02 { background:url(/www/image/page/genrettl_jigyou.jpg) top right no-repeat}
#maintxt h1#genre03 { background:url(/www/image/page/genrettl_kankou.jpg) top right no-repeat}
#maintxt h1#genre04 { background:url(/www/image/page/genrettl_shisei.jpg) top right no-repeat}
#genre_ttl_btm { background:url(/www/image/page/genre_ttl_btm.jpg) top center no-repeat; height:16px }
#maintxt h2,
#maintxt_you h2.youh2 { background:url(/www/image/page/h2_bg.gif) #cff0f0 repeat-x; padding: 0.7em 0.8em 0.6em 0.8em; font-size: 130%; border:1px solid #a8dddd }
#maintxt h3,
#maintxt_you h3.youh3 { background:url(/www/image/page/h3_bg.gif) no-repeat; padding: 0.5em 0.8em 0.4em 1em; font-size: 120%; border-bottom: 3px solid #D9D9D9 }
#maintxt h4 { background:#f8fdfd; padding: 0.3em 0.8em 0.3em 1em; font-size: 110%; border-bottom: 2px solid #c2d1d1 }
#maintxt h5 { padding: 0.3em 0.8em 0.3em 1em; font-size: 100%; border-bottom: 1px dotted #91b3b3 }
/*
#maintxt table { margin-top: 10px; margin-bottom: 10px; border: 1px solid #999 }
.txt_inner td,
.txt_inner th { border: 1px solid #999 }
*/
#maintxt td { text-align: left; }
/* SNS */
#social_box { float: right; width: auto; margin: 5px 0 20px; zoom: 1; }
#social_box #twitter,
#social_box #google_plusone,
#social_box #facebook_like,
#social_box #mixi_check { float: left; margin-left: 8px; }
#social_box .comment_content { overflow: visible; z-index: 1; }

/*TABmenu What's new */
.txt_inner #news, .txt_inner #topics {clear:both; border: 1px solid #ccc; border-top: 3px solid #1d775b; padding: 13px; margin: 0 0 20px 0}

/* category */
.fltlft_box { margin: 10px 0; width: 342px; float: left; clear:both }
.fltrgt_box { margin: 10px 0; width: 342px; float:right }
.genre_cat dl,
.sub_cat dl,
div.download dl,
#contact dl { margin: 0; padding:0 }
.sub_cat dt, .genre_cat dt { border: 1px solid #9fc2c2; margin: 0; font-weight:bold; font-size: 110% }
.sub_cat dt {background:url(/www/image/page/subgenre_cat.jpg) bottom right no-repeat; padding: 0.5em 3em 0.5em 0.5em}
.genre_cat dt {background: url(/www/image/page/genre_sublist.gif) bottom right no-repeat; padding: 0.7em 3em 0.5em 0.7em }
.sub_cat dd { margin: 0.8em 0 0.5em 2em }
.genre_cat dd { margin: 0; border-top: 4px solid #f1f1f1; padding-left: 20px }
.genre_cat dl dd ul li {background:url(/www/image/page/icon_genre_list.gif) no-repeat; background-position: 5px 8px; padding: 0.2em 0.2em 0.2em 20px}
/* sub_list */
.sub_list { margin-top: 20px }
.sub_list ul { margin: 0; padding: 0; list-style:none }
.sub_list ul li { background:url(/www/image/page/subgenre_list.gif) no-repeat top left; background-position: 3px 9px; padding: 0.2em 0.2em 0.2em 18px }
/* Download */
div.download { clear:both; margin-top: 13px}
div.download_top { background:url(/www/image/page/dl_top.gif) no-repeat; width: 169px; height: 4px }
div.download dl dt#dl_ttl1,
div.download dl dt#dl_ttl2,
div.download dl dt#dl_ttl3 {
	background: url(/www/image/page/dl_bg.gif) bottom no-repeat;
}
div.download dl dt#link_ttl1,
div.download dl dt#link_ttl2,
div.download dl dt#link_ttl3 {
	background: url(/www/image/page/link_bg.gif) bottom no-repeat;
}
div.download dl dt#dl_ttl1,
div.download dl dt#dl_ttl2,
div.download dl dt#dl_ttl3,
div.download dl dt#link_ttl1,
div.download dl dt#link_ttl2,
div.download dl dt#link_ttl3 {
	width: 123px;
	padding: 0.3em 4px 0.3em 40px;
	border-left: 1px solid #b2e1e1;
	border-right: 1px solid #b2e1e1;
	color: #333;
	font-weight: bold
}
div.download dl dd { border: 3px solid #b2e1e1; padding: 13px; margin: 0 }
div.download ul li { background:url(/www/image/page/icon_dl.gif) no-repeat; background-position: 0 10px; padding: 0.1em 0.1em 0.1em 10px }
/* Viewer */
.viewer { background: url(/www/image/page/icon_viewer.gif) no-repeat top left; padding-left: 27px }
/* Questionnaire */
div#questionnaire_top { background: url(/www/image/page/enq_top.gif) no-repeat; width: 258px; height: 4px }
div#questionnaire h2 { background:url(/www/image/page/enq_bg.gif) #0c5859 no-repeat; margin: 0; padding: 0.1em 0 0.3em 0; text-align: center; width: 258px; color: #fff; font-size: 100%; border: 0 }
div#questionnaire div#q_inner { padding: 3px; border: 3px solid #4eb5b7 }
div#questionnaire div#q_inner dl { background: #f4f6fb; margin: 2px 2px 4px 2px; padding: 3px }
div#questionnaire div#q_inner dt { color: #036; font-weight: bold; padding: 0.2em 0.2em 0.2em 1em }

div#questionnaire div#q_inner fieldset {
	margin: 2px 2px 4px 2px;
	padding: 3px;
	border: 0;
	background: #f4f6fb;
}

div#questionnaire div#q_inner legend {
	margin: 0;
	padding: 0.4em 0.2em 0 1em;
	color: #036;
	font-weight: bold;
}

div#questionnaire .q_line {
	margin: 0;
	padding-left: 40px;
}

div#questionnaire input#q_submit { font-size: 130%; padding: 0.5em 1em }
/* -------------------------------------------------------------------------
Event
--------------------------------------------------------------------------*/
.base_table_gr td { border: 1px solid #ccc; padding: 6px; vertical-align: top; }
/*
.base_table_gr { text-align: left; margin: 10px auto; line-height: 150%; border: 3px solid #ccc; }
*/
.base_table_gr {
	text-align: left;
	margin: 10px auto;
	line-height: 150%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
}
.base_table_gr img { vertical-align: middle; margin-left: 3px}
.base_table_gr th { border: 1px solid #ccc; padding: 4px; vertical-align: top; background-color: #F7E697}
.saturday {color: #00F; background:}
.sunday { color: #930}
.month_list { position:relative; list-style:none; margin: 0; padding: 0; height: 2em}
.month_list img { vertical-align: bottom}
*html .month_list img { vertical-align:middle}
.prev_month { position: absolute; left: 0; }
.next_month { position: absolute; right: 0 }
.base_table_gr th.date {width: 10%}
.base_table_gr th.ttl {width: 40%}

/* -------------------------------------------------------------------------
Search
--------------------------------------------------------------------------*/
.condition {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #999999;
}

.number {
	margin-bottom: 10px;
}

.page-change {
	margin: 0px;
}

.nodata {
	margin-bottom: 10px;
	color: #ff0000;
	font-weight: bold;
}

.focus-search {
	margin: 10px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #999999;
	background-color: #e6e6e6;
}

.focus-search p {
	margin: 10px 0px 10px 0px;
}

.ftssearch th {
	padding-bottom: 10px;
	font-weight: normal;
	text-align: left;
}

.ftssearch td {
	padding: 0px 0px 5px 5px;
}

/* .p_toページトップへ_下関市指定 */
.p_to {
	margin: 0px 30px 10px 0px;
	text-align:right;
	verticl-align:middle;
}
/* .p_coment本文用_下関市指定 */
.p_coment	{
	margin: 0px 60px 10px 60px;
	line-height: 1.2em;
}
/* .strong下関市指定 */
.strong {
	font-weight: bold;
}
/* .strong_red下関市指定 */
.strong_red {
	font-weight: bold;
	color: #ff0000
}
/* .img_right下関市指定 */
.img_right {
	float:right;
	margin-left:10px;
	margin-right:30px;
	background-color:#99cc99;
	text-align:center;
	font-size:small;
}
/* .img_left下関市指定 */
.img_left {
	float:left;
	margin-left:30px;
	margin-right:10px;
	background-color:#99cc99;
	text-align:center;
	font-size:small;
}
/* .li青丸下関市指定 */
.li {
	list-style-image: url(/www/image/img/list.gif);
	vertical-align:middle;
	padding-left:5px;
	margin-left:100px;
}

/* 20180306追記 */
body {
	background: none;
}
#tmp_contents {
	width: 980px;
	padding-top: 15px;
	margin: 0 auto;
}
.footer_inner {
	padding-top: 60px;
}
/* Breadcrumbs */
.page_header_utility {
	background: #f4f4f4;
	text-align: left;
	font-size: 87.5%;
    border-top: 1px solid #d2d2d2;
    line-height: 150%;
    font-weight: 400;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.page_header_utility_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	width: 1050px;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
}
.bread_crumbs {
	width: 50%;
	padding: 5px 5% 5px 0 !important;
}
.bread_crumbs a {
	color: #005399
}
.bread_crumbs li {
	display: inline;
	padding: 0 15px 0 0;
}
.bread_crumbs li:last-child {
	padding-right: 0;
}
.bread_crumbs li:not(:last-child):after {
	content: ">";
	padding-left: 15px;
	color: #999;
}
#container .page_header_utility:first-child {
	background-color: #000;
}
#container .page_header_utility + .page_header_utility .bread_crumbs {
	width: 100%;
	padding: 5px 0 !important;
}
/* google search */
.site_gglsearch .gsc-search-box .gsc-input {
	width: 250px;
}
.link_box_list {
	margin-top: 30px;
}