@charset "UTF-8";

/* 画面表示用スタイル */

/* ------------------------基本設定------------------------ */
body {
	margin: 0;
	padding: 0;
	font-family : Arial, sans-serif;
	color: #333;
	background-color: #FFF;
}
body#base {
	text-align: center;
}
div#basebgall {
	margin: 0;
	padding: 0;
	border-top: 5px solid #00782A;
	background-color: #FFFFFF;
	background-image: url(/images/c_bg_all.gif);
	background-repeat: repeat-x;
	_height: 1%;
}
div#basebg {
	margin: 0;
	padding: 0;
	min-width:960px;
	_height: 1%;
}
div#basewrap {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 960px;
}

div.img-area a {
	text-decoration: none;
}

/* ------------------------ヘッダー------------------------ */
div.h0wrap {
	margin: 0;
	padding: 0;
}
h1#h0left {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	height: 100px;
}
h1#h0left img {
	margin: 20px 0 0 10px;
	padding: 0;
}
div.h0right {
	float: right;
	margin: 0;
	padding: 11px 0 0 0;
	white-space: nowrap;
	width: 617px;
}
div.h0head {
	float: right;
	margin: 0;
	padding: 0;
	width: 617px;
}

/* formmail用 */
div.h0headform {
	float: right;
	margin: 0;
	padding: 0;
	width: auto;
	height: 35px;
}

/* multilingual */
div#multi {
	float: right;
	margin: 0;
	padding: 0;
}

ul.multiheadlist {
	float: left;
	margin: 0;
	padding: 0;
}
ul.multiheadlist li {
	float: left;
	margin: 0;
	padding: 3px 5px 0 0;
	font-size: 90%;
	line-height: 1%;
	background-color: transparent;
	background-image: url(../images/c_icon_multihead.gif);
	background-repeat: no-repeat;
	background-position: 0px 1.0em;

}

div.mozi_height {
	padding: 5px 0 0 0;
}

div.mozi_height a{
	text-decoration: none;
	color: #000000 ;
}

span.mozi{
	font-size: 80%;
}

ul.multiheadlist li p {
	padding: 0 0 0 10px;
	font-size: 90%;
	line-height: 1.5em;
	text-decoration: none;

}


ul.multiheadlist li a:link {
	text-decoration: none;
	
}



/* ヘッダーナビ */
ul.headlist {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 410px;
}
ul.headlist li {
	float: left;
	margin: 0;
	padding: 3px 5px 0 0;
	font-size: 90%;
	line-height: 1%;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 0.4em;
}





/* ヘッダー検索 */
div#search {
	float: right;
	margin: 0;
	padding: 2px 0 2px 0;
	background-color: #FFFFFF;
	width: 206px;
}
form#SSF {
	margin: 0;
	padding: 0;
}
form#SSF div {
	float: left;
	margin: 0;
	padding: 0;
	height: 22px;
	position: relative;
	z-index: 200;
	text-align: left;
}
form#SSF input#query {
	margin: 0 0 0 1px;
	padding: 1px 0 0 3px;
	font-size: 90%;
	border: 1px solid #00782A;
	width: 151px;
	height: 18px;
}
form#SSF input.fedbt {
	margin: 0 0 0 2px;
	padding: 0 0 0 0;
	width: 43px;
	height: 21px;
	font-size: 86%;
	line-height: 110%;
	color: #FFFFFF;
	font-weight: bold;
	border: solid 1px #00782A;
	background-color: #00782A;
	background-image: url('/images/c_btbg_submit.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
	cursor: hand;
	_margin-top: 1px;
	_padding-top: 1px;
}


/* ------------------------グローバルナビ------------------------ */
div#gnb {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 60px;
	width: 960px;
}
div#gnb ul.gnavi {
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
}
div#gnb ul.gnavi li.parent {
	float: left;
	width: 191px;
	height: 50px;
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
	background-color: transparent;
	background-image: url(../images/gnb.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	border-right: 1px solid #ffffff;
}

div#gnb span {
	font-weight: bold;
	font-size: 140%;
	text-align: center;
	color: #ffffff;
	line-height: 2.5em;
	display: block;
	margin: 2px 0 0 0;
}


