@charset "UTF-8";

/* ----------------------------------------------------------------------------------
RESET
------------------------------------------------------------------------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, main, small, span, strike, sub, summary, sup, tt, table, tbody, tfoot, thead, time, tr, th, td,u, ul, var, video{ font-family: inherit; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal;text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
strong{ font-weight:bold;}
article, aside, details, figcaption, figure, footer, header, hgroup,menu, nav, section, main{ display: block; margin: 0; }
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
table { border-collapse: collapse; border-spacing: 0;}
input::-moz-focus-inner { border: 0; padding: 0; }
a img:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
#content-page img{ width:100%; height:auto;}
aside .aside-block img{ width:100%; height:auto;}

.sp{ display:none;}

/* -------------------------------------------------------------------------
body
------------------------------------------------------------------------- */
body{zoom:90%;}
#all-wrapper{ background:url(../img/common/background.gif);}
/* テキストリンクの設定*/
a,
a:link {color: #0054ff;}
a:visited {color:  #0054ff;}
a:hover,
a:active,
a:focus {color: #F00;}
:focus {
    outline: -webkit-focus-ring-color auto 5px;
}
/* 非表示の設定*/
hr.hide {display: none;}
/* container*/
div#container{width:1000px; margin:0 auto; position:relative; }
div#container:after{ content:""; clear:both; display:block;}

div.main{ float: right;}
/* TOPへ戻る*/
#page-top {position: fixed;bottom: 50px; right: 20px;}
#page-top a { width: 65px; display: block;}


h1{position:relative; width:1000px; margin:0 auto;}
h1 a{position:absolute; top:0px; left:-2px; z-index:100; display:block; width:156px; height:220px;}
h1 a img:hover { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
h1 .splogo{ display:none;}
/* -------------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------------- */

/* ナビゲーションを飛ばす
---------------------------------------------------------------------- */
/* CSS適用環境では非表示 */
p#header-skipnavi {width: 0;height: 0;position: absolute;overflow: hidden;}
/* Javascript適用環境では非表示 */
p#header-noscript {margin: 0 0 10px; text-align: center; }
#usability{ width:1000px; position:relative; margin:0 auto; min-height:47px; }
#usability:after{ content:""; clear:both; display:block;}
#header{ width:100%; background:url(../img/common/header/bg-line.gif) repeat-x;}

#usability h2{    float: left;padding: 15px 0 0 160px;}

/* 音声　レイアウト*/
#header-voice {float: left;padding: 15px 0 0 90px;font-size: 90%;}
ul#voice {margin: 0;}
ul#voice:after{ content:""; clear:both; display:block;}
ul#voice li {float: left;padding: 0 0 0 26px;}
ul#voice li a{color: #fff;}
/* 文字サイズ変更・背景色変更 */
dl#header-fontsize,
dl#header-bgcolor,
p#voice {float:right; padding: 6px 0 0 0}
p#voice a{padding: 0 0 0 26px;}
p#voice a:link {color: #333;}
p#voice a:visited {color: #333;}
p#voice a:hover,
p#voice a:active,
p#voice a:focus {color: #F00;}
dl#header-fontsize,
dl#header-bgcolor{height:20px;}
dl#header-fontsize,
dl#header-bgcolor{float: right;margin: 13px 0 0 15px;}
dl#header-fontsize dt,
dl#header-bgcolor dt {float: left; padding: 4px 4px 0 0; line-height:0;}
dl#header-fontsize dd,
dl#header-bgcolor dd {float: left; margin: 0 0 0 4px;cursor: pointer;}
dl#header-fontsize dd {margin: 0 0 0 5px;}
dl#header-fontsize dd.active img {visibility: hidden; height:20px;}
dd#fontsize_s.active { background:url(../img/common/header/header-fontsize_s_active.gif) no-repeat bottom center; line-height:0;}
dd#fontsize_m.active {background:url(../img/common/header/header-fontsize_m_active.gif) no-repeat bottom center; line-height:0;}
dd#fontsize_l.active {background:url(../img/common/header/header-fontsize_l_active.gif) no-repeat bottom center; line-height:0;}

/* 言語*/
#header-translate{float: right;font-size: 90%; margin-right: 10px;}

/* 検索ボックス*/
#header-search{ margin-right:10px; width:230px; border:1px solid #ccc;}
#header-search [type=image] {webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing: content-box;-ms-box-sizing: content-box;box-sizing: content-box;}
#header-search .gsc-search-box-tools .gsc-search-box .gsc-input {/* padding-right: 12px; */}
#header-search .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2,#header-search form.gsc-search-box,#header-search table.gsc-search-box { margin:0 !important;}
#header-search .gsc-search-box-tools .gsc-search-box .gsc-input,.gsc-search-box-tools .gsc-search-box .gsc-input,table.gsc-search-box td.gsc-input,table.gsc-search-box td.gsc-input{ padding-right:0 !important; height: 40px;}
td.gsc-search-button {
    width: 1%;
    background: #0955A1;
}
.cse input.gsc-search-button, input.gsc-search-button {border-radius: 0px!important;-moz-border-radius: 0px!important;-webkit-border-radius: 0px!important;}
#header-search .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {padding: 6px 15px 6px 15px!important;}
table.gsc-branding,table.gcsc-branding,td.gcsc-branding-text,td.gcsc-branding-text{ width:auto !important;}
#gs_tti50 [type=text]{ width:90% !important;}
#header-search .gsc-input-box {height: 40px !important;}
.gsc-results .gsc-cursor{    display: block !important; text-align: center; font-size: 120%;}
.gsib_a {height: 40px;}
/* 検索結果*/
.result h2{	width:auto; font-size: 120%; font-weight: bold; margin:0; padding: 10px 5px 10px 46px; background:url(../img/common/title/h1_bg.gif) no-repeat 0 50% #7ad5f2; line-height: 1.1;}
/* ヘッダーレイアウト */
#header-inner{ width:1000px; margin:0 auto; padding:15px 0 7px 0; background:url(../img/common/header/header-img.gif) no-repeat 160px bottom;}
#header-inner:after{ content:""; clear:both; display:block;}
#header-inner #header-search,
#header-inner #header-banner{ float:right;}

/* トップページスライドショー
---------------------------------------------------------------------- */
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
/** THEME
===================================*/
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { position:absolute; top:90px; left: -46px; background: url(../img/prev.png) no-repeat; display:block; width:46px; height:82px; text-indent: -9999px; overflow:hidden; z-index:999999;}
.bx-wrapper .bx-next {position:absolute; top:90px; right: -46px; background: url(../img/next.png) no-repeat; display:block; width:46px; height:82px;text-indent: -9999px; overflow:hidden; z-index:999999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* AUTO CONTROLS (START / STOP) */
.flexcontroller{ width:100%; height:28px; position: absolute; bottom: -35px; text-align: center ; display: inline-block; line-height:0;}
.flexcontroller .bx-pager,
.flexcontroller .bx-pager .bx-pager-item,
.flexcontroller .bx-controls-auto {display: inline-block; vertical-align: middle; }
.flexcontroller .bx-pager .bx-pager-item,
.flexcontroller .bx-controls-auto{margin: 0 6px;}
.flexcontroller .bx-pager .bx-pager-item a { width:60px; height:12px; display:inline-block; background:#666666; cursor:pointer; text-indent:-9999px; overflow:hidden; }
.flexcontroller .bx-pager .bx-pager-item a:hover,
.flexcontroller .bx-pager .bx-pager-item a.active{ background:#38c75f; }
a.bx-stop,
a.bx-start{ cursor:pointer; display:inline-block; text-indent: -9999px; overflow:hidden; width:60px; height:12px; background:#cdcdcd; }
a.bx-stop{ background:#666666 url(../img/pauseplay.png) no-repeat center center; }
a.bx-start { background:#666666 url(../img/play.png) no-repeat center center; }
a:hover.bx-stop{ background:#38c75f url(../img/pauseplay.png) no-repeat center center; }
a:hover.bx-start { background:#38c75f url(../img/play.png) no-repeat center center; }

#slider-section { width:100%!important; overflow: hidden; position:relative;}
#slider-section .left{ position:absolute; top:0; left:50%; margin:0 0 0 345px; z-index:88888;}
#slider-section .right{ position:absolute; top:0; right:50%; margin:0 345px 0 0; z-index:77;}
.bx-viewport { overflow: visible!important; width: 1000px!important;}
.main-container { overflow: hidden; padding-bottom: 150px;}
.slider { list-style: none; margin: 0; padding: 0;}
.slider li { margin: 0; padding: 0; }


/* ナビゲーション
---------------------------------------------------------------------- */
#nav{ background:#FFFFFF; width:100%; padding:2px 0;}
ul#globalnavi{ display:table; width:846px; padding-left:154px; margin:0 auto;}
ul#globalnavi li{ display:table-cell; width:141px; padding:0 0 5px 0; background: #FFFFFF url(../img/common/header/bg-w.gif) repeat-y;}
ul#globalnavi li a {background: #FFFFFF; padding:13px 0 6px 0; display: inline-block; }
ul#globalnavi li a img{ border-right:1px dotted #040000;}
ul#globalnavi li a img:hover,ul#globalnavi li a focus{ filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
ul#globalnavi li#globalnavi-kurashi:hover,ul#globalnavi li#globalnavi-kurashi a img:focus{ background: #227abd url(../img/common/header/bg-w.gif) repeat-y;}
ul#globalnavi li#globalnavi-kosodate:hover{ background: #ea5c8b url(../img/common/header/bg-w.gif) repeat-y;}
ul#globalnavi li#globalnavi-kenkou:hover{ background: #63cf23 url(../img/common/header/bg-w.gif) repeat-y;}
ul#globalnavi li#globalnavi-bunka:hover{ background: #a882d8 url(../img/common/header/bg-w.gif) repeat-y;}
ul#globalnavi li#globalnavi-sangyou:hover{ background: #ff8942 url(../img/common/header/bg-w.gif) repeat-y;}
ul#globalnavi li#globalnavi-gyousei:hover{ background: #656565 url(../img/common/header/bg-w.gif) repeat-y;}

p#sp_menu_btn, #sp_navi_wrap {
    display: none;
}


/* パンくず
---------------------------------------------------------------------- */
p#crumb {
	margin: 10px 0 20px 10px;
    padding: 8px 12px;
    background: #fff;
    border-radius: 6px;
    line-height: 1.2;
	width:835px;
	float:right;
	font-size: 85%;
}






/* -------------------------------------------------------------------------
左側コンテンツ
------------------------------------------------------------------------- */
#events-of-life{
	order: 2;
	-webkit-order: 2;				/*Android*/
	-webkit-box-ordinal-group: 2;	/*Safari*/}
#from-purpose{
	order: 3;
	-webkit-order: 3;				/*Android*/
	-webkit-box-ordinal-group: 3;	/*Safari*/}
#sidenavi{
	order: 4;
	-webkit-order: 4;				/*Android*/
	-webkit-box-ordinal-group: 4;	/*Safari*/}
/*いざという時のために*/
.sp_saigai{ display:none;}
#top-saigai div{ width:100%; border-color:#f54b83; border-width:0 5px 5px 5px; border-style:solid; background:#FFFFFF; padding:15px 15px;}
#top-saigai div ul{border-top:1px dotted #817f7f;}
ul.result-output li a{ padding-left:16px;}
ul.result-output,ul.saigai-menu{ padding:5px 0;}
ul.result-output li,ul.saigai-menu li{ padding:5px 0;}
ul.result-output li a{ background:url(../img/common/icon/attention.gif) no-repeat left center;}
ul.result-output li a{ color:#ed001e;}
ul.result-output li a:hover{ color: #F00;}
ul.saigai-menu .bousai-hp,
ul.saigai-menu .teiden-dansui,
ul.saigai-menu .bouhan-seikatsu,
ul.saigai-menu .kodomo,
ul.saigai-menu li.yakanshinryou{background:url(../img/common/icon/night.gif) no-repeat left center;    padding-left: 16px;}
ul.saigai-menu li.anshinmail{background:url(../img/common/icon/email.gif) no-repeat left center;}
ul.saigai-kanren{border-top:0px dotted #817f7f !important; display:table; width:100%;}
ul.saigai-kanren li{ display:table-cell; width:50%;}
ul.saigai-kanren li a{ width:93px; display:inline-block;}
ul.saigai-kanren li{ text-align:right; }
ul.saigai-kanren li:first-child{ text-align:left; }
/*サイド各種レイアウト*/
div.left_side_block{ width:235px;margin-right:20px; float:left; clear:both;}
div.left_side_block dt img{ border-bottom:3px #333 solid;}
div.left_side_block .area_banner_side{ padding:0px; margin:0 0 15px 0; line-height:0; }
div.left_side_block ul#etc_side_content01 li{ margin:15px 0 0 0;}
div.left_side_block ul#etc_side_content02 li{border-top:1px dotted #817f7f;}
ul.saigai-menu .yakanshinryou,
ul.saigai-menu .anshinmail{ padding-left:16px;}
ul.saigai-menu li.bousai-hp{ background:url(../img/common/icon/caution.gif) no-repeat 0 5px;}
ul.saigai-menu li.teiden-dansui{background:url(../img/common/icon/electrical.gif) no-repeat left center;}
ul.saigai-menu li.bouhan-seikatsu{background:url(../img/common/icon/security.gif) no-repeat left center;}
ul.saigai-menu li.kodomo{background:url(../img/common/icon/emergency.gif) no-repeat left center;}
div.left_side_block ul#etc_side_content02 li:first-child{border-top:0px dotted #817f7f;}
div.left_side_block div#etc_side_content03,
div.left_side_block div#etc_side_content05{ background:#ffffff; line-height:1;}
div.left_side_block div#etc_side_content03 dl,
div.left_side_block div#etc_side_content05 dl{ width:195px; margin:0 auto; padding-bottom:15px;}
div.left_side_block div#etc_side_content05 .time{     text-align: center;margin: 5px 0;padding: 10px;background: #30b26c;color: #fff;font-weight: bold;}
div.left_side_block div#etc_side_content03 dl dd ul li{padding:10px 0px 10px 14px ; background:url(../img/common/icon/triangle.gif) no-repeat left center;}
div.left_side_block div#etc_side_content03 dl dd ul li{border-bottom:1px dotted #817f7f;}
/*世帯数*/
div.left_side_block div#etc_side_content05 dl dd ul li{padding:10px 0px 10px 24px;}
div.left_side_block div#etc_side_content05 dl dd ul li{border-bottom:1px dotted #817f7f;}
div.left_side_block div#etc_side_content05 dl dd ul > *:first-child{ color:#3366cc; background:url(../img/common/icon/man.gif) no-repeat left center;}
div.left_side_block div#etc_side_content05 dl dd ul > *:first-child + * { color:#d61111;background:url(../img/common/icon/woman.gif) no-repeat left center;}
div.left_side_block div#etc_side_content05 dl dd ul > *:first-child + * + * { background:url(../img/common/icon/person.gif) no-repeat left center;}
div.left_side_block div#etc_side_content05 dl dd ul > *:first-child + * + *  + * {border-bottom:0px;padding:10px 0px 10px 0px; font-weight:700;}
div.left_side_block div#etc_side_content05 dl dd ul li span{ font-weight:normal; color:#333;}


div.left_side_block .img{ margin-bottom:20px;}

/*ナビ*/

ul#sidenavi {
    font-size: 110%;
    margin: 0 0 20px;
	background:#fff;
    border-bottom-width: 1px;
    line-height: 1.2;
    overflow: hidden;
	padding:10px;
}

/*第1階層*/

ul#sidenavi li {
    padding: 0;
    background: none;
}

ul#sidenavi li a {
    display: block;
    padding: 11px 5px 11px 20px;
    background:url(../img/common/icon/sidenavi_li_bg.png) no-repeat 3px 50%;
    text-decoration: none;
	border-bottom: 3px solid #7ad5f4;
	font-weight:bold;
	color:#000;
}

/*第2階層*/
ul#sidenavi ul {
    margin: 0;
}

ul#sidenavi ul li a {
	width:215px;
    padding: 11px 5px 11px 30px;
    background: url(../img/common/icon/sidenavi_li_li_bg.png) no-repeat 11px 16px;
    border-bottom: 1px dotted #D3D3D3;
    text-decoration: underline;
	font-weight:normal;
	color: #0054ff;
}

/*第3階層*/
ul#sidenavi ul ul {
    font-size: 90%;
    padding: 0 10px 0 0px;
    border-bottom: 1px solid #D3D3D3;
    overflow: hidden;
}

ul#sidenavi ul ul li a {
    padding: 7px 5px 7px 35px;
    background: url(../img/common/icon/sidenavi_li_li_li_bg.gif) no-repeat 5px 14px;
color: #4276dd;
font-size: 90%;
}

/*第4階層*/
ul#sidenavi ul ul ul {
    font-size: 90%;
    padding: 0 10px 0 0px;
    overflow: hidden;
}

ul#sidenavi ul ul ul li a {
    padding: 7px 5px 7px 40px;
    background: url(../img/common/icon/sidenavi_li_li_li_li_bg.png) no-repeat 30px 8px;
color: #4276dd;
font-size: 90%;
}

#sidenavi ul li a:hover, ul#sidenavi ul li a:active, ul#sidenavi ul li a:focus, ul#sidenavi ul li a.stay, ul#sidenavi ul li a.stay:visited {
    color: #F00;
    text-decoration: underline;
}


/*--人生のできごとから探す　目的から探す--*/
div.left_side_block dl#events-of-life,
div.left_side_block dl#from-purpose{ width:100%; background:#fff; margin-bottom:20px;}
div.left_side_block dl#events-of-life dt,
div.left_side_block dl#events-of-life dd,
div.left_side_block dl#from-purpose dt,
div.left_side_block dl#from-purpose dd{ width:195px; margin:0 auto;}
div.left_side_block dl#events-of-life dt img,
div.left_side_block dl#from-purpose dt img{ border-bottom:3px #333 solid;}
div.left_side_block dl#events-of-life dd ul,
div.left_side_block dl#from-purpose dd ul{ padding:10px 0;}
div.left_side_block dl#events-of-life dd ul:after,
div.left_side_block dl#from-purpose dd ul:after{ content:""; clear:both; display:block;}
div.left_side_block dl#events-of-life dd ul li,
div.left_side_block dl#from-purpose dd ul li{ float:left; display:block;}
div.left_side_block dl#events-of-life dd ul > *:first-child,
div.left_side_block dl#from-purpose dd ul > *:first-child{border-style:solid; border-color:#C0C0C0; border-width:0 1px 0 0;}
div.left_side_block dl#events-of-life dd ul > *:first-child + * + * ,
div.left_side_block dl#from-purpose dd ul > *:first-child + * + * {border-style:solid; border-color:#C0C0C0; border-width:1px 1px 0 0;}
div.left_side_block dl#events-of-life dd ul > *:first-child + * + *  + * ,
div.left_side_block dl#from-purpose dd ul > *:first-child + * + *  + * {border-style:solid; border-color:#C0C0C0; border-width:1px 0 0 0;}
div.left_side_block dl#events-of-life dd ul > *:first-child + * + *  + *  + * ,
div.left_side_block dl#from-purpose dd ul > *:first-child + * + *  + *  + * {border-style:solid; border-color:#C0C0C0; border-width:1px 1px 0 0;}
div.left_side_block dl#events-of-life dd ul > *:first-child + * + *  + *  + *  + * ,
div.left_side_block dl#from-purpose dd ul > *:first-child + * + *  + *  + *  + *  {border-style:solid; border-color:#C0C0C0; border-width:1px 0 0 0;}
/* -------------------------------------------------------------------------
メインコンテンツ トップ
------------------------------------------------------------------------- */
div.main_block{ width:490px; float:left; margin-right:20px;}


/*--重要なお知らせ--*/
.white_bg{ background:#FFF;}
#keyinfo .sp{ display:none;}
#keyinfo{ padding:0 20px 20px 20px; margin-bottom:20px;}
#keyinfo .hgroup{ display:table; width:100%; }
#keyinfo .hgroup h2,
#keyinfo .hgroup p{ display:table-cell; width:50%;border-bottom:3px #333 solid; vertical-align:bottom;}
#keyinfo .hgroup p{ text-align:right; padding-bottom:5px;}
#keyinfo .hgroup p a{ padding-right:14px; background:url(../img/common/icon/triangle.gif) no-repeat right center;}
#keyinfo dl dt{ padding-top:10px; margin-top:10px;}
#keyinfo dl dt{border-top:1px dotted #817f7f;}
#keyinfo dl dt:first-child{  padding-top:0px!important; border-top:0px dotted #817f7f!important;}
#keyinfo dl dd{ padding-top:5px;}
/*--Tab Area--*/
#top-tabarea ul#top-tabarea2-tab{display:table;}
#top-tabarea ul#top-tabarea2-tab li{display:table-cell; padding-left:20px;}
#top-tabarea ul#top-tabarea2-tab li a#shinchaku-btn{ background:url(../img/common/title/main_shinchaku_off.gif) no-repeat; width:215px; height:39px; display:block;}
#top-tabarea ul#top-tabarea2-tab li a#boshuu-btn{ background:url(../img/common/title/main_bosyuu_off.gif) no-repeat; width:215px; height:39px; display:block;}
#top-tabarea ul#top-tabarea2-tab li a#shinchaku-btn img,
#top-tabarea ul#top-tabarea2-tab li a#boshuu-btn img{filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#top-tabarea ul#top-tabarea2-tab li.active a#shinchaku-btn img,
#top-tabarea ul#top-tabarea2-tab li.active a#boshuu-btn img{ filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#top-tabarea2-body{margin-bottom:20px;padding:0 20px 20px 20px; }
#top-tabarea2-body dl dt{ padding-top:10px;}
#top-tabarea2-body dl dt{border-top:1px dotted #817f7f;}
#top-tabarea2-body dl dt span{ margin-left:10px;}
#top-tabarea2-body dl dt:first-child{  padding-top:10px!important; border-top:0px dotted #817f7f!important;}
#top-tabarea2-body dl dd{ padding:5px 0 10px 0; }

#top-tabarea2-body p.list-btn{padding-right:14px; background:url(../img/common/icon/triangle.gif) no-repeat right center; text-align:right; margin-top:15px;}
/*--アイコン--*/
.living-procedures,
.parenting-education,
.health-medical,
.publicfacility,
.industry-business,
.culture-sports{ display: inline-block; border-radius:5px; padding:5px 5px; vertical-align: central; text-align:center; color:#fff; min-width:110px; }
.living-procedures{ background:#009cff;}
.parenting-education{background:#ea5c8b;}
.health-medical{background:#1cc437;}
.publicfacility{background:#737373;}
.industry-business{background:#f89d4c;}
.culture-sports{background:#997ed0;}
.new-icon{ background:#e4c600; color:#fff; padding:3px;}
.re-icon{background:#adadad; color:#fff; padding:3px;}
/*--よく利用される情報--*/
#used-info{padding:0 20px 20px 20px;  margin-bottom:20px;}
#used-info h3{border-bottom:3px #333 solid;}
#used-info dl dt{ padding:12px 0 8px 0;}
#used-info dl dd ul:after{ content:""; clear:both; display:block;}
#used-info dl dd ul li{ float:left; border-left:1px #3f7eff solid; padding:3px 10px;}
#used-info dl dd ul li:first-child{ border-left:0px #3f7eff solid!important; padding-left:0px;}
/*--ピックアップ--*/
#pickup-area{padding:20px; position:relative;}
#pickup-area:before{ content:url(../img/common/icon/pickup.png); position:absolute; top:0px; left:0px; z-index:1000;}
#pickup-area ul li { border-top: 1px dotted #817f7f; display:table; padding:8px 0;}
#pickup-area ul li:first-child{ border-top: 0px !important; display:block!important; padding:0 0 8px 0!important;}
#pickup-area ul li p,
#pickup-area ul li dl{display:table-cell; vertical-align:top;}
#pickup-area ul li p{ width:110px; height: 67px;
    overflow: hidden;}
#pickup-area ul li:first-child p,
#pickup-area ul li:first-child dl{display:block!important;}
#pickup-area ul li:first-child p{ width:100%!important;    height: 262px;
    overflow: hidden;}
#pickup-area ul li dl dt{ padding:5px 0;}

#pickup-area .list-btn{padding-right: 14px;
    background: url(../img/common/icon/triangle.gif) no-repeat right center;
    text-align: right;
    margin-top: 15px;}
#pickup-area .list-btn a{ color:#000;}

/* -------------------------------------------------------------------------
1階層メインコンテンツ
------------------------------------------------------------------------- */
div#content_sub{ width:745px; float:left; margin-right:0; background:#fff; margin-bottom: 30px; font-size:90%; }

/*--お知らせ--*/
#content_sub .news{ padding:15px;}
#content_sub .news h1{
	width:auto;
	font-size: 120%;
	font-weight: bold;
	color:#000;
	border-bottom:2px solid #000;
	margin: 0;
    padding: 5px 0;
    background: none;
}
#content_sub .news dl{padding: 6px 0 15px 0;line-height: 1.3;}
#content_sub .news dl dt {
    width: 9em;
    clear: both;
    float: left;
    color: #000;
    margin: 0 -9.4em 0 2px;
    padding: 8px 0;
}

#content_sub .news dl dd {
    padding: 8px 0 8px 7.5em;
    border-bottom: 1px dotted #817F7F;
    zoom: 1;
}

#content_sub dl{ margin:15px;}

/*--メニュー--*/
#content_sub .menu{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	border:3px solid #7ad5f2;
	background:#eaf3fa;
	margin: 15px;}
#content_sub .menu h2{
	background: #7ad5f2;padding: 5px 10px;
    font-size: 125%;
    font-weight: bold;
	margin: 0;
	width:auto;
}
#content_sub .menu ul{ padding:10px; overflow:hidden; margin:0;/*display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;*/}
#content_sub .menu ul li{    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: url(../img/common/icon/menu_li.png) no-repeat 10px 15px #fff;
    padding: 10px 5px 10px 30px;
    overflow: hidden;
    float: left;
    width: 215px;
    margin: 10px 5px;}

#content_sub .list{ margin:20px 15px;}	
#content_sub .list h3{
	    width: auto;
	margin:0 0 10px 0;
		-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background: #7ad5f2;padding: 5px 10px;
    font-size: 140%;
    font-weight: bold;
	clear:both;}
	#content_sub .list ul{ overflow:hidden; margin:0; padding:0;}
	#content_sub .list ul li{background: url(../img/common/icon/li_icon.png) no-repeat 5px 2px;line-height: 150%; width:215px; float:left;padding: 0 0 0 25px;margin: 5px;}
	#content_sub .title{background: url(../img/common/ichiran_bg.png) no-repeat 0 50% #666666; width: 200px; color:#fff; padding: 5px 10px;position: relative;
    top: 15px; border:0; left:0; right:0;    margin: 0 15px;}
	#content_sub .ichiran{ background:#f5f5f5; border:1px solid #ccc; width:690px; float:right;padding: 15px 10px;margin-bottom: 20px;margin-right: 15px;}
	#content_sub .ichiran ul{ overflow:hidden; margin:0; padding:0;}
	#content_sub .ichiran ul li{background: url(../img/common/icon/li_icon.png) no-repeat 5px 5px;line-height: 150%; width:210px; float:left;padding: 0 0 0 25px;margin: 5px;}

/* -------------------------------------------------------------------------
ページ各要素
------------------------------------------------------------------------- */

/* h1
---------------------------------------------------------------------- */
#content_sub h1{
	width:auto;
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 25px;
    padding: 10px 5px 10px 46px;
    background:url(../img/common/title/h1_bg.gif) no-repeat 0 50%;
    line-height: 1.1;
}

