@charset "utf-8";

@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/add.css";

	body {
		font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
		background: #fff;
	}
	body.base {
		min-width:960px;
	}
	input,
	select {
		font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
	}
	.page {
		color: #333333;
		font-size: 12px;
		line-height: 22px;
		padding-top: 133px;
	}
	.page.unLayindex {
		padding-top: 98px;
	}
	#wrap {
		padding-bottom: 145px;
		background: #ffffff;
	}
	.pop #wrap {
		padding-bottom: 20px;
	}

/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		color: #0060b0;
		text-decoration: none;
	}
	a:hover {
		color: #0060b0;
		text-decoration: underline;
	}
/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}
/* fList */
	.fList li {
		float: left;
	}
	.fList li img {
		vertical-align: top;
	}
/* indent */
	.tind {
		padding-left: -1em;
		text-indent: 1em;
	}
	.hind {
		padding-left: 1em;
		text-indent: -1em;
	}
/* list */
	/* dl */
	dl.list dt {
		clear: left;
		float: left;
		padding: 10px 0;
		width: 11%;
	}
	dl.list dd {
		position: relative;
		padding: 13px 0;
		padding-left: 15.5em;
		_padding-left: 14.5em;
		border-bottom: 1px #ccc dotted;
		_border-bottom: none;
	}
	dl.list dd:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	dl.list dd span {
		position: absolute;
		top: 13px;
		left: 8em;
		_left: -13em;
		width: 9.0em;
		padding: 1px 0;
		color: #ffffff;
		font-size: 9px;
		line-height: 1.0em;
		text-align: center;
		border: 2px #7b7b7b solid;
		border-left-width: 4px;
		border-right-width: 4px;
		background: #7b7b7b;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
	}
	dl.list dd.blue span {
		border-color: #0a78a5;
		background: #0a78a5;
	}
	dl.list dd .new {
		display: block;
		padding-bottom: 2px;
	}
	dl.list dd a {
		color: #333333;
		text-decoration: underline;
	}
	dl.list dd a:hover {
		text-decoration: none;
	}
	.textLink a {
		color: #333333;
		text-decoration: underline;
	}
	.textLink a:hover {
		text-decoration: none;
	}
/* wrap */
	.wrap {
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	.base .wrap {
		width: 960px; /* カラム違いのwidthしては、mainの部分に記述 */
	}

/* holiday */
	.holidayTxt {
		color: #ee0000;
	}

/* selectArea */
	:root *> .selectArea select{
		position: absolute;
		zoom: 1.1;
		z-index: 2;
		opacity: 0;
		width: 300px;
	}
	.selectArea div{
		/* applied only IE6 */
		_display: none;
		/* applied IE6 and IE7 */
		>display: none;
		/* applied only IE8 */
		display /*\**/: none\9;
	}

	:root *> .selectArea div{
		border: 1px solid #e7e7e7;
		border-radius: 3px;
		padding: 7px 15px 7px 10px;
		position: relative;
		font-size: 12px;
		color:#0060b0;
		width: 275px;
		white-space: nowrap;
		overflow: hidden;
		-webkit-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
	:root *> .selectArea div:before{
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background : #3390cf;
		border-radius: 3px;
		padding: 3px;
		position: absolute;
		right: 2px;
		top: 2px;
	}
	:root *> .selectArea div:after{
		content: "";
		width: 0;
		height: 0;
		display: block;
		border: 4px solid transparent;
		border-top: 4px solid white;
		position: absolute;
		right: 12px;
		top: 15px;
	}

/**
 * 4. Layout
 */
/* header */
	#header {
		padding: 20px 0 20px;
		background: #ffffff;
	}
	.pop #header {
		padding-bottom: 20px;
	}
	#header h1 {
		float: left;
	}
	/* buttom */
	#hNav li {
		position: absolute;
		top: 0;
	}
	#hNav li.bt00 { right: 481px;}
	#hNav li.bt01 { right: 389px;}
	#hNav li.bt02 { right: 290px;}
	#hNav li.bt03 { right: 172px;}
	#hNav li.bt04 { right: 65px;}
	.pop #hNav li.bt00 { top:19px; right: 0;}
	/* navi */
	#nav {
		float: right;
		padding-top: 41px;
	}
	#nav li {
		padding-left: 15px;
	}
	#fontSize {
		position: absolute;
		right: 0;
		top: 0;
	}
	#fontSize li {
		float: left;
		margin-right: 1px;
	}


