@charset "UTF-8";

/* -----------------------------------------------
common css [Scalable and Modular Architecture for CSS]
0. Reset (リセット)
1. Base (ベース)
2. Layout(レイアウト)
3. Module(モジュール)
4. State (状態)
5. Theme (テーマ)
-------------------------------------------------- */


/* -----------------------------------------------
0. Reset (リセット)
-------------------------------------------------- */
html {
	font-family: sans-serif;
}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}
a{
	background: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,video{
	display: inline-block;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
	outline: 0;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 60%;
	line-height: 0;
	position: relative;
}
hr{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}


dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],html input[disabled]{
	cursor: default;
}
input[type="checkbox"],input[type="radio"]{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]{
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}




/* -----------------------------------------------
1. Base (ベース)
-------------------------------------------------- */
html{
	overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
}
/* body */
#main {
	/* font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","helvetica","arial",sans-serif; */
	font-size: 14px;
	color: #333;
}
#main p{
	line-height: 1.57;
}
#main dt,#main dd,#main li,
#main th,#main td,
#main input, 
#main textarea{
	line-height: 1.3;
}
#main input,#main textarea,#main button{
	font-size: 100%;
}
#main strong{
	font-weight: bold;
	color: #ff3b3b;
}
#main em{
	font-weight: bold;
}
#main a,
#main a:link{
	color: #0c33da;
	text-decoration: none;
}
#main a:visited{
	color: #0c33da;
	text-decoration: none;
}
#main a:hover,
#main a:active{
	color: #0c33da;
	text-decoration: underline;
}
.ie9 .gradient{
	filter: none;
}
/* Clearfix [ModernType]
-------------------------------------------------- */
.box_column,
#footer_inner,
#header_inner {
	*zoom: 1;
}
.box_column:after,
#footer_inner:after,
#header_inner:after,
.clearfix:after,
.wrapper:after {
	display: block;
	clear: both;
	content: "";
}

/* -----------------------------------------------
2. Layout(レイアウト)
-------------------------------------------------- */
/* #document
-------------------------------------------------- */
#document{

}
/* #header
-------------------------------------------------- */
#header{
	border-bottom: 1px solid #ccc;
	border-top: 3px solid #d71d23;
	font-size: 11px;

}
#header a {
	line-height: 24px;
	color: #666;
}
#header_inner{
	margin: 0 auto;
	position: relative;
	width: 980px;
	z-index: 9999;
}
#header_left {
	float: left;
	padding: 21px 0 21px 11px;
	vertical-align: baseline;
}
#header_left p, #header_right p,#header_right form {
	float: left;
}
#header_left .link_toppage {
	margin: 7px 30px;
}
#header_right {
	float: right;
	margin: 28px 0 0 0;
}

