@charset "utf-8";

/************************************************************************************
smaller than 960 TB
*************************************************************************************/
@media screen and (max-width: 960px) {

.index .mvBlock {
	width: auto;
}

.index .sliderBlock {
	float: none;
	width: auto;
}
.index .menuBlock {
	float: none;
}

.index .sliderInner .sliderMessage {
	width: auto;
	float: none;
	margin-left: 220px;
}
.index .sliderInner .sliderPhoto {
	width: 200px;
	height: auto;
}
.bx-wrapper .bx-pager {
	width: auto !important;
	left: 220px;
}

.index .menuBlock {
	width: auto;
	margin-left: 28px;
	margin-right: 20px;
}
.index .menuBlock ul {
	width: 100%;
}
.index .menuBlock li {
	width: 33%;
	height: 180px;
	position: relative;
}
.index .menuBlock a {
	width: inherit;
	min-height: 80px;
	height: 100%;
	text-align: center;
}
.index .menuBlock a span.img {
	position: absolute;
	top: 0;
	width:100%;
	display: block;
	padding: 10px 0;
	background : transparent url(/common/img/index/bg_menu_img.gif) no-repeat right top;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	height: auto;
}
.index .menuBlock a span.txt {
	margin-top:95px;
	margin-right:12px;
	margin-bottom:12px;
}
.index #contentsArea #subContentsBlock {
	overflow: hidden;
	zoom: 1;
}
.index #contentsArea #subContentsBlock .sideSection {
	width: 48%;
	float: left;
}
.index #contentsArea #subContentsBlock .sideSection:nth-child(odd) {
	clear: both;
}
.index #contentsArea #subContentsBlock .sideSection:nth-child(even) {
	float: right;
}

.index .siteBlock {
	width: 584px;
	margin-left: auto;
	margin-right: auto;
}
.index .siteList {
	width: 594px;
}
.index #subContentsBlock .siteBlock .ba{
	background-color: transparent;
}

.linkListBlock .siteList {
	width: 786px;
}
.linkListBlock .siteList li {
	margin-right: 5px !important;
	margin-left: 5px !important;
}

/*------------------------------
bannerList 
------------------------------*/

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

.index #contentsArea #subContentsBlock .sideSection ul.bannerList li{
	list-style-type: none;
	padding-top: 0;
	padding-bottom: 15px;
	float: left;
	width: 50%;
}

/*----------------------------------------------------
#subContentsBlock > .siteBlock
----------------------------------------------------*/
.index #subContentsBlock .siteSection{
	background: #efefef;
}
.index #subContentsBlock .siteBlock {
	width: 584px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
}
.index #subContentsBlock .siteList {
	width: 594px;
	margin-left: -5px !important;
    margin-right: -5px !important;
}

.index #subContentsBlock .siteList li {
	margin: 0 !important;
}
.index #subContentsBlock .siteList li {
	float: left;
	margin-right: 5px !important;
	margin-left: 5px !important;
	margin-bottom: 5px !important;
}


/*--------------------------------------------------
 特別更新ブロック | 緊急のお知らせ | お知らせ
---------------------------------------------------*/

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


}


/************************************************************************************
smaller than 850 TB
*************************************************************************************/
@media screen and (max-width: 850px) {

.linkListBlock .siteList {
	width: 525px;
}

}


/************************************************************************************
smaller than 768 TB
*************************************************************************************/
@media screen and (max-width: 768px) {

.index .itemBox .innerBox ,
.index .itemBox .innerBoxR {
    clear: both;
}

}