/* 2016/09 heading START */

	/* gHeader */
	#gHeader {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		border-bottom: 1px solid #e0e0e0;
		background-color: #fff;
		z-index: 101;
		display: block;
	}
	#gHeader img {
		max-width: 100%;
		/*height: auto;*/
	}
	#gHeader a,
	#gHeader a img {
		transition: .1s;
	}
	#gHeader a:hover {
		text-decoration: none;
	}
	#gHeader a:hover img {
		opacity: .7;
	}
	#gHeader .wrap {
		position: relative;
		padding-top: 57px;
		width: 1160px;
	}

	#spMenu, .sp-fSize {
		display: none;
	}

	.siteTitle {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		position: absolute;
		top: 11px;
		left: 0;
		font-size: 10px;
		font-weight: bold;
	}
	.siteTitle br {
		display: none;
	}
	.siteTitle span {
		opacity: 0;
	}
	.siteTitle span.hiddenTxt {
		opacity: 1;
	}

	.headerLogo {
		position: absolute;
		top: 10px;
		left: 0;
    width: 200px;
	}

	/* gNav */
	#gNav {
		float: right;
	}
	#gNav > ul > li {
		float: left;
	}
	#gNav > ul > li > a,
	#gNav > ul > li > strong {
		position: relative;
		display: block;
		color: #333;
		font-size: 13px;
		font-weight: normal;
		text-align: center;
		letter-spacing: .1em;
		padding: 0 20px 20px;
		cursor: pointer;
	}
	#gNav > ul > li.subMenu-btn:last-child > strong {
		padding-right: 0;
	}
	#gNav > ul > li.gNav-state-on > strong,
	#gNav > ul > li > a:hover,
	#gNav > ul > li > strong:hover {
		color: #0060b0;
	}
	#gNav > ul > li.gNav-state-on > strong::before,
	#gNav > ul > li > strong::before {
		content: '';
		position: absolute;
		bottom: -1px;
    left: 50%;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-bottom: 10px solid #333333;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	}
	#gNav > ul > li > strong::before {
		opacity: 0;
    -webkit-transform: translateX(-50%) translateY(10px);
    transform: translateX(-50%) translateY(10px);
	}
	#gNav > ul > li.gNav-state-on > strong::before,
	#gNav > ul > li > strong:hover::before {
		opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    transition: .2s;
	}


	#gNav > ul > li:last-child.gNav-state-on > strong::before,
	#gNav > ul > li:last-child > strong::before {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
	}
	#gNav > ul > li:last-child > strong::before {
    -webkit-transform: translateX(-20%) translateY(10px);
    transform: translateX(-20%) translateY(10px);
	}
	#gNav > ul > li:last-child.gNav-state-on > strong::before,
	#gNav > ul > li:last-child > strong:hover::before {
    -webkit-transform: translateX(-20%) translateY(0);
    transform: translateX(-20%) translateY(0);
	}

	/* pNav */
	#pNav {
		position: absolute;
		top: 11px;
		right: 0;
		font-size: 12px;
	}
	#pNav ul,
	#pNav ul li {
		float: left;
	}

	.pNav__main li {
		position: relative;
		padding: 0 15px;
	}
	.pNav__main li::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 100%;
		background-color: #e0e0e0;
	}
	.pNav__main li:first-child::before {
		display: none;
	}
	.pNav__main li a {
		color: #666;
		font-size: 11px;
	}
	#gHeader .pNav__main li a:hover {
		text-decoration: underline;
	}

	.pNav__lang {
		margin-right: 10px;
		border: 1px solid #e0e0e0;
	}
	.pNav__lang li {
		border-left: 1px solid #e0e0e0;
	}
	.pNav__lang li:first-child {
		border-left: none;
	}
	.pNav__lang li a,
	.pNav__lang li strong {
		padding: 5px;
	}
	.pNav__lang li a {
		color: #aaa;
	}
	.pNav__lang li a:hover,
	.pNav__lang li strong {
		color: #333;
	}

	.pNav__fSize li {
		margin-left: 1px;
	}
	.pNav__fSize li:first-child {
		margin-left: 0;
	}
	.pNav__fSize li a {
		display: block;
		color: #fff;
		line-height: 1;
		padding: 6px;
		background-color: #aaa;
	}
	.pNav__fSize li a:hover,
	.pNav__fSize li a.fSize-state-on {
		background-color: #7b7b7b;
	}

	/* subMenu */
	.subMenu {
		opacity: 0;
		visibility: hidden;
		position: fixed;
		top: 98px;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #333333;
	}
	.subMenu.subMenu-state-on {
		opacity: 1;
		visibility: visible;
	}
	.subMenu .wrap {
		-webkit-display: flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		padding: 0!important;
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
		transition: .2s;
	}
	.subMenu.subMenu-state-on .wrap {
		transform: translateY(0);
	}

	.subMenu .navTitle {
		width: 240px;
		text-align: center;
		color: #fff;
		font-size: 24px;
		letter-spacing: .12em;
		margin-right: 30px;
		padding: 55px 0;
		border-right: 1px solid #484848;
	}
	.subMenu .navTitle a{
		color:#fff;
		font-size:18px;
	}

	.menuList {
		flex: 1;
		max-width: 690px;
	}
	.menuList li {
		float: left;
		color: #fff;
	}
	.subMenu-01 .menuList li{
		margin-right: 30px;
	}

	.subMenu-01 .menuList li ul li{
		width: auto;
	}

	.subMenu-01 .menuList li:first-child {
		margin-left: 0;
	}

	.subMenu-02 .menuList li {
		width:70%;
	}
	.subMenu-02 .menuList li:nth-child(odd) {
		width:30%;
	}

	.subMenu-03 .menuList li {
		width: 50%;
	}

	.subMenu-05 .menuList li {
		margin-right: 30px;
	}

	.subMenu-05 .menuList li:nth-child(1) {
		margin-right: 0;
		width: 100%;
	}







.menuList li a {
		display: block;
		position: relative;
		color: #fff;
		letter-spacing: .06em;
		padding: 0px 0;
		padding-left: 15px;
		transition: .2s;
	}
	.menuList li a::before {
		content: '▶︎';
		position: absolute;
		top: 50%;
		left: 0;
		color: #fff;
		font-size: 10px;
		-webkit-transform: translateY(-50%) scale(0.4);
		transform: translateY(-50%) scale(0.4);
			}
	.menuList li a:hover {
		opacity: .7;
	}


	.navSDW {
		opacity: 0;
		visibility: hidden;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.6);
		z-index: 100;
	}
	.navSDW.navSDW-state-on {
		opacity: 1;
		visibility: visible;
	}

