@charset "UTF-8";
/* ======================
　Reset
====================== */
/* Global Reset (html5doctor.com)
 * - Author: Richard Clark - http://richclarkdesign.com
------------------------------------------ */
/*----- for HTML5 -----*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display: block;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ul, ol, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 900;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

input::-ms-clear {
    visibility:hidden
}

/* Costom Reset
------------------------------------------ */
/*----- for HTML5 -----*/
main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

hr, legend {
  display: none;
}

time {
  display: block;
}

sub, sup {
  position: relative;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  vertical-align: bottom;
}


/* ======================
　Share
====================== */
/* Base Setting
------------------------------------------ */

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
	position: relative;
}

body {
	font-family: Arial, "微軟正黑體", Verdana, Helvetica, sans-serif;
  line-height: 1.61;
	color:#333;
	font-weight: 300;
}

/* link */
a:link,
a:visited {
	color: #333333;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #333333;
	text-decoration: none;
}

img {
	vertical-align: bottom;
	max-width: 100%;
}


/* For Reader */
.aural {
	overflow: hidden;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
}


/* ======================
　Utility
====================== */
/* margin
================================ */
.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;} .mt35 {margin-top: 35px !important;} .mt40 {margin-top: 40px !important;} .mt45 {margin-top: 45px !important;} .mt50 {margin-top: 50px !important;} .mt55 {margin-top: 55px !important;} .mt60 {margin-top: 60px !important;} .mt65 {margin-top: 65px !important;} .mt70 {margin-top: 70px !important;} .mt75 {margin-top: 75px !important;} .mt80 {margin-top: 80px !important;} .mr1-74per {margin-right: 1.74% !important;} .mr1-75per {margin-right: 1.75% !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;} .mr35 {margin-right: 35px !important;} .mr40 {margin-right: 40px !important;} .mr45 {margin-right: 45px !important;} .mr50 {margin-right: 50px !important;} .mr55 {margin-right: 55px !important;} .mr60 {margin-right: 60px !important;} .mr65 {margin-right: 65px !important;} .mr70 {margin-right: 70px !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;} .mb35 {margin-bottom: 35px !important;} .mb40 {margin-bottom: 40px !important;} .mb45 {margin-bottom: 45px !important;} .mb50 {margin-bottom: 50px !important;} .mb55 {margin-bottom: 55px !important;} .mb60 {margin-bottom: 60px !important;} .mb65 {margin-bottom: 65px !important;} .mb70 {margin-bottom: 70px !important;} .mb75 {margin-bottom: 75px !important;} .mb80 {margin-bottom: 80px !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;} .ml35 {margin-left: 35px !important;} .ml40 {margin-left: 40px !important;} .ml45 {margin-left: 45px !important;} .ml50 {margin-left: 50px !important;} .ml55 {margin-left: 55px !important;} .ml60 {margin-left: 60px !important;} .ml65 {margin-left: 65px !important;} .ml70 {margin-left: 70px !important;} .ml170 {margin-left: 170px !important;} .ma{ margin: auto auto;}

/* padding
================================ */
.pt0 {padding-top: 0 !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;} .pt30 {padding-top: 30px !important;} .pt35 {padding-top: 35px !important;} .pt40 {padding-top: 40px !important;} .pt45 {padding-top: 45px !important;} .pt50 {padding-top: 50px !important;} .pt55 {padding-top: 55px !important;} .pt60 {padding-top: 60px !important;} .pt65 {padding-top: 65px !important;} .pt70 {padding-top: 70px !important;} .pt92 {padding-top: 92px !important;} .pr0 {padding-right: 0 !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;} .pr30 {padding-right: 30px !important;} .pr35 {padding-right: 35px !important;} .pr40 {padding-right: 40px !important;} .pr45 {padding-right: 45px !important;} .pr50 {padding-right: 50px !important;} .pr55 {padding-right: 55px !important;} .pr60 {padding-right: 60px !important;} .pr65 {padding-right: 65px !important;} .pr70 {padding-right: 70px !important;} .pb0 {padding-bottom: 0 !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;} .pb30 {padding-bottom: 30px !important;} .pb35 {padding-bottom: 35px !important;} .pb40 {padding-bottom: 40px !important;} .pb45 {padding-bottom: 45px !important;} .pb50 {padding-bottom: 50px !important;} .pb55 {padding-bottom: 55px !important;} .pb60 {padding-bottom: 60px !important;} .pb65 {padding-bottom: 65px !important;} .pb70 {padding-bottom: 70px !important;} .pl0 {padding-left: 0 !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} .pl30 {padding-left: 30px !important;} .pl35 {padding-left: 35px !important;} .pl40 {padding-left: 40px !important;} .pl45 {padding-left: 45px !important;} .pl50 {padding-left: 50px !important;} .pl55 {padding-left: 55px !important;} .pl60 {padding-left: 60px !important;} .pl65 {padding-left: 65px !important;} .pl70 {padding-left: 70px !important;} 

/* width
================================ */
.w001per { width: 1% !important; } .w002per { width: 2% !important; } .w003per { width: 3% !important; } .w004per { width: 4% !important; } .w005per { width: 5% !important; } .w006per { width: 6% !important; } .w007per { width: 7% !important; } .w008per { width: 8% !important; } .w009per { width: 9% !important; } .w010per { width: 10% !important; } .w011per { width: 11% !important; } .w012per { width: 12% !important; } .w013per { width: 13% !important; } .w014per { width: 14% !important; } .w015per { width: 15% !important; } .w016per { width: 16% !important; } .w017per { width: 17% !important; } .w018per { width: 18% !important; } .w019per { width: 19% !important; } .w020per { width: 20% !important; } .w021per { width: 21% !important; } .w022per { width: 22% !important; } .w023per { width: 23% !important; } .w024per { width: 24% !important; } .w025per { width: 25% !important; } .w026per { width: 26% !important; } .w027per { width: 27% !important; } .w028per { width: 28% !important; } .w029per { width: 29% !important; } .w030per { width: 30% !important; } .w031per { width: 31% !important; } .w032per { width: 32% !important; } .w033per { width: 33% !important; } .w034per { width: 34% !important; } .w035per { width: 35% !important; } .w036per { width: 36% !important; } .w037per { width: 37% !important; } .w038per { width: 38% !important; } .w039per { width: 39% !important; } .w040per { width: 40% !important; } .w041per { width: 41% !important; } .w042per { width: 42% !important; } .w043per { width: 43% !important; } .w044per { width: 44% !important; } .w045per { width: 45% !important; } .w046per { width: 46% !important; } .w047per { width: 47% !important; } .w048per { width: 48% !important; } .w049per { width: 49% !important; } .w050per { width: 50% !important; } .w051per { width: 51% !important; } .w052per { width: 52% !important; } .w053per { width: 53% !important; } .w054per { width: 54% !important; } .w055per { width: 55% !important; } .w056per { width: 56% !important; } .w057per { width: 57% !important; } .w058per { width: 58% !important; } .w059per { width: 59% !important; } .w060per { width: 60% !important; } .w061per { width: 61% !important; } .w062per { width: 62% !important; } .w063per { width: 63% !important; } .w064per { width: 64% !important; } .w065per { width: 65% !important; } .w066per { width: 66% !important; } .w067per { width: 67% !important; } .w068per { width: 68% !important; } .w069per { width: 69% !important; } .w070per { width: 70% !important; } .w071per { width: 71% !important; } .w072per { width: 72% !important; } .w073per { width: 73% !important; } .w074per { width: 74% !important; } .w075per { width: 75% !important; } .w076per { width: 76% !important; } .w077per { width: 77% !important; } .w078per { width: 78% !important; } .w079per { width: 79% !important; } .w080per { width: 80% !important; } .w081per { width: 81% !important; } .w082per { width: 82% !important; } .w083per { width: 83% !important; } .w084per { width: 84% !important; } .w085per { width: 85% !important; } .w086per { width: 86% !important; } .w087per { width: 87% !important; } .w088per { width: 88% !important; } .w089per { width: 89% !important; } .w090per { width: 90% !important; } .w091per { width: 91% !important; } .w092per { width: 92% !important; } .w093per { width: 93% !important; } .w094per { width: 94% !important; } .w095per { width: 95% !important; } .w096per { width: 96% !important; } .w097per { width: 97% !important; } .w098per { width: 98% !important; } .w099per { width: 99% !important; } .w100per { width: 100% !important; } .wAuto {width: auto !important;} 