/* h2
---------------------------------------------------------------------- */
#content_sub h2 {
    font-size: 110%;
    font-weight: bold;
	margin:0 15px 10px 15px;
    padding: 12px 5px 9px 23px;
    background: url(../img/common/title/h2_bg.gif) no-repeat #dcf3fb;
    line-height: 1.1;
	overflow:hidden;
}

/* h3
---------------------------------------------------------------------- */
#content_sub h3 {
    font-size: 100%;
    font-weight: bold;
	margin:0 15px 10px 15px;
    padding: 7px 5px 7px 19px;
    background:url(../img/common/title/h3_bg.gif) no-repeat 0 50% #e0e0e0;
    line-height: 1.1;
	overflow:hidden;
	
}


/* h4
---------------------------------------------------------------------- */
#content_sub h4 {
    color: #0a56a2;
    font-size: 100%;
    font-weight: bold;
    margin:0 15px 10px 15px;
    padding: 1px 0 1px 5px;
    border-left: 4px solid #0a56a2;
    line-height: 1.1;
	overflow:hidden;
}
/* ul,ol
---------------------------------------------------------------------- */

#content_sub ul {
    font-size: 100%;
    margin: 10px 10px 30px 30px;
    padding: 0;
    line-height: 1.3;
    list-style: none;
}
#content_sub ul li {
    margin: 0;
    padding: 0 0 10px 16px;
    background: url(../img/common/icon/li_bg.gif) no-repeat 0 4px;
}
#content_sub ul.lileft{ overflow:hidden;}
#content_sub ul.lileft li{ float:left; width:130px;}

