img#mainTitleSP{
	width:100%;
}

/* ******************* スライドショー ******************** */

div#background {
	height:218px;
	width:100%;
	min-width:480px;
	position:absolute;
	top:70px;
	overflow:hidden;
}

div#background > div#sideLayer {
	width:100%;
	height:100%;
	position:absolute;
}

div#background > div#sideLayer > div {
	display:inline-block;
	float:left;
	z-index:19
}

div#leftScrollBtnArea {
	width:50%;
	height:100%;
	right:240px;
	position:relative;
	background-color:rgba(0,0,0,0.5);
}

div#leftScrollBtnArea > img {
	position:absolute;
	right:-50px;
	top:94px;
	cursor:pointer;
}

div#rightScrollBtnArea {
	width:50%;
	height:100%;
	left:240px;
	position:relative;
	background-color:rgba(0,0,0,0.5);
}

div#rightScrollBtnArea > img {
	position:absolute;
	left:-50px;
	top:94px;
	cursor:pointer;
}

div#background > div#slideShow {
	width:480px;
	height:100%;
	margin:0 auto;
	overflow:hidden;
}

div#background > div#slideShow > div#imgList {
	width:1440px;
	background-repeat:no-repeat;
	background-position:center top;
	display:table;
	position:relative;
	height:100%;
	left:-480px;
}

div#background > div#slideShow > div#imgList > div {
	display:table-cell;
	width:480px;
	background-repeat:no-repeat;
	background-size:contain;
}

div#background > div#slideShow > div#imgList > div > a {
	width:480px;
	height:100%;
	display:block;
	z-index:15;
	position:absolute;
}



/* ******************** ヘッダーエリア ******************** */




/* ******************** 画像エリア ******************** */

div#imageArea{
	width:100%;
	height:218px;
}

div#imageArea > div#slideControl {
	width:100%;
	height:100%;
	display:inline-block;
	position:relative;
}

div#slideControl > div.slideCtrl {
	width:30px;
	height:30px;
	position:absolute;
	display:inline-block;
	bottom:10px;
	right:10px;
	z-index:30;
	cursor:pointer;
}

div#slideControl > div.slideCtrl > img {
	width:100%;
	height:100%;
}

/* ******************** コンテンツエリア ******************** */

div#contentArea{
	color:#003F97;
	clear:both;
}

div#emergencySP {
	width:100%;
	border:3px solid #CDE2F2;
	color: #002A64;
}

div#emergencySP > div.emergencyTitle{
	width:100%;
	background-color:#FFEA00;
	font-size:140%;
	font-weight:bold;
	padding:10px 0 10px 50px;
}

div#emergencySP > div.emergencyContents > p {
	padding:10px 0 10px 30px;
}

div#emergencySP > div.emergencyContents > ul > li {
	list-style:none;
	margin:5px;
}

div#emergencySP > div.emergencyContents > ul > li:before {
	content:"・";
}

div#searchSP {
	padding:5px 0 ;
	width:99.5%;
	margin:0 auto;
}

div#searchSP > ul {
	width:100%;
}

div#searchSP > ul > li {
	display:table-cell;
	width:25%;
}

div#searchSP > ul > li > a > img {
	width:100%;
}

div#keywordSP {
	width:100%;
	height:147px;
	background-image:url("/images/sp/slide/balloon.png");
	background-size:100%;
	background-repeat:no-repeat;
	position:relative;
}

div#keywordSP > form {
	width:100%;
	height:123px;
}

div#keywordSP > form > ul#formAreaSP{
	font-size: 0%;
	list-style: none;
	margin: 0;
	padding: 0;
	position:absolute;
	top:45px;
	left:15px;
	display:table;
}

div#keywordSP > form > ul#formAreaSP > li {
	display:table-cell;
	vertical-align:middle;
}

div#keywordSP > form > ul#formAreaSP > li.input {
	width:410px;
}

div#keywordSP > form > ul#formAreaSP > li.input > input{
	width:400px;
	height:30px;
	font-size: medium;
}

div#keywordSP > form > ul#formAreaSP > li.btn {

}

div#keywordSP > ul.wordList {
	position:absolute;
	left:10px;
	top:110px;
	display:table;
	table-layout:fixed;
	width:460px;
}