div#gnb ul.gnavi li.parent a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;

}
div#gnb ul.gnavi li.parent div.sub {
	margin: 0;
	padding: 5px 3px 5px 3px;
	position: absolute;
	top: 40px;
	left: 0;
	width: 368px;
	border: 5px solid #E8E4DF;
	background-color:#FFF;
	display: none;
}
div#gnb ul.gnavi li.parent div#sub2 div.sub {
	left: -100%;
}
div#gnb ul.gnavi li.parent div#sub3 div.sub {
	left: -203%;
}
div#gnb ul.gnavi div.sub ul {
	clear:both;
	margin: 0;
	padding: 0 0 5px 0;
	background-color: transparent;
}
div#gnb ul.gnavi div.sub ul li {
	float:left;
	margin: 0;
	padding: 3px 0 0 0;
	text-align: left;
	width: 49.6%;
	background-color: transparent;
	background-image: none;
	white-space: normal;
	zoom: 1;
}
div#gnb ul.gnavi li .sub ul li a {
	display: block;
	padding: 3px 5px 0px 20px;
	background-color: transparent;
	background-image: url(/images/c_icon_inlink.gif);
	background-repeat: no-repeat;
	background-position: 6px 0.8em;
}

div#gnb ul.gnavi li .sub ul li a:hover {
	background-color: #E8E4DF;
	background-image: url(/images/c_icon_inlink.gif);
}


/* ------------------------コンテンツ大枠------------------------ */
/* 上部 */
div.wrap-t {
	clear: both;
	margin: 8px 0 0 0;
	padding: 0;
	text-align: left;
	height:330px;
}
div.t-left {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 264px;
	text-align: left;
}
div.t-right {
	float: left;
	margin: 0;
	padding: 20px 0 0 0;
	width: 696px;
}

/* 下部 */
div.wrap-b {
	clear:both;
	margin: 0;
	padding: 0;
	text-align: left;
}
div.b-left {
	float: left;
	margin: 0;
	padding: 23px 0 0 0;
	width: 264px;
}
div.b-center {
	float: left;
	margin: 0;
	padding: 23px 0 0 0;
	width: 460px;
}
div.b-right {
	float: left;
	margin: 0;
	padding: 0;
	width: 236px;
}

/* ------------------------フッター------------------------ */
/* このページの上へ戻る */
div.tothispage {
	clear: both;
	float: right;
	margin: 1em 0 0 0;
	padding: 2px 2px 0 20px;
	line-height: 1.2em;
	font-size: 90%;
	text-align: right;
	background-image: url(/images/c_icon_pagetop.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	_height: 1%;
}
div.tothispage img {
	margin: 0;
	padding: 0;
}

/* フッター */
div.f0bgwrap {
	clear: both;
	margin: 0;
	padding: 9px 0 0 0;
	text-align: left;
	background-color: #E5FFE1;
	background-image: url(/images/c_footer_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-top: 2px solid #00782A;
}
div.f0wrap {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 960px;
}

div.foot {
	clear: both;
	border: none;
	background-image: none;
	background-color: transparent;
	position: relative;
}

div.foot_box {
	position: absolute;
	bottom: 0px;
}

span.foot_text {
	margin: 0 0 0 40px;
	font-size: 1.2em;
	font-style: normal;
}

div.add {
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 0 12px 0;
}
div.add h2 {
	clear: none;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background-image: none;
}
div.add p.pagelinkin {
	clear: none;
	float: left;
	margin: 0;
	padding: 2px 0 0 20px;
}
address {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 40px;
	color: #333;
	font-style: normal;
	font-size: 90%;
	line-height: 1.5em;
	background-color: transparent;
}
address img {
	margin: 0 0 0 8px;
	padding: 0;
	vertical-align: middle;
}

/* ガイダンスリンク */
ul.footlist {
	border-top: 1px dotted #00782A;
	border-bottom: 1px dotted #00782A;
	margin: 5px 0 0 0;
	padding: 5px 0 5px 0;
	width: 55%;
	background-color: transparent;
}
ul.footlist li {
	float: left;
	margin: 0 0 3px 0;
	padding: 0 8px 0 8px;
	font-size: 90%;
	line-height: 120%;
	border-right: 1px solid #333333;
	background-color: transparent;
	background-image: none;
	white-space: nowrap;
}

/* コピーライト */
div#f0bgcopy {
	clear: both;
	margin: 0;
	padding: 0 0 0 0;
	background-color: #00782A;
}
div#f0copy {
	margin: 0 auto 0 auto;
	padding: 5px 0 5px 0;
	width: 960px;
	color: #FFF;
	font-size: 1%;
	line-height: 1%;
	text-align: center;
}