/* align
================================ */
.aC {text-align: center !important;} .aL {text-align: left !important;} .aR {text-align: right !important;} .vT {vertical-align: top !important;} .vM {vertical-align: middle !important;} .vB {vertical-align: bottom !important;} 

/* display
================================ */
.dB {display: block !important;} .dN {display: none !important;} .dIB {display: inline-block !important;} 

/* float
================================ */
.fR {float:right !important;} .fL {float:left !important;} .fN {float:none !important;} 

/* clear
================================ */
.clearB {clear:both !important;} .clearR {clear:right !important;} .clearL {clear:left !important;} .clearN {clear:none !important;} 

/* Base Setting
------------------------------------------ */
body {
  font-size: 18px;
  font-size: 1.8rem;
	color: #333333;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	overflow-wrap : break-word;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Page
------------------------------------------ */
/* header
================================ */
#headerContainer {
	position: fixed;
	width: 100%;
	z-index: 9999;
	background: #fff;
}
#header {
	position: relative;
	max-width: 1400px;
	min-width: 980px;
	margin: 0 auto;
}
#QRpage #header {
	min-width: inherit;
	height: 86px;
}
#QRpage #header .siteLogo02 img {
	width: 100%;
	max-width: 100%;
}
#header .headerBody {
	position: relative;
	max-width: 1300px;
	min-width: 980px;
	margin: 0 0 0 auto;
	padding: 13px 20px 25px;
}
#QRpage #header .headerBody {
	min-width: inherit;
}
#header #siteLogo01 {
	position: absolute;
	top: 14px;
	left: 20px;
}
#header .siteLogo02 {
	display: table;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -280px;
}

#QRpage #header .siteLogo02 {
	padding-left: 20px;
}
#header .siteLogo02 > li {
	display: table-cell;
	padding: 0 30px;
	vertical-align: middle;
  font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header .siteLogo02 > li:first-child {
	padding-top: 15px;
}
#header .siteLogo02 img {
	vertical-align: middle;
}
#header .siteLogo02 > * + * {
	border-left: 1px solid #e4e4e4;
}

#header .headerUtility {
	float: right;
	margin-top: 10px;
}
#header .headerUtility.searchOn .searchMenu > .searchArea {
	display: block;
}
#header .headerUtility.searchOn .searchMenu > a {
	opacity: 0;
}
#header .gsc-search-box-tools .gsc-search-box .gsc-input {
	position: relative;
	overflow: hidden;
	padding-right: 6px;
}
#header .headerUtility > li {
	float: left;
	min-width: 35px;
	margin-left: 18px;
}
#header .headerUtility > li > a {
	display: block;
	color: #6c737d;
}
#header .headerUtility > .searchMenu .searchArea {
	position: relative;
	display: none;
}
#header .headerUtility > .searchMenu .searchArea #___gcse_0 {
	position: absolute;
	top: 0;
	right: 0;
}
#header .headerUtility > .searchMenu .gsc-input-box {
	height: 30px;
}
#header .headerUtility > .searchMenu .gsib_a {
	padding: 2px 10px 8px;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
	box-shadow: none !important;
}
.gsst_a .gscb_a {
	color: #555e6b !important;
}
#header .headerUtility > .searchMenu .searchArea td.gsc-search-button {
	position: relative;
}
#header .headerUtility > .searchMenu .searchArea td.gsc-search-button:after {
	position: absolute;
	display: inline-block;
	left: 0;
	bottom: 8px;
	width: 100%;
	height: 10px;
	content: "";
	text-align: center;
	color: #6c737d !important;
	font-size: 1.2rem;
}
#header .headerUtility > .searchMenu .searchArea .gsc-control-cse {
	padding: 0;
	background: none;
}
#header .headerUtility > .searchMenu .searchArea .gsc-search-button.gsc-search-button-v2 {
	position: relative;
	border: none !important;
  padding: 0;
	min-width: 35px;
	background: url(../img/header_ic03.png) no-repeat 0 0;
	min-height: 35px;
	z-index: 10;
}
#header .headerUtility > .searchMenu .searchArea .gsc-input-box {
	width: 230px !important;
}
input.gsc-input {background-image:none !important;}
.contentsBody .gsc-input-box {
	height: auto;
}
.contentsBody .gsc-input-box .gsib_a {
	padding: 8px 20px;
}
.contentsBody input.gsc-search-button {
	border: none;
	background: url(../img/header_ic01.png) no-repeat 50% 0;
	height: 34px;
}
.contentsBody input.gsc-search-button:hover,
.contentsBody input.gsc-search-button:focus {
	border: none;
	background: url(../img/header_ic01.png) no-repeat 50% 0;
}
#header .headerUtility > .searchMenu > a {
	width: 35px;
	height: 35px;
	background: url(../img/header_ic03.png) no-repeat 50% 0;
}
#header .headerUtility > li > a > span {
	display: block;
	margin-top: 0.2em;
	font-size: 1.2rem;
	color: #6c737d;
	text-align: center;
}
#header .headerUtility > li > a:link,
#header .headerUtility > li > a:visited {
	text-decoration: none;
}
#header .headerUtility > li > a:hover,
#header .headerUtility > li > a:active {
	text-decoration: underline;
}
@media screen and (max-width: 640px) {
	#QRpage #header {
		height: 66px;
	}
	#QRpage #header #siteLogo01 {
		position: inherit;
		top: inherit;
		left: inherit;
		float: left;
		width: 14%;
	}
	#QRpage #header .siteLogo02 {
		float: left;
		padding-left: 0;
		width: 74%;
	}
	#QRpage #header .siteLogo02 > li {
		padding: 2% 20px 0;
	}
}