#header_right .btn_sitemap{
	background: url("/en/corpinfo/illustrated/images/dot_bg.gif") no-repeat scroll right center #fff;
	margin-top: 2px;
	padding: 0 15px;
	margin-right: 15px;
	font-size: 10px;
}
#header_right p {
	padding: 0 15px;
}
#header_right .site_search input.text, #header_right .site_search input.on {
	background-color: rgba(0, 0, 0, 0) !important;
}
#header_right .site_search p {
	background: url("/en/corpinfo/illustrated/images/search-text_bg.gif") no-repeat scroll left top #fff;
	height: 27px;
	position: relative;
	overflow: hidden;
	padding: 0;
}
#header_right .site_search .text {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	color: #444444;
	float: left;
	font-size: 12px;
	padding: 6px 7px 0px 13px;
	width: 216px;
	margin: 1px 0 0 2px;
}
#header_right .site_search .btn {
	float: left;
}
#header_right #lang_list {
	border: 1px solid #e5e5e5;
	border-top: none;
	display: none;
	position: absolute;
	right: 0;
	top: 52px;
	z-index: 10000;
}
#header_right #lang_list li {
	line-height: 0;
}
#header_right #lang_switch {
	padding-right: 0;
	margin: 2px 0 0 15px;
	background: url("/en/corpinfo/illustrated/images/dot_bg.gif") no-repeat scroll left center #fff;
}
#bizsearchAspForm {
	position: relative;
}
#bizasarchAspSuggest {
	border-bottom: 1px solid #B7B7B7;
	left: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	top: 27px !important;
	z-index: 10000 !important;
}
#bizasarchAspSuggest li {
	background-color: #FFFFFF;
	border-bottom: 1px solid #F2F2F2 !important;
	border-left: 1px solid #B7B7B7 !important;
	border-right: 1px solid #B7B7B7 !important;
	font-size: 92%;
	list-style: none outside none;
	padding: 3px 5px 2px 10px;
}
#bizasarchAspSuggest li.sgItemOn {
  background-color: #eeeeee;
  border-bottom: 1px solid #CC9900;
  border-left: 1px solid #CC9900;
  border-right: 1px solid #CC9900;
  cursor: pointer;
  font-weight: normal;
}
/* #footer
-------------------------------------------------- */
#footer{
	background: #646565;
	border-top: 3px solid #999;
	color: #fff;
	margin-top:	90px;
	font-size: 10px;
	zoom:1;
}
#footer a {
	color: #fff;
}
#footer_inner{
	margin: 0 auto;
	width: 980px;
}
#nav_footer {
	float: right;
	margin: 24px 0;
}
#copyright {
	float: left;
	margin: 24px 0;
}
#footer #nav_pagetop {
	margin: -33px 0 0;
	text-align: center;
	position:relative;
}
/* #container
-------------------------------------------------- */
#container{

}
#heading_part {
	margin-bottom: 28px;
	background: url("/en/corpinfo/illustrated/images/bg_subpage_title.jpg") no-repeat scroll center bottom #fff;
	border-bottom: 1px solid #f7f7f7;
}
#illustrated #heading_part {
	height: 222px;
	background: url("/en/corpinfo/illustrated/images/bg_main_title.jpg") no-repeat scroll center center #fff;
}

.breadcrumb {
	font-size: 11px;
	color: #666;
	padding: 15px 0;
}
/* #main
-------------------------------------------------- */

/*	#type ERROR
-------------------------------------------------- */


