@charset "UTF-8";

/*
======== context ======================================

Last Updated:YYMMDD
Summary:インデックス固有レイアウト設定

- 
- 
=======================================================
*/

.index #headerArea {
	margin-bottom: 0;
}
.index #ciBlock h1 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	position: static;
	clear: none;
}
.index #ciBlock h1:after,
.index #ciBlock h1:before {
	content: none;
}
.index #mvArea {
	background: transparent url(/common/img/index/bg_mv.gif) repeat 0px 0px;
	margin-bottom: 25px;
}
.index #bxslider {
}

.index .mvBlock {
	width: 1020px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.index .sliderBlock {
	width: 520px;
	float: left;
}
.index .bx-wrapper {
	max-width: 480px !important;
}

* html .index .sliderBlock {
	padding-left: 20px;
	width: 480px;
}

.index .menuBlock {
	width: 486px;
	float: right;
}
.index .sliderInner {
	padding: 20px;
	overflow: hidden;
	zoom: 1;
}

/*js off*/
.index #slider #bxslider .sliderInner{
	background: url(/common/img/index/bg_slider.gif) no-repeat scroll right bottom #015ba9;
	margin-left: 20px;
    margin-right: 20px;
}

/*js on*/
.index #slider .bx-wrapper .bx-viewport #bxslider div.sliderInner{
	margin-left: 0;
    margin-right: 0;
}

.index .sliderInner .sliderPhoto {
	float: left;
}
.index .sliderInner .sliderMessage {
	width: 232px;
	float: right;
	color: #ffffff;
}
.index .sliderInner .sliderMessage h2 {
	background: none;
	padding: 0px;
	margin: 0 0 10px;
}
.index .sliderInner .sliderMessage h2 span {
	display:block;
	background : transparent url(/common/img/index/icon_arrow_topr.gif) no-repeat left .65em;
	padding: 3px 0px 3px 12px;
}

.index .sliderInner .sliderMessage h2 span.newwin a{
	background : transparent url(/common/img/index/ico_out.gif) no-repeat right center;
	padding: 0px 20px 0px 0px;
}

.index .sliderInner .sliderMessage h2 a {
	background : none;
	padding: 0;
	color: #ffffff;
}
.index .sliderInner .sliderMessage p {
	padding-left: 12px;
}
.index .menuBlock {
	padding-top: 6px;
}

.index .menuBlock ul ,
.index .menuBlock li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.index .menuBlock ul{
	display: table;
	margin-bottom: 8px;
}
.index .menuBlock li {
	width: 156px;
	display: table-cell;
	margin-right: 8px;
	vertical-align: middle;
	border-left: 2px solid #ffffff;
	background : transparent url(/common/img/index/bg_menu4.gif) no-repeat right bottom;
}
.index .menuBlock a {
	display: table-cell;
	height: 115px;
	vertical-align: middle;
	width: 148px;
}
.index .menuBlock a span.txt {
	display: block;
	margin: 0 2px 0 0;
	padding-right:17px;
	padding-left:17px;
	background : transparent url(/common/img/icon_arrow_rwbs.gif) no-repeat right center;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3;
}
.index .menuBlock a span.txt span {
	display: block;
	font-size: .7em;
	font-weight: normal;
	line-height: 1.5;
	background: none;
	margin: 0;
	padding: 0;
}
.index .menuBlock a .img {
	display: none;
}

html*.index .menuBlock ul {
	display: block;
	margin-bottom: 8px;
	overflow: hidden;
	zoom: 1;
}
html*.index .menuBlock li {
	width: 150px;
	height: 115px;
	display: block;
	float: left;
	margin-right: 8px;
	background : transparent url(/common/img/index/bg_menu.gif) no-repeat right bottom;
}
html*.index .menuBlock span.txt {
	margin-top: 30px;
}
html*.index .menuBlock span.txt span{
	padding-top: 0;
}

.index .topicsBlock {
	background-color: #ededed;
	padding: 9px 0 9px 6px;
	margin-bottom: 2em;
}

