@charset "utf-8";
/* ========================================
    Initialize
======================================== */
body{
  position: relative;
  font: 14px/1.8 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
  color:#3c3c3c;
}

a{
  text-decoration:none;
  color:#3c3c3c;
  cursor:pointer;
}

a:visited{
  text-decoration:none;
  color:#9b7f9c;
}

a:hover{
  text-decoration:underline;
  color:#5a92ae;
}

/* ========================================
    Image hover
======================================== */
.imgHover,
.bgHover{
  cursor:pointer;
}

/* ========================================
    Text Style
======================================== */
.textBold{
  font-weight:bold;
}
.textCenter{
  text-align:center;
}
.textRight{
  display:block;
  text-align:right;
  text-indent:0;
}
.textSmall{
  font-size:85.7%;
  font-weight:normal;
}
.wt{
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  display:block;
}

/* ========================================
    Horizontal Line
======================================== */
.cLine{
  content: "";
  clear: both;
  display: block;
  border-top:none;
  border-right:none;
  border-left:none;
  border-bottom:1px solid #c6c6c6;
  margin:24px 0;
}

.dotLine{
  content: "";
  clear: both;
  display: block;
  border-top:none;
  border-right:none;
  border-left:none;
  border-bottom:1px dotted #c6c6c6;
  margin:24px 0;
}

/* ========================================
    Icon
======================================== */
.icon {
  display:inline-block;
  padding-left:18px;
}
.icon:before {
  content:"";
  display:inline-block;
  width:16px;
  height:16px;
  vertical-align: top;
  margin: 0.2em 2px 0 -18px;

}
.icon--arrow:before {
  content:url('../img/cmn_icon_arrow.png');
} 
.icon--arrowUnder:before {
  content:url('../img/cmn_icon_arrow_under.png');
} 
.icon--newWindow:before {
  content:url('../img/cmn_icon_new_window.png');
} 
.icon--blank:before {
  content:url('../img/cmn_icon_blank.png');
} 
.icon--pdf:before {
  content:url('../img/cmn_icon_pdf.png');
} 
.icon--brick:before {
  content:url('../img/cmn_icon_brickplot.png');
}
.icon--blankRight{
  padding-left:0;
}
.icon--blankRight:before {
	display:none;
}
.icon--blankRight:after {
  display:inline-block;
  width:16px;
  height:16px;
  vertical-align:middle;
  content:url('../img/cmn_icon_blank_cell.png');
}
.icon--blankRight--black:after {
  content:url('../img/cmn_icon_blank.png');
}
.icon--blankRight--footer:after {
  content:url('../img/cmn_icon_blank_footer.png');
} 

/* ========================================
    List Style
======================================== */
.list li {
  display: list-item;
  list-style-position: outside;
}
.list--inside li {
	list-style-position: inside;
}
.list--indent li {
	text-indent: -1em;
	margin-left: 1em;
}
.list__heading{
  display:block;
  font-weight:bold;
}
.list--grayPlot li{
  list-style-image: url('../img/cmn_mark_grayplot.png');
}
.list--orangePlot li{
  list-style-image: url('../img/cmn_mark_orangeplot.png');
}

/* ========================================
    Inner Link 
======================================== */
.innerLink{
  margin:30px 0 0 0;
  padding:0 0 25px;
  background:url('../img/cmn_bg_anchor.jpg') repeat-x bottom left;
  border-top:1px solid #c6c6c6;
}
.innerLink ul{
  margin:18px 0 0 0;
  padding:0;
  list-style:none;
}
.innerLink ul:after {
  display: block;
  content: "";
  clear: both;
}
.innerLink ul li{
  float:left;
  padding:0 20px 0 20px;
}

/* ========================================
    Category Title
======================================== */
.catTitle{
  position:relative;
  margin:-4px 0 0 0;
  padding:0;
  min-width:1200px;
}
.catTitle__label{
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  display:block;
  margin:0;
  padding:0;
  height:180px;
  background:none no-repeat center center;
}
.catTitle__img{
  display:none;
  width:925px;
  height:111px;
  margin-left:-93px;
}

/* ========================================
    Page Title
======================================== */
.pageTitle{
  margin:0;
  padding:0 0 28px 0;
  font-size:185.7%;
  line-height:1.4;
  background:url('../img/cmn_pt_bar.jpg') no-repeat center bottom;
}

/* ========================================
    breadcrumb Nav
======================================== */
.breadcrumb {
  margin:0 auto;
  width:1200px;
  margin-bottom: 35px;
}
.breadcrumb nav{
  margin-top:15px;
  font-size:85.71%;
  line-height:1.0;
  color:#b4b4b4;
}