/* ------------------------ 共通タグの基本定義 ------------------------ */
img {
	border: none;
}
hr {
	display: none;
}
p {
	margin: 0.56em 0 0.1em 10px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	color: #333;
	background-color: transparent;
}
ul {
	margin: 0.7em 5px 0.7em 0;
	padding: 0 0 0 8px;
	list-style-type: none;
	list-style-image: none;
}
ol {
	margin: 0.7em 5px 0.7em 28px;
	padding: 0 0 0 10px;
}
li {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	color: #333;
	background-color: transparent;
}
ul li {
	padding: 0 0 0 18px;
	list-style-type: none;
	list-style-image: none;
	background-image: url(/images/c_icon_li.gif);
	background-repeat: no-repeat;
	background-position: 4px 0.5em;
	_height: 1%;
}
li.pagelinkout img {
	margin: 0;
	padding: 0;
	height: 1em;
}
dl {
	margin: 0.7em 5px 0.7em 0;
	padding: 0 0 0 10px;
}
dt {
	margin: 0.56em 0 0.56em 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	color: #333;
	background-color: transparent;
}
dd {
	margin: 0 0 0.56em 0;
	padding: 0;
	line-height: 1.5em;
	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 #CBCCCC;
	font-size: 90%;
	line-height: 1.4em;
}
caption {
	margin-bottom: 3px;
	margin-left: 0;
	padding: 0;
	line-height: 1.2em;
	text-align: left;
	font-weight: bold;
	color: #333;
	background-color: transparent;
}
th {
	margin: 0;
	padding: 4px;
	border: 1px solid #CBCCCC;
	color: #000000;
	background-color: #E5FFE1;
	text-align: left;
}
td {
	margin: 0;
	padding: 4px;
	border: 1px solid #CBCCCC;
	color: #333;
	background-color: #FFFFFF;
}
table.table01 p {
	margin: 0;
	font-size: 100%;
	background-color: transparent;
	line-height: 1.4em;
}
table.table01 li {
	background-color: transparent;
}
table.table01 ul li {
	font-size: 100%;
	line-height: 1.4em;
}


/* テーブル『th』文字色再指定 */
th p,
th span.text-color-red,
th span.text-color-green,
th strong.text-color-red,
th strong.text-color-green {
	color: #E5FFE1;
}

/* テーブル『th』のリンク色 */
th a:link {
	color: #E5FFE1;
}
th a:visited {
	color: #D0D0FF;
}
th a:hover {
	color: #FFC0C0;
}
th a:active {
	color: #D0D0FF;
}

/* 表取り込み（Excel）の外枠と追記欄 */
.t-box {
	margin: 0.56em 0 0.56em 0;
}
.t-box p {
	margin: 0.14em 10px 0.14em 10px;
	padding: 0;
}

/* 表の外枠と追記欄 */
.t-box2 {
	margin: 0.56em 0 0.56em 0;
}
.t-box2 p {
	margin: 0.14em 5px 0.14em 10px;
	padding: 0;
}

/* 通常のリンク色 */
a:link {
	color: #0033cc;
}
a:visited {
	color: #880088;
}
a:hover {
	color: #cc0000;
}
a:active {
	color: #cc0000;
}

/* HTML取り込み枠 */
div.insertfile {
	margin: 0.8em 0 1.2em 0;
	padding: 0;
}

/* 隠し飛ばしリンク先＆隠し罫線用 */
.echooff {
	display: none;
}
.guidance {
	clear: both;
	font-size: 1%;
	line-height: 1%;
	width: 1px;
	height: 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.56em 10px 0.1em 9px;
}*/

/* 外部ページリンクスタイル */
/*p.pagelinkout {
	margin: 0.56em 10px 0.1em 8px;
}*/

/* 画像リンク　1個 */
/*p.imglink {
	margin: 10px 0 10px 11px;
	padding: 0;
}*/


/* 画像リンク（センター） */
p.pagelinkbt-c {
	clear: both;

	padding-top: 0.5em;
	padding-bottom: 0.25em;
	text-align: center;
	font-size: 90%;
	color: #555555;
}

/* 画像リンク（左　文章回りこみ無し） */
p.pagelinkbt-l {
	clear: both;
	float: left;
	padding-bottom: 0.25em;
	color: #555555;
	text-align: center;
	font-size: 90%;
	_margin-left: 5px;
}

/* 画像リンク（右　文章回りこみ無し） */
p.pagelinkbt-r {
	clear: both;
	float: right;
	padding-bottom: 0.25em;
	padding-left: 5px;
	color: #555555;
	text-align: center;
	font-size: 90%;
	_margin-left: 5px;
}

/* 画像リンク　1個 */
div.wardbox p.imglink {
	line-height: 1%;
	font-size: 1%;
}

