@charset "UTF-8";

/* 松山市トップページ画面表示用スタイル130313 */

/* ----------＜＜基本スタイル＞＞---------- */
body {
	margin: 0;
	padding: 0;
}
body#base {
	text-align: center;
	color: #333;
	background-color: #EBE3CB;
	margin: 0;
	padding: 0;
}

/*  ▽背景画像▽  */
div#baseleft {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 958px;
	background-image: none;
	_height: 1%;
}
div#baseright {
	text-align: center;
	margin: 0;
	padding: 0 23px 0 0;
	text-align: left;
	background-color: #FFF;
	background-image: url(/images/bg_shadow.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
	_height: 1%;
}
div#titlebg{
	margin:0;
	padding:0;
	background-color:#FFF;
	background-image:url(/images/h_bg_title.gif);
	background-position:-9px 0;
	background-repeat:repeat-y;
}
div#title{
	float:left;
	margin:0;
	padding:0;
	font-size:1%;
	line-height:1%;
	background-color:transparent;
	background-image:none;
}
div#title h1{
	margin:0;
	padding:0;
}
div#notitle{
	float:right;
	margin:0;
	padding:0;
	background-color:#FFF;
	background-image:none;
	width:850px;
}
/*  ヘッダナビスキップ  */
div#h0top {
	position:absolute;
	top:0;
	left:0px;
	margin: 0px;
	background-color: transparent;
	color: #333;
}
div#noscriptp{
	margin:0;
	padding:5px 10px;
	background-color:#8D6D3B;
	color:#FFF;
	font-weight:bold;
}
a#noscriptp{
	margin:0;
	padding:5px 10px;
	background-color:#8D6D3B;
	color:#FFF;
	font-weight:bold;
}
p#noscriptp{
	margin:0;
	padding:5px 10px;
	background-color:#8D6D3B;
	color:#FFF;
	font-weight:bold;
}

div#blockjump {
    position:absolute;
	top:0;
	left:0;
}
div#blockskip {
	position:absolute;
	background-color:transparent;
	top:5px;
	left:-1px;
    margin: 0;
/*    overflow: visible;*/
    padding: 0;
    width: 0px;
    z-index: 9999;
}
div#blockskip a {
    background-image: none;
	background-color: transparent;/*#A53F2B;*/
    color: #A53F2B;
/*    cursor: default;*/
    display: block;
    float: left;
    font-size: 1%;
    height: 1%;
/*    line-height: 0;*/
    margin: -1px 0 0;
/*    min-width: 980px;*/
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-decoration: none;
	width:1px;
}
div#blockskip a:hover {
    text-decoration: underline;
}
div#blockskip a.show {
	background-color:#A53F2B;
    color: #FFFFFF;
	font-weight:bold;
    cursor: pointer;
    font-size: 93%;
    height: 1.0em;
    line-height: 1;
    margin-top: 0px;
    padding: 5px 0;
    width: 15em;
}
/* ----------＜＜レイアウト及び次階層テンプレート用スタイル＞＞---------- */
/* ヘッダー1行目 */

/*  ヘッダー1行目  */
div#c0wrap1 {
	height: 46px;
	margin: 0px;
	background-image: url(/images/h_bg_obi.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color:#FFF;
	/*min-width:864px;*/
}

div#h0left1 {
	float: left;
	margin:0 0 0 10px;
	padding:5px 0px 7px 0;
	background-color:#FFF;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	width: 540px;
	_margin-left:5px;
}

div#h0left1 a {
	float:left;
	margin: 0;
}
div#h0left1 img {
	float:left;
	margin: 0px 0px 0 5px;
}
div#h0left1 .spacer{
	margin:0;
}
/*div#h0left2 {
	float: left;
	width: 2px;
}*/
div#h0right {
	float: right;
	margin:13px 10px 0 0px;
	padding:0;
	_margin-right:5px;
/*	width: 281px;*/
	height:25px;
}
div#h0right div {
	text-align: right;
	padding: 0 0px 0 0;
	margin-bottom: 6px;
}

/* メインヘッダ検索窓 */
.h0box {
    margin: 2px 0 0 5px;
    padding: 0;
    width: 140px;
}
div#h0right .h0bt02{
	margin:0;
	padding:0;
	font-size:75%;
}
div#h0right form{
	_margin:0px 0px;
	_padding:0;
}