/* globalNav
================================ */
#globalNav {
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
}
#globalNav .gnavBody {
	max-width: 1200px;
	min-width: 980px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
#globalNav .gnavList {
	display: table;
	margin: 0 auto;
}
#globalNav .gnavList > li {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
#globalNav .gnavList a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	backface-visibility: hidden;
}
#globalNav .gnavList > li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px 45px;
	font-size: 1.8rem;
	color: #333333;
	text-decoration: none;
}
#globalNav .gnavList > li > a > span {
	position: relative;
	display: inline-block;
	height: 100%;
	padding: 0 18px;
	color: #333333;
}
#globalNav .gnavList > li > a:hover > span,
#globalNav .gnavList > .current > a > span {
	color: #555e6b;
}
#globalNav .gnavList > li > a:hover > span:after,
#globalNav .gnavList > .current > a > span:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	left: 0;
	right: 0;
	bottom: -8px;
	background-color: #555e6b;
}
#globalNav .gnavList .dropMenu {
	display: none;
	position: absolute;
	width: 310px;
	left: 50%;
	margin-left: -155px;
	border: 1px solid #788994;
	background-color: #ffffff;
	z-index: 10;
}
#globalNav .gnavList .dropMenu li {
	text-align: left;
}
#globalNav .gnavList .dropMenu li + li {
	border-top: 1px solid #788994;
}
#globalNav .gnavList .dropMenu li a {
	display: block;
	padding: 12px;
	font-size: 1.6rem;
	text-decoration: none;
}
#globalNav .gnavList .dropMenu li a:hover,
#globalNav .gnavList .dropMenu .current a {
	color: #ffffff;
	background-color: #7990a1;
}
#globalNav .gnavList .dropMenu li a:link,
#globalNav .gnavList .dropMenu li a:visited,
#globalNav .gnavList .dropMenu li a:hover,
#globalNav .gnavList .dropMenu li a:active {
	text-decoration: none;
}

/*追記　あとでコメントアウト削除*/
#globalNav .gnavList .dropMenu.megaMenus li + li {
	border-top: none;
}
#globalNav .gnavList .dropMenu.megaMenus {
	display: none;
	position: absolute;
	width: 1200px;
	left: 10%;
	margin-left: -155px;
	border: 1px solid #788994;
	background-color: #ffffff;
	z-index: 10;
}
#globalNav .gnavList .dropMenu .megaMenusContainer {
	width: 1200px;
	padding: 40px;
}
#globalNav .gnavList .dropMenu .megaMenusContainer .megaMenusArea{
	
}
#globalNav .gnavList .dropMenu .megaMenusContainer .topLinkTitle{
	border-bottom: 1px solid #dddddd;
}
#globalNav .gnavList .dropMenu .megaMenusContainer .topLinkTitle a{
	display: block;
	font-size: 2.0rem;
	padding: 14px 12px 12px 17px;
}
.titleCol3 > .col {
	float: left;
	width: 350px;
	margin-right: 35px;
}
.titleCol3 > .col:nth-child(3n) {
	margin-right: 0;
}

.titleCol3 > .col .lv02 {
	font-size: 2.0rem;
	font-weight: bold;
	color: #7990a1;
	margin-top: 23px;
	margin-left: 18px;
	margin-bottom: 4px;
}
.titleCol3 > .col .lv03{
	font-size: 2.2rem;
	font-weight: 900;
	color: #7990a1;
}
.titleCol3 > .col .lv03 a{
	padding-left: 19px !important;
	padding-top: 13px !important;
}
.titleCol3 > .col a{
	border-bottom: 1px solid #dddddd;
}
.titleCol3 > .col.basicStyle li a{
	padding-left: 19px !important;
	padding-top: 12px !important;
}
.titleCol3 > .col .lv04{
	font-weight: 900;
}
/* contents
================================ */
#content {
	padding-top: 130px;
}
#QRpage #content {
	padding-top: 100px;
}
#QRpage #content .contentsBox {
	max-width: 1200px;
	margin: 0 auto;
}
#QRpage #content .contentsBox > *:first-child {
	margin-top: 0 !important;
}
.contentsBody {
	max-width: 1200px;
	min-width: 980px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
.contentsBody > *:first-child {
	margin-top: 0 !important;
}
.breadcrumb {
	max-width: 1200px;
	min-width: 980px;
	margin: 0 auto;
	padding: 0.5em 10px;
}
.breadcrumb ol {
	letter-spacing: -0.4em;
}
.breadcrumb li {
	display: inline-block;
	letter-spacing: normal;
	font-size: 1.4rem;
}
.breadcrumb li + li:before {
	display: inline-block;
	content: ">";
	margin: 0 0.5em;
}
@media screen and (max-width: 640px) {
	#QRpage #content {
		padding-top: 66px;
	}
}


/* footer
================================ */
#footer {
	position: relative;
	margin-top: 80px;
	padding: 30px 0;
	background-color: #555e6b;
	color: #ffffff;
	text-align: center;
}
.footerInfo + #footer {
	margin-top: 0;
}
#footer .footerBody {
	position: relative;
	max-width: 1200px;
	min-width: 980px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
#QRpage  #footer .footerBody {
	min-width: inherit;
}
#footer .footerBody > * {
	margin-top: 30px;
}
#footer .footerBody > *:first-child {
	margin-top: 0;
}
#footer .linkType01 {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
#footer .linkType01 li a {
	color: #ffffff;
	font-size: 1.6rem;
}
#footer .linkType01 li a:before {
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
}
#footer .linkType01 li a:link,
#footer .linkType01 li a:visited {
	text-decoration: none;
}
#footer .linkType01 li a:hover,
#footer .linkType01 li a:active {
	text-decoration: underline;
}
#copyright {
	font-size: 1.2rem;
}
#footer .pageTop {
}
#footer .pageTop a {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 20px;
	right: 20px;
	background-color: rgba(91,102,117,0.4);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	text-indent: -9999px;
	outline: none;
	z-index: 100;
}
#footer .pageTop a:hover {
	background-color: rgba(91,102,117,1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	backface-visibility: hidden;
}
#footer .pageTop a:before {
	position: absolute;
	content: '';
	width: 25px;
	height: 25px;
	top: 25px;
	left: 17px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	-webkit-transform: rotate(-135deg) skew(5deg,5deg);
	-moz-transform: rotate(-135deg) skew(5deg,5deg);
	-ms-transform: rotate(-135deg) skew(5deg,5deg);
	-o-transform: rotate(-135deg) skew(5deg,5deg);
	transform: rotate(-135deg) skew(5deg,5deg);
}
#footer .pageTop.stop a {
	position: absolute;
	top: -80px;
	right: 20px;
}
@media screen and (max-width: 640px) {
	#QRpage  #footer {
		margin-top: 10%;
		padding: 5% 0;
	}
}