/* 画像リンク　2個横並び */
p.imglink-side2 {
	float: left;
	margin: 15px 0 10px 36px;
	padding: 0 0 0.25em 0;
	text-align: center;
}
.imglink-side2 img {
	margin: 0;
}
.imglink-side2 span {
	display: block;
	margin: 0 15px 0 10px;
}



/* 内部ページリンクスタイル */
p.pagelinkin {
	clear: both;
	margin: 0.56em 10px 0.1em 11px;
	padding: 0 0 2px 25px;
	background-image: url(/images/c_icon_inlink.gif);
	background-repeat: no-repeat;
	background-position: 1px 0.16em;
	line-height: 1.4em;
	_height: 1%;
}

/* 外部ページリンクスタイル */
p.pagelinkout {
	clear: both;
	margin: 0.56em 10px 0.1em 11px;
	padding: 0 0 2px 25px;
	background-image: url(/images/c_icon_outlink.gif);
	background-repeat: no-repeat;
	background-position: 1px 0.16em;
	line-height: 1.4em;
	_height: 1%;
}

/* リンク説明用スタイル */
p.linktxt {
	margin: 0.1em 10px 0.56em 10px;
	padding: 0;
}


/* コーナー用 */
ul.norcor {
	margin: 0.7em 5px 0.7em 0;
	padding: 0 0 0 11px;
}
ul.norcor li {
	margin: 0.2em 0 0 0;
	padding: 3px 0 1px 18px;
	background-image: url(/images/c_icon_inlink_green.gif) !important;
	background-repeat: no-repeat;
	background-position: 3px 0.75em;
	_height: 1%;
}
ul.norcor img {
	vertical-align: middle;
}


/* 隠しメッセージ */
p.jsmessage {
	margin: 4px;
	padding: 0;
}

/* 隠しジャンプ */
div.blockjump img {
	display: none;
}
#blockskip {
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 0%;
	line-height: 1px;
	color: #C5DBEA;
	width: 1px;
	height: 0;
	background: transparent;
}
#blockskip a {
	color: transparent;
	color: #C5DBEA;
	_height: 1%;
}
.show {
	padding: 5px;
	display: block;
	font-size: 0%;
	font-weight: bold;
	line-height: 1em;
	color: #C5DBEA;
	width: 12em;
	height: 1em;
	background-color: #225599;
}


/* ------------------------上部左エリア------------------------ */
/* 早引きインデックス */
div.hayabikibox {
	clear: both;
	margin: 0 0 0 10px;
	width: 254px;
}
div.hayabikibox h2 {
	margin: 0;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
	border: none;
}
div.hayabikibox ul {
	margin: 0;
	padding: 2px 0 7px 0;
	border-right: 2px solid #00782A;
	border-left: 2px solid #00782A;
	border-bottom: 2px solid #00782A;
}
div.hayabikibox ul li {
	float: left;
	margin: 0;
	padding: 5px 0 0 10px;
	background-image: none !important;
}
/*  早引きテキスト-------  */
div.hayabiki_titlebox {
	width:250px;
	position: absolute;
	left: 50px;
	bottom: 2px;
}

span.hayabiki_titletext {
	color: #ffffff;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
/*  text-shadow: 1px 1px 0px #379467, -1px 1px 0px #379467, 1px -1px 0px #379467, -1px -1px 0px #379467;  */
}
/*  早引きできごとテキスト-------  */
div.dekigoto_01box {
	width: 65px;
	height: 35px;
	position: absolute;
	bottom: 8px;
	margin: 0 0 0 45px;
}

span.dekigoto_01text {
	color: #379467;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 85%;
	font-style: normal;
	line-height: 18px;
}
div.dekigoto_02box {
	width: 65px;
	height: 35px;
	position: absolute;
	bottom: 8px;
	margin: 0 0 0 45px;
}

span.dekigoto_02text {
	color: #f16058;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 85%;
	font-style: normal;
	line-height: 18px;
}
div.dekigoto_03box {
	width: 65px;
	height: 35px;
	position: absolute;
	bottom: 8px;
	margin: 0 0 0 45px;
}

span.dekigoto_03text {
	color: #2a6b9f;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 85%;
	font-style: normal;
	line-height: 18px;
}
div.dekigoto_04box {
	width: 65px;
	height: 35px;
	position: absolute;
	bottom: 8px;
	margin: 0 0 0 55px;
}

span.dekigoto_04text {
	color: #ff9e4f;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 85%;
	font-style: normal;
	line-height: 18px;
}
div.dekigoto_05box {
	width: 60px;
	height: 35px;
	position: absolute;
	bottom: 7px;
	margin: 0 0 0 47px;
}