div#h0right span a img{
	margin:0 0 0 5px;
	padding:0;
	vertical-align:middle;
}

/* イメージエリア　グローバルナビエリア */
div#c0wrap2{
	clear:both;
	margin:0;
	padding:0;
	background-color:#3A2909;
	background-image:url(/images/h_bg_header.gif);
	background-repeat:repeat;
	height:285px;
}

/* 130312追加ブランディングエリア画像切替*/
/*div#topimg{
	float:left;
	margin:0;
	padding:0;
	font-size:1%;
	line-height:1%;
}*/
div.blanding {
	float:left;
	margin:0;
	padding:0;
	font-size:1%;
	line-height:1%;
	width:532px;
}
div.blanding h2 {
    margin: 0;
    padding: 0;
}
div#mainimg {
    background-color: transparent;
    border: medium none;
    margin: 0;
    padding: 0;
}
div.featured {
    background-image: none;
    height: 285px;
    margin: 0;
    padding: 0;
	position:relative;
}
div.featured div {
    padding: 0;
}
div.ui-tabs-panel {
    font-size: 1%;
    line-height: 1%;
    margin: 0;
    padding: 0;
}
div.ui-tabs-panel img {
    margin: 0;
    padding: 0;
}
div.ui-tabs-hide {
    display: none;
}
div.featured div.mainimg-btm {
    background-color: transparent;
	border:none;
    margin: 0;
    padding: 5px 10px;
    position: absolute;
	top:267px;
}
div.featured div.mainimg-btm div {
    margin: 0;
    padding: 0;
}
div.featured div.mainimg-btm div div.ichiran-all div {
    padding: 2px 0 0 20px;
}
div.featured ul.ui-tabs-nav {
    background-image: none;
    left: 10px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 130px;
}
div.featured ul.ui-tabs-nav li {
    background-color: transparent;
    background-image: url(/images/t_img_off.gif);
    background-position: 0 0;
    float: left;
    font-size: 1%;
    height: 6px;
    line-height: 1%;
    margin: 0 5px 0 0;
	_margin:0;
    padding: 0;
    width: 18px;
}
div.featured ul.ui-tabs-nav li img {
    margin: 0 5px 0 0;
    padding: 0;
	background-color:transparent;
}
div.featured li.ui-tabs-nav-item a {
    display: block;
}
div.featured li.ui-tabs-nav-item a:hover {
    background: url(/images/t_img_on.gif) no-repeat scroll 0 0 transparent;
}
div.featured li.ui-tabs-selected {
    background: url(/images/t_img_on.gif) no-repeat scroll 0 0 transparent;
}
div.featured ul.ui-tabs-nav li.ui-tabs-selected a {
    background: url(/images/t_img_on.gif) no-repeat scroll 0 0 transparent;
}


/*  ▽グローバルナビ▽  */
div#gnavi{
	float:left;
	margin:0;
	padding:0;
    width: 314px;
}

div#gnavi ul{
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	background-color:transparent;
}
div#gnavi ul li{
	float:left;
	margin:0 1px 0 0;
	padding:0;
	background-image:none;
	position: relative;
}

div#gnavi ul li#gkurashi{
	margin-top:1px;
}
div#gnavi ul li#gshisei{
	margin-top:30px;
}
div#gnavi ul li#gshisetsu{
	margin-top:3px;
}
div#gnavi ul li#gkanko{
	clear:right;
	margin-top:20px;
}

/* 第3階層表示部分
---------------------------- */
ul.gnavi li.parent div.sub {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 230px;
	right: 0;
	width: 385px;
	border: 5px solid #E8E5E0;
	background-color: #FFFFFF;
	z-index: 9999;
	_height: 1%;
}
.gnavi div.sub div {
	margin: 0;
	padding: 0;
}
.gnavi div.sub div ul {
    clear: both;
    color: #1B1B1B;
    margin: 0;
    display:-moz-flex;
    display:-ms-flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding: 10px;
}
.gnavi div.sub div ul li {
    margin: 0;
    padding: 0;
    line-height: 1.58em;
    font-size: 100%;
    text-align: left;
    white-space: normal;
    background-image: none;
    position: relative;
    width: 180px;
    list-style:none;
    _zoom: 1;
    float: left;
}
.gnavi li div.sub ul li a {
    display: block;
    padding: 10px 10px 8px 15px;
    background: #FFFFFF;
    margin: 0 1px 1px 0;
    background-image: url(/images/t_gnavi_ico.gif);
    background-repeat: no-repeat;
    background-position: 0 1.1em;
}