/* -----------------------------------------------
3. Module(モジュール)
 * Wrap Module
 * Box Module
 * Table Module
 * Headings Module
 * Nav Module
 * List Module
 * Button Module
 * Anchor Module
 * Form Module
 * Text Module
 * Icon Module
 * UI Module
-------------------------------------------------- */
/* Wrap Module
-------------------------------------------------- */
.wrapper {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

/* Box Module
-------------------------------------------------- */
.box_news {
	margin-bottom: 34px;
}
.box_news li{
	border-bottom: 1px dotted #ddd6d6;
	padding: 8px 0;
	clear: both;
}
.box_news li.last {
	border-bottom: 0;
}
.box_news li .date {
	float: left;
}
.box_news li .text {
	margin: 0 10px 0 130px;
	display: block;
}
.border_grey {
	border: 1px solid #ddd6d6;
	font-size: 12px;
}

.border_grey li .date{
	padding-left: 14px;
}
.box_title {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 5px;
}
.box_column .column1{
	float: left;
	width: 475px;
}
.box_column .column2 {
	float: right;
	width: 475px;
}
.block_nav {
        margin-bottom: 30px;
}
.block_nav li{
        padding: 0 7px 7px 12px;
        text-indent: -10px;
        zoom:1;
}
.block_nav li a{
        *background-position:0px 6px !important;
}
.block_nav li a + img {
    vertical-align: middle;
    margin-left: 5px;
}
/* Box Relation Links ---------------------------- */
.box_relation {
	width: 676px;
	padding: 15px 26px;
	border: 1px solid #c0c0c0;
	margin: 0 auto 58px;
}
.box_relation__title {
	background: url("/common/images/icon/icn_link01.png") no-repeat left center;
	padding-left: 17px;
	color: #666
}
.box_relation__content {
	margin: 0 17px;
	color: #666;
}
.box_relation__title02 {
	margin: 5px 0 0;
	color: #333;
	font-weight: bold;
}
.box_relation__links li {
	*zoom: 1;
	margin: 12px 0 0;
}
.box_relation__links li:after {
	display: block;
	clear: both;
	content: "";
}
.box_relation__links li .thumbnail {
	float: left;
	width: 140px;
	margin-right: 15px;
	border: 1px solid #c0c0c0;
}
.box_relation__links li .link_text {
	float: left;
	width: 485px;
}
.box_relation__links li .link_text * {
	display: block;
}
.box_relation__links li .link_text .description {
	margin-top: 15px;
}
/* Table Module
-------------------------------------------------- */
.tbl_data{
	margin-bottom: 30px;
	width: 100%;
	font-size:12px;
	border: 1px solid #646565;
}

.tbl_data th,
.tbl_data td{
	vertical-align: top;
	padding: 5px 3px;
}
.tbl_data th{
	background-color: #646565;
	font-weight: bold; 
	text-align: left; 
	color: #fff;
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #646565;
	border-right: 1px solid #bfbfbf;
}


.tbl_data td {
	text-align: right;
	vertical-align: middle;
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}
.tbl_data th.last,
.tbl_data td.last {
	border-right: 1px solid #646565;
}
.tbl_data .bg_grey{
	background-color: #e8e8e8;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
}
.tbl_data .bg_focus{
	background-color: #FFD4D5;
}
.tbl_data .th_child{
	background-color: #7f7f7f;
}
.tbl_data .td_child{
	background-color: #f5f3f3;
}
.tbl_data td.total_col{
	background-color: #fdfdf2;
	border-top: 3px double #bfbfbf;
}
.tbl_data td.total_col.bg_grey{
	background-color: #e8e8e8;
	zoom:1;
}
.tbl_data td.total_col.td_child.bg_grey{
	background-color: #f5f3f3;
}
.tbl_data td.total_row{
	background-color: #fdfdf2;
}
.tbl_data .splid_top{
	border-top: 1px solid #646565;
}
.tbl_data .splid_right{
	border-right: 1px solid #646565;
}
.tbl_data td.bg_grey.total_col.splid_top{
	border-top: 1px solid #646565;
}
.tbl_data td.total_col.splid_top{
	border-top: 1px solid #646565;
}
.tbl_data td.dash_line_top{
	border-top: 1px dashed #bfbfbf;
}

.tbl_data td.dash_line_right,
.tbl_data th.dash_line_right{
	border-right: 1px dashed #bfbfbf !important;
}
.tbl_data td.no_line_top{
	border-top: none;
}
.tbl_data td.no_line_right,
.tbl_data th.no_line_right{
	border-right: none !important;
}
.tbl_data caption{
	margin-bottom: 6px;
	text-align: left;
	font-weight: bold;
}
.tbl_pd08 th,
.tbl_pd08 td{
	padding: 8px 12px;
}
.tbl_notitle tr:first-child td {
	border-top: 1px solid #646565;
}
table.txt_left td, table td.txt_left, table.txt_center td.txt_left {
	text-align: left;
	vertical-align: middle;
}
table.txt_center td {
	text-align: center;
	vertical-align: middle;
}
.txt_center,
table.txt_grey .bg_grey, .tbl_data td.txt_center, table.txt_center .bg_grey, .txt_center {
	text-align: center;
}
.mr20 { margin: 20px 0;}
.tbl_data .td_list li{
	list-style: disc;
	margin-left:20px;
	padding-bottom: 5px;
}

/* Headings Module
-------------------------------------------------- */
/* as h1 Element */
.hdg_pageheader{
	padding: 0 0 20px;
}

#illustrated .hdg_pageheader{
	padding: 47px 0 20px;
}

/* ----------------------------------------------- */
.hdg_lv2{
	color: #333;
	font-size: 28px;
	position: relative;
	border-bottom: 3px solid #f0f0f0;
	margin: 0 0 20px;
}
/* ----------------------------------------------- */
.hdg_lv3{
	color: #333;
	font-size: 20px;
	border-bottom: 3px solid #d71e24;
	margin: 0 0 22px;
  font-weight: bold;
}
/* ----------------------------------------------- */
.hdg_lv4{
	background: #f6f6f6;
	border-left: 3px solid #d70c19;
	color: #333;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 28px;
}

/* ----------------------------------------------- */
.hdg_lv5{
	background: url("/en/corpinfo/illustrated/images/icon_heading5.gif") no-repeat left center;
	color: #333;
	font-size: 18px;
	margin: 0 0 28px;
	padding: 0 0 0 15px;
}