.index .topicsBlock + .h2Block{
	margin-top: 0em;
}


.index .h2Block:first-child {
    margin-top: 0;
}

.index .topicsBlock ul ,
.index .topicsBlock li {
	margin: 0 !important;
	padding: 0;
	list-style-type: none;
}
.index .topicsBlock ul {
	display: table;
	height: 100%;
	width: 100%;
}
.index .topicsBlock li {
	display: table-cell;
	vertical-align: middle;
	background: #0e63ad url(/common/img/index/bg_topics.gif) no-repeat 3px center;
	border-right: 5px solid #ededed;
	width: 33%;
	height: inherit;
	position: relative;
}
.index .topicsBlock li.newwin{
	background: #0e63ad url(/common/img/index/bg_topics_newwin.gif) no-repeat 3px center;
}
.index .topicsBlock li a {
	display: table;
	color: #ffffff;
	font-size: 86%;
	height: 100%;
	width: 100%;
}
.index .topicsBlock li a:-moz-focusring {
	outline: 1px dotted #0b4199;
}
.index .topicsBlock li a span {
	padding: 10px 10px 10px 25px;
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	zoom: 1;
}
.index .topicsBlock li:before {
	position: absolute;
	content: url("/common/img/index/bg_topics3.gif");
	top:0;
}
.index .topicsBlock li:after {
	position: absolute;
	content: url("/common/img/index/bg_topics3.gif");
	bottom: 0;
	left: 0;
}
html*.index .topicsBlock * {
	position: relative;
	zoom:1;
}
html*.index .topicsBlock ul {
	display: block;
	overflow: hidden;
}
html*.index .topicsBlock li {
	display: block;
	float: left;
	margin-right: 6px !important;
	width: 228px;
	border-top: 3px solid #0e63ad;
	border-bottom: 3px solid #0e63ad;
	border-right: 3px solid #0e63ad;
}
html*.index .topicsBlock li a ,
html*.index .topicsBlock li a span {
	display: block:
}
html*.index .topicsBlock li:before ,
html*.index .topicsBlock li:after {
	display: none;
}

.index #container #containerInner #containerInner2 #contentsArea.contents.col2 #contents{
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
}

.index #mainContents {
	padding-left: 0px;
}

.index .h2Block {
	position: relative;
	margin: 2em 0 1em;
}
.index .h2Block h2 {
}
.index .h2Block .linkList ,
.index .h2Block .linkList li {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}
.index .h2Block .linkList {
	position: absolute;
	right: 8px;
	top: 0;
}
.index .h2Block .linkList li {
	background-color: #008856;
	display: inline-block;
}
.index .h2Block .linkList li a {
	display: inline-block;
	padding: 2px 10px 2px 20px;
	color: #ffffff;
	font-size: 86%;
	background: #008856 url(/common/img/icon_arrow_rwgs_ichiran.gif) no-repeat 8px center
}
.index .h2Block .linkList li.rss a {
	padding-left: 30px;
	background: transparent url(/common/img/index/icon_rss.gif) no-repeat 8px center;
}
html*.index .h2Block .linkList li {
	display: inline;
}
.index .h2Block .linkList li a:-moz-focusring {
	outline: 1px dotted #0b4199;
}
.index .note {
	color: #666666;
	font-size: 86%;
}
.index .newsTable th ,
.index .newsTable td {
	border-bottom: 1px dotted #cccccc;
	padding: 10px 8px 10px 0;
	vertical-align: top;
}
.index .newsTable td a {
	background: transparent url(/common/img/bullet_arrow.gif) no-repeat left .45em;
	padding-left: 12px;
	display: inline-block;
}
.index .newsTable td.name {
	width: 22%;
}
.index #subContentsBlock h2 {
	margin-bottom: 0;
}
.index #contentsArea #subContentsBlock .sideSection {
	margin-top: 0px;
}
.index #contentsArea #subContentsBlock .sideSection ul {
	border-top: 0;
}
.index #contentsArea #subContentsBlock .sideSection ul.bulletList li {
	padding-left: 25px !important;
	background-position: 10px center;
}