span.dekigoto_05text {
	color: #cc6685;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 85%;
	font-style: normal;
	line-height: 18px;
}
div.dekigoto_06box {
	width: 60px;
	height: 35px;
	position: absolute;
	bottom: 8px;
	margin: 0 0 0 40px;
}

span.dekigoto_06text {
	color: #9a0e23;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 85%;
	font-style: normal;
	line-height: 18px;
}
div.dekigoto_07box {
	width: 65px;
	height: 35px;
	position: absolute;
	bottom: 8px;
	margin: 0 0 0 45px;
}

span.dekigoto_07text {
	color: #9966cc;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 85%;
	font-style: normal;
	line-height: 18px;
}
div.dekigoto_08box {
	width: 65px;
	height: 35px;
	position: absolute;
	bottom: 8px;
	margin: 0 0 0 45px;
}

span.dekigoto_08text {
	color: #333333;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 85%;
	font-style: normal;
	line-height: 18px;
}


/* ------------------------上部右エリア------------------------ */
div#mainimg {
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	width: 676px;
	position:relative;
}

/* メイン画像切り替え用画像 */
div.featured {
	margin: 0;
	padding: 0;
}
div.ui-tabs-panel {
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
}
div.ui-tabs-panel img {
	margin: 0;
	padding: 0;
}
div.ui-tabs-hide {
	display: none;
}

/* メイン画像切り替え用リスト */
div.featured ul.ui-tabs-nav{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	width: 117px;
	position: absolute;
	top: 290px;
	left: 539px;
	background-image: url(/images/t_bg_brand.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}
div.featured ul.ui-tabs-nav li{
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	float: left;
	background-color: transparent;
	background-image: none;
}
div.featured ul.ui-tabs-nav li img{
	margin: 0 5px 0 0;
	padding: 0;
}
div.featured li.ui-tabs-nav-item a{
	display: block;
}
div.featured li.ui-tabs-nav-item a:hover{
	background: url('/images/t_bt_brand.gif') 0 0 no-repeat;
}
div.featured li.ui-tabs-selected{
	background: url('/images/t_bt_brand.gif') 0 0 no-repeat;
}
div.featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background: url('/images/t_bt_brand.gif') 0 0 no-repeat;
}


/* ------------------------下部左エリア------------------------ */

/* いざというときは、便利情報、イベカレ、ご意見・お問い合わせ */
div.iza,
div#benri,
div#evcal,
div#toiawase {
	clear: both;
	margin: 0 0 20px 10px;
	padding: 0 0 10px 0;
	width: 250px;
	border: 2px solid #c2c2c2;
	background-color: transparent;
	background-image: none;
}
div.iza h2,
div#benri h2,
div#evcal h2,
div#toiawase h2 {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #c2c2c2;
	background-color: transparent;
	background-image: none;
}
div.iza p.pagelinkin {
	background-image: url(/images/c_icon_inlink_red.gif);
}

div.iza p.pagelinkout {
	background-image: url(/images/c_icon_outlink_red.gif);
}

div#benri p.pagelinkin,
div#toiawase p.pagelinkin {
	background-image: url(/images/c_icon_snavi_li.gif);
	border-bottom: 1px dotted #c2c2c2;
}

div#benri p.pagelinkout,
div#toiawase p.pagelinkout {
	background-image: url(/images/c_icon_outlink.gif);
	border-bottom: 1px dotted #c2c2c2;
}

div.iza p.pagelinkbt-c {
	clear: both;
	margin-left : 30px;
	text-align: center;
	font-size: 90%;
	color: #555555;
	width: 188px;
}

div.overlay {
	position: relative;
} 

div.textbox {
	position: relative;
}

/*  いざというときは-------  */
div.iza_titlebox {
	width:250px;
	position: absolute;
	left: 22px;
	bottom: 5px;	
}

span.iza_titletext {
	color: #ffffff;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 1em;
	font-style: normal;
}

/*  Jアラートの文字-------  */
div.j-arabox1 {
	width:188px;
	position: absolute;
	text-align: center;
	bottom: 25px;
	margin-left: 30px;
}

span.j-aratext1 {
	color: #ffffff;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 16px;
	font-style: normal;
}
div.j-arabox2 {
	width:188px;
	position: absolute;
	text-align: center;
	bottom: 10px;
	margin-left: 30px;
}

span.j-aratext2 {
	color: #ffffff;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 13px;
	font-style: normal;
}
div.j-ara_area {
	width:188px;
	text-align: center;
	bottom: 25px;	
}