/* ========================================
    Section
======================================== */
.sec {
	margin:0;
	padding:0;
}
.sec:after {
  content: "";
  clear: both;
  display: block;
}
.sec ul:first-child,
.sec > ol:first-child{
  margin-top:0;
}
.sec__column{
  margin:34px 0 0 0;
  width:350px;
}
.sec__column:after{
  content: "";
  clear: both;
  display: block;
}
.sec__column > p{
  margin:15px 0 0 0;
}
.sec__column--left{
  float:left;
}
.sec__column--right{
  float:right;
}

/* ======== Lv1 ======== */
.sec--lv1{
  margin:60px 0 0 0;
  padding:0;
}
.sec--lv1 > p{
  margin:20px 0 0 0;
}
.sec--lv1 > p + p{
  margin-top:30px;  
}
.sec--lv1 > ul{
  margin:20px 0 10px 25px;
  padding:0;
}
.sec--lv1 > ol{
  margin:20px 0 10px 0;
  padding:0 0 0 25px;
}
.sec--lv1 > ul > li,
.sec--lv1 > ol > li{
  margin:0 0 20px 0;
}
.pageTitle + .sec--lv1{
  margin:30px 0 0 0;
  padding:0;
}
/* ======== Lv2 ======== */
.sec--lv2{
  margin:30px 0 0 0;
  padding:0 20px;
}
.sec--lv2 p{
  margin:18px 0 0;
  padding:0;
}
.sec--lv2 > ul{
  margin:18px 0 10px 25px;
  padding:0;
}
.sec--lv2 > ol{
  margin:18px 0 10px;
  padding:0 0 0 25px;
}
.sec--lv2 > ul > li,
.sec--lv2 > ol > li{
  margin:0 0 15px 0;
}
.sec--lv2 > hr{
  margin:24px 0;
}
/* ======== Lv3 ======== */
.sec--lv3{
  margin:30px 0 20px;
  padding:0 20px;
}
.sec--lv3 p{
  margin:12px 0 0;
  padding:0;
}
.sec--lv3 > ul{
  margin:12px 0 10px 25px;
  padding:0;
}
.sec--lv3 > ol{
  margin:12px 0 10px;
  padding:0 0 0 25px;
}
.sec--lv3 > ul > li,
.sec--lv3 > ol > li{
  margin:0 0 15px 0;
}
.sec--lv3 > hr{
  margin:24px 0;
}
.head--middle + .sec--lv3{
  margin-top:18px;
}

/* ========================================
    Headline
======================================== */
.head{
	margin:0;
	padding:0;
	font-weight:bold;
}
.head__subText{
  font-weight:normal;
}
/* ======== Large ======== */
.head--large{
  margin:20px 0 0 0;
  padding:20px 0 0 0;
  font-size:157%;
  border-top:1px solid #c6c6c6;
  line-height:1.5;
}
.head--large .head__subText{
  padding:0 0 5px 15px;
  font-size:17px;
}

/* ======== Middle ======== */
.head--middle{
  margin:18px 0 0 0;
  padding:0;
  font-size:128.57%;
}
.sec--lv2 + .head--middle{
  margin-top:0;
}
.head--middle--list{
  position: relative;
  padding-left:1.0em;
  list-style: none; 
}
.head--middle--list span {
  position: absolute;
  left: 0;
}

/* ======== Small ======== */
.head--small{
  margin:18px 0 0;
  font-size:114.28%;
  color:#85624d;
}
.sec--lv3 + .head--small{
  margin-top:0;
}

/* ========================================
    Table
======================================== */
.table {
  width:740px;
  line-height:1.4;
}
.table th,
.table td{
  vertical-align:top;
  border-bottom:1px solid #d5d5d5;
}
.table th{
  padding:20px 0 20px 20px;
  width:140px;
  text-align:left;
}
.table td{
  padding:20px;
}
.table thead th,
.table thead td{
  border-bottom-width:3px;
  font-weight:bold;
}
.table tbody tr.table__subRow th{
  padding:20px 10px 0 20px;
  border:none;
  white-space:nowrap;
}
.table tbody tr.table__subRow td{
  padding:20px 10px 0 0;
  border:none;
}
.table tbody tr.table__resultRow th,
.table tbody tr.table__resultRow td{
  font-weight:bold;
}
.table tbody tr.table__lastRow th,
.table tbody tr.table__lastRow td{
  border-bottom:1px solid #d5d5d5;
}
.table tbody tr.table__totalRow th,
.table tbody tr.table__totalRow td{
  font-weight:bold;
  background:#f1efeb;
}
/* ======== Table Sub ======== */
.table--sub{
  margin-top:30px;
  margin-left:40px;
  width:700px;
}
.table--sub th,
.table--sub td{
  padding-top:30px;
  padding-bottom:30px;
  border-top:1px dotted #d5d5d5;
  border-bottom:none;
}