/* COMMON PARTS
------------------------------------------ */

a img {
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	backface-visibility: hidden;
	background-color: inherit;
}
a:hover img {
	opacity: 0.8;
}
section {
	margin-top: 60px;
}
section > section {
	margin-top: 50px;
}
section > section > section {
	margin-top: 30px;
}
.footerInfo {
	margin-top: 60px;
	padding: 70px 0;
	background-color: #e7eaed;
}

/* headline
================================ */
.headWrap {
	background-color: #333333;
}
.headline01 {
	padding: 18px 0;
	color: #ffffff;
	font-weight: 900;
	font-size: 2.8rem;
}
@media screen and (max-width: 640px) {
	.headline01 {
		padding: 12px 0;
		font-size: 2.0rem;
		line-height: 1.2;
	}
}
.headline01 a {
	color: #ffffff;
}
.headWrap > * {
	max-width: 1200px;
	min-width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}
#QRpage .headWrap > * {
	min-width: inherit;
}
#main .headWrap + * {
	margin-top: 60px;
}
.headline02 {
	font-size: 4.0rem;
	font-weight: 700;
}
#main .headline02 + * {
	margin-top: 30px;
}
.headline02 a,
.headline03 a,
.headline04 a,
.headline05 a {
	color: #333333;
}
.headline03 {
	padding-bottom: 10px;
	border-bottom: 1px solid #e3e3e3;
	font-size: 2.2rem;
	font-weight: 700;
}
.headline03 a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.headline03 a:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	left: 0;
	bottom: -3px;
	background-color: #adadad;
}
.headline03 a:hover:before {
	opacity: 0;
}
#main .headline03 + *,
#main .headline04 + *,
#main .headline05 + * {
	margin-top: 20px;
}
.headline04 {
	position: relative;
	padding-left: 18px;
	font-weight: 700;
}
.headline04:before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 9px;
	height: 2px;
	margin-top: -1px;
	background-color: #7990a1;
}
.headline05 {
	font-weight: 700;
}
.topHeadline01 {
	line-height: 1.33;
	font-size: 4.4rem;
	text-align: center;
}
.topHeadline01 + * {
	margin-top: 35px;
}
.topHeadline01 a {
	position: relative;
	display: inline-block;
	padding-left: 1em;
	color: #333333;
	text-decoration: none;
}
.topHeadline01 a:before {
	position: absolute;
	content: '';
	width: 0.3em;
	height: 0.3em;
	top: 0.6em;
	left: 0;
	border-right: 1px solid #1f477f;
	border-bottom: 1px solid #1f477f;
	-webkit-transform: rotate(-45deg) skew(10deg,10deg);
	-moz-transform: rotate(-45deg) skew(10deg,10deg);
	-ms-transform: rotate(-45deg) skew(10deg,10deg);
	-o-transform: rotate(-45deg) skew(10deg,10deg);
	transform: rotate(-45deg) skew(10deg,10deg);
}
.topHeadline01 .sub {
	font-size: 2.4rem;
}


/* text
================================ */
.paragraph01 {
	margin-top: 1em;
}
.bold {
	font-weight: 900 !important;
}
.fwNormal {
	font-weight: normal !important;
}
.txtLead01 {
	font-size: 2.4rem;
}
.txtLead02 {
	font-size: 2.0rem;
	font-weight: 900;
	text-align: center;
}
.txtLead03 {
	line-height: 1.33;
	font-size: 2.8rem;
	font-weight: 900;
}
.txtColor01 {
	color: #cc4d00 !important;
}
.txtColor02 {
	color: #b80000 !important;
}
.txtColor03 {
	color: #007ed7 !important;
}
.wordBreak {
	word-break: break-all;
}
.txtSmall {
	font-size:1.2rem;
}
.txtSmall.colorType01 {
	color: #dc143c;
}
.txtSmall sup{
	font-size:1.6rem;
	top:0;
}

/* list
================================ */

/* noteType */
[class*="noteType01"] {
	margin-top: 1em;
	/*font-size: 1.4rem;*/
}
[class*="noteType"] > li + li {
	margin-top: 0.3em;
}
ul.noteType01 > li {
	position: relative;
	padding-left: 0.5em;
}
ul.noteType01 > li:before {
	position: absolute;
	content: "*";
	top: 0;
	left: 0;
}
ol.noteType01 > li {
	position: relative;
	padding-left: 1.5em;
	counter-increment: note01;
}
ol.noteType01 > li:before {
	position: absolute;
	content: "*" counter(note01) ".";
	top: 0;
	left: 0;
}
ol.noteType01.colorType01 > li:before {
	content: "*" counter(note01) ;
	color: #dc143c;
}
ol.noteType01.colorType01 > li:after {
	position: absolute;
	top: 0;
	left: 1em;
	content: ".";
}
.noteType02 {
	margin-top: 1em;
}
.noteType02 > * {
	position: relative;
	padding-left: 28px;
}
.noteType02 > *:before {
	position: absolute;
	content: url(../img/com_ic01.png);
	top: 0.2em;
	left: 0;
}

/* listType */
[class*="listType"] {
	margin-top: 1em;
}
[class*="listType"] > * {
	position: relative;
}
[class*="listType"] > li + li {
	margin-top: 0.5em;
}
[class*="listType"] [class*="listType"] {
	font-size: 1.6rem;
	margin-top: 0.5em;
}

ul.listType01 > li {
	padding-left: 25px;
}
ul.listType01 > li:before {
	position: absolute;
	content: url(../img/com_ic02.png);
	top: 0;
	left: 0;
}
ul.listType02 > li,
dl.listType02 > dt {
	padding-left: 18px;
}
ul.listType02 > li:before,
dl.listType02 > dt:before {
	position: absolute;
	content: '';
	width: 6px;
	height: 2px;
	top: 0.7em;
	left: 0;
	background-color: #1c4c8e;
}

ol[class*="listType"] > li {
	padding-left: 1.5em;
}
ol[class*="listType"] > li:before {
	position: absolute;
	top: 0;
	left: 0;
}
ol.listType01 > li {
	counter-increment: numList01;
}
ol.listType01 > li:before {
	content: counter(numList01) ".";
}
ol.listType02 > li {
	counter-increment: numList02;
}
ol.listType02 > li:before {
	content: "(" counter(numList02) ")";
}
ol.listType03 > li {
	counter-increment: alphaList01;
}
ol.listType03 > li:before {
	content: counter(alphaList01, lower-alpha) ".";
}