/*  防災無線テレホンの文字-------  */
div.bousaibox1 {
	width:188px;
	position: absolute;
	text-align: center;
	bottom: 30px;
	margin-left: 30px;
}

span.bousaitext1 {
	color: #000000;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 14px;
	font-style: normal;
}
div.bousaibox2 {
	width:188px;
	position: absolute;
	text-align: center;
	bottom: 11px;
	margin-left: 30px;
}

span.bousaitext2 {
	color: #000000;
	padding: 0 0 0 20px ;
	font-family: "メイリオ",Arial ;
	font-size: 14px;
	font-style: normal;
}
div.bousai_area {
	width:188px;
	text-align: center;
	bottom: 25px;	
}

/*  便利情報-------  */
div.benribox {
	width:250px;
	position: absolute;
	left: 22px;
	bottom: 3px;	
}

span.benri_text {
	color: #ffffff;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 1em;
	font-style: normal;
}

/*  イベントカレンダー-------  */
div.evcalbox {
	width:250px;
	position: absolute;
	left: 22px;
	bottom: 3px;	
}

span.evcal_text {
	color: #ffffff;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: ;
	font-style: normal;
}

/*  ご意見・お問い合わせ-------  */
div.toiawasebox {
	width:250px;
	position: absolute;
	left: 22px;
	bottom: 3px;	
}

span.toiawase_text {
	color: #ffffff;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 1em;
	font-style: normal;
}


/*  テーブル（カレンダー）  */
div#top_event_calendar table {
	clear: both;
	margin: 10px 0 0 20px;
	padding: 0;
	width: 210px;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	color: #444444;
	font-size: 80%;
	line-height: 130%;
	text-align: center;
}
div#top_event_calendar caption {
	margin: 0;
	padding: 5px 0 5px 0;
	font-weight: normal;
	line-height: 1.2em;
	text-align: center;
	color: #444444;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	background-color: #ededed;
}
div#top_event_calendar th {
	margin: 0;
	padding: 5px 0 5px 0;
	border: 1px solid #CCCCCC;
	background-color: #ededed;
	font-weight: normal;
	text-align: center;
}
div#top_event_calendar th.sunday {
	color: #9C0808;
	font-weight: bold;
}
div#top_event_calendar th.saturday {
	color: #014BA9;
	font-weight: bold;
}
div#top_event_calendar td {
	margin: 0;
	padding: 5px 0 5px 0;
	border: 1px solid #CCCCCC;
	width: 14.28%;
}
div#top_event_calendar td.sun {
	color: #C00909;
}
div#top_event_calendar td.sun a {
	color: #C00909;
}

div#top_event_calendar td.holi {
	color: #C00909;
}
div#top_event_calendar td.holi a {
	color: #C00909;
}

div#top_event_calendar td.sat {
	color: #095DDA;
}
div#top_event_calendar td.sat a {
	color: #095DDA;
}
div#top_event_calendar td.today {
	background-color: #daffbc;
}

div#evcal p.pagelinkin {
	background-image: url(/images/c_icon_snavi_li.gif);
}

div#evcal p.pagelinkout {
	background-image: url(/images/c_icon_outlink.gif);
}













































/* ------------------------下部中央エリア------------------------ */
/* 緊急情報 */
div#kinkyu {
	clear: both;
	margin: 0 0 20px 20px;
	padding: 0 0 10px 0;
	width: 440px;
	border: none;
	background-image: none;
	background-color: transparent;
}