.gnavi div.sub div ul li:nth-child(2n+1) {
	clear: left;
}

/* ------------------------コンテンツ大枠------------------------ */
div#wrap {
	clear:both;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #FFF;
	background-image: none;
	border-top:6px solid #8D6D3B;
	_height: 1%;
	width:850px;
}

div#kinkyu{
	clear:both;
	margin:10px 10px 0 10px;
	padding:1px 1px 5px 1px;
	border:1px solid #900;
}
div#kinkyu h2{
	margin:0;
	padding:5px;
	color:#FFF;
	background-color:#900;
}
div#kinkyu p{
	margin:5px;
	padding:0;
	font-size:90%;
}

div#kinkyu p.pagelinkin {
	clear: both;
	margin: 0 5px 0 20px;
	padding: 0.1em 0 0.1em 0;
	position: relative;
}
div#kinkyu p.pagelinkin img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	top: 0.6em;
	left: -12px;
	_top:0.3em;
}


div#main{
	clear:both;
	margin:0;
	padding:0;
}

div#main-leftcenter{
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:660px;
	_width:661px;
}

div#main-center{
	float:right;
	margin:0px 0 0 0;
	padding:0;
	width:480px;
}

div#main-left{
	float:left;
	margin:0px 0 0 0;
	padding:0;
	width:180px;
}

div#main-right{
	float:right;
	margin:10px 0 0 0;
	padding:0;
	width:180px;
}

/* ------------------------フッター------------------------ */

div#f0wrap {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	background-image:url(/images/c_bg_hasen.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:transparent;
	text-align:left;
	/*min-width:864px;*/
}

div#f0wrap ul#flinkul{
	margin:0;
	padding:2px 10px 2px 10px;
	border-bottom:1px solid #CCC;
	list-style:none;
}

div#f0wrap ul#flinkul li{
	float:left;
	margin: 0 10px 0 0;
	padding: 5px 6px 2px 21px;
	font-size:90%;
	line-height:1.3em;
	background-color: transparent;
	background-image: url(/images/c_icon_linkin.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	list-style-type: none;
	list-style-image: none;
	_height: 1%;
}
div#f1wrap{
	margin:0;
	padding:0;
	background-image:url(/images/f_bg.gif);
	background-repeat:repeat;
}

div#f2wrap{
	clear:both;
	margin:0;
	padding:20px 0 0 0;
	background-image:url(/images/f_shiro.gif);
	background-position:100% 100%;
	background-repeat:no-repeat;
}
div#f2wrap h2{
	float:left;
	margin:0 0 0 20px;
	padding:0;
	font-size:85%;
	background-image:none;
	background-color:transparent;
	border:none;
}
div#f2wrap address{
	float:left;
	clear:right;
	font-size: 85%;
	line-height:1.3em;
	margin: 0px 5px 15px 10px;
	background-color:#F7F7F7;
}
div#f0copy {
	clear:both;
	margin: 0 0 0 0px;
/*	width: 241px; */
	border-bottom:6px solid #8D6D3B;
}
div#f0copy img {
	margin: 0px 0 9px 10px;
}


