@charset "utf-8";

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

Last Updated:YYMMDD
Summary:各ページ共通 基本テンプレートレイアウト設定

- #container
- #headerArea
- #contentsArea
- #footerArea
- 
- 
=======================================================
*/


/*-----------------------------------------------------
container
-------------------------------------------------------*/
#container {
	background: #ffffff;
}


#containerInner2 {
	
}

#containerInner3 {
	padding-top: 20px;
	border-left: solid 1px #CCD0CB;
	border-right: solid 1px #CCD0CB;
	border-bottom: solid 1px #CCD0CB;
	background-color : #FFFFFF;
	zoom:1;
}

/*-----------------------------------------------------
headerArea
-------------------------------------------------------*/
#headerArea {
	padding-top: 0px;
	margin-bottom: 15px;
	background: #ffffff;
}

/*utilityBlock*/

#utilityBlock {
	background: #005bac;
	min-height: 38px;
	overflow: hidden;
	zoom:1;
}
.standard #utilityBlock {
	/*height: 38px;*/
}

#utilityBlockInner {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	/*position: relative;*/
	zoom: 1;
	overflow: hidden;
}
#utilityBlockInner{
	/*height:38px;*/
}
.standard #utilityBlockInner {
	/*height: 38px;*/
}

.standard #utilityBlockInner{
	/*overflow: visible;*/
}

#utilityNav{
  width: 100%;
  margin-right: -230px;
  float: left;
}

#utilityNav ul {
  /*padding-right: 230px;*/
  margin-right: 230px;
  text-align: right;
  padding-top: 7px;
  /*padding-bottom: 10px;*/
  padding-bottom: 5px;
}

#utilityNav ul li{
	display: inline;
	padding-left: 20px;
	margin-right: 10px;
	background: url(/common/img/icon_arrow_rbwc.gif) no-repeat left center;
	font-size: 0.9em;
	padding-top: 3px;
	padding-bottom: 3px;
}

#utilityNav ul li span {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/common/img/img_header_Symbol.gif);
    background-origin: padding-box;
    background-position: right 0.3em;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-bottom: 10px;
    padding-right: 30px;
    padding-top: 10px;
}

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

#utilityNav ul li img{
	margin-left: 5px;
	vertical-align: baseline;
}

#fontsize {
  width: 200px;
  min-height: 24px;
  padding: 7px 11px 7px 4px;
  /*position: absolute;*/
  /*right: 0px;*/
  /*top: 0px;*/
  float: right;
  zoom: 1;
  background: #ededed;
}

.standard #fontsize {
	/*background: #efefef;*/
}
/*
#fontsize img {
	margin-left: 4px;
	margin-right: 4px;
	float: left;
}

#fontsize ul li{
	float:left;
}

#fontsize ul li img {
	float:none;
	vertical-align: top;
}
*/

#fontsize ul li {
  display: inline-block;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  word-wrap : break-word;
  overflow-wrap : break-word;
  vertical-align: middle;
}
#fontsize ul li a {
  display: block;
  text-decoration: none;
}
#fontsize #fontsizeText {
  width: 89px;
  font-size: 0.9em;
}
.en #fontsize #fontsizeText {
  width: 81px; /* -8 */
}
#fontsize #sizeM {
  width: 44px;
  font-size: 0.9em;
  margin-right: 8px;
}
.en #fontsize #sizeM {
  width: 52px; /* +8 */
}
#fontsize #sizeL {
  width: 59px;
  font-size: 1.2em;
}
#fontsize .fontsizeOn {
  background: #005bac;
  color: #fff;
}
/* focue outline only firefox */
@-moz-document url-prefix() {
  #fontsize .fontsizeOn {
    outline-color: #005bac;
  }
}
#fontsize .fontsizeOff {
  background: #fff;
  color: #005bac;
}

/*headerBlock*/

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

#headerBlockInner{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

#ciBlock{
	float: left;
}
#ciBlock2{
	float: right;
}

#headerBlockInner #globalNav{
	float: right;
	padding-top: 1em;
}

/*for ie6, 7*/
#globalNav ul#globalNavList {
  *zoom: 1;
  *float: right !important;
}

#globalNav ul#globalNavList li{
	display: inline;
	border-bottom: solid 4px #005bac;
	margin-left: 30px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 1.2em;
	*position: relative;
}

#globalNav ul#globalNavList li a{
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333333;
	text-decoration: none;
	*padding-bottom: 0px;
}