#content_sub ol {font-size: 100%;
    margin: 10px 10px 30px 60px;
    padding: 0;
    line-height: 1.3;
    list-style: none;
}
#content_sub ol li {
    margin: 0;
    padding: 0 0 10px 0px;
	list-style-type: decimal;
}

#content_sub p {
    font-size: 100%;
    margin: 0 20px 15px;
    padding: 0;
    line-height: 1.5;
}
.nenrin{ margin-bottom:10px !important; overflow:hidden;}
.nenrin li{ background:#eaf3fa !important; width: 45%; float:left; border-bottom:2px solid #0955a1; margin:10px !important; padding: 10px 0 10px 16px !important;}
.nenrin li a{padding: 0 0 10px 16px;  background: url(../img/common/icon/li_bg.gif) no-repeat; }

/* table
---------------------------------------------------------------------- */
#content_sub table,
#container-noside table {
	clear: both;
	margin: 0 15px 30px;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #CCC;
	border-spacing: 0;
	empty-cells: show;
}
#content_sub caption,
#container-noside caption {
	color: #000;
	font-size: 110%;
	font-weight: bold;
	padding: 6px 10px;
	background: #e4e4e4;
	text-align: center;
}
#content_sub th,
#container-noside th {
	font-size: 100%;
	font-weight: bold;
	padding: 10px 5px;
	background: #dcf3fb;
	border: 1px solid #CCC;
	text-align: center;
	vertical-align: middle;
	line-height: 1.1;
}
#content_sub th p,
#container-noside th p {
	margin: 0;
	line-height: 1.1;
}
#content_sub td,
#container-noside td {
	font-size: 100%;
	padding: 10px;
	border: 1px solid #CCC;
	text-align: left;
	vertical-align: middle;
	line-height: 1.3;
}
#content_sub td p,
#container-noside td p {
	margin: 0;
	line-height: 1.3;
}