/* ------------------------▼共通タグの再定義------------------------ */
/*  ▽見出しの再定義▽  */
h4 {
	margin: 0.6em 5px 0.56em 25px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	background-color: #FFF;
}
h5 {
	margin: 0.6em 5px 0.56em 25px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	font-weight: normal;
	color: #333;
	background-color: #FFF;
}
h6 {
	margin: 0.6em 5px 0.56em 25px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	font-weight: normal;
	color: #333;
	background-color: #FFF;
}
img {
	border: none;
}
p {
	margin: 0.5em 0 0.1em 11px;
	padding: 0;
	line-height: 1.4em;
	font-size: 90%;
	color: #333;
	background-color: transparent;
}
ul {
	margin: 0.6em 5px 0.6em 0;
	padding: 0 0 0 14px;
	list-style-type: none;
	list-style-image: none;
}
ol {
	margin: 0.6em 5px 0.6em 26px;
	padding: 0 0 0 15px;
}
li {
	margin: 0.2em 0 0 0;
	padding: 0;
	line-height: 1.4em;
	font-size: 90%;
	color: #333;
	background-color: transparent;
}
ul li {
	padding: 0 0 0 18px;
	background-image: url(/images/c_icon_li.gif);
	background-repeat: no-repeat;
	background-position: 2px 0.4em;
	_height: 1%;
}
dl {
	margin: 0.6em 5px 0.6em 0;
	padding: 0 0 0 12px;
}
dt {
	margin: 0.3em 0 0.3em 0;
	padding: 0;
	line-height: 1.4em;
	font-size: 90%;
	color: #333;
	background-color: transparent;
}
dd {
	margin: 0 0 0.3em 0;
	padding: 0;
	line-height: 1.4em;
	font-size: 90%;
	color: #333;
	background-color: transparent;
}
table.table01 {
	margin: 0.2em 5px 0.2em 10px;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #999;
	font-size: 90%;
	line-height: 1.4em;
}
caption {
	margin-bottom: 3px;
	margin-left: 25px;
	padding: 0;
	line-height: 1.2em;
	text-align: left;
	font-weight: bold;
	color: #333;
	background-color: transparent;
}
th {
	margin: 0;
	padding: 8px;
	border: 1px solid #999;
	color: #333;
	background-color: #F9F2F2;
}
td {
	margin: 0;
	padding: 8px;
	border: 1px solid #999;
	color: #333;
	background-color: #FFF;
}

/* 通常のリンク色 */
a:link {
	color: #0033CC;
}
a:visited {
	color: #880088;
}
a:hover {
	color: #ff0000;
}
a:active {
	color: #ff0000;
}
address {
	font-style: normal;
	margin: 5px 5px 15px 20px;
}

hr {
	display: none;
}

/* ▼各コンテンツ共通クラス */
/* 隠し飛ばしリンク先＆隠し罫線用 */
.echooff {
	display: none;
}
.guidance {
	font-size: 1%;
	line-height: 1%;
	width: 1px;
	height: 1px;
	position:absolute;
	left:-1px;
}

/* 回り込みの解除 */
.newpara {
	clear: both;
}

/* ボックス内floatのclear */
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.clearfix {display: inline-block;}
/* Hides from macIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from macIE */


/* ページリンク内部 */
p.pagelinkin {
    margin: 0.1em 0 0.1em 4px;
    padding: 2px 6px 2px 11px;
	background-color: transparent;
	font-size: 90%;
	position: relative;
	height: auto;
}
p.pagelinkin img {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0.5em;
	left: 0;
	_left: -12px;
}

/* ページリンク外部 */
p.pagelinkout {
    margin: 0.1em 0 0.1em 4px;
    padding: 2px 6px 2px 11px;
	background-color: transparent;
	font-size: 90%;
	position: relative;
	height: auto;
}
p.pagelinkout img {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0.5em;
	left: 0;
	_left: -12px;
}

/* ボタンリンク内部、外部 */
p.pagelinkbtin {
	margin: 0.1em 0 0.1em 8px;
	padding: 4px 0 0 0px;
	background-color: transparent;
	line-height: 1%;
	font-size: 1%;
}
p.pagelinkbtout {
	margin: 0.1em 0 0.1em 8px;
	padding: 4px 0 0 0;
	background-color: transparent;
	line-height: 1%;
	font-size: 1%;
}


ul.norcor {
	margin: 0 0px 0 0;
	padding: 0px 0px 0px 0px; 
	list-style-type: none;
	list-style-image: none;
}
ul.norcor li {
	margin: 0px 0 2px 0;
	padding: 0px 0 1px 12px; 
	background-image: url(/images/c_icon_linkin.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;
	line-height:1.3em;
	font-size: 90%;
	_height: 1%;
}
ul.norcor img {
	vertical-align: middle;
}
/* ------------------------中カラムエリア------------------------ */
/*いざというとき*/
h2#izah2{
	margin:0 0 0 10px;
	padding:0;
	font-size:1%;
	line-height:1%;
}

div#iza{
	margin:0 0 10px 10px;
	padding:0;
	border-top:none;
	background-color:#FFF;
	overflow: hidden;
}