dl[class*="listType"] > dt {
	font-weight: 900;
}
dl.listType01 > dd {
	padding-left: 0.5em;
}
dl.listType02 > dd {
	padding-left: 30px;
}
dl.listType01 > .linkType01 + dd {
	padding-left: 1.3em;
}

/* addressList */
.addressList {
	margin-top: 30px;
}
.addressList dt {
	font-size: 2rem;
	font-weight: bold;
	color: #204780;
}
.addressList dd {
	margin-top: 5px;
	font-size: 1.6rem;
}

/* definitionList */
.definitionList {
	margin-top: 10px;
	font-size: 1.6rem;
}
.definitionList dt {
	width: 3em;
}
.definitionList + .definitionList {
	margin-top: 0;
}
.definitionList dt,
.definitionList dd {
	display: inline-block;
}
.definitionList dd {
	position: relative;
	padding-left: 1em;
}
.definitionList dd:before {
	position: absolute;
	top: 0;
	left: 0.3em;
	content: ":";
	width: 1em;
	height: 1em;
}

/* link
================================ */

/* icon */
.linkType01 a:before,
[class*="btnType"] a > span:before {
	position: absolute;
	content: '';
	width: 0.4em;
	height: 0.4em;
	top: 0.6em;
	left: 0;
	border-right: 1px solid #1f477f;
	border-bottom: 1px solid #1f477f;
	-webkit-transform: rotate(-45deg) skew(10deg,10deg);
	-moz-transform: rotate(-45deg) skew(10deg,10deg);
	-ms-transform: rotate(-45deg) skew(10deg,10deg);
	-o-transform: rotate(-45deg) skew(10deg,10deg);
	transform: rotate(-45deg) skew(10deg,10deg);
}
.btnType02 a > span:before,
.btnType03 a > span:before {
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
}
a.inlineLink[target="_blank"]:not([href$=".pdf"]):after,
.linkType01 a[target="_blank"]:not([href$=".pdf"]):after {
	position: relative;
	display: inline-block;
	content: url(../img/link_ic01.png);
	margin: 0 0.3em;
}
[class*="btnType"] a > span:before {
	top: 50%;
	left: 14px;
	margin-top: -0.2em;
}
[class*="btnType"] a[target="_blank"] span,
[class*="btnType"] a[href$=".pdf"] span {
	padding-right: 30px;
}
[class*="btnType"] a[target="_blank"] span > span,
[class*="btnType"] a[href$=".pdf"] span > span {
	padding-right: 0px;
}
[class*="btnType"] a[target="_blank"] span:after,
[class*="btnType"] a[href$=".pdf"] span:after {
	position: absolute;
	content: '';
	top: 50%;
	right: 14px;
}
[class*="btnType"] a[target="_blank"]:not([href$=".pdf"]) span:after {
	width: 9px;
	height: 9px;
	margin-top: -4px;
	background: url(../img/link_ic03.png) no-repeat 0 0;
}
.btnType01 a[target="_blank"]:not([href$=".pdf"]) span:after {
	background: url(../img/link_ic01.png) no-repeat 0 0;
}
[class*="btnType"] a[href$=".pdf"] span:after {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(../img/link_ic02.png) no-repeat 0 0;
}
a[href$=".pdf"] + .filesize {
	font-size: 1.4rem;
	margin: 0 0.3em;
	vertical-align: 0.1em;
}
a[href$=".pdf"] + .filesize:before {
	content: "(";
}
a[href$=".pdf"] + .filesize:after {
	content: ")";
}
a[href$=".pdf"] + .filesize > span:before {
	display: inline-block;
	content: url(../img/link_ic02.png);
	margin: 0 0.3em;
	vertical-align: -5px;
}
.linkType01 a,
[class*="btnType"] a,
.tabWrap01 .tabNav a {
	position: relative;
	display: inline-block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	backface-visibility: hidden;
}

/* linkType */
[class*="linkType"] > li {
	margin-top: 0.8em;
}
.linkType01 a {
	padding-left: 1.3em;
}
[class*="linkType"].rowType01 {
	margin-top: 0;
}
[class*="linkType"].rowType01 > li {
	float: left;
	margin-right: 28px;
}
.rowType01 > li:last-child {
	margin-right: 0;
}

#QRpage a {
	text-decoration: none;
}
#QRpage a:hover {
	opacity: 0.7;
}
#QRpage .nameWrap {
	text-align: center;
	line-height: 1.2;
}
#QRpage .nameWrap .productName {
	margin-top: 5px;
}
#QRpage .nameWrap .productName:first-child {
	margin-top: 0;
}
#QRpage .nameWrap .productName > span {
	position: relative;
	padding: 0 0 0 0.8em;
	font-size: 3.2rem;
	font-weight: 900;
	word-break: break-all;
}
#QRpage a[href$=".pdf"] .nameWrap .productName > span {
	padding-right: 30px;
	background: url(../img/link_ic02.png) no-repeat 100% 50%;
}
#QRpage .nameWrap .productName > span:before {
	position: absolute;
	content: '';
	width: 0.3em;
	height: 0.3em;
	top: 0.5em;
	left: 0;
	border-right: 1px solid #1f477f;
	border-bottom: 1px solid #1f477f;
	-webkit-transform: rotate(-45deg) skew(10deg,10deg);
	-moz-transform: rotate(-45deg) skew(10deg,10deg);
	-ms-transform: rotate(-45deg) skew(10deg,10deg);
	-o-transform: rotate(-45deg) skew(10deg,10deg);
	transform: rotate(-45deg) skew(10deg,10deg);
}
@media screen and (max-width: 640px) {
	#QRpage .nameWrap .productName > span {
		font-size: 1.8rem;
		font-weight: 900;
	}
	#QRpage a[href$=".pdf"] .nameWrap .productName > span {
		padding-right: 25px;
		background: url(../img/link_ic02.png) no-repeat 100% 50%;
		background-size: 15px auto;
	}
}

/* btnType */
[class*="btnType"] {
	margin-top: 50px;
}
[class*="btnType"] li + li {
	margin-top: 30px;
}
[class*="btnType"] a {
	min-width: 200px;
	height: 100%;
	line-height: 1.3;
	padding: 14px;
	text-decoration: none;
	text-align: center;
	font-size: 1.8rem;
}
[class*="btnType"] a > span {
	padding-left: 1em;
	display: inline-block;
}
[class*="btnType"].rowType01 {
	text-align: center;
	letter-spacing: -0.4em;
}
[class*="btnType"].rowType01 > li {
	display: inline-block;
	letter-spacing: normal;
	margin-right: 40px;
	margin-top: 0;
}
[class*="btnType"][class*="range"] a {
	width: 100%;
	display: table;
}
[class*="btnType"][class*="range"] a > span {
	display: table-cell;
	vertical-align: middle;
}
.btnType01 a {
	border: 1px solid #cecece;
	background-color: #ffffff;
	color: #333333;
}
.btnType02 a {
	background-color: #555e6b;
	color: #ffffff;
}
.btnType03 a {
	background-color: #1f477f;
	color: #ffffff;
}
.btnType01 a:hover {
	background-color: #f5f5f5;
}
.btnType02 a:hover {
	background-color: #7a8799;
	color: #ffffff;
}
.btnType03 a:hover {
	background-color: #386ab1;
	color: #ffffff;
}