/* 2016/09 heading END */


/* breadcrumb list */
	#bcl {
		padding-bottom: 35px;
	}
	#bcl li {
		float: left;
		font-size: 10px;
		line-height: 12px;
		color: #666666;
		font-weight: bold;
	}
	#bcl li a {
		padding-right: 15px;
		color: #666666;
		text-decoration: underline;
		font-weight: normal;
		background: url(../imgs/bg-bcl.gif) no-repeat 100% 60%;
	}
	#bcl li a:hover {
		text-decoration: none;
	}


/* 2016/09 heading START */

	.breadcrumbList {
		padding-bottom: 35px;
	}
	.breadcrumbList li {
		float: left;
		color: #666;
		font-size: 10px;
		line-height: 12px;
		margin-left: 8px;
	}
	.breadcrumbList li:before {
		content: '＞';
		margin-right: 8px;
		text-decoration: none;
	}

	.breadcrumbList li:first-child {
		margin-left: 0;
	}
	.breadcrumbList li:first-child:before {
		display: none;
	}

	.breadcrumbList li a {
		color: #666;
		text-decoration: underline;
	}
	.breadcrumbList li a:hover {
		text-decoration: none;
	}

	.breadcrumbList li br {
		display: none;
	}


/* 2016/09 heading END */



/* bt */
	/* top */
	.btTop {
		width: 100%;
		text-align: right;
		clear: both;
	}
	.btTop a {
		padding-left: 13px;
		color: #333333;
		text-decoration: none;
		background: url(../imgs/bg-arrw-up.gif) no-repeat 0 50%;
	}
	.btTop a:hover {
		text-decoration: underline;
	}
/* footer */
	#footer {
		clear: both;
		color: #ffffff;
		background: #0060b0;
	}
	#footer .wrap {
		padding: 60px 0 20px;
	}
	.pop #footer .wrap {
		padding: 10px 0;
		text-align: center;
	}
	#footer #pagetop {
		position: absolute;
		top: -51px;
		left: 420px;
	}
	#footer #left {
		width: 222px;
	}
	#footer #left h5 {
		width: 222px;
		padding-top: 16px;
		overflow: hidden;
		background: url(../imgs/ftr-bg-h.gif) repeat-x 0 0;
	}
	#footer #left ul {
		padding: 19px 0 0 0;
	}
	#footer #left li img {
		vertical-align: top;
	}

/* renew 151214[style START] */
	#footer #left.renew {
		width: 222px;
	}
	#footer #left.renew h5 {
		width: 222px;
		margin-bottom: 20px;
		padding-top: 16px;
		overflow: hidden;
		background: url(../imgs/ftr-bg-h.gif) repeat-x 0 0;
	}
	#footer #left.renew .campanyLink {
		border: 1px solid #0D68B4;
		/*border-bottom: 1px solid #5B8FBD;*/
	}
	#footer #left.renew ul {
		padding: 9px;
		border: 1px solid #004287;
		border-bottom: 1px solid #5B8FBD;
		background-color: #005AAA;
	}
	#footer #left.renew li {
		margin-top: 9px;
	}
	#footer #left.renew li:first-child {
		margin-top: 0;
	}
	#footer #left.renew li img {
		vertical-align: top;
	}
/* renew 151214[style END] */

	#footer #right {
		width: 702px;
	}
	#footer #right h5 {
		margin-bottom: 20px;
		padding-top: 16px;
		font-size: 14px;
		background: url(../imgs/ftr-bg-h.gif) repeat-x 0 0;
	}
	#footer #right .sbox {
		width: 342px;
		background: url(../imgs/ftr-bg-box02.gif) no-repeat 50% 100%;
	}
	#footer #right .sbox h6 {
		width: 342px;
		height: 55px;
		text-indent: -99999px;
		overflow: hidden;
	}
	#footer #right .fl h6 {
		background: url(../imgs/ftr-h02.gif) no-repeat 0 0;
	}
	#footer #right .fr h6 {
		background: url(../imgs/ftr-h03.gif) no-repeat 0 0;
	}
	#footer #right .sbox ul {
		padding: 10px 21px;
	}
	#footer #right .sbox li {
		padding: 8px 0;
	}
	#footer #right .sbox a {
		padding-left: 25px;
		color: #fff;
		font-size: 14px;
		text-decoration: underline;
		background: url(../imgs/ftr-link.gif) no-repeat 0 50%;
	}
	#footer #right .sbox a:hover {
		color: #a8d0f1;
		text-decoration: underline;
		background: url(../imgs/ftr-link_ov.gif) no-repeat 0 50%;
	}
	#footer #copyright {
		clear: both;
		margin-top: 48px;
		padding-top: 20px;
		background: url(../imgs/ftr-bg-h.gif) repeat-x 0 0;
	}
	#footer #copyright ul {
		float: left;
	}
	#footer #copyright li.first {
		margin-right: 15px;
		padding-right: 15px;
		border-right: 1px #ffffff solid;
	}
	#footer #copyright a {
		display: block;
		color: #ffffff;
		line-height: 1em;
	}
	#footer #copyright p {
		float: right;
		line-height: 1em;
	}