div#keywordSP > ul.wordList > li {
	display:table-cell;
	font-size: 0%;
}

div#keywordSP > ul.wordList > li > a {
	font-size: small;
}

ul.exMenu > li {
	display:inline-block;
	position:relative;
	width:49.5%;
	margin-top:2px;
}

ul.exMenu > li > a > img {
	width:240px;
}

div.menuArea {
	padding:10px 0;
}

ul.menu > li{
	display:inline-block;
	position:relative;
	width:33.3%;
	margin-top:2px;
}

ul.menu > li > a >img{
	width:100%;
}

ul.menu > li > div {
	background-color:#FFF;
	border:5px solid #0059b2;
	position:absolute;
	width:400px;
	z-index:100;
	bottom:48px;
	display:none;
}

ul.menu > li > div > ul {
	list-style:none;
}

ul.menu > li > div > ul > li {
	font-size: small;
	line-height:18px;
	padding: 5px 0 2px 5px;
	width:45%;
	float:left;
	margin:0 5px;
	position:relative;
}

.hidarihashi {
	left:0;
}

.migihashi{
	right:0;
}

div#leftContents{
	margin-top:10px;
}

h3 {
	font-size:100%;
	line-height:normal;
	background-color:transparent;
	margin:0;
	padding-left:0;
}

ul.contentsMenuTab{
	overflow:hidden;
	white-space:nowrap;
}

ul.contentsMenuTab > li{
	width:32%;
	display:inline-block;
}

ul.contentsMenuTab > li.newsTabCenter{
	margin-right:2%;
	margin-left:2%;
}

ul.contentsMenuTab > li > img{
	width:100%;
}

div#newsBody{
	border:2px solid #D8E9F5;
}

div#newsViewer{
	height:450px;
	overflow-y:auto;
}

div#newsViewer > div {
	margin:10px;
	display:none;
}

div#newsViewer > div > div  {
	margin-bottom:10px;
}

div#newsViewer > div#hotNews > div > div > hr {
	clear:both;
}

div#newsViewer > div#hotNews > div > div > div.newsHeadline {
}

div#newsViewer > div#hotNews > div > div > div.newsHeadline > div {
	display:inline-block;
	float:left;
}

div#newsViewer > div#hotNews > div > div > div.newsHeadline > div.thumbnail {
	width:140px;
	height:100px;
	padding:0 0 10px;
}

div#newsViewer > div#hotNews > div > div > div.newsHeadline > div.thumbnail > a > img {
	width:100% !important;
	height:100% !important;
}

div#newsViewer > div#hotNews > div > div > div.newsHeadline > div.article{
	width:295px;
	padding-left:10px;
}

div#newsViewer > div#hotNews > div > div > div.newsHeadline > div.article > p {
	display:none;
}

div#newsViewer > div#attention > div > div > div > div {
	display:inline-block;
}

div#newsViewer > div#attention > div > div > div > div.logo1{
	width:85px;
	height:18px;
	background-image:url(/images/top/news/logo01.jpg);
}

div#newsViewer > div#attention > div > div > div > div.logo2{
	width:85px;
	height:18px;
	background-image:url(/images/top/news/logo02.jpg);
}

div#newsViewer > div#attention > div > div > div > div.title{
	width:100%;
	padding:0 10px;
}

div#newsViewer > div#attention > div > div > div > div.cate{
	width:100%;
	text-align:right;
	float:right;
}

div#newsViewer > div#attention > div > div > p {
	clear:both;
	padding:5px;
}

div#newsViewer > div#whatsNew > div {
	clear:both;
	width:100%;
}

div#newsViewer > div#whatsNew > div > div {
	display:inline-block;
	padding:2px;
}


div#newsViewer > div#whatsNew > div > div.date{
	background-color:#e3f0d8;
	text-align:center;
	width:5em;
}

div#newsViewer > div#whatsNew > div > div.title{
	width:100%;
}

div#newsViewer > div#whatsNew > div > div.cate{
	width:100%;
}

div#newsFooter{
	height:40px;
	text-align:right;
}

div#newsFooter > div {
	display:none;
}