/* anchorType */
.anchorType01 {
	margin-top: 30px;
}
.anchorType01 li {
	border-right: 1px solid #e3e3e3;
	margin-top: 0.8em;
}
.anchorType01 li a {
	position: relative;
	display: inline-block;
	padding: 0 20px 0 40px;
	font-size: 1.6rem;
}
.anchorType01 li a:before,
.tabWrap01 .tabNav a > span:before {
	position: absolute;
	content: '';
	width: 0.4em;
	height: 0.4em;
	top: 0.5em;
	left: 20px;
	border-right: 1px solid #1f477f;
	border-bottom: 1px solid #1f477f;
	-webkit-transform: rotate(45deg) skew(10deg,10deg);
	-moz-transform: rotate(45deg) skew(10deg,10deg);
	-ms-transform: rotate(45deg) skew(10deg,10deg);
	-o-transform: rotate(45deg) skew(10deg,10deg);
	transform: rotate(45deg) skew(10deg,10deg);
}
.anchorType01.rowType01 li {
	float: left;
}
.anchorType01.rowType01 .row1 {
	margin-top: 0;
}
.anchorType01.rowType01 .rowLast {
	border-right: none;
}
[class*="range"].anchorType01 > li {
	margin-left: 0;
}
[class*="range"].anchorType01 > li > a {
	display: block;
	height: 100%;
}
.anchorType01.range2Col > li {
	width: 50%;
}
.anchorType01.range2Col > li {
	width: 50%;
}
.anchorType01.range2Col > li {
	width: 50%;
}
.anchorType01.range2Col > li:nth-child(2n),
.anchorType01.range3Col > li:nth-child(3n),
.anchorType01.range4Col > li:nth-child(4n) {
	border-right: none;
}

/* tabWrap01 */
.tabWrap01 {
	margin-top: 40px;
}
.tabWrap01 .tabNav {
	padding: 0 20px;
	border-bottom: 2px solid #2a2d2f;
}
.tabWrap01 .tabNav.range2Col > * {
	width: 49.55%;
	margin-left: 0.9%;
}
.tabWrap01 .tabNav.range3Col > * {
	width: 32.76%;
	margin-left: 0.86%;
}
.tabWrap01 .tabNav.range4Col > * {
	width: 24.31%;
	margin-left: 0.92%;
}
.tabWrap01 .tabNav li {
	overflow: hidden;
	line-height: 1.33;
}
.tabWrap01 .tabNav a {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0.8em 20px;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-top: 1px solid #cecece;
	text-decoration: none;
	background-color: #ffffff;
	outline: none;
}
.tabWrap01 .tabNav a > span {
	display: table-cell;
	padding-left: 1em;
	vertical-align: middle;
	text-align: center;
}
.tabWrap01 .tabNav .active a,
.tabWrap01 .tabNav a:hover {
	background-color: #2a2d2f;
	color: #ffffff;
	border-left-color: #2a2d2f;
	border-right-color: #2a2d2f;
	border-top-color: #2a2d2f;
}
.tabWrap01 .tabNav a > span:before {
	top: 50%;
	margin-top: -0.2em;
}
.tabWrap01 .tabNav .active span:before,
.tabWrap01 .tabNav a:hover span:before {
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
}
.tabWrap01 .tabDetail {
	padding: 30px 20px;
}
.tabWrap01 .tabDetail > * {
	margin-top: 0 !important;
}


/* box
================================ */
[class*="boxType"] {
	margin-top: 40px;
}
[class*="boxType"] .inner01 {
	padding: 30px;
}
#page [class*="boxType"] .inner01 > *:first-child {
	margin-top: 0;
}
.boxType01 {
	border: 1px solid #e3e3e3;
}
.boxType01 .boxTitle {
	padding: 12px 30px;
	background: #e7eaed;
	font-weight: 900;
}
.boxType02 {
	background: #e7eaed;
}


/* table
================================ */

[class*="tableType"] {
	width: 100%;
	margin-top: 60px;
}

/* tableTypeDef */
.tableTypeDef {
	line-height: 1.33;
}
.tableTypeDef .tableDefChild {
	margin-top: 20px;
}
.tableTypeDef .lv01.range6Col > *,
.tableTypeDef .tdCell.range6Col > * {
	float: left;
	width: 16.66%;
	margin-left: 0;
}
.tableTypeDef .range3Col > * {
	width: 33.33%;
	margin-left: 0;
}
.tableTypeDef .range2Col > * {
	width: 50%;
	margin-left: 0;
}
.tableTypeDef .lv01 {
	position: relative;
	padding: 0.5em 0;
	background-color: #f1f1f1;
	font-size: 2.2rem;
	font-weight: 900;
	text-align: center;
}
.tableTypeDef.fixed dt .lv01 {
	position: fixed;
	width: 1180px;
	top: 0;
	z-index: 10;
}
.tableTypeDef .lv01 .sub {
	font-size: 1.6rem;
	font-weight: normal;
}
.tableTypeDef [class*="range"].lv01 {
	padding-left: 0;
	padding-right: 0;
}
.tableTypeDef [class*="range"].tdCell {
	padding: 0;
}