/* 2016/09 heading START */

	#gFooter {
		position: relative;
		padding-bottom: 15px;
	}

	#gFooter a img {
		transition: .1s;
	}
	#gFooter a:hover img {
		opacity: .7;
	}


	/* fNav */
	#fNav {
		padding: 60px 0 30px;
		background-color: #f2f2f2;
	}
	#fNav .fNav__block {
		float: left;
		width: 30.208333333333332%;
		margin-left: 4.6875%;
	}
	#fNav .fNav__block:first-child {
		margin-left: 0;
	}

	#fNav .fNav__block .navTitle {
		color: #7b7b7b;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 12px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e0e0e0;
	}
	#fNav .fNav__block .navTitle a {
		color: #7b7b7b;
	}
	#fNav .fNav__block .navTitle.navTitle-mt {
		margin-top: 30px;
	}
	#fNav .fNav__block ul li {
		margin-top: 12px;
		color: #7b7b7b;
	}
	#fNav .fNav__block ul li:first-child {
		margin-top: 0;
	}
	#fNav .fNav__block ul li a {
		color: #7b7b7b;
		font-size: 12px;
	}

	#fNav .fNav-sub {
		clear: both;
		text-align: center;
		padding-top: 60px;
	}
	#fNav .fNav-sub li {
		position: relative;
		display: inline-block;
		padding: 0 40px;
	}
	#fNav .fNav-sub li:nth-child(n+4) {
		padding-top: 6px;
	}
	#fNav .fNav-sub li::before {
		content: '|';
		position: absolute;
		top: 0;
		left: 0;
		color: #d8d8d8;
	}
	#fNav .fNav-sub li:first-child::before,
	#fNav .fNav-sub li:nth-child(4)::before {
		display: none;
	}

	#fNav .fNav-sub li a {
		color: #7b7b7b;
		font-size: 12px;
	}

	.footerLogo {
		padding: 20px 0;
	}
	.footerLogo .logo-01 {
		float: right;
	}
	.footerLogo .logo-02 {
		float: right;
	}

	.copyRight {
	}
	.copyRight p {
		color: #333;
		font-size: 10px;
	}

	.pageTop {
		position: absolute;
		top: -36px;
		right: 50%;
    margin-right: -480px;
		width: 36px;
		height: 36px;
		background-color: #d7d7d6;
		cursor: pointer;
		z-index: 99;
	}

	.pageTop::before,
	.pageTop::after {
		content: '';
		position: absolute;
		top: 17px;
		width: 16px;
		height: 1px;
		background-color: #fff;
		transition: .3s;
	}
	.pageTop::before {
		left: 4px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.pageTop::after {
		right: 5px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.pageTop:hover::before,
	.pageTop:hover::after {
		top: 14px;
	}

/* 2016/09 heading END */


/* main */
	/* container */
	#container {
		clear: both;
		margin: 0 auto;
		text-align: left;
	}
	/* section */
	.section {
		clear: both;
		margin-left: auto;
		margin-right: auto;
	}
	/* 1 column */
	.base #container {
		width: 960px;
	}
	/* 2 column */
	.base #container.column2 #mainContent,
	.base #container.column2 .wrap {
		width: 700px;
	}
	.column2 #sideContent {
		float: left;
	}
	.column2 #mainContent {
		float: right;
	}

/* sideContent */
	#sideContent {
		width: 220px;
	}

	/* heading */
/*	#sideContent .navTitle {
		padding-top: 27px;
		color: #000000;
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
		background: url(../imgs/bg-h3.gif) no-repeat 50% 0;
	}*/
	/* side navi */
/*	#sideContent #sNav {
		margin-bottom: 35px
	}
	#sideContent #sNav .sub-navTitle {
		padding: 14px 15px 15px;
		color: #0060b0;
		font-weight: bold;
		cursor: pointer;
		border-top: 1px #cccccc solid;
		background: url(../imgs/bg-arrw-down.gif) no-repeat 95% 50%;
	}
	#sideContent #sNav .sub-navTitle.selected {
		background: url(../imgs/bg-arrw-up.gif) no-repeat 95% 50%;
	}
	#sideContent #sNav ul.hide {
		display: none;
	}
	#sideContent #sNav ul.open {
		display: block;
	}
	#sideContent #sNav ul {
		padding-bottom: 17px;
	}
	#sideContent #sNav ul ul {
		padding-bottom: 17px;
	}
	#sideContent #sNav li {
		padding: 2px 0;
	}
	#sideContent #sNav li em {
		font-size: 10px;
		line-height: 15px;
		font-style: normal;
	}
	#sideContent #sNav li a {
		display: block;
		width: 186px;
		padding: 3px 10px 3px 24px;
		color: #333333;
		text-decoration: none;
		background: #ffffff url(../imgs/bg-arrw-left.gif) no-repeat 16px 50%;
	}
	#sideContent #sNav li.indent a {
		width: 176px;
		padding-left: 34px;
		background-position: 26px 50%;
	}
	#sideContent #sNav li a:hover {
		color: #0060b0;
	}
	#sideContent #sNav li.on a,
	#sideContent #sNav li.on a:hover {
		padding-top: 4px;
		padding-bottom: 2px;
		font-weight: bold;
		color: #333333;
		line-height: 19px;
		background: #ffffff url(../imgs/bg-side-on.gif) no-repeat 0 50%;
	}
	#sideContent #sNav li.on.indent a,
	#sideContent #sNav li.on.indent a:hover {
		background: #ffffff url(../imgs/bg-side-idt-on.gif) no-repeat 0 50%;
	}
	#sideContent #sNav li.on.line2 a,
	#sideContent #sNav li.on.line2 a:hover {
		line-height: 21px;
		background: #ffffff url(../imgs/bg-side-large-on.gif) no-repeat 0 50%;
	}*/