div#kinkyu h2 {
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	border: none;
	background-image: url(/images/c_bg_top_kinkyu.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
div.kinkyu-txt {
	margin: 0;
	padding: 0 0 7px 0;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
div.kinkyu-txt p {
	margin: 0.56em 6px 0.1em 10px;
}
div.kinkyu-txt a.innerLink {
	margin: 0;
	padding: 3px 6px 3px 22px;
	line-height: 1.5em;
	background-image: url(/images/c_icon_inlink_red.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.3em;
	_height: 1%;
}
div.kinkyu-txt a.externalLink {
	margin: 0;
	padding: 3px 6px 3px 21px;
	line-height: 1.5em;
	background-image: url(/images/c_icon_outlink_red.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.2em;
	_height: 1%;
}
div.kinkyu-txt p.pagelinkbt {
	margin: 0 0 0 10px;
	padding: 3px 0 3px 0;
	font-size: 1%;
	line-height: 1%;
}
div.kinkyu-txt ul {
	margin: 0.7em 5px 0.7em 0;
	padding: 0 0 0 8px;
}
div.kinkyu-txt ul li {
	padding: 0 0 0 18px;
	list-style-type: none;
	list-style-image: none;
	background-image: url(/images/c_icon_li_red.gif);
	background-repeat: no-repeat;
	background-position: 4px 0.5em;
	_height: 1%;
}


/* 新着情報 */
div.infoarea {
	clear: both;
	margin: 0 0 20px 20px;
	padding: 0 0 10px 0;
	width: 440px;
}
div#news-1, div#news-2, div#news-3 {
	margin: 0;
	padding: 0;
	clear: both;
}
div.info-1a {
	clear: both;
	width: 141px;
	margin: 0 0 0 0 ;
	border: none;
	background-image: none;
	background-color: transparent;
}
div.info-1a_box {
	position: relative;
	left: 40px;
	bottom: 12px;
}
span.info-1a_text {
	color: #000000;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 1.2em;
	font-style: normal;
}

ul.info-select {
	clear: both;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
ul.info-select li {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	width: 141px;
	line-height: 0;
	overflow:hidden;
	background-image: none;
}
div.info-box {
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	background-color: #FFF;
	border: 1px solid #c2c2c2;
	border-top: 3px solid #00782a;
}
div.info-box p {
	margin: 0.3em 10px 0.3em 10px;
	padding: 0.2em 0 0.4em 0;
	background-color: transparent;
	border-bottom: 1px dotted #999999;
}
div.info-box div.ichiran-all {
	font-size: 90%;
	float: right;
	margin: 0;
	background-image: url(/images/c_icon_square.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
}
div.ichiran-all div {
	padding: 2px 10px 0 20px;
}


/* 関連サイト */
div.kanren {
	clear: both;
	margin: 0 0 20px 20px;
	padding: 0 0 10px 0;
	width: 438px;
	border: 1px solid #c2c2c2;
	background-color: #f0f0f0;
	background-image: none;
}
div.kanren h2 {
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-image: none;
}
div.kanren p.pagelinkin {
	background-image: url(/images/c_icon_snavi_li.gif);
	border-bottom: 1px dotted #c2c2c2;
}

div.kanren p.pagelinkout {
	background-image: url(/images/c_icon_outlink.gif);
	border-bottom: 1px dotted #c2c2c2;
}

div.kanrenbox {
	position: absolute;
	left: 22px;
	bottom: 5px;
}

span.kanren_text {
	color: #000000;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 1.1em;
	font-style: normal;
}


/* 広告エリア */
div.kokoku {
	clear: both;
	margin: 0 0 20px 20px;
	padding: 0 0 10px 0;
	width: 438px;
	border: 1px solid #c2c2c2;
	background-color: #ffffff;
	background-image: none;
}

div.kokokubox {
	position: absolute;
	left: 22px;
	bottom: 10px;
}

span.kokoku_text {
	color: #000000;
	padding: 0 0 0 0 ;
	font-family: "メイリオ",Arial ;
	font-size: 1.1em;
	font-style: normal;
}

/* div.kokoku-title {
	clear: both;
	margin: 0;
	padding: 0;
	background-image: url(/images/t_h2_kokoku.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 40px;
} */

div.kokoku-title h2 {
	float: left;
	margin: 0;
	padding: 4px 0 2px 8px;
	font-size: 1%;
	line-height: 1%;
	border: none;
}
div.kokoku-title p {
	float: right;
	display: block;
	margin: 0;
	padding: 5px 8px 0 18px;
	background-color: transparent;
	background-image: url(/images/c_icon_square.gif);
	background-repeat: no-repeat;
	background-position: 0 0.6em;
	line-height: 1.4em;
	font-size: 90%;
}

div.kokoku ul {
	margin: 15px 0 0 36px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
div.kokoku ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	width: 201px;
	height: 80px;
	list-style-type: none;
	list-style-image: none;
	background-color: transparent;
	background-image: none;
	text-align: left;
}





/* ------------------------下部右エリア------------------------ */
/* 市長 */
div.shicho {
	clear: both;
	margin: 0.56em 0 0.01em 20px;
	padding: 0 0 18px 0;
	width: 208px;
	border: none;
	background-image: none;
	background-color: transparent;
}
/*  市長テキスト-------  */
div.shicho_box {
	width:206px;
	position: absolute;
	bottom: 3px;	
}

span.shicho_text {
	color: #ffffff;
	margin-left: 40px ;
	font-family: "メイリオ",Arial ;
	font-size: 1em;
	font-style: normal;
}

/* 議会 */
div.gikai {
	clear: both;
	/* margin: 0 0 20px 10px; */
	margin: 20px 0 0px 20px;
	/* padding: 7px 0 0 0; */
	width: 216px;
	border: none;
	background-image: none;
	background-color: transparent;
}
div.gikai_box {
	width: 206px;
	position: absolute;
	bottom: 5px;
}
span.gikai_text {
	color: #ffffff;
	margin-left: 15px;
	font-family: "メイリオ",Arial;
	font-size: 1em;
	font-style: normal;
}

/* 審議会 */
div.shingikai {
	clear: both;
	/* margin: 0 0 20px 10px; */
	margin: 20px 0 0px 20px;
	/* padding: 7px 0 0 0; */
	width: 216px;
	border: none;
	background-image: none;
	background-color: transparent;
}
div.shingikai_box {
	/* width: 206px; */
	position: absolute;
	bottom: 5px;
}
span.shingikai_text {
	color: #ffffff;
	margin-left: 15px;
	font-family: "メイリオ",Arial;
	font-size: 1em;
	font-style: normal;
}


/* 携帯 */
div.mobile {
	/* width: 206px;
	position: absolute;
	bottom: 85px; */
	clear: both ;
	margin: 20px 0 0px 20px;
	padding: 0;
	width: 204px;
	border: 1px solid #c2c2c2;
	background-color: transparent;
	background-image: none;
}


div.qr_box {
	width: 110px;
	padding: 5px 10px 0 0;
	float: right;
}
div.mobile_box {
	width: 206px;
	bottom: 5px;
}
div.mobile_box2 {
	width: 206px;
	position: absolute;
	bottom: 5px;
}

span.mobile_text {
	color: #ffffff;
	margin-left: 15px;
	font-family: "メイリオ",Arial;
	font-size: 1em;
	font-style: normal;
}

div.mobile_box span {
	color: #000000;
	font-family: "メイリオ",Arial;
	font-size: 75%;
	font-style: normal;
}

div.mobile_box img {
	float: left;
	margin: 0;
	padding: 10px;
	text-align: left;
}

div.span_box {
	padding: 5px 0 0 0 ;
	height: 70px ;
} 

/* 市報 */

div.shiho_box {
	width: 206px;
	position: absolute;
	bottom: 5px;
}
span.shiho_text {
	color: #ffffff;
	margin-left: 15px;
	font-family: "メイリオ",Arial;
	font-size: 1em;
	font-style: normal;
}

div.shiho {
	clear: both;
	margin: 0px 0 5px 20px;
	padding: 0;
	width: 205px;
	border: 1px solid #c2c2c2;
	background-color: transparent;
	background-image: none;
}
div.shiho h2 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #c2c2c2;
	background-color: transparent;
	background-image: none;
}
div.shiho p {
	clear: both;
	line-height: 1.4em;
	font-size: 85%;
}

div.shiho p.pagelinkbt-c {
	clear: both;
	margin: 10px 0 0 0;
}

div.shiho p.pagelinkbt-r {
	clear: both;
	margin: 10px 10px 0 0;
}

div.shiho p.pagelinkin {
	clear: both;
	margin: 0.56em 10px 0.1em 11px;
	padding: 0 0 2px 20px;
	background-repeat: no-repeat;
	background-position: 1px 0.16em;
	line-height: 1.4em;
	_height: 1%;
	background-image: url(/images/c_icon_snavi_li.gif);
	border-bottom: 1px dotted #c2c2c2;
}

div.shiho p.pagelinkout {
	clear: both;
	margin: 0.56em 10px 0.1em 11px;
	padding: 0 0 2px 20px;
	background-repeat: no-repeat;
	background-position: 1px 0.16em;
	line-height: 1.4em;
	_height: 1%;
	background-image: url(/images/c_icon_outlink.gif);
	border-bottom: 1px dotted #c2c2c2;
}


/* 右（枠なし）バナーエリア */



div.r-banner {
	clear: both;
	margin: 20px 0 20px 20px;
	padding: 0;
	width: 204px;
	border: 1px solid #c2c2c2;
	background-color: transparent;
	background-image: none;
}


div.r-banner p.pagelinkin {
	margin: 0.56em 12px 0.1em 12px;
}
div.r-banner p.pagelinkout {
	margin: 0.56em 12px 0.1em 11px;
} */

div.r-banner_box {
	width: 206px;
	position: absolute;
	bottom: 5px;
}
span.r-banner_text {
	color: #00782a;
	margin-left: 15px;
	font-family: "メイリオ",Arial;
	font-size: 1em;
	font-style: normal;
}
div.r-banner p {
	color: #00782a;
	margin-left: 10px;
	font-family: "メイリオ",Arial;
	font-size: 90%;
	font-style: normal;
}