.tableTypeDef [class*="range"].lv01 > * {
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.tableTypeDef [class*="range"].tdCell > * > *:not([class*="range"]),
.tableTypeDef [class*="range"].tdCell > * > [class*="range"] > * > * {
	padding: 1em;
}
.tableTypeDef .tdCell li > * > *:first-child {
	margin-top: 0;
}
.tableTypeDef [class*="range"] > *:not(:first-child) {
	border-left: 1px solid #aeaeae;
}
.tableTypeDef .lv02 {
	padding: 0.3em;
	border-bottom: 1px solid #aeaeae;
	font-size: 2.2rem;
	font-weight: 900;
}
.tableTypeDef .lv02 + * {
	margin-top: 10px;
}
.tableTypeDef .tdCell {
	padding: 1em;
	font-size: 1.6rem;
}
.tableTypeDef [class*="range"] > * {
	display: table;
}
.tableTypeDef [class*="range"] > * > * {
	display: table-cell;
	vertical-align: middle;
}
.tableTypeDef [class*="range"] > * > * > * {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.tableTypeDef [class*="range"] [class*="range"] > *:not(:first-child) {
	border-left: 1px solid #dfdfdf;
}


/* tableType01 */
.tableType01 {
	background-color: #dddddd;
}
.tableType01 th,
.tableType01 td {
	padding: 0.5em 1em;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align: center;
	vertical-align: middle;
	border-collapse: separate;
	background-color: #ffffff;
}
.tableType01 thead th {
	border-top: 1px solid #ffffff;
}
.tableType01 thead .lv01 {
	padding: 1em;
	border-top: 1px solid #dddddd;
}
.tableType01 tbody th {
	border-left: 1px solid #dddddd;
}
.tableType01 tbody tr:first-child > * {
	border-top: 1px solid #dddddd;
}
.tableType01 th[scope="row"] {
	text-align: left;
}
.tableType01 .lv01 {
	background-color: #555e6b;
	font-size: 2.0rem;
	font-weight: 900;
	color: #ffffff;
}
.tableType01 .lv02 {
	background-color: #f1f1f1;
	font-weight: 900;
}
.tableType01 td {
	font-size: 1.6rem;
}
.tableType01 .textLarge{
	font-size: 2.2rem;
}
.tableType01.typeNew {
	margin-top: 60px !important;
}
.tableType01.typeNew .iconNew02 > span {
	display: block;
	position: relative;
}
.tableType01.typeNew .iconNew02 > span:before {
	position: absolute;
	display: block;
	content: 'NEW';
	top: -3.5em;
	left: 50%;
	line-height: 1.33;
	padding: 0.2em 1em;
	background-color: #cc4d00;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	font-size: 1.7rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* column
================================ */
.imgWrap01 {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}
.caption {
	font-size: 1.6rem;
	margin-top: 0.3em;
}
.colWrap {
	margin-top: 50px;
}
.range2Col > * {
	float: left;
	width: 48.3%;
	margin-left: 3.4%;
}
.range3Col > * {
	float: left;
	width: 31.6%;
	margin-left: 2.6%;
}
.range4Col > * {
	float: left;
	width: 22.57%;
	margin-left: 3.24%;
}
.range5Col > * {
	float: left;
	width: 17.5%;
	margin-left: 3.125%;
}
#page .range2Col > *:nth-child(2n-1),
#page .range3Col > *:nth-child(3n-2),
#page .range4Col > *:nth-child(4n-3),
#page .range5Col > *:nth-child(5n-4) {
	margin-left: 0;
	clear: left;
}
#page .range2Col > *:nth-child(-n+2),
#page .range3Col > *:nth-child(-n+3),
#page .range4Col > *:nth-child(-n+4),
#page .range5Col > *:nth-child(-n+5) {
	margin-top: 0;
}
#page .range2Col > .col:nth-child(n+3),
#page .range3Col > .col:nth-child(n+4),
#page .range4Col > .col:nth-child(n+5),
#page .range5Col > .col:nth-child(n+6) {
	margin-top: 30px;
}
.colLeft {
	float: left;
	margin-right: 40px;
	margin-bottom: 0.3em;
}
.colRight {
	float: right;
	margin-left: 40px;
	margin-bottom: 0.3em;
}
.colText.break {
	overflow: hidden;
}
#page .colWrap > * > *:first-child {
	margin-top: 0;
}
.w2Col {
	width: 48.3%;
}
.w3Col {
	width: 31.6%;
}
.w4Col {
	width: 22.57%;
}
.w2Col img,
.w3Col img,
.w4Col img {
	width: 100%;
}
/* grid
================================ */
.gridLayout {
	margin: 0;
	text-align: center;
}
.gridLayout .gridInner {
	display: inline-block;
	text-align: left;
}
.gridLayout > .grid {
	margin-top: 60px;
	float: left;
	padding: 0 3%;
}
.gridLayout[data-grid-interval="1"] > .grid {
	float: none;
	width: 100%;
	padding: 0 3%;
}
.gridLayout[data-grid-interval="2"] > .grid {
	width: 50%;
	padding: 0 3%;
}
#QRpage .gridLayout[data-grid-interval="1"] > .grid figure img,
#QRpage .gridLayout[data-grid-interval="2"] > .grid figure img {
	max-width: 100%;
}
@media screen and (max-width: 680px) {
	#QRpage .gridLayout[data-grid-interval="1"] > .grid figure img,
	#QRpage .gridLayout[data-grid-interval="2"] > .grid figure img {
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.gridLayout > .grid {
		margin-top: 40px;
	}
}

/* newsRelease
================================ */
.newsRelease .newsBlock {
	display: table;
}
.newsRelease .newsBlock + .newsBlock {
	margin-top: 10px;
}
.newsRelease .newsBlock > * {
	display: table-cell;
	vertical-align: middle;
}
.newsRelease .newsText span[class*="news"] + [class*="news"]{
	margin-left: 20px;
	display: inline-block;
}
.newsRelease .newsBlock [class*="newsIcon"] {
	min-width: 7em;
	line-height: 1.3;
	padding: 3px;
	text-align: center;
	font-size: 1.5rem;
	color: #ffffff;
}
.newsRelease .newsBlock .newsIcon01 {
	background-color: #3482b4;
}
.newsRelease .newsBlock .newsIcon02 {
	background-color: #455162;
}
.newsRelease .newsText {
	min-width: 550px;
	max-width: 1020px;
	padding-right: 20px;
	text-align: left;
}
.newsDate {
	display: inline-block;
	min-width: 6.2em;
}

/* modal bxslider
================================ */
.modalSliderWrap .bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.modalSliderWrap .bx-wrapper img {
	max-width: 100%;
	display: block;
}
/* sliderArea */
.sliderArea {
	width: 500px;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0 auto;
}
.modalSliderWrap {
	margin-top: 10px;
}
.sliderArea .modalSlider {
	display: table;
	vertical-align: middle;
}
.sliderArea .modalSlider li {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	height: 500px !important;
	width: 500px !important;
	border: solid 1px #dddddd;
}
.sliderArea .modalSlider li img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
}
#modalSliderPager {
	margin-top: 10px;
	overflow: hidden;
}
#modalSliderPager a {
	position: relative;
	display: block;
	float:left;
	width: 90px;
	height: 90px;
	margin-right: 10px;
	border: solid 1px #dddddd;
	text-align: center;
	vertical-align:middle;
}
#modalSliderPager a.active {
	border: solid 1px #3498cc;
}
#modalSliderPager a img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
}
.sliderArea .modalSliderWrap .slidePrev {
	margin: 0;
	position: absolute;
	left: -60px;
	top: 45%;
}
.sliderArea .modalSliderWrap .slideNext {
	margin: 0;
	position: absolute;
	right: -60px;
	top: 45%;
}
.sliderArea .bx-wrapper .bx-viewport {
	background: #fff;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.sliderArea .bx-wrapper .bx-pager,
.sliderArea .bx-wrapper .bx-controls-auto {
	position: absolute;
}

/* LOADER */
.sliderArea .bx-wrapper .bx-loading {
	min-height: 50px;
	background: #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.sliderArea .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 24px;
}
.sliderArea .bx-wrapper .bx-pager .bx-pager-item,
.sliderArea .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.sliderArea .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.sliderArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
.sliderArea .sliderArea .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.sliderArea .bx-wrapper .bx-prev {
	left: 10px;
}
.sliderArea .bx-wrapper .bx-next {
	right: 10px;
}
.sliderArea .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.sliderArea .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.sliderArea .bx-wrapper .bx-controls-auto {
	text-align: center;
}
.sliderArea .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}
.sliderArea .bx-wrapper .bx-controls-auto .bx-start:hover,
.sliderArea .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.sliderArea .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}
.sliderArea .bx-wrapper .bx-controls-auto .bx-stop:hover,
.sliderArea .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.sliderArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.sliderArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */
.sliderArea .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.sliderArea .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* other
================================ */
.linkImage {
	display: block;
	margin-top: 8%;
	text-align: center;
}