/* ======== Table Number ======== */
.table--number th,
.table--number td{
  padding:20px 10px 20px 20px;
}
.table--number td{
  text-align:right;
}
.table--number thead th,
.table--number thead td{
  white-space:nowrap;
}

/* ======== Table Style C ======== */
.table--corp{
  width:700px;
  line-height: 1.8;
  border-collapse: separate;
}
.table--corp td{
  padding:18px 0px 18px 0px;
  background:#f1efeb;
  border-left:1px solid #fff;
  border-bottom:3px solid #fff;
  page-break-inside: avoid;
  vertical-align:middle;
}
td.table--corp__dark{
  background:#ded9d0;
}
td.table--corp__link{
  cursor: pointer;
  padding:0;
  width:70px;
  text-align:center;
  background:#6e6e6e;
}
td.table--corp__link:hover{
  background:#9a9a9a;
}
.table--corp__link a{
  display:block;
  text-decoration:none;
  width:100%;
  height:100%;
  color:#fff;
  background:url('../img/cmn_mark_cellarrow.png') no-repeat center left;
}
.table--corp__link a .icon {
  margin-left: 5px;
}

.table--corp ul{
  margin:5px 0 5px 5px;
  padding:0;
}

.table--corp__overseas td{
  background:#ebf2f2;
}
.table--corp__overseas td.table--corp__dark{
  background:#d1e1e2;
}
.table--corp__overseas td.table--corp__link{
  background:#6e6e6e;
}
.table--corp__overseas td.table--corp__link:hover{
  background:#9a9a9a;
}

/* ======== Table Style News ======== */
.table--news{
  width:100%;
}
.table--news td{
  padding:0 0 10px 0;
  font-size:85.71%;
  vertical-align:top;
  border:none;
}

td.table--news__new{
  width:41px;
}
td.table--news__date{
  padding-left:15px;
  padding-right:15px;
}

td.table--news__category{
  width:115px;
}
td.table--news__text{
  width:100%;
  padding-left: 30px;
  background-position:0 2px;
}
	td.table--news__text a{
		margin-left: -15px;
	}

/* ========================================
    Figure Area
======================================== */
.fig{
  margin:30px 0;
}
.fig:after {
  content: "";
  clear: both;
  display: block;
}
.fig figure{
  margin:0;
  display:table;
}
.fig figcaption{
  margin:5px 0 0;
  display:table-caption;
  caption-side:bottom;
  font-size: 12px;
}
.fig--center figure{
  margin:0 auto;
}
.fig--right{
  float:right;
  margin:30px 0;
  padding:0 0 0 40px;
}
.fig--left{
  float:left;
  margin:30px 0;
  padding:0 40px 0 0;
}
.fig--col2 > figure{
  float:left;
  margin:0 0 0 40px;
  width:350px;
}
.fig--col2 > figure:first-child{
  margin:0;
}
.sec--lv2 > .fig--col2 figure{
  width:330px;
}
.sec--lv2 > .fig{
  margin-top:18px;
}
.sec--lv3 > .fig--col2 figure{
  width:310px;
}
.sec--lv3 > .fig{
  margin-top:12px;
}

/* ========================================
    Box Area
======================================== */
.box{
  margin:30px 0 0;
  background:#f2f2f2;
}
.box:after {
  content: "";
  clear: both;
  display: block;
}
.box__frame{
  display: inline-table;
  padding:20px;
}
.box__frame:after {
  content: "";
  clear: both;
  display: block;
}
.box__title{
  margin:0 0 10px 0;
  font-size:18px;
  font-weight:bold;
}
.box__body .fig{
	margin: 0;
}

.box--type01 {
	border: 2px solid #ded9d0;
	background-color: #fff;	
}