/************************************************************************************
smaller than 640 SP
*************************************************************************************/
@media screen and (max-width: 640px) {

/*-----------------------------------------------------
dl
-------------------------------------------------------*/
/* topicsList */

.topicsList dt {
    float: none;
    padding-bottom: 5px;
    padding-top: 10px;
}

.topicsList dd {
	padding-top: 0;
    padding-left: 0;
    padding-bottom: 15px;
}

.index .sliderInner .sliderMessage {
	width: 100%;
	float: none;
	margin-left: 0;
}
.index .sliderInner .sliderPhoto {
	width: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

.index .menuBlock {
	width: auto;
	margin-left: 20px;
	margin-right: 12px;
}
.index .menuBlock ul {
	display: block;
	margin-bottom: 5px;
}
.index .menuBlock li {
	height:inherit;
	display: block;
	width: auto;
	background-image: none;
	background-color: #ffffff;
	border: 2px solid #ffffff;
	margin-top: 5px;
}
.index .menuBlock a {
	display: block;
	width: auto;
	height: inherit;
	min-height: inherit;
	max-height: inherit;
	padding: 0px 8px 0px 0px;
	overflow: hidden;
	zoom:1;
	background : transparent url(/common/img/index/bg_menu_sp.gif) repeat-y left top;
}
.index .menuBlock a span.img {
	position: relative;
	float: left;
	width: 60px;
	height: 40px;
	margin: 0;
	padding: 8px 0 0;
	background-image: none;
}
.index .menuBlock a span.img img {
	width:46%;
	height:auto;
}
.index .menuBlock a span.txt {
	text-align: left;
	padding: 0 20px 0 0;
	margin: 10px 2px 10px 0;
	padding-left: 72px;
}
.index .menuBlock a span.txt span {
	display: inline;
	font-size: inherit;
}
.index .mvBlock {
	padding-bottom: 8px;
}

.index .topicsBlock ul {
	display: block;
}
.index .topicsBlock li {
	display: block;
	width: auto;
	margin-bottom: 5px !important;
}
.index .topicsBlock li a {
	display: block;
}
.index .topicsBlock li a span {
	display: block;
}
.index .newsTable th ,
.index .newsTable td {
	display: block;
	padding: 3px;
	text-align: left;
	float: left;
	clear: both;
}
.index .newsTable th {
	border-top: 1px dotted #cccccc;
	border-bottom: none;
	padding-top: 10px;
	padding-left: 12px;
	width: 100%;
}
.index .newsTable td {
	border: none;
	float: left;
	clear: both;
}
.index .newsTable td a {
	display: block;
	background-position: left .45em;
}
.index .newsTable td.name {
	padding-bottom: 10px;
	text-align: right;
	font-size: 86%;
	width: auto;
	float:right;
	clear: both;
}

.index #contentsArea #subContentsBlock {
	overflow: hidden;
	zoom: 1;
}
.index #contentsArea #subContentsBlock .sideSection {
	width: auto;
	float: none;
}
.index #contentsArea #subContentsBlock .sideSection:nth-child(odd) {
	float: none;
}
.index #contentsArea #subContentsBlock .sideSection:nth-child(even) {
	float: none;
}
.index .itemBox .innerBox .layoutRight,
.index .itemBox .innerBoxR .layoutRight{
    float: right;
}

/*-----------------------------------------------------
h2Block
-------------------------------------------------------*/
.index .h2Block {
    overflow: hidden;
	zoom: 1;
}

.index .h2Block h2 {
    padding-right: 0;
}

.index .h2Block .linkList {
    position: relative;
    right: 0;
    bottom: 0;
    display: inline-block;
    float: right;
    border-top: solid 0.5em #ffffff;
}


.index #contentsFoot h2 {
    margin-bottom: 0;
}

}

/************************************************************************************
smaller than 579 TB
*************************************************************************************/
@media screen and (max-width: 579px) {

.linkListBlock .siteList {
	width: 100%;
}

.linkListBlock .siteList li {
	float: none;
	margin-right: auto !important;
	margin-left: auto !important;
}

}

/************************************************************************************
smaller than 520 TB
*************************************************************************************/
@media screen and (max-width: 520px) {

/*------------------------------
bannerList 
------------------------------*/

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

.index #contentsArea #subContentsBlock .sideSection ul.bannerList li{
	list-style-type: none;
	padding-top: 0;
	padding-bottom: 15px;
	float: none;
	width: auto;
	display:block;
}
}


/************************************************************************************
smaller than 584 SP
*************************************************************************************/
@media screen and (max-width: 584px) {
.index .siteBlock,
.index #subContentsBlock .siteBlock{
	width: 386px;
}
.index .siteList,
.index #subContentsBlock .siteList{
	width: 396px;
}
}

/************************************************************************************
smaller than 480 SP
*************************************************************************************/
@media screen and (max-width: 480px) {
/*------------------------------
bannerList 
------------------------------*/
.index #contentsArea #subContentsBlock .sideSection ul.bannerList li img{
	width: auto;
	height: auto;
}	
}

/************************************************************************************
smaller than 426 SP
*************************************************************************************/
@media screen and (max-width: 426px) {
.index .siteBlock,
.index #subContentsBlock .siteBlock{
	width: 100%;
}
.index .siteList,
.index #subContentsBlock .siteList {
	width: 100%;
	margin-left: -1% !important;
	margin-right: -1% !important;
}
.index .siteList li,
.index #subContentsBlock .siteList li {
	width: 41%;
	margin-right: 0% !important;
	margin-left: 3% !important;
	padding-right: 16px;
}
.index .siteList li img,
.index #subContentsBlock .siteList li img {
	border: 1px solid #0e63ad;
	width: 100%;
	height: auto;
}
.index .itemBox .innerBox .layoutRight,
.index .itemBox .innerBoxR .layoutRight{
    float: none;
    text-align: center;
}

}


/************************************************************************************
smaller than 360 SP
*************************************************************************************/
@media screen and (max-width: 360px) {
/*------------------------------
bannerList 
------------------------------*/
.index #contentsArea #subContentsBlock .sideSection ul.bannerList li img{
	width: 100%;
	height: auto;
}	

}

/************************************************************************************
smaller than 320 SP
*************************************************************************************/
@media screen and (max-width: 320px) {	
}

/************************************************************************************
smaller than 319 SP
*************************************************************************************/
@media screen and (max-width: 319px) {
.index .siteList li,
.index #subContentsBlock .siteList li {
	width: 41%;
	margin-right: 0% !important;
	margin-left: 1% !important;
	padding-right: 16px;
}
}