@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: 350px;
		text-align: center;
		color: #fff;
		font-size: 24px;
		letter-spacing: .12em;
		margin-right: 60px;
		padding: 55px 0;
		border-right: 1px solid #484848;
	}
	.subMenu .navTitle a{
		color:#fff;
		font-size:18px;
	}

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

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

	.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 */
.footerLogo .wrap,
.copyRight .wrap {
  width: 100%;
  max-width: 1160px;
  min-width: unset;
}


/* 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: 15px;
		color: #7b7b7b;
	}
	#fNav .fNav__block ul li:first-child {
		margin-top: 0;
	}
	#fNav .fNav__block ul li a {
		color: #7b7b7b;
		font-size: 12px;
		line-height: 22px;
	}

	#fNav .fNav-sub {
		clear: both;
		text-align: center;
		padding-top: 60px;
	}
	#fNav .fNav-sub li {
		position: relative;
		display: inline-block;
		padding: 0 30px;
	}
	#fNav .fNav-sub li::before {
		content: '|';
		position: absolute;
		top: 0;
		left: 0;
		color: #d8d8d8;
	}
	#fNav .fNav-sub li:first-child::before {
		display: none;
	}

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

	.footerLogo {
		padding: 25px 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;
	}


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

.oldTitleArea h2.title span {
	display: block;
  background: #ccc !important;
}
.oldTitleArea h2.title a {
	color: #333 !important;
}

table#kasutama_support{
	width: 560px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	}
	
	table#kasutama_support th{
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background-color:#c5d9f1;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	
	}
	table#kasutama_support td {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	vertical-align:top;
	}

	@media only screen and (max-width:1180px) {
		.base #container.column2 .wrap,
		#gHeader .wrap,
		.footerLogo .wrap,
		.copyRight .wrap {
			width: auto;
			margin-left: 10px;
			margin-right: 10px;
			min-width: 960px;
		}
	
		#gNav > ul > li > a,
		#gNav > ul > li > strong {
			padding: 0 10px 20px;
		}
	
		.subMenu .navTitle {
			width: 240px;
			margin-right: 30px;
		}
		.subMenu-01 .menuList li {
			margin-left: 30px;
		}
		/*.subMenu-02 .menuList li {
			margin-left: 50px;
		}*/
	
		.pageTop {
			right: 0;
			margin-right: 0;
		}
	}
	
	@media only screen and (max-width:1070px) {
	#gNav > ul > li > strong {
		letter-spacing: 0;
	}
	}
	@media screen and (max-width:599px){
	
	body.base {
		min-width:auto;
	}
	
	/* list */
	/* dl */
	dl.list dt {
			 padding: 0;
			 width: auto;
			 margin: 20px 0 -22px;
	}
	dl.list dt:first-child {
		margin-top: 0;
	}
	dl.list dd {
		clear: both;
			padding: 22px 0;
			padding-left: 0;
			_padding-left: 0;
	}
	dl.list dd span {
			top: 4px;
			_left: -13em;
	}
	/* add170207 */
	#mainContent dl.list dd img.new {
		position: absolute;
		top: 4px;
		left: 15.5em;
			width: 4.0em;
	}
	/* add170207 */
	
	/* wrap */
		#wrap{
				padding-bottom: 60px;
		}
	.base .wrap {
		width: 100%;
	}
	
	:root *> .selectArea {
		position: relative;
	}
	:root *> .selectArea select{
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	:root *> .selectArea div{
		width: auto;
	}
	: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;
	}
	
		br.sp-only {
		display: block;
	}
	
	body.base {
		min-width: inherit;
		height: 100%;
	}
	
	.base .wrap {
		width: auto;
		padding-left: 10px;
		padding-right: 10px
	}
	.base #container {
		width: auto;
	}
	.base #container.column2 #mainContent,
	.base #container.column2 .wrap{
		width: auto;
	}
	
	.base #container.column2 .wrap,
	#gHeader .wrap,
	.footerLogo .wrap,
	.copyRight .wrap {
		min-width: inherit;
		margin-left: 0;
		margin-right: 0;
	}
	
	/* page */
	.page.unLayindex ,
	.page {
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
		padding-top: 100px;
	}
	
	/* gHeader */
	#gHeader {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#gHeader .wrap {
		box-sizing: border-box;
		width: 100%;
		padding: 0;
	}
	
	.siteTitle {
		display: none;
	}
	
	.headerLogo a {
		display: inline-block;
		vertical-align: top;
	}
	
	
	#spMenu, .sp-fSize {
		display: block;
		position: absolute;
	}
	
	/* spMenu */
	#spMenu,
	#spMenu span {
		display: inline-block;
		box-sizing: border-box;
	}
	#spMenu {
		top: 14px;
		right: 13px;
		width: 24px;
		height: 20px;
			margin-top: 4px;
	}
	#spMenu span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		margin-bottom: 0;
		background-color: #0060b0;
	}
	#spMenu span:nth-of-type(1) {
		top: 0;
	}
	#spMenu span:nth-of-type(2) {
		top: 50%;
		margin-top: -2px;
	}
	#spMenu span:nth-of-type(3) {
		bottom: 1px;
	}
	
	
	#spMenu.menu-state-on span:nth-of-type(1) {
		top: 0;
		-webkit-transform: translateY(8px) rotate(-45deg);
		transform: translateY(8px) rotate(-45deg);
	}
	#spMenu.menu-state-on span:nth-of-type(3) {
		top: 8px;
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
	#spMenu.menu-state-on span:nth-of-type(2) {
		opacity: 0;
	}
	
	
	/* sp-fSize */
	.sp-fSize {
		top: 10px;
		right: 50px;
		/* width: 60px; */
		line-height: 1;
		padding: 2px;
		background-color: #999;
		border-radius: 3px;
		-webkit-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.1);
		box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.1);
		transition: background-color .3s;
	}
	
	
	.sp-fSize a {
		display: block;
		color: #aaa;
		font-size: 14px;
		font-weight: bold;
		line-height: 1;
		padding: 8px;
	}
	.sp-fSize a:nth-child(1) {
		float: left;
	}
	.sp-fSize a:nth-child(2) {
		float: right;
	}
	
	.sp-fSize a.fSize-state-on {
		color: #777;
		border-radius: 2px;
		background-color: #fff;
	}
	
	/*.sp-fSize .sp-fSize__btn {
		pointer-events: none;
		position: absolute;
		top: 2px;
		left: 2px;
		width: 26px;
		height: 26px;
		background-color: #fff;
		border-radius: 50px;
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
		transition: .3s;
	}
	.sp-fSize .sp-fSize__btn.f_medium {
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}
	.sp-fSize .sp-fSize__btn.f_large {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}*/
	
	/* spNav-wrap */
	.spNav-wrap {
		display: none;
		position: fixed;
		top: 80px;
		left: 0;
		right: 0;
		width: 100%;
			height: -webkit-calc(100% - 55px);
			height: calc(100% - 55px);
			overflow-y: scroll;
			padding: 10px;
		background-color: #333;
		box-sizing: border-box;
	}
	.spNav-wrap.spNav-state-on {
		display: block;
	}
	
	.spNav-wrap .wrap {
		padding: 0;
	}
	
	/* gNav */
	#gNav {
		opacity: 1;
		float: none;
	}
	
	#gNav > ul > li {
		float: none;
		padding: 15px 0;
		border-bottom: 1px solid #666;
	}
	#gNav > ul > li > a,
	#gNav > ul > li > strong {
		color: #fff;
		text-align: left;
		padding: 0;
	}
	#gNav > ul > li > strong {
		margin-bottom: 10px;
		letter-spacing: .1em;
	}
	#gNav > ul > li > a br,
	#gNav > ul > li > strong br {
		display: none;
	}
	
	#gNav > ul > li > a:hover,
	#gNav > ul > li > strong:hover {
		color: #fff;
	}
	#gNav > ul > li > a:hover::before,
	#gNav > ul > li > strong:hover::before {
		display: none;
	}
	
	.subMenu {
			opacity: 1;
			visibility: visible;
			position: inherit;
			top: inherit;
			left: inherit;
			right: inherit;
			background-color: transparent;
	}
	.subMenu .navTitle {
		display: none;
	}
	
	.menuList li {
		float: none;
		margin-left: 0;
		padding: 0;
	}
	
	.subMenu-01 .menuList li,
	.subMenu-02 .menuList li,
	.subMenu-03 .menuList li {
		width: 100%;
		margin-left: 0;
	}
	
	.menuList li a {
		font-size: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	#gNav > ul > li.gNav-state-on > strong,
	#gNav > ul > li > a:hover,
	#gNav > ul > li > strong:hover {
		color: #fff;
	}
	#gNav > ul > li.gNav-state-on > strong::before,
	#gNav > ul > li > strong::before {
		display: none;
	}
	.subMenu .wrap {
		-webkit-transform: inherit;
		transform: inherit;
		transition: inherit;
	}
	.subMenu.subMenu-state-on .wrap {
		transform: inherit;
	}
	
	.navSDW {
		display: none;
	}
	
	/* pNav */
	#pNav {
		position: static;
		top: auto;
		right: auto;
		opacity: 1;
	}
	#pNav ul, #pNav ul li {
		float: none;
	}
	
	.pNav__main {
		padding: 12px 0;
	}
	.pNav__main li {
		padding: 0;
	}
	.pNav__main li::before {
		display: none;
	}
	.pNav__main li a {
		display: block;
		color: #fff;
		font-size: 14px;
		padding: 8px 0;
	}
	#gHeader .pNav__main li a:hover {
		text-decoration: none;
	}
	
	.pNav__lang, .pNav__fSize {
		display: none;
	}
	
	
	/* gFooter */
	#gFooter {
	}
	
	/* fNav */
	#fNav {
		padding: 30px 0 0;
	}
	#fNav .fNav__block {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 40px;
	}
	#fNav .fNav__block .navTitle {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	#fNav .fNav__block .navTitle.navTitle-mt {
		margin-top: 40px;
	}
	#fNav .fNav__block:first-child {
		margin-top: 0;
	}
	
	#fNav .fNav__block ul li {
		margin-top: 8px;
	}
	
	#fNav .fNav-sub {
		text-align: left;
		padding-top: 30px;
	}
	#fNav .fNav-sub li {
		display: block;
		padding: 0;
		border-top: 1px solid #e3e3e3;
	}
	#fNav .fNav-sub li::before {
		display: none;
	}
	#fNav .fNav-sub li a {
		display: block;
		padding: 15px 0;
	}
	
	
	.footerLogo .logo-01,
	.footerLogo .logo-02 {
		float: none;
		text-align: center;
	}
	.footerLogo .logo-01 a,
	.footerLogo .logo-02 a {
		display: block;
		padding: 5px 0;
	}
	
	
	.copyRight {
		text-align: center;
	}
	.copyRight p {
		font-size: .6em;
	}
	
	
	
	/* main */
	/* 1 column */
	.base #container {
		width: 100%;
	}
	.base #container #mainContent,
	.base #container .wrap {
			margin: 0 8%;
			box-sizing: border-box;
	}
	.titleArea.titleIndex .pTitle{
			text-align: center;
			width: 100%;
			box-sizing: border-box;
	}
	/* 2 column */
	.base #container.column2 #mainContent,
	.base #container.column2 .wrap {
			margin: 0 8%;
			float: none;
			box-sizing: border-box;
	}
	.breadcrumbList{
			display: none;
	}
	#pageIndex .box{
			float: none;
			width: 96%;
			margin: 0 auto 10px;
	}
	#pageIndex .box .inner{
			width: 100%;
			background: #ffffff url("../imgs/bg-inner.gif") repeat-x 50% 0;
	}
	#pageIndex .box .inner:hover {
		background: #f9f9f9 url("../imgs/bg-inner.gif") repeat-x 50% 0;
	}
	.column2 #sideContent{
			float: none;
			width: 100%;
			margin-top: 20px;
	}
	
	#sideContent .navTitle{
			padding-left: 10px;
	}
	#sNav{
			margin-bottom: 0;
	}
	
	
	/* mainContent */
	#mainContent img{
			width: 100%;
			height: auto;
	}
	.titleArea{
			border: none;
			overflow: hidden;
			padding-top: 50px;
	}
	.titleArea .pageTag{
			position: absolute;
			float: right;
			display: block;
			top:10px;
	}
	.pTitle{
			float: left;
			margin-top: 5px;
			position: relative;
			bottom: 0;
	}
	h3{
			font-size: 20px !important;
			line-height: 1.4;
	}
	p{
			font-size: 10px;
			line-height: 25px;
	}
	
	.titleArea-service_icn-quarter li {
		width: 24%;
		margin-right: 1%;
	}
	
	.titleArea-service_icn-oneFifth li {
		width: 19%;
		margin-right: 1%;
	}
	
		.titleArea-service_icn-oneSixth li {
		width: 15.66%;
		margin-right: 1%;
	}
	
	.titleArea-service_icn-oneFifth
	
	/* unLayindex */
	.titleArea.titleIndex{
			background-position: -215px 0;
	}
	.unLayindex .fr{
			float: left;
	}
	.unLayindex .box .titleA{
			margin-left: 10px;
	}
	.ellipsis.multiline{
			width: 100%;
	}
	#pageIndex01 .left,
	#pageIndex01 .right{
			width: 96%;
			margin: 0 auto;
			float: none;
	}
	#pageIndex01 .box .clearfix {
		background: transparent url("../imgs/bg-arrw-top-sp.gif") no-repeat 95% 50%;
			background-size: 13px;
			padding: 15px;
	}
	#pageIndex01 .box .clearfix.off {
		background: transparent url("../imgs/bg-arrw-bottom-sp.gif") no-repeat 95% 50%;
			background-size: 13px;
	}
	#pageIndex01 .box .clearfix .fr{
			width: auto;
	}
	#pageIndex01 .box .body p{
			text-align: center;
	}
	#pageIndex01 .box .body dl{
			border-top: 1px solid #0060b0;
			margin-top: 20px;
	}
	 #pageIndex01 .box .body dt {
			border-bottom: 1px dotted #0060b0;
			padding: 10px;
	}
	#pageIndex01 .box .body dt a{
			color: #333;
			text-decoration: none;
		background: transparent url("../imgs/bg-arrw-left-sp.gif") no-repeat 100% 50%;
			background-size: 13px;
			padding: 0 10px;
	}
	#pageIndex01 .box .body dd{
			display: none;
	}
	#pageIndex01 .bnrBox .left{
			display: none;
	}
	#pageIndex01 .box p.close {
			text-align: center;
			padding-top: 15px;
			display: block;
			font-weight: bold;
	}
	#pageIndex .fl,
	#pageIndex01 .fl{
			float: left;
			width: auto !important;
	}
	#pageIndex .fr,
	#pageIndex01 .fr{
			float: left;
			width: auto !important;
	}
	/* message */
	.imgClmBlockR .img{
			float: none;
			margin-bottom: 20px;
	}
	.imgClmBlockR .txt{
			padding-right: 0;
	}
	
	/* Pagenation */
	 #Pagenation .inner {
		 margin: 0;
	 }
	 #Pagenation ul {
		 min-width: 100px;
		 width: 39.5%;
		 margin: 0 auto;
	 }
	 #Pagenation ul li {
		 display: inline;
		 float: left;
		 margin: 0 2.5px 5px;
	 }
	 #Pagenation ul li span.current_page,
	 #Pagenation ul li a {
		 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 {
		 font-size: 10px;
	 }
	 #Pagenation .pageBack {
		 background-position: left 7px;
		 background-size: 10px;
		 padding: 3px 0 2px 15px;
	 }
	 #Pagenation .pageNext {
		 background-position: right 7px;
		 background-size: 10px;
		 padding: 3px 15px 2px 0;
	 }
	
	/* outline */
	.list02{
			background: none;
	}
	.list02 th,
	.list02 td{
			background: #fff;
			display: block;
			width: 100%;
			box-sizing: border-box;
	}
	.list02 th {
			border-top: 1px solid #0060b0;
			border-bottom: 1px dotted #0060b0;
	}
	.list02 .first th {
		background: #fff url("../imgs/bg-list02-th.gif") repeat-x 0 0;
	}
	.list02 .first td {
		padding-top: 14px;
		background: #fff;
	}
	.list02 table{
			font-size: 90%;
			width: 100%;
	}
	.list02 table td{
			display: table-cell;
			width: auto;
	}
	/* office */
	#mainContent .ar.spImg a{
			display: inline-block;
			width: 50%;
			padding:0 1px;
			box-sizing: border-box;
	}
	.pageNav ul{
			text-align: left;
	}
	.pageNav ul li{
			display: inline-block;
	}
	.pageNav a{
			padding: 3px 20px 3px 35px;
	}
	
	/* group */
	.ttlSet h3{
			width: 100%;
			position: static;
	}
	.fl{
			float: none;
			width: 100% !important;
	}
	.ttlSet h3,
	.ttlSet h3{
			text-align: center;
			margin: 0 auto 20px;
	}
	.ttlSet h3 img,
	.ttlSet h3 img{
			text-align: center;
			margin: 0 auto;
			width: auto !important;
	}
	
	/* mansion */
	.fr{
			float: none;
			width: 100% !important;
	}
	
	/* total */
	#mainContent .fList a{
			width: 100%;
	}
	#mainContent .fList li{
			width: 50%;
	}
	#mainContent .fList li.mr20{
			margin-right: 0;
	}
	
	/* hotline */
	#bgArea{
			background-size: 40%;
	}
	#bgArea .titleA{
			margin-top: 40%;
	}
	.boxContact{
			width: 98%;
			height: auto;
			padding: 20px 10px;
			box-sizing: border-box;
			margin-left: auto;
			margin-right: auto;
	}
	.boxContact p.title,
	.boxContact p.number,
	.boxContact p.hours,
	.boxContact p.boxmail{
			position: static;
			width: auto;
			float: none;
	}
	.boxContact p.title {
		margin-bottom: 10px;
	}
	.boxContact p.title img,
	.boxContact p.number img{
			text-align: center;
			width: auto;
			display: block;
			margin: 0 auto;
			max-width: 100%;
			width: auto!important;
	}
	.boxContact p.number span {
		margin-top: 10px;
	}
	.boxContact .ttlbox,
	.boxContact .telbox {
		width: 100%;
	}
	.boxContact .telbox{
		margin-top: 20px;
		border:none;
	}
	.contact .mail{
			position: relative;
			left: 0;
			top:0;
	}
	.relative .mail{
			position: relative;
			right: 0;
			top:0 !important;
			text-align: left;
	}
	.inconts .tab-box{
			line-height: 1.2 !important;
	}
	#bunjoguide .inconts .tab-box{
			height: auto;
			overflow: hidden;
	}
	.inconts .tab-box div{
			height: auto;
	}
	.inconts .tab-box a{
			padding: 15px 0;
			height: auto !important;
	}
	.inconts .content{
			clear: both;
	}
	.content .tabinnerconts {
			margin-top: 0;
	}
	.inner .titinner h3 {
			font-size: 15px !important;
	}
	.midwidthbox .formcontact, .midwidthbox .formcontact a{
			font-size: 15px;
	}
	
	/* map */
	body.pop{
	padding: 0 8%;
	width: 100%;
	box-sizing: border-box;
	}
	body.pop .page{
	padding-top: 20px;
	}
	body.pop #header {
	padding: 0 0 20px;
	}
	body.pop #header .wrap {
	width: 100%;
	}
	body.pop #header h1 {
	margin: 0 auto;
	float: none;
	width: 100%;
	}
	body.pop .page h1 img{
	width: 45%;
	height: auto;
	display: block;
	margin-left: 2.8125%
	}
	body.pop #container{
	width: 100%;
	}
	body.pop #container #mainContent{
	width: 100%;
	}
	body.pop #hNav{
		display: none;
	}
	body.pop #map{
	width: 100%;
	}
	body.pop #map img{
	width: 100%;
	}
	body.pop .ac img{
	width: 30% !important;
	}
	body.pop #footer .wrap{
	width: 100%;
	}
	
	/* privacy */
	.base #container #mainContent.privacy{
			margin: 0 8%;
			float: none;
			box-sizing: border-box;
	}
	.base #container #mainContent.privacy .contact .bt01,
	.base #container #mainContent.privacy .contact .bt02{
			position:static;
	}
	
	/* policy */
	.base #container #mainContent.policy{
			margin: 0 8%;
			float: none;
			box-sizing: border-box;
	}
	
	/* social */
	.base #container #mainContent.social{
			margin: 0 8%;
			float: none;
			box-sizing: border-box;
	}
	.base #container #mainContent.social .btnArea li{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 10px 0;
	}
	.base #container #mainContent.social .socialList li{
			width: 100%;
			margin: 0;
	}
	.base #container #mainContent.social .socialList li p.thum{
			width: 100%;
	}
	.base #container #mainContent.social .socialList li p.thum img{
			margin: 10px auto;
			text-align: center;
			display: block;
			width: 60%;
	}
	.base #container #mainContent.social .socialList li .txt{
			float: none;
			width:100%;
	}
	/* 画像切り替え */
	
	.section .pcImg{
			display: none;
	}
	
	.section .spImg{
			display: block;
	}
	
	/* SP時非表示 */
	 .pcOnly{
			display: none;
	}
	
	}