/* -------------------------------------------------------------------------
ブロック（関連リンク、お問い合わせ先、ダウンロード、アンケート）
------------------------------------------------------------------------- */

/* 共通
---------------------------------------------------------------------- */
.linkarea,
.contactarea,
.downloadarea{clear: both;margin: 0 20px 15px 21px;}
.question {
    clear: both;
    margin: 0 20px 15px 22px;
}
.linkarea h2,
.contactarea h2,
.downloadarea h2, .question h2 {margin: 0!important;padding: 0!important;background: none !important;border: none;}
#content .linkarea h2 img,
#content .contactarea h2 img,
#content .downloadarea h2 img, #content .question h2 img {margin: 0;}
.linkarea-content,
.contactarea-content,
.downloadarea-content,
.question-content {padding: 15px 0 5px;border-width: 3px;border-style: solid;border-top: none;}

/* 関連リンク
---------------------------------------------------------------------- */
.linkarea h2 {background-color: #DFDFDF;}
.linkarea-content {border-color: #DFDFDF;}
.linkarea ul {margin: 0 10px 0 15px  !important;}
.linkarea li {background-image: url(../img/common/icon/linkarea_li_bg.gif) !important; }

/* ダウンロード
---------------------------------------------------------------------- */
.downloadarea h2 {background: #ffca4e;}
.downloadarea-content {border-color: #ffca4e;}
.downloadarea ul {margin: 0 10px 0 15px !important;}
.downloadarea li {background-image: url(../img/common/icon/linkarea_li_bg.gif);}
.downloadarea hr {margin: 0 15px 10px;}
#content .downloadarea .wcv-floatbox-left {margin: 0 0 5px;}
.downloadarea li {background-image: url(../img/common/icon/linkarea_li_bg.gif) !important; }

/* お問い合わせ先
---------------------------------------------------------------------- */
.contactarea h2 {background: #8cdcf7;}
.contactarea-content {border-color: #8cdcf7;}
.contactarea p {margin: 0 10px 10px 18px;} 
.contactarea .busho{  margin-top: 5px; font-weight:bold; font-size:120% !important; position:relative; top:-5px;}
.contactarea .tel{position: relative;font-size:130% !important;float:left; background:url(../img/common/icon/tel_icon.gif) no-repeat 0 50% !important; padding: 0 0 0 30px!important; }
.contactarea .fax{ font-size:130% !important;}
.contactarea .time{ position: relative;top: -3px;    clear: both; font-size:110%;}

/* アンケート
---------------------------------------------------------------------- */
.question h2 {background-color: #ececec;}
.question-content {border-color: #e1e1e1;padding: 5px 10px;}
.question ul {margin: 0 10px 0 15px  !important;}
.question li {background-image: url(../img/common/icon/linkarea_li_bg.gif) !important; }
.question p.wcvcenter {margin-bottom: 10px;}
.wcvcenter {text-align: center; background:none!important; margin:10px 15px 5px 15px!important;}
.question-content dt{ font-weight:bold; padding:3px;  margin:0;}
#FormSubmit{ background:url(../img/common/btn/question_but.gif) no-repeat; width:336px; height:33px; text-indent:-9999px; border:0; display:block; margin: 0 auto;}

/* -------------------------------------------------------------------------
右側のコンテンツ
------------------------------------------------------------------------- */
div.right_side_block{ width:235px; float:right;}

/*--人生のできごとから探す　目的から探す--*/
div.right_side_block dl#events-of-life,
div.right_side_block dl#from-purpose{ width:100%; background:#fff; margin-bottom:20px;}
div.right_side_block dl#events-of-life dt,
div.right_side_block dl#events-of-life dd,
div.right_side_block dl#from-purpose dt,
div.right_side_block dl#from-purpose dd{ width:195px; margin:0 auto;}
div.right_side_block dl#events-of-life dt img,
div.right_side_block dl#from-purpose dt img{ border-bottom:3px #333 solid;}
div.right_side_block dl#events-of-life dd ul,
div.right_side_block dl#from-purpose dd ul{ padding:10px 0;}
div.right_side_block dl#events-of-life dd ul:after,
div.right_side_block dl#from-purpose dd ul:after{ content:""; clear:both; display:block;}
div.right_side_block dl#events-of-life dd ul li,
div.right_side_block dl#from-purpose dd ul li{ float:left; display:block;}
div.right_side_block dl#events-of-life dd ul > *:first-child,
div.right_side_block dl#from-purpose dd ul > *:first-child{border-style:solid; border-color:#C0C0C0; border-width:0 1px 0 0;}
div.right_side_block dl#events-of-life dd ul > *:first-child + * + * ,
div.right_side_block dl#from-purpose dd ul > *:first-child + * + * {border-style:solid; border-color:#C0C0C0; border-width:1px 1px 0 0;}
div.right_side_block dl#events-of-life dd ul > *:first-child + * + *  + * ,
div.right_side_block dl#from-purpose dd ul > *:first-child + * + *  + * {border-style:solid; border-color:#C0C0C0; border-width:1px 0 0 0;}
div.right_side_block dl#events-of-life dd ul > *:first-child + * + *  + *  + * ,
div.right_side_block dl#from-purpose dd ul > *:first-child + * + *  + *  + * {border-style:solid; border-color:#C0C0C0; border-width:1px 1px 0 0;}
div.right_side_block dl#events-of-life dd ul > *:first-child + * + *  + *  + *  + * ,
div.right_side_block dl#from-purpose dd ul > *:first-child + * + *  + *  + *  + *  {border-style:solid; border-color:#C0C0C0; border-width:1px 0 0 0;}
/*--ご意見・お問い合わせ--*/
div.right_side_block dl#opinion-inquiry{ width:100%; background:#fff; margin-bottom:12px; border:1px #b3b3b3 solid;}
div.right_side_block ul#opinion-inquiry-btn{ display:table; margin-bottom:20px; width:100%;}
div.right_side_block ul#opinion-inquiry-btn li{ display:table-cell; width:50%;}
div.right_side_block ul#opinion-inquiry-btn li a{ display:inline-block; width:100%; text-align:right;}
div.right_side_block ul#opinion-inquiry-btn li:first-child a{ text-align:left;}
div.right_side_block dl#opinion-inquiry dd ul{ display:block; width:90%; margin:10px auto;}
div.right_side_block dl#opinion-inquiry dd ul li{padding:5px 0px 5px 14px ; background:url(../img/common/icon/triangle-b.gif) no-repeat left center;}
/*--Facebook領域--*/
#facebook-area{ margin-bottom:20px; }
/*--動画で見る平戸 広報ひらど--*/
div.right_side_block dl#move-area{width:100%; background:#fff; margin-bottom:12px; border:1px #b3b3b3 solid;}
div.right_side_block dl#kouho-area{width:100%; background:#fff; margin-bottom:12px; border:1px #b3b3b3 solid;}
div.right_side_block dl#move-area dd { padding:10px;}
div.right_side_block dl#move-area dd .youtube iframe{ width: 100%; height:auto;}
div.right_side_block dl#move-area dd span{ text-align:center; padding:8px 0; display:block;}
div.right_side_block dl#move-area dd p a{ display:block;width:70px;  padding:5px; text-align:center; color:#FFF!important; background:#808080; text-decoration:none; margin:0 auto;}
/*ボタン*/
div.right_side_block dl#kouho-area dd{ display: table; width:96%; margin:0 auto;}
div.right_side_block dl#kouho-area dd div{ display:table-caption; width:100%; padding:10px 0 0 0; text-align:center;}
div.right_side_block dl#kouho-area dd p{ display:table-cell; padding:8px; width:50%;}
div.right_side_block dl#kouho-area dd p a{ display:inline-block; padding:5px; width:100%; text-align:center; color:#FFF!important; background:#808080; text-decoration:none;}

div.right_side_block .area_banner_side li { padding:0px; margin:0 0 15px 0; line-height:0; }

/* -------------------------------------------------------------------------
バナー広告
------------------------------------------------------------------------- */
dl#pr_ad{ width:1000px; margin: 30px auto 0px auto;}
dl#pr_ad dt{ text-align:center; border-bottom:2px solid #333; display:block; margin:20px 0 10px;}
dl#pr_ad dd ul li{ float:left; padding:5px 15px;}
dl#pr_ad dd ul:after{ content:""; clear:both; display:block;}


/* -------------------------------------------------------------------------
フッター
------------------------------------------------------------------------- */
/*
ベースフォント 100%の場合
16 = 1em
15 = 0.9375em
14 = 0.8750em
13 = 0.8125em
12 = 0.750em
11 = 0.6875em
10 = 0.6250em
8 = 0.5625em
9 = 0.5000em
*/
#footer{ padding-top:75px; background:url(../img/common/footer/bg_illust.gif) center top no-repeat;margin: 50px 0 0 0;}
#footer .footer_wrapper{ background:#b5e4ff url(../img/common/footer/bg_nami.gif) repeat-x top ; }
#footer .footer_wrapper .footer_inner{ width:1000px; margin:0 auto; padding:30px 0 20px 0;background:url(../img/common/footer/footer_inner_bg.gif) center bottom no-repeat; }
/*footer_inner*/
#footer .footer_wrapper .footer_inner h2{ margin-bottom:10px;float:left; width:409px;}
ul#footer-navi{ float:right; display:table;    margin-top: 15px;}
ul#footer-navi li{ display:table-cell; font-size:90%; }
ul#footer-navi li{padding:10px 10px 10px 14px; background:url(../img/common/icon/triangle.gif) no-repeat left center;}
ul#footer-navi li a{ text-decoration:none;}
ul#footer-navi li a:link{color:#333333;}
ul#footer-navi li a:visited {color:#333333;}
ul#footer-navi li a:hover,
ul#footer-navi li a:active,
ul#footer-navi li a:focus {color: #F00;}
#footer .tel{ padding-right:15px;}
address{ clear:both;}
#footer #footer-copyright{ clear:both; padding:15px 0;font-size:85%; }

#modeswitch {
    clear: both;
    text-align: center;
    margin: 0 0 15px;
    padding: 10px 0;
    background: #E8E8E8;
    border-radius: 6px;
}
#modeswitch dl{ text-align:center;}
#modeswitch dt {
    display: inline;
}

/* -------------------------------------------------------------------------
 調整用追加CSS
------------------------------------------------------------------------- */
/* サイドナビ */
ul#sidenavi li {
	min-width: 215px;
}
ul#sidenavi ul ul {
	border-bottom: none;
}

/* -------------------------------------------------------------------------
 トップページ微調整CSS
------------------------------------------------------------------------- */
/* 動画で見る平戸(サムネ画像) */
div.right_side_block dl#move-area .youtube img {
	height: auto;
	width: 213px;
}

/* PickUP画像 */
#pickup-area ul li {
	min-width: 450px;
}
#pickup-area ul li:first-child p img {
	height: auto;
	width: 450px;
}
#pickup-area ul li p img {
	height: auto;
	width: 100px;
}