.index .siteBlock {
	overflow: hidden;
	zoom: 1;
	width: 980px;
}
.index .siteList {
	overflow: hidden;
	margin-left: -5px !important;
	margin-right: -5px !important;
	padding: 0;
	width: 990px;
	position:relative;
}
* html .index .siteList {
	left: -5px;
	right: -5px;
	width: 1000px;
}
.index .siteList li {
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
}
.index .siteList li {
	background: transparent url(/common/img/icon_bnlink.gif) no-repeat right center;
	width: 188px;
	float: left;
	margin-right: 5px !important;
	margin-left: 5px !important;
	margin-bottom: 5px !important;
}

.index .siteList li:nth-child(2n+1) {
}
.index .siteList li.newwin {
	background: transparent url(/common/img/icon_bnlink_newwin.gif) no-repeat right center;
}

.index .siteList li img {
	border: 1px solid #0e63ad;
}

.index #contentsFoot {
	clear: both;
	margin-bottom: 20px;
}
.index #contentsFoot h2 {
	margin-bottom: inherit;
}


/*--------------------------------------
関連情報・関連サイト一覧ページ 用
--------------------------------------*/
.linkListBlock .siteList {
	overflow: hidden;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0;
	width: 864px;
	position:relative;
}
* html .linkListBlock .siteList {
	left: -5px;
	right: -5px;
	width: 1000px;
}
.linkListBlock .siteList li {
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
}
.linkListBlock .siteList li {
	width: 252px;
	float: left;
	margin-right: 18px !important;
	margin-left: 18px !important;
	margin-bottom: 20px !important;
}

.linkListBlock .siteList li span{
	background: transparent url(/common/img/icon_bnlink.gif) no-repeat right center;
	width: auto;
	padding-right: 16px;
	display: inline-block;
	*display: inline;
}
.linkListBlock .siteList li.newwin span{
	background: transparent url(/common/img/icon_bnlink_newwin.gif) no-repeat right center;
}
.linkListBlock .siteList li img {
	border: 1px solid #0e63ad;
	vertical-align:middle;
}


/*--------------------------------------
subContentsBlock
--------------------------------------*/

.index #subContentsBlock .siteBlock {
	overflow: hidden;
	zoom: 1;
	width: auto;
	background: #ededed;
}
.index #subContentsBlock .siteList {
	overflow: hidden;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0;
	width: auto;
	position:relative;
}
* html .index #subContentsBlock .siteList {
	left: -5px;
	right: -5px;
	width: auto;
}
.index #subContentsBlock .siteList li {
	list-style-type: none;
	padding: 0;
}
.index #subContentsBlock .siteList li {
	background: transparent url(/common/img/icon_bnlink.gif) no-repeat right center;
	width: 188px;
	float: none;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 5px !important;
}

.index #subContentsBlock .siteList li.newwin {
	background: transparent url(/common/img/icon_bnlink_newwin.gif) no-repeat right center;
}

.index #subContentsBlock .siteList li img {
	border: 1px solid #0e63ad;
}

.index #subContentsBlock #contentsFoot {
	clear: both;
	margin-bottom: 40px;
}

/*------------------------------
bannerList 
------------------------------*/
.index #contentsArea #subContentsBlock .sideSection ul.bannerList,
.index #contentsArea #subContentsBlock .sideSection ul.bannerList li{
	margin: 0;
	padding: 0;
}

.index #contentsArea #subContentsBlock .sideSection ul.bannerList{
	text-align: center;
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
}

.index #contentsArea #subContentsBlock .sideSection ul.bannerList li{
	list-style-type: none;
	padding-top: 0;
	padding-bottom: 5px;
}


/*--------------------------------------------------
 特別更新ブロック（上/中1/中2/下）
---------------------------------------------------*/
.index .upperBlock {
	width: auto;
}