div#iza ul.norcor{
	margin:0;
}
div#iza ul.norcor li{
	background-image: none;
	padding: 0;
	margin: 0;
	float: left;
}
div#iza ul.norcor li + li {
    margin: 0 0 0 7px;
}
/* 検索エリア */
#top_srch {
    background-color: #EEEEEE;
    padding: 10px 7px;
    margin: 0 0 10px 10px;
    border: 1px solid #CCCCCC;
}
#top_srch h2 {
    margin: 0 5px 0 0;
    float: left;
}

#top_srch input#srchInput {
    width: 290px;
    min-height: 20px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
}
#top_srch input#srchBtn {
    width: 63px;
    min-height: 21px;
    background-color: #ECECEC;
    background-image: url(/images/N_t_srch_btn.gif);
    background-repeat: repeat-x;
    background-position: 0 100%;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin: 0 0 0 2px;
    cursor: pointer;
}
.t_search_about {
    margin: .5em 7px 0 0;
    text-align: right;
}
/* トピックスエリア */
div#topics{
	margin:0 0 10px 10px;
	padding:0;
	border:1px solid #CCCCCC;
	background-color:#FFF;
}

div#topics h2{
	margin:0;
	padding:0;
	font-size:1%;
	line-height:1%;
}

div#topics h3{
	clear:both;
	margin:0;
	padding:0;
	font-size:90%;
	display: inline;
}

div#topicsin{
	margin:0;
	padding:8px;
}

div.topicsban1{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCCCCC;
}
p.topictext{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCCCCC;
}

p.img-left{
	float:left;
	margin:0;
	padding:0;
}
p.txt-right{
	float:left;
	margin:0 0 0 5px;
	padding:0;
	line-height:1.2em;
	width:120px;
}
div.topicsban1 div{
	margin:0 0 0 8px;
	padding:0;
}
div.topicsban1 div p{
	margin-top:2px;
	margin-left:0;
	padding-left:0;
	line-height:1.2em;
}
div.topicsban1 p{
	margin:0;
	padding:0;
}


div.topicsban1 p.img-left{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	background-color:#960;
}

div.topicsban2{
	clear:both;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCCCCC;
}

div.topic-left{
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:220px;
}

div.topic-right{
	float:left;
	margin:0;
	padding:0;
	width:220px;
}

div#topicsin ul{
	margin-left:2px;
}

/* 新着情報・募集エリア */

div#news-1 {
	margin: 0;
	clear: both;
}
div#news-2 {
	margin: 0;
	clear: both;
}

div.newsmenu{
	margin:0 0 0 10px;
	padding:0;
	background-image:url(/images/t_bg_newstab.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height:34px;
}
div.newsmenu ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:1%;
}
div.newsmenu ul li{
	float:left;
	margin:0;
	padding:0;
	font-size:1%;
	line-height:1%;
	background-image:none;
}
div.newsmenu ul li.rss{
	float:left;
	margin:0 0 0 5px;
	padding:5px 0;
	font-size:1%;
	line-height:1%;
	background-image:none;
}

div.news-box{
	clear:both;
	margin:0 0 10px 10px;
	padding:10px 0 0 0;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	background-color:#FFF;
}

/*  新着情報一覧用 */
ul.info-list {
	margin: 0px;
	padding: 0px 10px 10px 10px;
	list-style:none;
}
ul.info-list li {
	clear: both;
	margin: 0;
	padding: 0.23em 0 0.23em 0;
	position: relative;
	width: 100%;
	border-bottom: 1px dotted #CCC;
	background-image: none;
}
ul.info-list .date {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	width: 8.4em;
}
ul.info-list li span {
	display: block;
	margin: 0 0 0 8.7em;
	_height: 1%;
}
div.ichiran-all {
	margin: 0 10px 0 20px;
	padding: 0px 0 6px 0;
	text-align: right;
	font-size: 90%;
}
div.ichiran-all a {
	margin: 0;
	padding-left: 10px;
	background-image: url(/images/c_icon_linkin.gif);
	background-repeat: no-repeat;
	background-position: 0 30%;
	_height: 1%;
}

p.noinfo {
	margin: 0 5px 1em 15px;
	padding: 8px 0 25px 10px;
	border-bottom: 1px dotted #999;
	font-size: 90%;
}

div.news-box ul.norcor{
	margin:0 10px 10px;
	padding:0;
}

/* くらしの情報エリア */