/* 広報ひらど サムネ画像 */
div.right_side_block dl#kouho-area dd div img {
	width: 113px;
	height: auto;
}

/* 災害情報 */
#top-saigai{ width:235px;}
#top-saigai div ul li {
	margin: 10px 0;
}
#top-saigai div ul.saigai-menu li {
	margin: 0;
}

/* -------------------------------------------------------------------------
 下層ページ共通
------------------------------------------------------------------------- */
/*#container #content_sub #main-contents {
	padding: 15px;
}*/
#container #content_sub #main-contents h1 {
     width: auto;
    font-size: 140%;
    font-weight: bold;
    margin: 0 0 25px;
    padding: 10px 5px 10px 46px;
    background: url(../img/common/title/h1_bg.gif) no-repeat 0 50% #7ad5f2;
    line-height: 1.1;
}
#content_sub h1.h1 {
    width: auto!important;
    font-size: 120%!important;
    font-weight: bold!important;
    color: #000!important;
    border-bottom: 2px solid #000!important;
    margin: 15px!important;
    padding: 5px 0!important;
    background: none !important;
}
/* 既存の値を上書き */
#content_sub .list {
	margin: 15px;
}
#content_sub .menu {
    margin: 15px;
}

/* block.css の適用範囲修正 */
#container #content_sub #main-contents dl dt img {
	margin-right: 0;
	margin-left: 0;
}