.index .upperBlock ol {
	margin-left: 20px;
}

.index .upperBlockInner {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.index .insideBlock_1 {
	width: auto;
}

.index .insideBlock_2 {
	width: auto;
}

.index .lowerBlock {
	width: auto;
}


/*--------------------------------------------------
specialBlock | 特別更新ブロック
---------------------------------------------------*/

.index .specialBlock{
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*---------------------------------------------------
urgentBlock | 緊急のお知らせ
---------------------------------------------------*/
.urgentBlock{
	width: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
/* only for esri.cao, pko */
.urgentBlock:first-child {
	margin-top: 0;
}
/* reset for cao */
.index .urgentBlock:first-child {
	margin-top: 20px;
}

.urgentBlock .urgentTitle{
	background: #DA3D02;
	color: #ffffff;
	padding: 5px 15px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.urgentBlock .urgentContents{
	padding: 10px;
	border: solid 1px #DA3D02;
	background: #f8eeec;
}

/*---------------------------------------------------
noticeBlock | お知らせ
---------------------------------------------------*/
.noticeBlock{
	width: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
/* only for esri.cao, pko */
.noticeBlock:first-child {
	margin-top: 0;
}
/* reset for cao */
.index .noticeBlock:first-child {
	margin-top: 20px;
}

.noticeBlock .noticeTitle{
	background: #056EF4;
	color: #ffffff;
	padding: 5px 15px;
	font-size: 1.2em;
	font-weight: bold;
}

.noticeBlock .noticeContents{
	padding: 10px;
	border: solid 1px #056EF4;
}

/*---------------------------------------------------
bulletList専用
  upperBlock | 特別更新ブロック　表示位置上
　insideBlock_1、insideBlock_2、lowerBlock | #contentsArea内のため、parts.cssの定義に準ずる
---------------------------------------------------*/
.index .upperBlock .bulletList li {
  background: url(/common/img/icon_arrow_rwbs.gif) no-repeat left 0.3em;
  line-height: 1.7em;
  margin-left: 0;
  padding: 2px 10px 2px 25px;
}
.index .upperBlock ul.bulletList li ul.bulletList li {
  background: url(/common/img/bullet_arrow.gif) no-repeat left center;
  margin-left: 0;
  padding: 2px 10px 2px 15px !important;
}


.index #contentsArea #subContentsBlock .sideSection ul.bannerList2,
.index #contentsArea #subContentsBlock .sideSection ul.bannerList2 li{
	margin: 0;
	padding: 0;
}

.index #contentsArea #subContentsBlock .sideSection ul.bannerList2{
	text-align: center;
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
}

.index #contentsArea #subContentsBlock .sideSection ul.bannerList2 li{
	list-style-type: none;
	padding-top: 0;
	padding-bottom: 5px;
}


.index #contentsArea #subContentsBlock .bannerSection {
   overflow: hidden;
   zoom: 1;
}
.index .seisakuList ,
.index .seisakuList li {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}
.index .seisakuList {
    overflow: hidden;
    zoom: 1;
}
.index .seisakuList li {
    float: left;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
}
.index .itemBox {
    background-color: #e8f7e7;
    padding: 5px 15px !important;
}

/*---------------------------------------------------
  IE互換表示崩れ対応
---------------------------------------------------*/
.index #mainContents .topicsBlock *,
.index #mainContents .h2Block,
.index #mainContents .h2Block *,
.index #contentsFoot .siteList,
.index #contentsFoot,
.index #contentsFoot .linkList {
  *position: static !important;
}

.index #mainContents .h2Block .linkList,
.index #contentsFoot .linkList {
  *float: right;
  *margin-top: -32px !important;
}

.index #mainContents .h2Block .linkList li,
.index #contentsFoot .linkList li {
  *margin-right: 4px !important;
}

.index #mainContents .topicsBlock ul li a span {
  *cursor: pointer;
}