div#kurashi{
	margin:0 0 10px 10px;
	padding:1px 1px 10px 1px;
	border:1px solid #644E25;
	background-color:#FFF;
}
div#kurashi h2{
	margin:0;
	padding:0;
	font-size:1%;
	line-height:1%;
}

div#kurashi h3{
	margin:5px;
	padding:0;	
}

ul#lifeul{
	clear:both;
	list-style:none;
	margin:0;
	padding:8px 15px 0;
}

ul#lifeul li{
	float:left;
	margin:0 3px 5px 0;
	padding:0;
	background-image:none;
}

ul#keywordul{
	clear:both;
	list-style:none;
	margin:0;
	padding:5px 0 3px 10px;
}

ul#keywordul li{
	float:left;
	margin:0 0 5px 0;
	padding:0 5px 0 5px;
	border-right:1px solid #CCC;
	background-image:none;
	white-space:nowrap;
}

/* ------------------------左カラムエリア------------------------ */
/*市長の部屋*/
p.top_mayor_img {
    margin: 0;
}

#top_mayor_wp {
    position: relative;
    border: 1px solid #CCCCCC;
}

.top_mayor_link {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 168px;
    background-image: url(/images/t_mayor_link_bg.png);
    padding: 5px 0;
}
.top_mayor_link p.pagelinkin {
    background-image: url(/images/t_mayor_link_icon.png);
    background-repeat: no-repeat;
    background-position: 0 0.5em;
}
div.linkarealeft{
	margin:0 0 10px 10px;
	padding:0;
}
div.linkarealeft p.pagelinkbtin{
	margin-left:0px;
	padding-left:0;
}
div.linkarealeft p.pagelinkbtout{
	margin-left:0px;
	padding-left:0;
}

/*
div.linkarealeft p.pagelinkin {
	margin-left:0px;
	padding-left:0;
}

div.linkarealeft p.pagelinkout {
	margin-left:0px;
	padding-left:0;
}
*/

h2#goikenh2{
	margin:0 0 0 10px;
	padding:0;
	font-size:1%;
	line-height:1%;
}

div#goiken{
	margin:0 0 10px 10px;
	padding:0;
	border:1px solid #CCCCCC;
	border-top:3px solid #8F6F3E;
	background-color:#FFFBF3;
}

div#goiken ul.norcor{
	margin:0;
	padding:5px;
}
div#goiken ul.norcor li{
	background-image:url(/images/c_icon_linkin.gif);
}


h2#benrih2{
	margin:0 0 0 10px;
	padding:0;
	font-size:1%;
	line-height:1%;
}

div#benri{
	margin:0 0 10px 10px;
	padding:0;
	border:1px solid #CCCCCC;
	border-top:3px solid #8F6F3E;
	background-color:#FFFBF3;
}

div#benri ul{
	margin:0;
	padding:5px;
	list-style:none;
}
div#benri ul li{
	margin:0;
	padding:2px 0;
	background-image:none;
	border-bottom:1px dotted #CCC;
	font-size:1%;
	line-height:1%;
}

div#ranking{
	margin: 0 10px 10px 0;
	padding:2px;
	border:1px solid #CCC;
}

div#ranking h2{
	margin:3px 0 0 2px;
	padding:0;
}

div#ranking div{
	margin:5px 2px 2px 2px;
	padding:2px;
	background-color:#F2F2F2;
	background-image:url(/images/t_bg_ninki.gif);
	background-repeat:repeat;
}

div#ranking div p{
	position:relative;
	margin:0 0 5px 0;
	padding:0 0 0 25px;
	font-size:90%;
}

div#ranking div p img{
	position:absolute;
	top:0.2em;
	left:3px;
	_top:0;
	_left:-22px;
}


/* ------------------------右カラムエリア------------------------ */
/*プロモーション*/
#top_prom {
    border: 1px solid #CCCCCC;
    margin: 0 10px 10px 0;
    font-size: 75%;
}

h2.top_prom_title {
    margin: 0;
    padding: 0;
}

.top_prom_con {
    padding: 8px 5px;
    overflow: hidden;
}

span.top_prom_text {
    /* display: inline-block; */
    float: left;
    width: 122px;
    /* vertical-align: middle; */
    margin: 0 0 0 3px;
    text-decoration: underline;
    line-height: 1.5em;
}