/* -------------------------------------------------------------------------
 SNSボタン
------------------------------------------------------------------------- */
div.socialbtn {
	margin-bottom: 15px;
	padding-right: 10px;
	text-align: right;
}
.socialbtn p#tweetbtnarea, .socialbtn p#likebtnarea, .socialbtn p#linebtnarea {
	display: inline-block;
	margin-left: 5px;
	margin-right: 0;
}
.socialbtn p#likebtnarea span#description {
	display: none;
}
.socialbtn p#linebtnarea img {
	margin: 0;
	vertical-align: baseline;
}

/* -------------------------------------------------------------------------
 新着情報
------------------------------------------------------------------------- */
#container #content_sub #main-contents dl dt:first-child {
	border-top: none;
}
#container #content_sub #main-contents dl dt {
	padding: 10px 0 8px;
	float: none;
	margin: 0;
	border-top: 1px dotted #817f7f;
}
#container #content_sub #main-contents dl dt img {
	vertical-align: text-bottom;
}
#container #content_sub #main-contents dl dt span.date {
	margin-left: 10px;
}
#container  #content_sub #main-contents dl dd {
	padding: 0 0 13px;
}
#container #content_sub #main-contents #newsicon {
	display: none;
}

/* -------------------------------------------------------------------------
 くらし手続き、子育て教育、健康福祉情報カテゴリ 新着情報欄
------------------------------------------------------------------------- */
#container #content_sub #main-contents .news {
	padding: 0 15px 15px;
}
#container #content_sub #main-contents .news dl dt {
	clear: both;
	color: #000;
	float: left;
	margin: 0 -9.4em 0 2px;
	padding: 8px 0;
	width: 9em;
	border: none;
}
#container #content_sub #main-contents .news dl dd {
	border-bottom: 1px dotted #817f7f;
	padding: 8px 0 8px 8.5em;
}

/* -------------------------------------------------------------------------
 文化スポーツ、産業ビジネス、平戸市行政情報 サイドナビ上画像欄
------------------------------------------------------------------------- */
div.left_side_block #side_image {
	margin-bottom: 20px;
}
/* -------------------------------------------------------------------------
 市長の部屋
------------------------------------------------------------------------- */
#container #content_sub #main-contents .floatleft{ overflow:hidden;}
#container #content_sub #main-contents .floatleft li{ float:left; background:none; padding:0; margin:7px;}
#container #content_sub #main-contents .floatleft li img{ margin:0; padding:0;}

/* -------------------------------------------------------------------------
 議会
------------------------------------------------------------------------- */
.gikaibox-r{width:215px;float:right;margin-right:35px;}
.gikaibox-l{width:450px;float:left;margin-left:35px;}
#content_sub .gikaibox-r ul,#content_sub .gikaibox-l ul{margin:0;}
#content_sub .gikaibox-r li,#content_sub .gikaibox-l li{padding-left:0;background:none;}
#content_sub .gikaibox-l li{width:225px;float:left;padding-right:10px;padding-bottom:17px;}
/* -------------------------------------------------------------------------
 動画で見る平戸
------------------------------------------------------------------------- */
#container #content_sub #main-contents #pickup-movie dl {
	border-bottom: 1px dotted #ccc;
	margin: 0 0 10px;
	padding: 0 15px 10px 15px;
}
#container #content_sub #main-contents #pickup-movie dt {
	float: right;
	margin: 10px 0 15px;
	width: 510px;
	padding: 0;
	border: medium none;
}
#container #content_sub #main-contents #pickup-movie dd.photo {
	float: left;
	padding-bottom: 5px;
}
#container #content_sub #main-contents #pickup-movie dd.text {
	margin-left: 210px;
}
#container #content_sub #main-contents #pickup-movie dd.photo img {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #ddd #bbb #888 #ddd;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	float: none;
	height: auto;
	margin-left: 0;
	margin-right: 0;
	padding: 5px;
	width: 190px;
}
#container #content_sub #main-contents #thumbnail-img {
	display: none;
}

/* -------------------------------------------------------------------------
 広報ひらど、議会だより
------------------------------------------------------------------------- */
/* 年別トップ */
#container #content_sub #main-contents .public-right {
	border: 1px solid #ccc;
	display: inline;
	float: right;
	margin-right: 15px;
}
#container #content_sub #main-contents .public-left {
	margin-right: 270px;
	text-align: left;
}
#container #content_sub #main-contents ul#public-list {
	margin: 40px 20px 20px;
}
#container #content_sub #main-contents ul#public-list li {
	border-bottom: 1px dotted #999;
	margin-bottom: 7px;
	padding-bottom: 7px;
}

/* 年別トップ */
#container #content_sub #main-contents ul#public-year {
	margin: 0 0 15px;
}
#container #content_sub #main-contents ul#public-year li {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	float: left;
	margin: 0 23px 15px 0;
	min-height: 330px;
	padding: 0;
	text-align: center;
	width: 215px;
}
#container #content_sub #main-contents ul#public-year li img {
	height: 288px;
	width: auto;
	margin-bottom: 10px;
}
#container #content_sub #main-contents ul#public-year li span img {
	margin: 0;
	width: auto;
}

/* 記事 */
#container #content_sub #main-contents #public {
margin: 30px 15px 10px 15px;
}
#container #content_sub #main-contents #public .wcvimg-floatleft {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 20px;
}
#container #content_sub #main-contents #public table {
	border-color: #ccc;
	clear: none;
	margin: 0 0 20px;
	min-width: 200px;
}
#container #content_sub #main-contents #public #banner {
	margin-left: 260px;
	text-align: center;
}
#container #content_sub #main-contents #public #banner img {
	max-width: 200px;
}
#container #content_sub #main-contents #public #adobe {
	background-color: #fff8ee;
	border: 1px solid #ff6600;
	margin-left: 260px;
	padding: 5px;
}
#container #content_sub #main-contents #public #adobe p.adobe-img {
	float: left;
	margin: 0;
	padding: 0;
}
#container #content_sub #main-contents div#comment {
	display: none;
}

/* -------------------------------------------------------------------------
 お問い合わせ
------------------------------------------------------------------------- */
p.button,
p.close_btn {
	text-align: center;
}