/* colorbox
================================ */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:52px; overflow:visible; background:#ffffff;}
.cboxIframe{background:#ffffff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#ffffff;}
#cboxLoadingGraphic{background:url(loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-42px; /*background:url(images/controls.png) no-repeat 0 0;*/}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
/*#cboxClose{/* background-position:-50px 0px; right:0;  display:none;}*/
#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) no-repeat 0 0; width:42px; height:42px; text-indent:-9999px;}
/*#cboxClose:hover{ background-position:-50px -25px;  display:none;}*/
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
/*
	The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
	when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
	See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}   


/* other
================================ */

/* faqWrap */
.faqWrap {
	margin-top: 36px;
}
.faqWrap > * {
	position: relative;
	padding-left: 50px;
	padding-top: 0.3em;
	min-height: 60px;
}
.faqWrap > dt {
	padding-bottom: 1em;
	font-weight: 900;
	border-bottom: 1px solid #cecece;
}
.faqWrap > dd {
	margin-top: 1em;
}
.faqWrap > *:before {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
	line-height: 40px;
	font-size: 2.4rem;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
}
.faqWrap > dt:before {
	content: "Q";
	background-color: #555e6b;
}
.faqWrap > dd:before {
	content: "A";
	background-color: #909aa8;
}

/* stepWrap */
.stepWrap > .boxType01 {
	position: relative;
	margin-left: 20px;
	counter-increment: step01;
}
.stepWrap > .boxType01 > .inner01 {
	padding-left: 60px;
}
.stepWrap > .boxType01:before,
.stepWrap > .boxType01:after {
	position: absolute;
	width: 60px;
	height: 60px;
	top: -10px;
	left: -20px;
	color: #ffffff;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.stepWrap > .boxType01:before {
	content: "Step";
	padding: 0.3em;
	background-color: #555e6b;
}
.stepWrap > .boxType01:after {
	content: counter(step01);
	padding: 1em 0 0;
	font-size: 2.4rem;
	font-weight: 900;
}

/* accordWrap01 */
.accordWrap01 {
	margin-top: 20px;
}
.accordWrap01 > dt {
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #cecece;
}
.accordWrap01 > dt > span {
	display: block;
}
.accordWrap01 > dt:after {
	position: absolute;
	content: '';
	bottom: 20px;
	right: 0;
	width: 40px;
	height: 40px;
	background-color: #e7eaed;
}
.accordWrap01 > dt > span:before,
.accordWrap01 > dt > span:after {
	position: absolute;
	content: '';
	background-color: #7990a1;
	z-index: 2;
}
.accordWrap01 > dt > span:before {
	width: 4px;
	height: 22px;
	bottom: 29px;
	right: 18px;
}
.accordWrap01 > dt > span:after {
	width: 22px;
	height: 4px;
	bottom: 38px;
	right: 9px;
}
.accordWrap01 > .active:after {
	background-color: #f4f4f4;
}
.accordWrap01 > .active > span:before {
	opacity: 0;
}
.accordWrap01 > .active > span:after {
	background-color: #cecece;
}
.accordWrap01 > dd {
	padding: 30px;
	background-color: #e7eaed;
}

/* bisomacWrap */
.bisomacWrap .linkType01 {
	margin-top: 0;
	line-height: 1.3;
}

.bisomacWrap .linkType01.txtLead03 a {
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
.bisomacWrap .linkType01.txtLead03 a:hover,
.topHeadline01 a:hover {
	color: #1f477f;
}
.bisomacWrap .linkType01.txtLead03 a:before {
	top: 50%;
	margin-top: -0.2em;
}
.bisomacWrap .btnType01 {
	width: 66%;
	margin-left: auto;
	margin-right: auto;
}
.bisomacWrap .btnType01.range2Col {
	width: auto;
}

.bisomacWrap .btnType01 a {
	font-size: 2.4rem;
	width: 100%;
}
.bisomacWrap > .range2Col {
	margin-left: 70px;
	margin-right: 70px;
}
.iconNew01 {
	position: relative;
}
.iconNew01,
.iconNew01 ~ .col {
	padding-top: 4em;
}
.iconNew01:before {
	position: absolute;
	display: block;
	content: 'NEW MODEL';
	top: 0;
	left: 50%;
	width: 180px;
	line-height: 1.33;
	margin: 0 auto;
	padding: 0.2em;
	background-color: #cc4d00;
	color: #ffffff;
	font-weight: 900;
	font-size: 2.0rem;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* iframeModal */
.modalWrap .iframeModal span {
	display: block;
	position: relative;
}
.modalWrap .iframeModal span:before {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-image: url(../img/com_ic03.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	z-index: 10;
}
.modalWrap > .col .img img {
	width: 100%;
}
.middleCol {
	display: table;
}
.middleCol > * {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.cellInner {
	display: inline-block;
}
.textLine span {
	display: inline-block;
	min-width: 14.6em;
}

/* ======================
　clearfix
====================== */
.headerBody,
.rowType01,
.colWrap,
.range2Col,
.range3Col,
.range4Col,
.range5Col,
.range6Col,
.tableTypeDef .innerCell,
#content,
#QRpage #header,
.gridLayout {
  min-height: 1%;
}
.headerBody:after,
.rowType01:after,
.colWrap:after,
.range2Col:after,
.range3Col:after,
.range4Col:after,
.range5Col:after,
.range6Col:after,
.tableTypeDef .innerCell:after,
#content:after,
#QRpage #header:after,
.gridLayout:after,
.titleCol3:after{
  content: "";
  display: block;
  clear: both;
}

@media print {
#headerContainer {
	position: relative;
}
#content {
	padding-top: 0;
}
}