/* 2016/09 heading START */

	/* heading */
	#sideContent .navTitle {
		color: #000000;
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
		padding-top: 22px;
		margin-bottom: 20px;
		border-top: 3px solid #276F9F;
	}

	/* side navi */
	#sNav {
		margin-bottom: 35px
	}
	.sideNav {
		border-bottom: 1px solid #ccc;
	}
	.sideNav > li strong {
		position: relative;
		display: block;
		color: #0060b0;
		cursor: pointer;
		padding: 15px;
		border-top: 1px #ccc solid;
		box-sizing: border-box;
	}
	.sideNav > li strong::before {
		content: '▼';
		position: absolute;
		top: 50%;
		right: 15px;
		color: #0060b0;
		font-size: 10px;
		-webkit-transform: translateY(-50%) scale(0.4);
		transform: translateY(-50%) scale(0.4);
		font-size: 10px;
	}
	.sideNav > li strong.selected::before {
		content: '▲';
		font-size: 10px;
	}

	.sideNav .sideNav__sub.hide {
		display: none;
	}
	.sideNav .sideNav__sub.open {
		display: block;
	}
	.sideNav .sideNav__sub {
		padding-bottom: 17px;
	}

	.sideNav .sideNav__sub li em {
		font-size: 10px;
		line-height: 15px;
		font-style: normal;
	}
	.sideNav .sideNav__sub li a {
		position: relative;
		display: block;
		padding: 5px 10px 5px 25px;
		color: #333;
		text-decoration: none;
		border-radius: 3px;
	}
	.sideNav .sideNav__sub li a::before {
		content: '▶︎';
		position: absolute;
		top: 50%;
		left: 10px;
		color: #0060b0;
		font-size: 10px;
		-webkit-transform: translateY(-50%) scale(0.4);
		transform: translateY(-50%) scale(0.4);
		font-size: 10px;
	}

	.sideNav .sideNav__sub li.indent a {
		padding-left: 34px;
		background-position: 26px 50%;
	}

	.sideNav .sideNav__sub li a:hover {
		color: #0060b0;
	}
	.sideNav .sideNav__sub li.on a {
		font-weight: bold;
		background-color: #E0EFFA;
	}

/* 2016/09 heading END */


	/* pick up */
	#sideContent #pickup {
		width: 220px;
	}
	#pickup li {
		padding: 8px 0 7px;
	}
	#pickup li a {
		display: block;
		width: 220px;
		padding-top: 62px;
		color: #333333;
		font-size: 10px;
		line-height: 16px;
		text-decoration: underline;
		background-position: 100% 0;
		background-repeat: no-repeat;
	}
	/*#pickup li.bt11 a {
		padding-top: 105px;
	}
	#pickup li.bt11 a img {
		margin-bottom:5px;
	}*/
	#pickup li a:hover {
		color: #0060b0;
		text-decoration: underline;
		background-position: 0 0;
	}
	#pickup li.bt01 a { background-image: url(../imgs/side-pickup01.gif);}
	#pickup li.bt02 a { background-image: url(../imgs/side-pickup02.gif);}
	#pickup li.bt03 a { background-image: url(../imgs/side-pickup03.gif);}
	#pickup li.bt04 a { background-image: url(../imgs/side-pickup04.gif);}
	#pickup li.bt05 a { background-image: url(../imgs/side-pickup05.gif);}
	#pickup li.bt06 a { background-image: url(../imgs/side-pickup06.gif);}
	#pickup li.bt07 a { background-image: url(../imgs/side-pickup07.gif);}
	#pickup li.bt08 a { background-image: url(../imgs/side-pickup08.gif);}
	#pickup li.bt09 a { background-image: url(../imgs/side-pickup09.gif);}
	#pickup li.bt10 a { background-image: url(../imgs/side-pickup10.gif);}
	#pickup li.bt11 a { background-image: url(../imgs/side-pickup11.gif);}

	@media only screen and (max-width:599px) {
			#pickup li.bt10 a span.sttl{ display:none;}
	}


/* mainContent */
	#mainContent {
	}
	/* heading */
	/* h2 */
	#mainContent h2.title {
		position: relative;
		padding-top: 25px;
		color: #000000;
		font-size: 22px;
		line-height: 22px;
		font-weight: normal;
		border-top: 1px #eeeeee solid;
	}
	#mainContent h2.title span {
		position: absolute;
		top: 24px;
		right: 0;
		padding: 6px 10px 4px;
		color: #ffffff;
		font-size: 12px;
		line-height: 14px;
		background: #0060b0;
	}
	/*  index page h2 */
	#titleArea {
		margin-bottom: 15px;
		padding: 90px 0;
		background: #333333;
	}
	#titleArea h2 {
		width: 870px;
		margin: 0 auto;
		padding: 0 45px;
		font-size: 22px;
		font-weight: normal;
		color: #ffffff;
		font-family: A-OTF Gothic MB101 pro;
	}
	/* h3 */
	#mainContent h3.title {
		padding-left: 19px;
		color: #000000;
		font-size: 16px;
		line-height: 22px;
		font-weight: bold;
		border-left: 1px #0060b0 solid;
	}
	#mainContent h3.title span {
		color: #0060b0;
		font-size: 12px;
	}
	#mainContent h3.title .rss {
		padding-left: 10px;
	}
	/* h4 */
	#mainContent h4.title {
		padding-bottom: 15px;
		color: #0060b0;
		font-size: 15px;
		line-height: 20px;
		font-weight: bold;
		background: url(../imgs/bg-h4.gif) no-repeat 0 100%;
	}
	/* h4 number */
	#mainContent h4.title.num {
		padding-bottom: 11px;
	}
	#mainContent h4.num span {
		display: inline-block;
		width: 1.4em;
		color: #333;
		margin-right: 8px;
		padding: 2px 0;
		font-weight: bold;
		text-align: center;
		border: 1px #edf6fc solid;
		border-right: 1px #bccfdd solid;
		border-bottom: 1px #bccfdd solid;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background: #e2f0fc;
	}

	#mainContent h5.title {
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
	}
	#mainContent h5.title span {
		font-size: 10px;
		line-height: 22px;
		font-weight: bold;
		color:#0868c8;
	}
	h6 {
		color: #0060b0;
		font-weight: bold;
	 }