/* -------------------------------------------------------------------------
 CMSKIT編集画面適用CSS
------------------------------------------------------------------------- */
#wcv_sys_edit_pageeditarea #container #content_sub #main-contents #newsicon {
	display: block;
}
#wcv_sys_edit_pageeditarea #container #content_sub #main-contents #thumbnail-img {
	display: block;
}
#wcv_sys_edit_pageeditarea #container #content_sub #main-contents #thumbnail-img::before {
	content: "ここにサムネイル用画像を掲載します。";
}
#wcv_sys_mainnavi_ul a,
#wcv_sys_logoffbtn a,
#wcv_sys_helpbtn a,
#wcv_sys_content
{
   box-sizing: content-box;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
}

h1#wcv_sys_h1_edit,
h2#wcv_sys_edit_topbelt_title,
h4.wcv_sys_edit_blockeditarea_rightcolumn_blockarea_title,
h4.wcv_sys_edit_blockeditarea_leftcolumn_blockarea_title {
		    border: none;
}

/* ページの先頭へボタンを非表示にする */
#wcv_sys_edit_pageeditarea #page-top {
	display: none;
}
/* ブロック編集画面の修正 */
#wcv_sys_edit_blockeditarea table td {
	vertical-align: top;
}

/* -------------------------------------------------------------------------
 承認依頼書
------------------------------------------------------------------------- */
#workflow {
	clear: both;
	overflow: hidden;
	background: #FFF;
	padding: 20px;
	border-bottom: 2px solid #000;
}
#workflow input {
	float: left;
	padding: 7px;
	font-size: 130%;
	font-weight: bold;
}

/* -------------------------------------------------------------------------
 平戸市のソーシャルネットワークサービス（SNS）について
------------------------------------------------------------------------- */
#container #content_sub .sns{ margin:15px; overflow:hidden;}
#container #content_sub .sns ul{width: 331px;float: left; overflow:hidden; margin:0; padding:0; background:none;}
#container #content_sub .sns li{ margin:0 0 2px 0; padding:0; background:none;}
#container #content_sub .sns .youtube{ padding-left: 2px; overflow:hidden; margin:0;}

/* -------------------------------------------------------------------------
 緊急情報
------------------------------------------------------------------------- */
#container #top-kinkyu {
	margin: 0 0 15px;
	background: #fff;
	border: 2px solid #B70000;
	width: 490px;

}
#container #top-kinkyu h2 {
	color: #FFF;
	font-size: 130%;
	margin: 0 0 10px;
	padding: 5px 5px 6px 10px;
	background: #B70000;
	border: none;
	border-bottom: 1px solid #BBB;
}
#top-kinkyu h2 img {
	margin: 0 10px 0 0;
}
#top-kinkyu p, #top-kinkyu ul {
	font-size: 110%;
	font-weight: bold;
	margin: 0 10px 15px 15px;
	line-height: 1.3;
}

/* -------------------------------------------------------------------------
 検索結果
------------------------------------------------------------------------- */
.result{ margin:50px 0;}
.gsc-selected-option-container.gsc-inline-block {
    padding-right: 75px!important;
}


/*
ベースフォント 100%の場合
16 = 1em
15 = 0.9375em
14 = 95%
13 = 0.8125em
12 = 0.750em
11 = 0.6875em
10 = 0.6250em
8 = 0.5625em
9 = 0.5000em
*/

body{ font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ","Meiryo",arial,helvetica,clean,sans-serif;line-height:1.231; font-size:95%;}
#voice li a{ font-size:95%; line-height:1!important;}
#top-saigai{ font-size:95%; line-height:1.2;}
#etc_side_content03 dl dd ul li a{ line-height:1.2!important;}
#etc_side_content05 dl dd ul li a{ font-size:95%; line-height:1.2!important;}
#etc_side_content05 dl dd ul li span{ font-size:0.750em; line-height:1.2!important;}
#keyinfo .hgroup p.list-btn a{ font-size: 90%;}
#keyinfo dl dt{     font-size: 90%; }
#keyinfo dl dd a{ font-size:95%;}
#top-tabarea2-body div dl dt{     font-size: 90%; }
#top-tabarea2-body p.list-btn{    font-size: 90%; }
.new-icon{  font-size:0.950em; line-height:1!important;}
.re-icon{ font-size:0.750em; line-height:1!important;}
#opinion-inquiry{font-size:95%; }
dl#move-area  dd span{font-size:95%; }
dl#move-area dd p a{font-size:0.750em; }
dl#kouho-area dd p a{font-size:0.750em; }

#pr_ad dt{font-size:95%; }

/* ------------------------------------------------------
 ブロック定義ファイル用 block.css

  目　次
	 1.位置
	 2.テーブル※基本のスタイルは base.css で設定
	 3.画像
	 4.フォントカラー
	 5.目次用リスト
	 6.左右２つ並び用ボックス
	 7.ページの先頭に戻る
	 8.地図・動画
------------------------------------------------------ */
/* -------- 1.位置 -------- */
/*左寄せ*/
#main-contents .wcvleft {
	text-align: left;
	margin:15px;
}
/*右寄せ*/
#main-contents .wcvright {
	text-align: right;
}
/*中央揃え*/
#main-contents .wcvcenter {
	text-align: center;
}

/* -------- 2.テーブル -------- */
#main-contents .table-box {
	margin: 0 15px 30px;
}
/* base.css のhiddenを解除 */
#wcv_sys_edit_pageeditarea #main-contents {
	overflow: visible;
}
/*左寄せ・テーブル用*/
#main-contents div.wcvleft table {
	margin: 15px 0;
}
/*右寄せ・テーブル用*/
#main-contents div.wcvright table {
	margin: 15px 0 15px auto;
}
/*中央寄せ・テーブル用*/
#main-contents div.wcvcenter table {
	margin: 15px auto;
}
#main-contents table.table_green {
	border: 2px solid #269426;
}
#main-contents table.table_green th {
	color: #FFFFFF;
	border: 1px solid #003300;
	background-color: #269426;
}
#main-contents table.table_green td {
	border: solid 1px #269426;
}

#main-contents table.table_wood {
	border: 2px solid #7F5048;
}
#main-contents table.table_wood th {
	color: #FFFFFF;
	border: 1px solid #330000;
	background-color: #7F5048;
}
#main-contents table.table_wood td {
	border: solid 1px #7F5048;
}
#main-contents table.table_brick {
	border: 2px solid #B83030;
}
#main-contents table.table_brick th {
	color: #FFFFFF;
	border: 1px solid #800000;
	background-color: #B83030;
}
#main-contents table.table_brick td {
	border: solid 1px #B83030;
}
#main-contents table.table_navy {
	border: 2px solid #2B537E;
}
#main-contents table.table_navy th {
	color: #FFFFFF;
	border: 1px solid #000080;
	background-color: #2B537E;
}
#main-contents table.table_navy td {
	border: solid 1px #2B537E;
}
#main-contents table.table_orange {
	border: 2px solid #F25700;
}
#main-contents table.table_orange th {
	color: #FFFFFF;
	border: 1px solid #FF3300;
	background-color: #F25700;
}
#main-contents table.table_orange td {
	border: solid 1px #FF3300;
}
#main-contents table.table_none {
	border-width: 0;
}
#main-contents table.table_none th {
	border-width: 0;
}
#main-contents table.table_none td {
	border-width: 0;
}
#main-contents table.table1 {
	border: 1px solid #666;
}
#main-contents table.table1 th {
	border: 1px solid #999;
	background-color: #CCC;
}
#main-contents table.table1 td {
	border: 1px solid #999;
}
#main-contents table.table2 {
	border: 1px solid #000;
}
#main-contents table.table2 th {
	color: #FFF;
	border: 1px solid #000;
	background-color: #000;
}
#main-contents table.table2 td {
	border: 1px solid #000;
}
#main-contents table.table3 {
	border-width: 0;
	border-collapse: separate;
	border-spacing: 5px;
}
#main-contents table.table3 th {
	border-width: 0;
	background-color: #CCC;
}
#main-contents table.table3 td {
	border-width: 0;
}

