@charset "utf-8";

/************************************************************************************
smaller than 960 TB
*************************************************************************************/
@media screen and (max-width: 960px) {
/* --------------------------------
 headerArea
 ----------------------------------*/
/*#utilityBlock-------------------*/
#utilityBlockInner {
    width: auto;
	position: static;
}

#utilityNav {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 9996;
  width: auto;
  margin-right: 0;
  float: none;
}

#utilityNav ul {
  padding-right: 0;
  padding-bottom: 10px;
  margin-right: 0;
}

#utilityNav ul li {
    background-image: url(../../common/img/icon_arrow_rwbc.gif);
	display: inline-block;
}

#utilityNav ul li:last-child {
    display: block;
    margin-left: auto;
    text-align: left;
    width: 14em;
	margin-right: 0;
	margin-top: 7px;
}

#utilityNav ul li a {
    color: #333333;
}

#utilityNav ul li img {
    display: none;
}
#utilityNav ul li span {
    background: url(../../common/img/img_header_Symbol2.gif) no-repeat right 0.3em;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#fontsize {
  /*background-color: #ededed;*/
  /*background-image: none;*/
  /*display: inline-block;*/
  /*float: right;*/
  /*padding-bottom: 4px;*/
  /*padding-left: 10px;*/
  /*padding-right: 10px;*/
  /*padding-top: 4px;*/
  padding: 8px 24px 8px 12px;
  /*position: relative;*/
  width: auto;
}
/*
#fontsize img {
    float: left;
    margin-left: 7px;
}


#fontsize ul {
    float: right;
    list-style-type: none;
}

#fontsize ul li {
    display: inline;
    float: none;
}
*/
#fontsize #fontsizeText {
  width: 97px;
}
#fontsize #sizeM {
  margin-right: 11px;
}

/*headerBlock---------------------*/
#headerBlockInner {
    width: auto;
	overflow: visible;
}

#ciBlock {
    float: none;
	padding-left: 15px;
	padding-right: 15px;
}
#ciBlock2 {
	position: absolute;
	right: 15px;
	top: 0;
}

#headerBlockInner #globalNav {
    float: none;
}

#globalNav ul#globalNavList{
    list-style-type: none;
    text-align: center;
	width: 100%;
	display: table;
}

#globalNav ul#globalNavList li {
	display: table-cell;
	border: none;
	padding-bottom: 0;
	margin-right: 6px;
	margin-left: 0;
}

#globalNav ul#globalNavList li:last-child {
	margin-right: 0;
	border: none;
}

#globalNav ul#globalNavList li a{
    display: inline-block;
	border-bottom: solid 4px #005bac;
	padding-bottom: 3px;
}

/*searchBlock--------------------*/
#searchBlockInner {
    width: auto;
}

#searchBlockInner #searchPart {
    float: none;
	margin-left: auto;
	margin-right: auto;
}

#topicPathBlock {
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}

/*nopi---------------------------*/
#closeMessageBlockInner{
    width: auto;
}
#closeMessageBlockInner p{
	margin-left: 15px;
	margin-right: 15px;
}

/* --------------------------------
 contentsArea
 ----------------------------------*/
#contentsArea {
    width: auto;
	margin-left: 15px;
	margin-right: 15px;
}

.col2 #mainContentsBlock {
    float: none;
    margin-right: 0;
    width: 100%;
}

.col2 #mainContents {
    margin-right: 0;
}

.col2 #subContentsBlock {
    float: none;
    width: auto;
}

#subContentsBlock h2 {
	width: auto;
}

#subContentsBlock h2 span a {
	width: auto;
}

/* --------------------------------
 footerArea
 ----------------------------------*/
#footerNavBlock > ul {
    width: 95%;
}

#copyrightBlock > div {
    width: auto;
}

#footerNavBlock ul#list_footerNav{
	text-align: left;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

#footerNavBlock{
	padding-top: 0;
	padding-bottom: 0;
}

#footerNavBlock ul#list_footerNav{
	width: 100%;
	border-left: solid 1px #ffffff;
	overflow: hidden;
	zoom:1;
}

#footerNavBlock ul#list_footerNav li {
    border-bottom: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
    box-sizing: border-box;
    float: left;
    letter-spacing: normal;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
	padding-right: 0;
    width: 33.3%;
	vertical-align: middle;
	display: inline-block;
}

#footerNavBlock ul#list_footerNav li span {
	display: block;
	padding-top: 0;
	padding-bottom: 0;
}

#footerNavBlock ul#list_footerNav li span a{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
}

/************************************************************************************
smaller than 768 TB
*************************************************************************************/
@media screen and (max-width: 768px) {
#footerNavBlock ul#list_footerNav li {
    border-bottom: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
    float: left;
    letter-spacing: normal;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    width: 50%;
	vertical-align: middle;
	display: inline-block;
}

#mainContents {
	padding-left: 0;
}
}

/************************************************************************************
smaller than 641 SP
*************************************************************************************/
@media screen and (min-width: 641px) {
#utilityBlock #utilityNav {
/*    display: block;
	float: right;
	clear: both;*/
}