/* 2016/09 heading START */

	/* h2 */
	.pTitle {
		position: relative;
		color: #000;
		font-size: 22px;
		line-height: 22px;
		font-weight: normal;
	}

	.titleArea {
		position: relative;
		margin-bottom: 40px;
		padding-top: 25px;
		border-top: 1px solid #eee;
		background-repeat: no-repeat;
		background-position: center;
	}
	.titleArea .pageTag {
		position: absolute;
		top: 23px;
		right: 0;
		color: #fff;
		font-size: 12px;
		line-height: 14px;
		padding: 6px 10px;
		background-color: #0060b0;
	}

	/*  index page h2 */
	.titleArea.titleIndex {
		margin-bottom: 15px;
		padding: 89px 0;
		border-top: none;
	}
	.titleArea.titleIndex .pTitle {
		width: 870px;
		color: #fff;
		font-family: A-OTF Gothic MB101 pro, sans-serif;
		margin: 0 auto;
		padding: 0 45px;
	}

	/* h3 */
	.titleA {
		color: #000;
		font-size: 18px;
		line-height: 1.5;
		font-weight: bold;
		margin-bottom: 30px;
		padding-left: 19px;
		border-left: 1px solid #0060b0;
	}


	.titleB, .titleC, .titleD {
		color: #000;
		font-weight: bold;
		line-height: 1.7;
	}

	/* h4 */
	.titleB {
		font-size: 15px;
	}

	/* h5 */
	.titleC {
		font-size: 13px;
	}

	/* h6 */
	.titleD {
		font-size: 11px;
	}

	/* message */
	.titleE {
		font-weight: normal;
		font-size: 11px;
	}


	.fsize-un {
		font-size: 100%;
	}
	.ttl-color-blue {
		color: #0060b0;
	}
	.ttl-bg-blue {
		display: inline-block;
		color: #fff;
		font-size: 10px;
		font-weight: normal;
	    padding: 3px 8px;
	    background-color: #0060B0;
	}
	.ttl-bg-lightblue {
		font-weight: normal;
	    padding: 3px 8px;
	    background-color: #e0effa;
	}
	.ttl-bd {
		padding-bottom: 15px;
		background: url(../imgs/bg-h4.gif) no-repeat left bottom;
	}
	.ttl-center{
		text-align: center;
	}


/* 2016/09 heading END */



