@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;
}
}

/************************************************************************************
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;
}
}

/************************************************************************************
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;
}
}