/* ======== Inquiry ======== */
.box--inquiry{
  margin-top:40px;
  background:#fff;
  border:1px solid #d5d5d5;
}
.box--inquiry .box__frame{
  margin:3px;
  padding:20px 0;
  background:#f2f2f2;
}
.box--inquiry .box__title{
  display: table-cell;
  margin:0;
  padding:10px 20px;
  width:180px;
  font-size:107%;
  text-align:center;
  white-space: nowrap;
  vertical-align:middle;
}
.box--inquiry .box__body{
  display: table-cell;
  padding: 5px 20px;
  width: 480px;
  font-size:85.7%;
  border-left:1px solid #d5d5d5;
}
	.box--inquiry .box__body p {
		margin: 0 0 5px;
	}

/* ======== mainVisual ======== */
.fig--mainVisual {
	margin-top: 30px;
	position: relative;
}
	.fig--mainVisual figure {
		margin: 0;
		padding: 0;
	}
		.fig--mainVisual figcaption {
			padding: 5px 50px 5px 40px;
			position: absolute;
			left: 0;
			bottom: 0;
			background-color: rgba(0,0,0,0.5);
			-filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000,gradienttype=0);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000,gradienttype=0)";
			color: #fff;
	
		}
		.fig--mainVisual figcaption:not(:target){
			filter: none;
			-ms-filter: none;
		}
		.fig--mainVisual .fig__title {
			margin: 0;
			font-size: 16px;
			font-weight: bold;
		}
		.fig--mainVisual .fig__body {
			font-size: 13px;
		}
	