/* textArea */
	.textArea h1,h2,h3,h4,h5,h6 {
		font-weight: bold;
	}
	.textArea h1 {
		font-size: 24px;
		line-height: 30px;
	}
	.textArea h2 {
		font-size: 22px;
		line-height: 28px;
	}
	.textArea h3 {
		font-size: 20px;
		line-height: 26px;
	}
	.textArea h4 {
		font-size: 18px;
		line-height: 24px;
	}
	.textArea h5 {
		font-size: 16px;
		line-height: 22px;
	}
	.textArea h6 {
		font-size: 14px;
		line-height: 20px;
		color: #333;
	}
	.textArea ul {
		display: block;
		list-style-type: disc;
		list-style-position: outside;
		list-style-image: none;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 40px;
	}
	.textArea ul li {
		list-style-type: disc;
	}
	.textArea ol {
		display: block;
		list-style-type: decimal;
		list-style-position: outside;
		list-style-image: none;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 40px;
	}
	.textArea ol li {
		list-style-type: decimal;
	}
	.textArea li {
		display: list-item;
		text-align: -webkit-match-parent;
	}
	.textArea blockquote {
		display: block;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 40px;
		-webkit-margin-end: 40px;
	}

	.titleArea-service {}

	.titleArea-service_icn {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		padding-top: 30px;
	}

	.titleArea-service_icn li {
		width: calc(114/700*100%);
		margin-right: calc(10/700*100%);
	}

	.titleArea-service_icn li:last-child {
		margin-right: 0;
	}

	.titleArea-service_icn img {
		max-width: 100%;
	}

 .borderBtm { border-bottom: #e5e5e5 solid 1px; }
	/* table */
	/* list */
	table.list {
		background: #dbdbdb;
	}
	.list caption {
		text-align: right;
	}
	.list th {
		padding: 10px;
		font-weight: normal;
		background: #f6f6f6;
		text-align: left;
	}
	.list td {
		padding: 10px;
		text-align: right;
		background: #ffffff;
	}
	/* 背景を濃青色にする */
	.list .head th {
		color: #ffffff;
		text-align: center;
		background: #0060b0;
	}
	/* 背景を青色にする */
	.list .title th,
	.list .title td {
		color: #ffffff;
		text-align: center;
		background: #3390cf;
	}
	/* 背景を水色にする */
	.list .point th,
	.list .point td {
		background: #e0effa;
	}
	/* box area */
	.box {
		padding: 4px;
		border: 1px #e6e6e6 solid;
		background: #f2f2f2;
	}
	.inner {
		background: #ffffff;
	}
	/*.box h3 {
		padding: 10px 20px;
		color: #0060b0;
		font-size: 15px;
		line-height: 24px;
		font-weight: bold;
		background: #f8f8f8;
	}*/
	.box .body {
		padding: 20px;
	}
	.ellipsis {
		white-space: nowrap;
		overflow: hidden;
		display: block;
	}
	.ellipsis.multiline {
		white-space: normal;
		width: 260px;
		line-height: 1.6em;
		height: 4.8em;
	}

	.Gbox {
		background-color: #f8f8f8;
		padding: 20px;
	 }

	 /* Pagenation */

	 #Pagenation {
	 	clear: both;
	 	position: relative;
	 	margin-bottom: 20px;
	 }
	 #Pagenation .inner {
	 	margin-left: 50%;
	 }
	 #Pagenation ul {
	 	margin-left: -15%;
	 }
	 #Pagenation ul li {
	 	display: inline;
	 	float: left;
	 	margin-right: 10px;
	 }
	 #Pagenation ul li span.current_page,
	 #Pagenation ul li a {
	 	background-color: #fafafa;
	 	border: 1px solid #e7e7e7;
	 	width: 28px;
	 	height: 28px;
	 	display: block;
	 	text-align: center;
	 	text-decoration: none;
	 }
	 #Pagenation ul li span.current_page,
	 #Pagenation ul li a:hover,
	 #Pagenation ul li strong {
	 	background-color: #2f8bcc;
	 	border: 1px solid #2c84c8;
	 	color: #ffffff;
	 }
	 #Pagenation .pageBack,
	 #Pagenation .pageNext {
	 	position: absolute;
	 	top: 0;
	 	font-size: 14px;
	 }
	 #Pagenation .pageBack a,
	 #Pagenation .pageNext a {
	 	color: #0060b0;
	 }
	 #Pagenation .pageBack {
	 	background: transparent url(../imgs/bt-pageback.gif) no-repeat left 4px;
	 	padding: 5px 0 7px 26px;
	 }
	 #Pagenation .pageNext {
	 	background: transparent url(../imgs/bt-pagenext.gif) no-repeat right 4px;
	 	padding: 5px 26px 7px 0;
	 }
	 #Pagenation .pageBack {
	 	left: 0;
	 }
	 #Pagenation .pageNext {
	 	right: 0;
	 }

	/* list02 */
	.list02 {
		background: #dbdbdb;
	}
	.list02 caption {
		text-align: right;
	}
	.list02 th {
		width: 25%;
		padding: 10px;
		font-weight: normal;
		vertical-align: top;
		background: #f6f6f6;
		text-align: left;
	}
	.list02 td {
		padding: 10px;
		vertical-align: top;
		background: #ffffff;
	}
	.list02 td td {
		padding: 0;
	}
	.list02 .first th {
		padding-top: 14px;
		background: #f6f6f6 url(../imgs/bg-list02-th.gif) repeat-x 0 0;
	}
	.list02 .first td {
		padding-top: 14px;
		background: #ffffff url(../imgs/bg-list02-td.gif) repeat-x 0 0;
	}

/* 各インデックスページ */
	#pageIndex .box {
		float: left;
		width: 290px;
		cursor: pointer;
	}
	#pageIndex .box .inner {
		width: 290px;
		padding-top: 3px;
		border: 0;
		background: #ffffff url(../imgs/bg-inner.gif) no-repeat 50% 0;
	}
	#pageIndex .box .clearfix {
		padding: 15px 15px 0;
	}
	#pageIndex .box .clearfix .fr {
		width: 185px;
		padding-top: 22px;
	}
	#pageIndex .box .clearfix .fr.subTitle {
		width: 185px;
		padding-top: 14px;
	}
	#pageIndex .box .body {
		padding: 15px 15px 20px;
	}
	#pageIndex .box a {
		color: #333333;
	}
	#pageIndex .box .inner:hover {
		background: #f9f9f9 url(../imgs/bg-inner.gif) no-repeat 50% 0;
	}
	#pageIndex .box.pamph{
		float: right;
	}

	#pageIndex .box.pamph .inner{
		padding-bottom: 15px;
	}


/* pop */


/* english */
	#english #wrap {
		padding-bottom: 95px;
	}
	#english #header {
		padding-bottom: 20px;
	}
	#english h1 {
		float: none;
		margin-bottom: 15px;
	}
	#english #hNav li.bt04 { right: 0;}
	#english #nav {
		float: none;
		padding: 20px 0 0 76px;
		border-top: 1px #eeeeee solid;
	}
	#english #nav li {
		padding-left: 5px;
	}
	#english #footer #copyright {
		margin-top: 0;
	}


/**
 * 5. EachPageStyle
 */