/* -------- 3.画像 -------- */
#main-contents img {
	vertical-align: middle;
}
#main-contents p img {
	vertical-align: middle;
}
#main-contents ul li img {
	vertical-align: middle;
}
#main-contents ol li img {
	vertical-align: middle;
}
/*画像と回り込み文字用ボックス*/
#main-contents .wcv-floatbox-left,
#main-contents .wcv-floatbox-right {
    margin: 0 10px 20px;
}
#main-contents .wcv-floatbox-left p,
#main-contents .wcv-floatbox-right p {
	margin-top: 10px;
}
#main-contents .wcv-floatbox-left ul,
#main-contents .wcv-floatbox-left ol,
#main-contents .wcv-floatbox-right ul,
#main-contents .wcv-floatbox-right ol {
	margin-top: 15px;
}
/*左寄せ画像と回り込み文字で使用*/
#main-contents .wcvimg-floatleft {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}
#main-contents div.wcv-floatbox-left ul li{
	background-image: none;
	list-style: url("../img/common/icon/li_bg.gif") disc inside;
}
#main-contents div.wcv-floatbox-left ol li {
	list-style-position: inside;
}
/*右寄せ画像と回り込み文字で使用*/
#main-contents .wcvimg-floatright {
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}
/*キャプション付き画像用ボックス*/
#main-contents div.wcv-imgbox {
	text-align: center;
	margin: 0 15px 20px;
}
#main-contents div.wcv-imgbox img {
	margin-right: 0;
	margin-left: 0;
}
/*画像の下に表示させる文字*/
#main-contents p.wcv-imgcap {
	margin: 5px 0 0;
	font-size: 90%;
}
/*２つ並び：左*/
#main-contents div.wcv-inner2-l {
	width: 49.3%;
	float: left;
	    margin-right: 3px;
}
/*２つ並び：右*/
#main-contents div.wcv-inner2-r {
	width: 49.3%;
	float: left;
}
/*３つ並び：左・中*/
#main-contents div.wcv-inner3 {
	width: 32.4%;
	float: left;
	margin-right: 1.2%;
}
/*３つ並び：右*/
#main-contents div.wcv-inner3-r {
	width: 32.4%;
	float: left;
}
/*４つ並び：左・中*/
#main-contents div.wcv-inner4 {
	width: 23.9%;
	float: left;
	margin-right: 1.4%;
}
/*４つ並び：右*/
#main-contents div.wcv-inner4-r {
	width: 23.9%;
	float: left;
}
/*回り込み解除・フロートクリア*/
#main-contents .clearfix { /zoom : 1; }
#main-contents .clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

/* -------- 4.フォントカラー -------- */
.text_black {
	color: #333;
}
.text_red {
	color: #C60000;
}
.text_blue {
	color: #00c;
}
.text_green {
	color: #060;
}

/* -------- 5.目次リスト -------- */
/*
ul.indexlist {
	clear: both;
	font-size: 130%;
	margin: 0 25px 30px;
	overflow: hidden;
}
ul.indexlist li {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-bottom: 1px dotted #999;
	float: left;
	padding: 0;
}
ul.indexlist li {
	background: rgba(0, 0, 0, 0) url("../images/base/indexlist_li_bg.gif") no-repeat scroll 5px 14px;
	display: block;
	padding: 12px 0 12px 30px;
	width: 1000px;
}
*/

#content_sub ul.indexlist {
	clear: both;
	font-size: 130%;
	margin: 0 5px 30px;
	overflow: hidden;
}
#content_sub ul.indexlist li {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-bottom: 1px dotted #999;
	float: left;
	padding: 0;
}
#content_sub ul.indexlist li {
	background: rgba(0, 0, 0, 0) url("../img/base/indexlist_li_bg.gif") no-repeat scroll 5px 14px;
	display: block;
	padding: 12px 0 12px 30px;
	width: 685px;
}

/* -------- 6.左右２つ並び用ボックス -------- */
#main-contents .wcv-box {
	margin-bottom: 30px;
}
#main-contents .wcvbox-inner {
	float: left;
	width: 50%;
}
#main-contents .wcv-box .wcvbox-inner *:first-child {
	margin-top: 0;
}
#main-contents .wcv-box .wcvbox-inner *:last-child {
	margin-bottom: 0;
}
#main-contents .wcvbox-inner h2,
#main-contents .wcvbox-inner h3,
#main-contents .wcvbox-inner h4 {
	margin-right: 7px;
	margin-left: 7px;
}

/* -------- 7.ページの先頭に戻る -------- */
#main-contents p.PageTop {
	text-align: right;
}

/* -------- 8.地図・動画 -------- */
#main-contents div.map,
#main-contents div.movie {
	margin-bottom: 30px;
}

/* -------- 9.新着情報欄 -------- */
#main-contents .news-list {
	margin: 0 5px 20px;
}
#container #content_sub #main-contents .news-list dl dt {
	width: 9em;
	float: left;
	border: none;
	padding: 10px 0 10px 5px;
	clear: both;
}
#container #content_sub #main-contents .news-list dl dd {
	padding: 10px 0;
	margin: 0 0 -1px;
	border-bottom: 1px solid #CCC;
}
#container #content_sub #main-contents .news-list dl dd:first-child {
	border-bottom: none;
}
#container #content_sub #main-contents .news-list dl dt span.date {
	margin-left: 0;
}

/* -------- 10.お問い合わせ先 -------- */
#container #content_sub #main-contents .contactarea {
    margin: 0 20px 15px 21px;
}
#container #content_sub #main-contents .contactarea img {
	margin: 0;
}
#container #content_sub #main-contents .contactarea .contactarea-content p img {
	vertical-align: baseline;
}
#container #content_sub #main-contents .contactarea .busho {
	margin-right: 7px;
	margin-top: 5px;
}

/* -------- 11.関連リンク・書式ダウンロード -------- */
#container #content_sub #main-contents .linkarea,
#container #content_sub #main-contents .downloadarea {
margin: 0 20px 15px 21px;
}
#container #content_sub #main-contents .linkarea img,
#container #content_sub #main-contents .downloadarea img {
	margin: 0;
}

/* -------- 12.場面手続き一覧 -------- */
#container #content_sub #main-contents .ichiran-area {
	margin: 15px;
	overflow:hidden;
}
#container #content_sub #main-contents .ichiran-area p.title {
	margin: 0 5px;
}
#container #content_sub #main-contents .ichiran-area div.ichiran {
	margin-right: 5px;
}

/* -------- 13.アンケートフォーム -------- */
#container #content_sub #main-contents .question {
	    margin: 0 20px 15px 22px;
}
#container #content_sub #main-contents .question img {
	margin: 0;
}
#container #content_sub #main-contents .question dt {
	padding: 3px;
	border-top: none;
}
#container #content_sub #main-contents .question dd {
	padding: 0;
}
#container #content_sub #main-contents .question-content{ margin:0;}


/* -------------------------------------------------------------------------
空き家バンク
------------------------------------------------------------------------- */
#container .shien{background:#fefed8; border:2px solid #e1ca6d; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;    margin: 20px; clear:both;}
#container .shien .shien_title{ margin: -16px 0 0 20px;}
#container .shien .wcv-imgbox{ margin-top:35px;}
#container .shosai{ clear:both;    overflow: hidden; margin-bottom: 20px;}
#container .shosai ul{width: 49%;float: left; margin: 0 0 0 14px; padding:0;}
#container .shosai ul li{ margin:0; background:none; padding:0;}
#container .shosai ul li.img0{ margin-bottom:10px; width:339px; overflow:hidden;}
#container .shosai ul li img{ width:100%; height:auto;} 
#container .shosai ul li.img1,#container .shosai ul li.img2{ width:167px; float:left;margin-right: 6px; height:122px; overflow:hidden;}
#container .shosai .table{width: 49%;float: right;}

#container .area{ margin:10px auto; width:338px; float:left; height:227px; background:url(../img/area_bg.png) no-repeat; position:relative;}
#container .area .area01{ position:absolute; top: 50px;left: 60px;right: 0; bottom: 0;}
#container .area .area02{ position:absolute;    top: 80px;left: 80px;right: 0; bottom: 0;}
#container .area .area03{ position:absolute;top: 125px;left: 55px;right: 0; bottom: 0; }
#container .area .area04{ position:absolute;top: 70px;left: 180px; right: 0; bottom: 0; }
#container .area .area05{position:absolute;    top: 110px;left: 210px;right: 0; bottom: 0;}
#container .area .area06{ position:absolute;    top: 170px;left: 140px;right: 0; bottom: 0;  }

/* -------------------------------------------------------------------------
ねんりんピックカウント数
------------------------------------------------------------------------- */
#container .nenrin-counts{ width:690px; height:150px; margin:0 auto; background:url(../img/countsbg.jpg) no-repeat; background-size:contain;margin-bottom:20px;}
#container .nenrin-counts p#myFormDate{font-size: 5.5em; color:#d1084b;margin:0 0 0 380px;font-weight: bold; line-height:150px;}