div#newsFooter > div > a > img{
	width:195px;
	height:24px;
	margin:10px 30px 10px 0;
}

div.linkTitle > img{
	width:120px;
}

div#guideArea{
	margin-top:20px;
}

div#guide{
	width:100%;
	display:table;
	border:1px solid #D8E9F5;
}

div.guideCell{
	float:left;
	width:50%;
}

div.guideCell.guide12 , div.guideCell.guide13 , div.guideCell.guide22 , div.guideCell.guide23 {
	background-color:#D8E9F5;
}

div.guideCell.guide11 , div.guideCell.guide14 , div.guideCell.guide21 , div.guideCell.guide24 {
	background-color:#FFFFFF;
}

div.guideCell:hover {
	background-color:#003F97;
}

div.guideCell > a > img {
	width:100%;
}


div#rightContents{
}

div.movieBanner > a {
	font-size: 0%;
}

div.movieBanner > a > img{
	width:220px;
	height:101px;
}

div.tourismBanner > a {
	font-size: 0%;
}

div.tourismBanner > a > img{
	width:220px;
	height:101px;
}

div.sideNav{
	width:99.5%;
	margin:20px auto 0 ;
	overflow-y:hidden;
}

div.sideNav > ul > li {
	margin-bottom:10px;
	display:inline-block;
	width:50%;
	vertical-align:top;
}

div.sideNav > ul > li img{
	width:100%;
}

div#movieBannerSP{
	width:100%
	margin-bottom:5px;
}

div#movieBannerSP > a > img {
	width:100%;
}

div#tourismBannerSP{
	width:100%
}

div#tourismBannerSP > a > img {
	width:100%;
}

div.question{
	margin-top:10px;
}

div.questionTitle > img{
	width:50%;
}

div.questionLink {
	border:1px solid #B1D4EB;
}

div.questionLink > ul{ 
	font-size: 0%;
	list-style:none;
	margin:10px 30px; 
}

div.questionLink > ul > li { 
	font-size: small;
}

div.sideNav2 {
	border:1.5px solid #0172B0;
	padding:15px;
}

div.sideNav2 > ul {
	list-style:none;
}

div.sideNav2 > ul > li {
	font-size: small;
}

div#bosai , div#denshi {
	display:none;
}


div#oshiraseArea{
	margin-top:25px;
}

div#oshirase{
	border:1px solid #D8E9F5;
	padding:7px;
	background-color:#F3FBFE;
}


div#oshirase > ul > li.oshiraseBanner{
	width:30%;
	margin:7px;
	display:inline-block;
}

div#cmArea{
	margin-top:25px;
}

div#cmArea > div > span {
	vertical-align:top;
	padding-left:15px;
	font-weight:bold;
}

div#cm{
	border:1px solid #D8E9F5;
	padding:10px;
}

div#cm > ul > li.cmBanner{
	width:30%;
	margin:7px;
	display:inline-block;
}

.thumbnail > img {
	width:100%;
}


div#supportSP {
	margin-top:30px;
	padding:30px;
	background-color:#d8e9f5;
}

div#supportSP > div#supportSP1 > ul {
	margin-bottom:20px;
}

div#supportSP > div#supportSP1 > ul.pageFontSize > li {
	display:inline-block;
	width:inherit;
	padding:0 10px;
}

div#supportSP > div#supportSP1 > ul.pageFontSize > li#supportSPSizeTitle {
	width:130px;
}

div#supportSP > div#supportSP1 > ul.pageFontSize > li > img {
	width:100%;
}

div#supportSP > div#supportSP1 > ul.pageColor > li {
	display:inline-block;
	width:inherit;
	padding:0 10px;
}

div#supportSP > div#supportSP1 > ul.pageColor > li#supportSPColorTitle {
	width:90px;
	margin-left:40px;
}

div#supportSP > div#supportSP1 > ul.pageColor > li > img {
	width:100%;
}

div#supportSP > div#supportSP1 > ul.lang {
	margin-bottom:0;
}

div#supportSP > div#supportSP1 > ul.lang > li {
	margin-left:80px;
	width:240px;
}

div#supportSP > div#supportSP1 > ul.lang > li > a > img {
	width:100%;
}