#headerBlock #utilityNav {
    display: none;
}

#headerBlock #globalNav ul#globalNavList{
	display: table!important;
}

#headerArea #rsvGlobalNav {
  display: none;
}
	
	
		/*  表切り替えボタン  */

.bt_change{width: 100%;
				margin: 0 0 30px;
				padding: 0;
				height:30px
			}
			
#mainContents .bt_change ul{
			margin: 0 ;
			padding: 0}
			
			#mainContents .bt_change ul li{float: left;
			list-style: none;
			width: 90px
			}
			
			#mainContents .bt_change ul li:first-child{margin-right: 10px}
			
			#mainContents .bt_change ul li a{color: #333;display: inline-block;
			text-decoration: none}
			
			#mainContents .bt_change_gr{background-color:#b6e2aa;margin: 0 0 10px;
			padding:5px 10px;border:solid 1px #00c2b0;
}
			
			#mainContents .bt_change_bl{background-color:#CAF0FF;margin: 0 0 10px;
			padding:5px 10px; border: solid 1px #0058b6;
}
	
	.sp_only{display: none}
	
	#contentsArea .bt_main ul.bt_jokyo{
	display: inline-block;
	margin:20px auto}
		
#contentsArea .bt_main ul.bt_jokyo li{float: left;
	list-style: none;	padding:10px 10px;
		margin: 0 10px
}
	
	.bk_blue2{background-color:#2C66A2}
	.bk_green3{background-color:#097D00}
	
	#contentsArea .bt_main ul.bt_jokyo li a{color: #fff;
	text-decoration: none;

	font-size:16px
}
	
	#contentsArea .bt_main ul.bt_jokyo li img{vertical-align: middle;
	width: 40px;
	margin-right: 10px}
	
	
.bt_main{text-align: center}

	
	#contentsArea .bt_tab ul{
	display:inline-block;
	margin:10px auto}
		
#contentsArea .bt_tab ul li{float: left;
	list-style: none;
	text-align: left;
	margin: 0 5px;
}
	
	
	
	#contentsArea .bt_tab ul li a{color: #2C66A2;
	text-decoration: none;
text-align: center;
	font-size:16px;
	border:solid 1px #2C66A2;
			padding:10px 10px;
		display: block;
		min-width: 100px
}
	
	#contentsArea .bt_tab ul li a:hover{color: #fff;
	text-decoration: none;
text-align: center;
	font-size:16px;
	border:solid 1px #2C66A2;
		display: block;
			padding:10px 10px;background-color: #2C66A2
}
	
		#contentsArea .bt_tab ul li a.active{color: #fff;
	text-decoration: none;
text-align: center;
	font-size:16px;
	border:solid 1px #2C66A2;
		display: block;
			padding:10px 10px;background-color: #2C66A2
}
	
	
	
	
		#contentsArea .bt_tab ul li.green4  a{color: #097D00;
	text-decoration: none;
text-align: center;
	font-size:16px;
	border:solid 1px #097D00;
			padding:10px 10px;
		display: block;
		min-width: 100px
}
	
	#contentsArea .bt_tab ul li.green4 a:hover{color: #fff;
	text-decoration: none;
text-align: center;
	font-size:16px;
	border:solid 1px #097D00;
		display: block;
			padding:10px 10px;background-color: #097D00
}
	
		#contentsArea .bt_tab ul li.green4 a.active{color: #fff;
	text-decoration: none;
text-align: center;
	font-size:16px;
	border:solid 1px #097D00;
		display: block;
			padding:10px 10px;background-color: #097D00
}
	
	
	
	#contentsArea .bt_main ul.bt_jokyo li img{vertical-align: middle;
	width: 40px;
	margin-right: 10px}

	
.bt_tab{text-align: center;
	margin-top: 30px;
	margin-bottom: 10px}

	
	
	
}


 
/************************************************************************************
smaller than 640 SP
*************************************************************************************/
@media screen and (max-width: 640px) {
/* --------------------------------
 headerArea
 ----------------------------------*/
#headerArea{ border-top: solid 20px #005bac; }

/*utilityBlock---------------------*/
#utilityBlock { min-height: 0 !important; }
#utilityBlock #utilityNav { display: none; }
#fontsize { display: none; }
#ciBlock { text-align: center; }
#ciBlock2 {
	position: relative;
	top:auto;
	right:auto;
	margin-top: 10px;
	float: none;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

/*headerBlock----------------------*/
#headerBlock {
    padding-left: 0;
    padding-right: 0;
}


#headerBlock {
    margin-bottom: 0;
    margin-top: 20px;
}

.standard #headerBlock {
    margin-bottom: 20px;
}

#globalNav {
	text-align: right;
	position: relative;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}

#headerBlock #utilityNav {
    display: block;
	position: relative;
}

#headerBlock #utilityNav ul {
    text-align: center;
}

#globalNav img {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -30px;
    z-index: 9999;
}