/* ========================================
    PageTop
======================================== */
.pageTop {
  z-index:10000;
  display:none;
  position: fixed;
  bottom: 40px;
  width: 60px;
  height: 60px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.pageTop a {
  background:url('../img/cmn_btn_pagetop_off.png') no-repeat;
  width: 60px;
  height: 60px;
  display: block;
}
.pageTop a:hover {
  background:url('../img/cmn_btn_pagetop_on.png') no-repeat;
}

/* ========================================
    Header Area
======================================== */
.header{
  margin:0;
  padding:0;
  min-width:1200px;
  background:url('../img/header_bg.png') repeat-x #fff;
}
/* ======== Header Top ======== */
.header__top{
  position:relative;
  margin:0 auto;
  width:1200px;
  height:62px;
}
.header__top h1{
  position:relative;
  margin:0;
  padding:0;
  width:237px;
  height:48px;
  background:url('../img/cmn_bg_header.jpg') no-repeat;
}
.header__top h1 a{
  display:block;
  margin:0;
  padding:0;
  width:237px;
  height:48px;
}
.header__top h1 img{
  margin:17px 0 0 0;
}
.header__top nav{
  position:absolute;
  width:70px;
  top:20px;
  left:956px;
}
.header__top ul{
  margin:0;
  padding:0;
  list-style:none;
}
.header__top form input{
  position:absolute;
  top:0px;
  left:384px;
  padding:0 5px 0 5px;
  width:190px;
  height:25px;
  line-height:25px;
  border:none;
  background:#ededed;
}
.header__top form button{
  position:absolute;
  top:0px;
  left:586px;
  float:left;
  width:25px;
  height:25px;
  display:block;
  border:none;
  background:url('../img/header_sprite_btn.png') no-repeat;
  background-position:-376px 0;
  text-indent:-9999px;
}
.header__top form button:hover{
  background-position:-376px -25px;
}
/* ======== Header Link ======== */
.header__link{
  position:absolute;
  top:0px;
  left:0px;
  display:block;
  background:url('../img/header_sprite_btn.png') no-repeat;
}
.header__link:hover{
  text-decoration:none;
  color:#3c3c3c;
}
.header__link:visited{
  color:#3c3c3c;
}
.header__link span{
  display:block;
  padding:5px 0 0 26px;
  font-size:12px;
  line-height:16px;
}
.header__link--home{
  width:70px;
  height:25px;
  background-position:0 0;
}
.header__link--home:hover{
  background-position:0 -25px;
}
/* ======== Header Menu ======== */
.header__menu{
  z-index:10000;
  position:relative;
  height:50px;
  min-width:1200px;
  background:url('../img/globalnav_bg.png') repeat-x;
}
.header__menu__inner{
	margin:0 auto;
	padding:0;
	width:1200px;
	height:46px;
	list-style:none;
	position:relative;
}
.header__menu__button{
  float:left;
  width:200px;
  height:46px;
  display:block;
  background:url('../img/globalnav_sprite_btn.png') no-repeat;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.header__menu__system .header__menu__button{
  width:200px;
  background-position:0 0;
}
.header__menu__system .header__menu__button:hover,
.header__menu__system .header__menu__button--active{
  background-position:0 -46px;
}
.header__menu__plan .header__menu__button{
  width:199px;
  left:200px;
  background-position:-200px 0;
}
.header__menu__plan .header__menu__button:hover,
.header__menu__plan .header__menu__button--active{
  background-position:-200px -46px;
}
.header__menu__procedure .header__menu__button{
  width:200px;
  left:400px;
  background-position:-400px 0;
}
.header__menu__procedure .header__menu__button:hover,
.header__menu__procedure .header__menu__button--active{
  background-position:-400px -46px;
}
.header__menu__beneficiaries .header__menu__button{
  width:200px;
  left:600px;
  background-position:-600px 0;
}
.header__menu__beneficiaries .header__menu__button:hover,
.header__menu__beneficiaries .header__menu__button--active{
  background-position:-600px -46px;
}
.header__menu__about .header__menu__button{
  width:200px;
  left:800px;
  background-position:-800px 0;
}
.header__menu__about .header__menu__button:hover,
.header__menu__about .header__menu__button--active{
  background-position:-800px -46px;
}
.header__menu__member .header__menu__button{
  width:200px;
  left:1000px;
  background-position:-1000px 0;
}
.header__menu__member .header__menu__button:hover,
.header__menu__member .header__menu__button--active{
  background-position:-1000px -46px;
}

/* ========================================
    Drop-down Menu Area
======================================== */
.ddmbox{
  z-index:500;
  display:none;
  position:absolute;
  top:46px;
  width:400px;
  background:url('../img/cmn_ddm_bg.jpg') repeat-x #ededed;
  background-position:bottom center;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
  box-shadow: 0 3px 2px 2px rgba(0, 0, 0, 0.1);
  list-style:none;
}
.ddmbox--system{
  width:199px;
  height:110px;
}
.ddmbox--plan{
  left:200px;
  width:398px;
  height:254px;
}
.ddmbox--procedure{
  left:400px;
  width:398px;
  height:176px;
}
.ddmbox--beneficiaries{
  left:599px;
  width:199px;
  height:146px;
}
.ddmbox--about{
  left:799px;
  width:398px;
  height:254px;
}
.ddmbox__gMenuBg{
  position:absolute;
  top:0;
  left:-1px;
  height:4px;
  background:url('../img/globalnav_bg.png') repeat-x 0 -46px;
}

.ddmbox--system .ddmbox__gMenuBg{
  width:200px;
}
.ddmbox--plan .ddmbox__gMenuBg{
  width:399px;
}
.ddmbox--procedure .ddmbox__gMenuBg{
  width:399px;
}
.ddmbox--beneficiaries .ddmbox__gMenuBg{
  width:200px;
}
.ddmbox--about .ddmbox__gMenuBg{
  width:399px;
}
.ddmbox__catTitle{
  position:absolute;
  top:30px;
  left:18px;
  width:182px;
  border-right:1px solid #d6d6d6;
}
.ddmbox--system .ddmbox__catTitle{
  height:274px;
}
.ddmbox--procedure .ddmbox__catTitle{
  height:194px;
}
.ddmbox--car .ddmbox__catTitle{
  height:194px;
}
.ddmbox__label {
  display:block;
  margin:0;
  padding:0;
  font-size:16px;
  font-weight:bold;
  line-height:1.0;
  height:25px;
}
.ddmbox__catList{
  position:absolute;
  top:30px;
  margin:0;
  padding:0;
  list-style:none;
}
.ddmbox__catList--systemLeft,
.ddmbox__catList--planLeft,
.ddmbox__catList--procedureLeft,
.ddmbox__catList--beneficiariesLeft,
.ddmbox__catList--aboutLeft{
  left:18px;
}
.ddmbox__catList li{
  font-size:14px;
  font-weight:bold;
  line-height:1.0;
  height:35px;
}
.ddmbox__catList__sublist{
  margin:0 0 0 20px;
  font-size:14px;
  font-weight:normal;
  line-height:1.0;
  height:30px;
}
.ddmbox__bannerListTitle{
  position:absolute;
  top:55px;
  left:644px;
  font-size:16px;
  font-weight:bold;
  line-height:1.0;
}
.ddmbox__bannerList{
  position:absolute;
  top:89px;
  left:644px;
  margin:0;
  padding:0;
  list-style:none;
}
.ddmbox__bannerList li{
  float:left;
  width:124px;
  height:113px;
}
.ddmbox__bannerList li a{
  position: relative;
  display:block;
  width:93px;
  height:93px;
  font-size:12px;
  line-height:1.4;
  color:#fff;
}
.ddmbox__bannerList li a span{
  position: absolute;
  bottom: 0;
  padding:0 0 2px 4px;
}
.ddmbox__bannerList--plan {
	position: relative;
	top: 0;
	left: 0;
	width: 320px;
	margin-top: 14px;
}
.ddmbox__bannerList--plan li {
	margin-left: 10px;
	width: 100px;
	height: 100px;
}
.ddmbox__bannerList--plan li:first-child {
	margin-left: 0;
}

/* ========================================
    Footer
======================================== */
.footer{
  position:relative;
  margin:0;
  padding:0;
  min-width:1200px;
  background:url('../img/footer_bg.png') repeat-x #3c3c3c;
  color:#fff;
}
/* ======== Footer Top ======== */
.footer__top{
  position:relative;
  margin:0 auto;
  width:1200px;
  height:48px;
}
.footer__top form{
  position:absolute;
  top:0px;
  left:0px;
  border-left:1px solid #666;
  height:48px;
}
.footer__top input{
  position:absolute;
  top:10px;
  left:32px;
  padding:0 5px 0 5px;
  width:190px;
  height:28px;
  line-height:28px;
  border:none;
  background:#525252;
}
.footer__top nav{
  position:absolute;
  top:0px;
  left:290px;
  border-left:1px solid #666;
  border-right:1px solid #666;
  height:48px;
}
/* ======== Copyright ======== */
.footer__copyright{
  position:absolute;
  top:0;
  right:80px;
  font-size:12px;
  line-height:48px;
  color:#8c8c8c;
  text-align:right;
}
/* ======== Footer Middle ======== */
.footer__middle{
  margin:0 auto;
  padding:0 0 10px 0;
  width:1000px;
}
.footer__middle td.blank{
  border-left:none;
  height:20px;
}

/* ======== Footer Menu ======== */
.footer__menu{
  display: inline-table;
  width:1000px;
  margin:0 auto;
  padding:20px 0 20px 0;
}
.footer__menu__cell{
  display: table-cell;
  border-left:1px solid #666;
  vertical-align:top;
  width:20%;
}
.footer__menu__cell--right{
  border-right:1px solid #666;
}
.footer__menu__cell--none{
  border:none;
}
.footer__menu ul{
  margin:0 10px 0 15px;
  padding:0;
  list-style:none;
}
.footer__menu .footer__menu__title{
  margin:0 10px 0 15px;
  padding:0 0 5px 0;
}
.footer__menu .footer__menu__title a{
  font-size:12px;
  line-height:1.0;
  color:#c9c9c9;
  font-weight: bold;
  text-decoration:none;
}
.footer__menu li{
  padding:2px 0 2px 0;
}
.footer__menu ul a{
  font-size:12px;
  line-height:1.0;
  color:#a0a0a0;
  text-decoration:none;
}
.footer__menu a:hover{
  text-decoration:underline;
  color:#5a92ae;
}
a.footer__menu__active:link,
a.footer__menu__active:visited{
  color:#fff;
}
.footerMenu__banner{
  margin:0 10px 0 15px;
} 
/* ======== Footer Bottom ======== */
.footer__bottom{
  border-top:1px solid #666;
  height:50px;
}
.footer__bottom ul{
  margin:0 auto;
  padding:0;
  width:1000px;
  list-style:none;
}
.footer__bottom ul a{
  font-size:12px;
  line-height:50px;
  color:#a0a0a0;
  text-decoration:none;
}
.footer__bottom a:hover{
  text-decoration:underline;
  color:#5a92ae;
}
.footer__bottom li{
  padding:0 20px 0 40px;
  display:inline;
}

/* ========================================
    LocalNav
======================================== */
.localNav{
  float:left;
  margin-left:60px;
  width:280px;
}
.localNav .localNav__title{
  margin:0;
  padding:0;
  border-top:3px solid #3c3c3c;
  border-bottom:2px solid #eee;
}
.localNav a:hover{
  text-decoration:none;
  color:#3c3c3c;
}
.localNav a:visited{
  color:#3c3c3c;
}
.localNav .localNav__title a{
  display:block;
  margin:0;
  padding:10px 0 10px 20px;
  font-weight:normal;
  font-size:109.9%;
  line-height:1.0;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}
.localNav .localNav__title a:hover{
  background:#f3f3f3;
}
.localNav ul{
  margin:12px 0 0 0;
  padding:0;
  list-style:none;
}
.localNav li{
  position:relative;
}
.localNav li a{
  display:block;
  margin:0;
  padding:15px 0 15px 22px;
  font-size:107.1%;
  line-height:1.0;
  border-bottom:1px solid #eee;
  position:relative;
}
.localNav li a:hover{
  background:#f3f3f3;
}
.localNav li  a.localNav__active{
  background:#f3f3f3;
}
ul.localNav--sub{
  margin-top:0;
  border-bottom:1px solid #eee;
}
.localNav--sub li a{
  display:block;
  margin:0;
  padding:15px 0 15px 32px;
  font-size:14px;
  line-height:1.0;
  border-bottom:none;
}
.localNav li a.localNav__active:after,
.localNav li a:hover:after{
  position:absolute;
  top:50%;
  right:-5px;
  content: "";
  display:block;
  width:5px;
  height:9px;
  margin-top:-4.5px;
  background:url('../img/cmn_mark_localnavi_active.png') no-repeat center left;
}
.localNav__banner{
  margin:20px 0;
  text-align:center;
}

/* ========================================
    Page Contents
======================================== */
.pageContents{
  margin:0 auto;
  width:1200px;
  padding:0 0 100px 0;
}
.pageContents:after {
  content: "";
  clear: both;
  display: block;
}
.pageContents--gray{
  padding:0 0 0 0;
  width:100%;
  background:#e1e1e1;
}
.pageContents--lightgray{
  padding:0 0 0 0;
  width:100%;
  background:#e3e2dd;
  border-top:1px solid #fff;
}

/* ========================================
    Article Contents
======================================== */
.contents{
  float:right;
  margin:0 60px 0 0;
  width:740px;
}
.contents:before,
.contents:after {
  content: "";
  clear: both;
  display: block;
}
.contents--1col{
  float:none;
  margin:0 auto;
  width:740px;
}
.contents--banner{
  float:none;
  margin:0 auto;
  width:1000px;
  min-width:1000px;
}
.contents--gray{
  float:none;
  margin:0 auto;
  width:1200px;
  background:#f2f2f2;
}
.contents--lightgray{
  float:none;
  margin:0 auto;
  width:1200px;
  background:#f1efeb;
}
.contents > p{
  margin:30px 0 0 0;
}
.contents > ol{
  padding:20px 0 10px 25px;
}
.contents > ol li{
  margin:0 0 20px 0;
}

/* ========================================
    Category Index (main)
======================================== */
.catIndexNavi{
  height:180px;
}
.catIndexNavi a{
  display:block;
  width:480px;
  height:180px;
  background:#f2f2f2;
}
.catIndexNavi a img{
  float:right;
}
.catIndexNavi a:visited{
  text-decoration:none;
  color:#3c3c3c;
}
.catIndexNavi a:hover{
  text-decoration:none;
  color:#3c3c3c;
}
.catIndexNavi a{
  float:right;
}
.catIndexNavi a:first-child{
  float:left;
}
.catIndexNavi span{
  display:block;
  width:180px;
  font-size:12px;
}
span.catIndexNavi__title{
  padding:25px 0 0 15px;
  font-size:14px;
  line-height:1.4;
}
span.catIndexNavi__summary{
  padding:15px 0 0 15px;
}
.catIndexNavi a:visited span.catIndexNavi__title{
  color:#9b7f9c;
}
.catIndexNavi a:hover span.catIndexNavi__title{
  text-decoration:underline;
  color:#5a92ae;
}

/* ========================================
    Category Index (list)
======================================== */
.catIndexNaviList{
  margin:0 -41px 0 0;
  padding:0;
  list-style:none;
}
.catIndexNaviList:after {
  content: "";
  clear: both;
  display: block;
}
.catIndexNaviList a{
  display: block;
}
.catIndexNaviList > li{
  float:left;
  margin:50px 41px 0 0;
  padding:0;
  width:306px;
}
.catIndexNaviList img{
  margin:0 0 2px 0;
}

/* ========================================
    Dialog
======================================== */
.dialog{
  z-index:30000;
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.dialog__box{
  z-index:30001;
  display:none;
  position:absolute;
  background:#fff;
}
.dialog__overlay{
  z-index:29999;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#b2000000,EndColorStr=#b2000000); /* IE 8以上用 */
}
.dialog__overlay:not(:target){
    filter: none;
}
.dialog__closeBtn{
  position:absolute;
  top:0;
  right:-52px;
  width:52px;
  height:52px;
  background:url('../img/cmn_button_dialo_close.png') no-repeat 0 0;
}
.dialog__closeBtn:hover{
  background-position:0 -52px;
}
.dialog__printBtnBox{
  margin:0;
  height:23px;
}
.dialog__printBtn{
  float:right;
  width:70px;
  height:23px;
  background:url('../img/cmn_button_dialog_print.png') no-repeat 0 0;
}
.dialog__printBtn:hover{
  background-position:0 -23px;
}


/* ========================================
    Add on
======================================== */
.mt0{  margin-top:0 !important; }
.mt5{  margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }

.mr0{  margin-right:0 !important; }
.mr5{  margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }

.mb0{  margin-bottom:0 !important; }
.mb5{  margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }

.ml0{  margin-left:0 !important; }
.ml5{  margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }

.ovH{
	overflow:hidden !important;
}

/* ========================================
    Font Size
======================================== */
.header__top .fontSize{
	position:absolute;
	top:20px;
	left:1045px;
	margin:0;
	padding:0;
}
.header__top .fontSize > .title{
	background:url('../img/header_sprite_btn.png') no-repeat 0 -51px;
	float:left;
	width:60px;
	height:25px;
	margin:0 5px 0 0;
	overflow:hidden;
	text-indent:-9999px;
}
.header__top .fontSize > ul{
	float:left;
}
.header__top .fontSize > ul > li{
	float:left;
	margin:0 0 0 3px;
}
.header__top .fontSize > ul > li a{
	display:block;
	background:url('../img/header_sprite_btn.png') no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	outline-style:none;
	width:27px;
	height:25px;
}
.header__top .fontSize > ul > .small a{
	background-position:-72px 0;
}
.header__top .fontSize > ul > .small a.here,
.header__top .fontSize > ul > .small a:hover{
	background-position:-72px -25px;
}
.header__top .fontSize > ul > .medium a{
	background-position:-100px 0;
}
.header__top .fontSize > ul > .medium a.here,
.header__top .fontSize > ul > .medium a:hover{
	background-position:-100px -25px;
}
.header__top .fontSize > ul > .large a{
	background-position:-128px 0;
}
.header__top .fontSize > ul > .large a.here,
.header__top .fontSize > ul > .large a:hover{
	background-position:-128px -25px;
}

/* ========================================
    Print
======================================== */
@media print{
  body{
    font-size:11pt;
    width:auto;
  }
  .header{
    background:none;
    width:740px;
    height:54px;
    min-width:740px;
  }
  .header__top{
    position:relative;
    margin:0 auto;
    width:740px;
    height:54px;
  }
  .header__top h1{
    margin:0 auto;
    width:740px;
    height:54px;
    background:none;
  }
  .header__top h1 img{
    margin:0;
  }
  .header__top nav{
    display:none;
  }
  .header__top .fontSize{
    display:none;
  }
  .header__menu{
    display:none;
  }
  .catTitle{
    position:relative;
    margin:0 auto;
    padding-bottom:30px;
    width:740px;
    min-width:740px;
    height:111px;
    overflow:hidden;
  }
  .catTitle__label{
    display:none;
  }
  .catTitle__img{
    display:block;
  }
  .breadcrumb{
    display:none;
  }
  .footer{
    background:none;
    width:740px;
    min-width:740px;
  }
  .footer__top{
    position:static;
    margin:0 auto;
    width:740px;
  }
  .footer__top > form,
  .footer__top > nav{
    display:none;
  }
  .footer__middle{
    display:none;
  }
  .footer__bottom{
    display:none;
  }
  .footer__copyright{
    clear:both;
    position:static;
    text-align:right;
    color:#3c3c3c;
    font-size:10pt;
    line-height:1.5;
    width:740px;
  }
  .localNav{
    display:none;
  }
  .pageContents{
    margin:0 auto;
    padding-bottom:20px;
    width:740px;
  }
  .contents{
    float:none;
    margin:0 auto;
    width:740px;
  }
  .pageTop{
    display:none;
  }
  .innerLink{
    display:none;
  }

  .table--corp td{
    padding:5px 0 5px 0;
  }

  body.printWide{
    zoom:88%;
  }
  body.printWide .header{
    width:1200px;
    min-width:1200px;
  }

  body.printWide .header__top{
    width:1200px;
  }

  body.printWide .header__top h1{
    width:1200px;
  }

  body.printWide .catTitle{
    width:1200px;
    min-width:1200px;
    height:180px;
  }

  body.printWide .pageContents{
    width:1200px;
  }

  body.printWide .contents{
    width:1200px;
  }
  body.printWide .contents--banner {
    width:1000px;
  }

  body.printWide .footer{
    width:1200px;
    min-width:1200px;
  }

  body.printWide .footer__top{
    width:1200px;
  }

  body.printWide .footer__copyright{
    width:1200px;
  }

}