.with_btn {
	padding-right: 100px;
}
.with_btn__con{
	display: inline;
	position: absolute;
	right: 0;
}
.with_btn__con li {
	display: inline;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	height: 20px;
}
.with_btn__con li.print {
	width: 89px;
}
.last {
	margin-right: 0!important;
	margin-bottom: 0!important;
	boder-right: 0!important;
	boder-bottom: 0!important;
}
/* Nav Module
-------------------------------------------------- */
/* Nav Global
--------------------- */


/* Nav Footer
--------------------- */

#nav_footer li	{
	float: left;
	background: url(/common/images/icon/icon_arrowright_02.gif) no-repeat left center;
}
#nav_footer li a{
	display: block;
	margin-right: 15px;
	padding-left: 15px;
}

/* Nav Page
--------------------- */
.page_navi {
	border-top: 1px dotted #ddd6d6;
	padding: 20px 0 0;
	font-size: 12px;
	display: none;
}
.page_navi p {
	float: left;
}

.page_navi .prev_link{
	width: 34%;
	text-align: left;
}
.page_navi .prev_link a{
	background: url("/en/corpinfo/illustrated/images/icon_prev.gif") no-repeat left center;
	padding-left: 15px;
	zoom:1;
}
.page_navi .top_link {
	width: 28%;
	text-align: center;
	padding: 0 2%;
}
.page_navi .top_link a{
	background: url("/en/corpinfo/illustrated/images/icon_back.gif") no-repeat left center;
	padding-left: 15px;
	zoom:1;
}
.page_navi .next_link {
	width: 34%;
	text-align: right;
}
.page_navi .next_link a{
	background: url("/en/corpinfo/illustrated/images/icon_next.gif") no-repeat right center;
	padding-right: 15px;
	zoom:1;
}
/* List Module
-------------------------------------------------- */
.note_list {
	color: #666;
	position: relative;
	zoom:1;
	margin: 0 0 40px;
	font-size: 12px;
}
.note_list .tip {
	position: absolute;
	left: 0;
	margin-top: -2px;
}
.note_list ol {
	margin: 0 0 10px 70px;
	list-style-type: decimal;
}
.note_list ul {
	margin: 0 0 10px 35px;
	list-style-type: disc;
}
/* Button Module
-------------------------------------------------- */
.btn_print_wrap {
	margin-bottom: 10px;
	text-align: right;
}

/* Anchor Module
-------------------------------------------------- */
.ie8 .rollover:hover,
.ie8 .rollover:hover img{
	-ms-filter: "alpha(opacity=70)";
}
.rollover:hover,
.rollover:hover img{
	opacity: 0.7;
}

.link_01 {
	background: url("/common/images/icon/icon_arrowright_01.gif") no-repeat scroll left center;
 	padding-left: 10px;
	color: #0c33da !important;
}
.link_01:visited {
	color: #6c0cd8 !important;
}
.link_02 {
	color: #0e9ce5 !important;
	font-size: 11px;
}
/* Form Module
-------------------------------------------------- */



/* Text Module
/* ----------------------------------------------- */
.units {
	font-size: 11px;
	font-weight: normal;
}
.ann {
	font-size: 11px;
	color: #d71e24;
}
.tbl_data th .ann { color: #fff; font-weight: normal;}

/* -------------------------------------------------- */
.txt_paragraph{

}
/* ----------------------------------------------- */
.txt_break{

}
/* ----------------------------------------------- */
.txt_grey{
	color: #333!important;
}
.rotate p{
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
		display: inline-block;
		height: 60px;
		float:right;

}
.sub02,
.sub03,
.sub04 {
	 display: block;
}
.sub02 { padding-left:1em; font-weight: normal;}
.sub03 { padding-left:2em; font-weight: normal;}
.sub04 { padding-left:3em; font-weight: normal;}

.vertical .latin:before,, .vertical-css3 .latin:before  {
	content:"   ";
}
.vertical .latin:after, .vertical-css3 .latin:after {
	content:"   ";
}
.vertical .latin, .vertical-css3 .latin {
	font-family:"Helvetica Neue","Helvetica",sans-serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	word-wrap:break-word;
	max-width:1.1em;
	min-width:1.1em;
	width:1.1em;
}

.vertical p {
	letter-spacing:0.3em;
	word-wrap:break-word;
	display:block;
	margin:10px;
	text-align:center;
	max-width:1.1em;
	min-width:1.1em;
	width:1.1em;

	float:right;
}

.vertical a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}