/*rsv style*/

#rsvGlobalNav{ display: none; }

#headerBlock #utilityNav {
    display: none;
}

/*searchBlock*/

#searchBlock{
	background: #ededed;
	border-bottom: solid 1px #cccccc;
}

#searchBlockInner{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	zoom: 1;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
}

#searchBlockInner #searchPart{
	display: table;
	float: right;
	overflow: hidden;
	zoom: 1;
}

#searchBlockInner form{
	display: table-cell;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}

#searchBlockInner form input, 
#searchBlockInner form textarea {
    font-size: 1em;
    vertical-align: middle;
}

#searchBlockInner form input.search{
    height: 20px;
	border: solid 1px #cccccc;
}

#searchBlockInner #searchPart p{
	display: table-cell;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#searchBlockInner #searchPart a{
	background: url(/common/img/bullet_fnav2.gif) no-repeat left center;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#searchBox img {
    margin-right: 5px;
    vertical-align: middle;
}

/*nopi*/
#closeMessageBlock{
	background: #ededed;
	border-bottom: solid 1px #cccccc;
}

#closeMessageBlockInner{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	zoom: 1;
	padding-top: 11px;
	padding-bottom: 11px;
	text-align: left;
}

#closeMessageBlockInner p{
	color: #ff0000;
	font-weight: bold;
	font-size: 1.2em;
}

/* topicPathBlock */

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

#topicPathBlock p{
	padding: 0;
	font-size: 0.9em;
}


/*-----------------------------------------------------
#contentsArea
-------------------------------------------------------*/
#contentsArea {
	padding: 0;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
	margin-bottom: 20px;
	overflow: hidden;
	zoom:1;
}

#mainContents{
	padding:0 0 0 15px;
}

#contentsArea #mainContentsBlock{
	clear: both;
}

#contentsArea #mainContentsBlock #ContentsBlock {
	margin-right : 240px;
}

#contentsArea #mainContentsBlock #SideBlock {
	float : right;
	width : 200px;
}

/*-----------------------------------------------------
#footerArea
-------------------------------------------------------*/
#footerArea {
	clear:both;
	background: #ededed;
	overflow: hidden;
	zoom: 1;
}

#footerNavBlock {
	text-align: center;
	background: #ededed;
	padding : 15px 0 15px 0;
}

#footerNavBlock ul {
	list-style-type: none;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}


#footerNavBlock ul#list_footerNav li{
	display : inline;
	padding-right : 15px;	
}

#footerNavBlock ul#list_footerNav li span{
	background-image : url(/common/img/bullet_fnav.gif);
	background-repeat : no-repeat;
	background-position: left center;
	padding-left : 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footerNavBlock a {
	color : #333333;
}

#copyrightBlock {
	text-align : center;
	margin : 0;
	background: #005bac;
	color: #ffffff;
	padding-top: 35px;
	padding-bottom: 30px;
	zoom:1;
	width: 100%;
	position: relative;
}

#copyrightBlock > div {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
	background: #005bac;
}

#copyrightBlock address {
    display: table;
    font-style: normal;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 15px;
}

#copyrightBlock address img{
    display: table-cell;
	vertical-align: middle;
	*display: inline;
	*zoom:1;
	padding-right: 15px;
}

#copyrightBlock address span {
    display: table-cell;
	border-left: solid 1px #ffffff;
	padding-left: 15px;
	vertical-align: middle;
	*display: inline;
	*zoom:1;
	text-align: left;
}

#copyrightBlock em {
	padding-right : 20px;

}

#copyrightBlock p#txt_copyright {
	padding : 5px 0 10px 0;
	font-size: 0.9em;
}

#footerBannerBlock{
	padding-bottom:30px;
}
#footerBannerBlock ul{
	width:820px;
	margin:0 auto;
	text-align:center;
}

#footerBannerBlock li{
	margin:0 15px ;
	display: inline;
}
#footerBannerBlock li img{
	margin-bottom:10px;
}


/*-----------------------------------------------------
2Column
-------------------------------------------------------*/

#contentsArea .col2{
	padding:0 15px;
}
.col2 #mainContentsBlock{
	width:100%;
	margin-right:-224px;
	overflow:hidden;
	z-index:1;
	float:left;
	clear:both;
}

.col2 #mainContents{
	margin:0 263px 40px 0;
	clear:both;
}

.col2 #subContentsBlock{
	float:left;
	width:224px;
	z-index:2;
	margin:0 0 0 0;
}