.top_prom_con img {
    display: block;
    float: left;
    width: 32px;
    vertical-align: middle;
}
/**/
div#doga{
	margin:0 10px 10px 0;
	padding:0 0 5px 0;
	background-image:url(/images/t_bg_douga.gif);
	background-position:top;
	background-repeat:repeat-x;
	border:1px solid #999999;
	background-color:#FFF;
}

div#doga h2{
	margin:2px 7px 0 7px;
	padding:0;
}

div#doga p.dogatxt{
	margin:0;
	padding:2px 11px 0;
}


div.linkarearight{
	margin:0 10px 10px 0;
	padding:0;
}
div.linkarearight p.pagelinkbtin{
	margin-right:0px;
	margin-left:0px;
	padding-right:0;
}
div.linkarearight p.pagelinkbtout{
	margin-right:0px;
	margin-left:0px;
	padding-right:0;
}

h2#kankoh2{
	margin:0 10px 0 0;
	padding:0;
	font-size:1%;
	line-height:1%;
}

div#kanko{
	margin:0 10px 10px 0;
	padding:2px 0 5px 0;
	border:1px solid #CCCCCC;
	border-top:3px solid #728635;
	background-color:#F8FFF1;
}

div#kanko p.pagelinkbtin{
	margin-left:4px;
}
div#kanko p.pagelinkbtout{
	margin-left:4px;
}

div#zoomarea{
	margin: 0 0 5px 10px;
	padding:5px;
	border:1px solid #CCC;
	text-align:center;
}

div#zoomarea div{
	margin:0;
	padding:5px 0 0 0;
}
div#zoomarea p.zoom-link{
	clear: both;
	margin: 0 0 0 0px;
	padding: 0;
	font-size:80%;
}
div#zoomarea p.zoom-link img{
	margin:0;
	padding: 0.15em 5px 0 0;
}

div#mobile{
	margin: 0 0 10px 10px;
	padding:0;
	text-align:center;
}

div#mobile p{
	margin:0;
	padding:0;
}

/* ------------------------関連サイトエリア------------------------ */
div#kanrenwrap {
	clear:both;
	margin: 0 0px 0;
	padding: 20px 10px 0;
	text-align: left;
	background-color: #FFF;
	_height: 1%;
}

div#kanren {
	clear: both;
	margin: 0;
	padding: 3px;
	border: 1px solid #CCC;
	background-color:#F2F2F2;
}

div#kanren h2{
	margin:0;
	padding:0;
	border-bottom: 6px solid #FFF;
}

div#kanren p img {
	margin: 0 0 0 0;
	padding: 0 6px 0 4px;
	vertical-align: middle;
}
ul.kanren-box2 {
	margin: 0 0 0 0;
	padding: 5px 0px 10px 5px;
	list-style:none;
}
ul.kanren-box2 li.kanrenlinkin {
	float: left;
	margin: 0 0 0 0;
	padding: 8px 5px 0px 5px;
	font-size: 1%;
	line-height: 1%;
	background-image:none;
}
ul.kanren-box2 li.kanrenlinkout {
	float: left;
	margin: 0 0 0 0;
	padding: 8px 5px 0px 4px;
	font-size: 1%;
	line-height: 1%;
	background-image:none;
}
ul.kanren-box2 li img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
ul.kanren-box2 li:nth-child(5n+1) {
clear: left;
}

/* ------------------------広告エリア------------------------ */
div#adwrap {
	clear:both;
	margin: 0 0px 0;
	padding: 20px 10px 0;
	text-align: left;
	background-color: #FFF;
	_height: 1%;
}

div#ad {
	clear: both;
	margin: 0;
	padding: 3px;
	border: 1px solid #CCC;
}
div#ad-title {
	margin: 0;
	padding: 4px 0 6px 0;
	border-bottom: 6px solid #E6E6E6;
}
div#ad-title h2 {
	float: left;
	margin: 0;
	padding: 0;
}
div#ad-title p {
	float: right;
	margin: 0;
	padding: 0 5px 0 16px;
	font-size: 90%;
	line-height: 1;
	background-image: url(/images/c_icon_linkin.gif);
	background-repeat: no-repeat;
	background-position: 6px 3px;
}
div#ad p img {
	margin: 0 0 0 0;
	padding: 0 6px 0 4px;
	vertical-align: middle;
}
ul.ad-box2 {
	margin: 0 0 0 0;
	padding: 5px 0px 10px 5px;
	list-style:none;
}
ul.ad-box2 li {
	float: left;
	margin: 0 0 0 0;
	padding: 8px 5px 0px 5px;
	font-size: 1%;
	line-height: 1%;
	background-image:none;
}
ul.ad-box2 li img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
ul.ad-box2 li:nth-child(5n+1) {
clear: left;
}