.vertical-css3 {
	-moz-column-count: 10;
	-moz-column-width:1em;
	-webkit-column-count: 10;
	-webkit-column-width:1em;
	column-count: 10;
	column-width:1em;
	direction:rtl;
}


/* Icon Module
-------------------------------------------------- */



/* UI Module
-------------------------------------------------- */



/* -----------------------------------------------
4. State (状態)
-------------------------------------------------- */



/* -----------------------------------------------
5. Theme (テーマ)
-------------------------------------------------- */

.graph_frame{
	border: 1px solid #ccc;
	background-color: #f6f6f6;
	padding: 20px 0 20px 20px;
	margin-bottom: 20px;
}
.graph_base{
	width: 900px;
	margin: 0 auto;
	height: 500px;
}
.graph_pie{
	width: 50%;
	height: 320px;
	margin: 0 auto;
	float: left;
}
.graph_column{
	height: 500px;
	margin: 0 auto 30px;
}
.date {
	text-align: right;
	font-size: 12px;
}
.units-top {
	text-align: right;
	font-size: 12px;
}
.h700 {
	height: 700px;
}
.highcharts-contextmenu > div {
	box-shadow: 0px 0px 0px  #888888 !important;
	-webkit-box-shadow: 0px 0px 0px  #888888 !important;
	-moz-box-shadow: 0px 0px 0px  #888888 !important;
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	-webkit-border-bottom-left-radius: 5px !important;
	-webkit-border-bottom-right-radius: 5px !important;
	-moz-border-bottom-left-radius: 5px !important;
	-moz-border-bottom-right-radius: 5px !important;
}
.highcharts-button:hover {
	cursor: pointer!important;
}
.crossOut .child{
    position:absolute; 
    display:block;
    height:1px; 
    background:#666;
}
.txt_hori {

	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);

}


/* sp styles */
@media screen and (max-width: 767px) {
	#main.wrapper{
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.hdg_lv2.with_btn{
		padding-right: 0;
		padding-bottom: 15px;
	}
	.with_btn__con {
		display: block;
		position: relative;
		left: 0;
		right: auto;
		clear: both;
	}
	.with_btn__con:after {
		content: "";
		clear: both;
		display: block;
	}
	.with_btn__con li{
		margin-top: 0 !important;
		margin-left: 5px;
	}
	.with_btn__con li.facebook {
		width: 53px;
	}
	.with_btn__con li.facebook > div {
		top: 5px;
	}
	.with_btn__con li.twitter {
		width: 66px;
	}
	.with_btn__con li.twitter > iframe {
		top: 5px;
	}
	.with_btn__con li.google {
		width: 32px;
	}
	.with_btn__con li.google > div {
		position: absolute !important;
		top: 5px;
	}
	.with_btn__con li.print{
		position: relative;
		top: -3px;
	}
	.btn_print {
		top: 0;
	}
	.btn_print_wrap {
		display: none;
	}
	.scrl_wrap{
		width: 100%;
		overflow: auto;
		margin-bottom: 30px;
	}
	.scrl_wrap .tbl_data{
		width: 980px;
		margin-bottom: 0;
	}
	.scrl_wrap .graph_frame{
		width: 980px;
		box-sizing: border-box;
	}
	.box_column .scrl_wrap .column1 ,
	.box_column .scrl_wrap .column2 {
		float: none;
		clear: both;
	}
	#main img{
		max-width: 100%;
		height: auto;
	}
	#footer_inner{
		width: 100%;
	}
	.box_relation {
		padding: 15px 10px;
		font-size: 12px;
		width: auto;
	}
	.box_relation__content {
		margin: 5px 0 0;
	}
	.box_relation__links li .thumbnail {
		width: 70px;
		height: auto;
		margin-right: 10px;
	}
	.box_relation__links li .link_text {
		width: 150px;
		word-break: break-all;
	}
	.box_relation__links li .link_text .link_01 {
		background: url("/common/images/icon/icon_arrowright_01.gif") no-repeat scroll left 0.4em;
	}
	.box_relation__links li .link_text .link_02 {
		display: none;
	}
	.box_relation__links li .link_text .description {
		margin-top: 5px;
	}
}