#globalNav #utilityNav {
    position: relative;
    right: 0;
    top: 0;
}

#globalNav #utilityNav ul li:last-child {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    text-align: left;
    width: 14em;
}

#rsvGlobalNav{ display: block; }

#globalNav ul#globalNavList {
    text-align: left;
	border: solid 3px #005bac;
  	display: none;
	position: absolute;
	top: 0px;
	left: 0;
	background: #ffffff;
	box-sizing: border-box;
	zoom:1;
	z-index: 9999;
}

#globalNav ul#globalNavList li {
    border-bottom: dotted 1px #ccc;
	display: block;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
}

#globalNav ul#globalNavList li a{
    background: url(../../common/img/icon_arrow_rwbs.gif) no-repeat left center;
	padding: 10px 10px 10px 25px;
	margin: 0 0 0 10px;
	display: block;
	border: none;
}

/*search---------------------------*/
#searchBlockInner form {
    display: block;
}

#searchBlockInner #searchPart p {
    display: block;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 8px;
    text-align: center;
    vertical-align: middle;
}

/* --------------------------------
 footerArea
 ----------------------------------*/
#footerNavBlock ul#list_footerNav li {
    border-bottom: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
    float: left;
    letter-spacing: normal;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    width: 100%;
	vertical-align: middle;
	display: inline-block;
}
	
	
			/*  表切り替えボタン  */

.bt_change{width: 100%;
				margin: 0 0 20px;
				padding: 0;
			
				
		}
			
#mainContents .bt_change ul{
			margin: 0 ;
			padding: 0}
			
			#mainContents .bt_change ul li{
			}
			
			#mainContents .bt_change ul li:first-child{margin-bottom: 10px;
			
}
			
			#mainContents .bt_change ul li a{color: #333;display: inline-block;	
			text-decoration: none;width: 94%;padding:5px 3%;}
			
			#mainContents .bt_change_gr{background-color:#b6e2aa;margin: 0;
			padding:0;border:solid 1px #00c2b0;
}
			
			#mainContents .bt_change_bl{background-color:#CAF0FF;margin: 0 0 10px ;
			padding:0; border: solid 1px #0058b6;
}
	
	
	.bt_change{width: 100%;
				margin: 0 0 30px;
				padding: 0;
				height: 100%
				
		}
	
	.pc_only{display: none}
	
	
		#contentsArea .bt_main ul.bt_jokyo{
	display:block;
	margin: auto}
		
#contentsArea .bt_main ul.bt_jokyo li{float: none;
	list-style: none;
	padding:10px 10px;
		background-color:#2C66A2;
	text-align: left;
	margin: 0;
	width: 100%
}
	
	#contentsArea .bt_main ul.bt_jokyo li:first-child{margin-bottom: 10px}
	
	#contentsArea .bt_main ul.bt_jokyo li a{color: #fff;
	text-decoration: none;
text-align: left;
	font-size:16px
}
	
	#contentsArea .bt_main ul.bt_jokyo li img{vertical-align: middle;
	width: 40px;
	margin-right: 10px}

	
.bt_main{text-align: left}
	
	
	
			#contentsArea .bt_tab ul{
	display:block;
	margin: auto}
		
#contentsArea .bt_tab ul li{float: none;
	list-style: none;
	text-align: left;
	margin: 0 0 10px;
	width: 100%
}
	

	
	#contentsArea .bt_tab ul li a{color: #2C66A2;
	text-decoration: none;
text-align: center;
	font-size:16px;
	border:solid 1px #2C66A2;
		display: block;
			padding:10px 10px;
}
	
	#contentsArea .bt_tab ul li a:hover{color: #fff;
	text-decoration: none;
text-align: center;
	font-size:16px;
	border:solid 1px #2C66A2;
		display: block;
			padding:10px 10px;background-color: #2C66A2
}
	
		#contentsArea .bt_tab ul li a.active{color: #fff;
	text-decoration: none;
text-align: center;
	font-size:16px;
	border:solid 1px #2C66A2;
		display: block;
			padding:10px 10px;background-color: #2C66A2
}
	
	#contentsArea .bt_main ul.bt_jokyo li img{vertical-align: middle;
	width: 40px;
	margin-right: 10px}

	
.bt_tab{text-align: left;
	margin-top: 30px}
	
}

/************************************************************************************
smaller than 600 SP
*************************************************************************************/
@media screen and (max-width: 600px) {
	
#copyrightBlock address{
    width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align:right;
}

#copyrightBlock address span {
	text-align: left;
}
	
	
}

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

#copyrightBlock address img{
	width: 100px;
	height: auto;
}

#copyrightBlock address span {
	font-size: 0.8em;
	/*width: 70%;*/
}

#copyrightBlock p#txt_copyright {
	font-size: 0.8em;
	padding-left: 10px;
	padding-right: 10px;
}
}

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

#ciBlock2 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}
#ciBlock2 img {
	width: 100%;
	height:auto;
}
}




/* Localized */


.border_txt{text-align: right;padding:0px 5px}