/*  ------------------------緊急災害用トップページ共通------------------------  */
div#baseallkinkyu h2 {
	margin: 1.2em 10px 0.56em 0;
	padding: 0 0 0 20px;
	font-size: 100%;
	line-height: 1.5em;
	color: #333;
	background-image: url(/images/em_icon_h.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	_height: 1%;
}
ul.menulist li {
	padding: 0 0 0 2px;
	background-image: none;
}

/* ▽お気に入り▽ */
div#lobookmark {
	clear: both;
	margin: 0px 0 10px 10px;
	padding: 0 0 5px 0;
	border: 1px solid #ADADAD;
	background-color: #FFF;
}
div.bookmarkbox {
	margin: 0 1px 0 1px;
	padding: 0;
	background-color: #E8E8E8;
	background-image: url(/images/c_bg_snavi_okiniiri.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	height: 30px;
}
div#lobookmark div.lobgbox {
	background-image: url(/images/c_bgline_snavi_gray_bottom.gif);
}
div#lobookmark div.bookmarkbox h2 {
	float: left;
	margin: 1px 0 0 3px;
	padding: 0;
	font-size: 90%;
	color: #333333;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	border:none;
	width: 100px;
	height: 28px;
}
div.bookmarkbox h2 span {
	display: block;
	padding: 7px 5px 2px 5px; 
}
div.bookmarkbox h2 img {
	margin: 4px 0 0 2px;
}
/*div#lobookmark div.bookmarkbox p {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	width: 50px;
	background-color: transparent;
}*/
div#lobookmark div.bookmarkbox p {
	float: right;
	margin: 0;
	padding: 0;
	width: 50px;
	background-color: transparent;
}
div#lobookmark div.bookmarkbox p img {
	/*margin: 3px 3px 0 5px;*/
	margin: 3px 3px 0 5px;
}
div#lobookmark ul {
	margin: 0;
	padding: 8px 0 0 0;
	background-color: transparent;
}
div#lobookmark li {
	margin: 0;
	padding: 3px 4px 3px 24px;
	background-color: transparent;
	<!--background-image: url(/images/c_icon_li_arrow.gif);-->
	background-image: url(/images/c_icon_linkin.gif);
	background-repeat: no-repeat;
	background-position: 10px 0.7em;
	_height: 1%;
}
div#lobookmark p {
	margin: 8px 4px 5px 8px;
	padding: 0;
	font-size: 84%;
	text-align: left;
	background-color: transparent;
}
div#lobookmark p img {
	margin: 0 0 0 5px;
	padding: 0;
}
div#lobookmark div.center {
	margin: 6px 0 0 0;
	padding: 0 0 4px 0;
	text-align: center;
}

/* ------------------------お気に入り部分------------------------ */
/* prompt */
.jqifade{
	position: absolute;
	background-color: #aaaaaa;
}
div.jqi{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 95%;
	text-align: left;
	border: outset 3px #aaaaaa;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
}
div.jqi .jqicontainer{
	font-weight: bold;
}
div.jqi .jqiclose{
	position: absolute;
	top: 4px;
	right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}
div.jqi .jqimessage{
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	color: #444444;
	offset: 0;
}
div.jqi .jqimessage h3{
	margin: 0px;
	padding: 7px 7px 3px 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	background: #555555;
	color: #ffffff;
	font-size: 105%;
}
div.jqi .jqimessage .jqi_messagebody{
	margin: 10px;
}
div.jqi .jqibuttons{
	text-align: right;
	padding: 5px 0 5px 0;
	border: solid 1px #eeeeee;
	background-color: #f4f4f4;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}
div.jqi button{
	padding: 3px 10px;
	margin: 0 10px;
	background-color: #2F6073;
	border: solid 1px #f4f4f4;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
}
div.jqi button:hover{
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
	background-color: #BF5E26;
}
#myMenuPromptError{
	font-weight: bold;
	color: #ff0000;
}