/* top */
	#top #wrap {
		padding-top: 0;
		padding-bottom: 100px;
	}
	/* slide */
	#top #imgArea {
		clear: both;
		height: 360px;
		background: #ffffff;
	}
	#top #imgArea .wrap {
		height: 360px;
	}
	#slider #pageNav {
		position: absolute;
		top: 325px;
		right: 0;
	}
	#slider #pageNav li {
		float: left;
		padding: 0 3px;
	}
	#slider #pageNav li a {
		display: block;
		width: 12px;
		height: 12px;
		text-indent: -99999px;
		overflow: hidden;
		background: #0060b0;
		border-radius: 999px;
		-moz-border-radius: 999px;
		-webkit-border-radius: 999px;
		-o-border-radius: 999px;
		-ms-border-radius: 999px;
	}
	#slider #pageNav li.showPage a,
	#slider #pageNav li a:hover {
		background: #ffffff;
	}
	/* serviceBox */
	#top #serviceBox {
		margin-bottom: 25px;
		border-bottom: 1px #c2c2c2 solid;
	}
	#top #serviceBox .inner {
		padding: 28px 0;
		border-bottom: 1px #fff solid;
		background: #fafafa;
	}
	#top #serviceBox div.fl {
		width: 555px;
	}
	#top #serviceBox ul li {
		margin-right: 4px;
		margin-bottom: 4px;
	}
	#top #serviceBox ul li.last {
		margin-right: 0;
	}
	#top #serviceBox div.fr {
		width: 380px;
	}
	#top #serviceBox div.fr .siteList li {
		margin-right: 0;
	}
	#top #serviceBox div.fr .siteList img {
		vertical-align: top;
	}
	#top #serviceBox h2 {
		margin-bottom: 5px;
		font-size: 14px;
		line-height: 20px;
		color: #0060b0;
	}
	#top #serviceBox dt {
		float: left;
		width: 160px;
		padding: 5px 0;
		clear: both;
		font-weight: bold;
		line-height: 15px;
		background: url(../../imgs/bg-service.gif) repeat-x 0 11px;
	}
	#top #serviceBox dd {
		width: 305px;
		margin-left: 160px;
		padding: 5px 0;
		font-weight: bold;
		font-size: 10px;
		line-height: 15px;
	}
	#top #serviceBox a {
		text-decoration: underline;
	}
	#top #serviceBox a:hover {
		text-decoration: none;
	}

	#top #mainContent .list {
		background: #ffffff;
	}
	#top #mainContent h3.title {
		position: relative;
		padding: 29px 0 0 0;
		color: #000000;
		border-left: none;
		background: url(../imgs/bg-h3.gif) no-repeat 0 0;
	}
	#top #mainContent h3.title span {
		position: absolute;
		top: 25px;
		left: 600px;
	}

	/* 404 */
	#top #wrap.area404 {
		padding-bottom: 0;
		height: 367px;
	}
	#top #wrap.area404 .fl {
		width: 607px;
		padding-top: 95px;
		text-align: center;
	}
	#top #wrap.area404 .fl a {
		color: #0060b0;
		text-decoration: underline;
	}
	#top #wrap.area404 .fl h2 {
		color: #0060b0;
		font-size: 18px;
		line-height: 28px;
		font-weight: bold;
		margin-bottom: 20px;
	}

	#analyticsLink {
		display:inline-block;
		height: 90px;
		line-height: 90px;
	    margin-left: 10px;
	}

	.map {
		display: none;
	}

@media print{
	#pagetop,
	#hNav,
	#fontSize,
	#nav,
	#titleArea,
	#pickup,
	#footer {
		display: none;
	}
}


/*--------------------------------------
#footerFloat
--------------------------------------*/
	#footerFloat {
		background: url(../imgs/ftr-info-bg.png) repeat-x;
		width: 100%;
		height: 140px;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index:9999;
	}
	#footerFloat div {
		width: 960px;
		margin: 0 auto;
	}
	#footerFloat div p.close {
		text-align: right;
		margin-top: 2px;
	}
	#footerFloat div p.close img {
		width: 60px;
		height: 16px;
	}

/*--------------------------------------
RWD sp
--------------------------------------*/
#spNav { display: none; cursor: pointer;}



/* 2016/09 heading START */

	.bnr__sharedresearch {
		width: 220px;
		margin-top: 30px;
	}
	.bnr__sharedresearch a {
		display: block;
		width: 220px;
		padding-top: 62px;
		color: #333333;
		font-size: 10px;
		line-height: 16px;
		text-decoration: underline;
		background-image: url(../imgs/side-pickup11.gif);
		background-position: 100% 0;
		background-repeat: no-repeat;
	}
	.bnr__sharedresearch a:hover {
		color: #0060b0;
		text-decoration: underline;
		background-position: 0 0;
	}

/* 画像切り替え */

    .section .pcImg{
        display: block;
    }
    .section .spImg{
        display: none;
    }


/*	table.list,
	table.list02 {
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	table.list > tbody > tr > th,
	table.list > tbody > tr > td,
	table.list02 > tbody > tr > th,
	table.list02 > tbody > tr > td {
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
	}
	table.list > tbody > tr > th:first-child,
	table.list > tbody > tr > td:first-child,
	table.list02 > tbody > tr > th:first-child,
	table.list02 > tbody > tr > td:first-child {
		border-left: none;
	}

	#newsrelease table {
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	#newsrelease table > tbody > tr > th,
	#newsrelease table > tbody > tr > td {
		vertical-align: middle;
		padding: 5px 8px;
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
	}
	#newsrelease table > tbody > tr > th:first-child,
	#newsrelease table > tbody > tr > td:first-child {
		border-left: none;
	}*/

/* 2016/09 heading END */

.waku{
	padding-bottom:16px !important;
	padding-top:0 !important;
}

.subMenu-02 .menuList li a{
	letter-spacing:0;
}