@charset "UTF-8";
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
	 HTML5 display definitions
	 ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
	display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
	display: none;
}

/* ==========================================================================
	 Base
	 ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *		user zoom.
 */
html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/**
 * Remove default margin.
 */
body {
	margin: 0;
}

/* ==========================================================================
	 Links
	 ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
	outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
	 Typography
	 ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
	font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	background-color: #004ea2;
}

hr.breakLine_01 {
	height: 2px;
	border: 0 none;
}

hr.breakLine_02 {
	height: 1px;
	border: 0 none;
	background-color: #004ea2;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
	background: #ff0;
	color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
	white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
	 Embedded content
	 ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
	border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
	 Figures
	 ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
	margin: 0;
}

/* ==========================================================================
	 Forms
	 ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 2 */
	margin: 0;
	/* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
	line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *		and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *		`input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *		(include `-moz` to future-proof).
 */
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

/* ==========================================================================
	 Tables
	 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*! original.css v1.0.0 | MIT License */
/* ==========================================================================
	 set original style with normalize.css
	 
	 ※補足
		'img'が縦に並ぶ際、画像の高さが低いものに関して、隙間が生じる場合がある。
		その際は'line-height'、'font-size'が影響している。
		各エレメントに対して必要に応じてリセット。
	 ========================================================================== */
/**
 * set font-size
 */
html {
	font-size: 62.5%;
	/* equal '10px' */
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック体', 'Yu Gothic', YuGothic, 'メイリオ', Meiryo, sans-serif;
}

/**
 * set original style
 */
body {
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
}

h1 {
	margin: 0;
	font-size: 100%;
}

h2 {
	margin: 0;
	font-size: 100%;
}

h3 {
	margin: 0;
	font-size: 100%;
}

h4 {
	margin: 0;
	font-size: 100%;
}

h5 {
	margin: 0;
	font-size: 100%;
}

h6 {
	margin: 0;
	font-size: 100%;
}

p {
	margin: 0 20px 13px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.8;
	font-size: 14px;
}

p .text font,
#title p,
.message_img p,
p.vision_img,
p.img,
p.qr,
p.character,
p.account,
.img-disclo-con p{
	margin: 0;
}

.list p{
	/*margin: 13px 0px!important;*/
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#contents ul {
	/*padding-left: 40px;*/
	/*list-style: disc;*/
	font-size: 14px;
}
#contents ol {
	font-size: 14px;
}

dl {
	margin: 0;
}

dd {
	margin: 0;
}

input[type="text"], input[type="tel"], input[type="email"], textarea {
	outline: none;
	-webkit-appearance: none;
	appearance: none;
}

input[type="submit"] {
	outline: none;
}

table {
	word-break: break-all;
}

small {
	font-size: 100%;
}

a{
	color: #014099;
}

a:hover {
	color: #0096c5;
}

/**
 * clean up extra space on 'img'
 */
img {
	vertical-align: top;
}

/**
 * delete focus outline
 */
area, area:focus {
	outline: none;
}

/**
 * delete focus outline for 'firefox'
 */
a, a:focus {
	outline: none;
}

object, embed, video {
	outline: none;
}

/**
 * clearfix
 */
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}




/* for ie6, 7 */
/**
 * structure
 */
html, body {
	height: 100%;
}

body {
	position: relative;
	line-height: 1.5;
	background: #fff;
	color: #333;
}

a {
	text-decoration: none;
}

#header-all {
	width: 100%;
	height: 100px;
	background: #fff;
}

#header {
	position: relative;
	width: 1000px;
	height: 100px;
	margin: 0 auto;
}
#header #logo {
	position: absolute;
	top: 35px;
	left: 25px;
}
#header #logo a {
	display: block;
	width: 389px;
	height: 44px;
	background: url(../img/common/header_pc_ci.png) left top no-repeat;
	overflow: hidden;
	text-indent: 300%;
	white-space: nowrap;
}
#header .utility {
	position: absolute;
	top: 38px;
	right: 209px;
}
#header .utility > li {
	position: relative;
	float: left;
}
#header .utility > li ~ li {
	margin-left: 15px;
}
#header .utility > li ~ li:before {
	content: "";
	position: absolute;
	top: 4px;
	left: -8px;
	display: block;
	width: 1px;
	height: 10px;
	background: #00559a;
}
#header .utility > li:nth-child(-n+3) a {
	color: #00559a;
	font-size: 12px;
}
#header .utility > li:nth-child(-n+3) a:hover {
	color: #0096c5;
}
#header .utility li:nth-of-type(4) span {
	color: #00559a;
	font-size: 12px;
}
#header .utility li:nth-of-type(4) ul {
	position: absolute;
	top: -1px;
	left: 70px;
	width: 64px;
}
#header .utility li:nth-of-type(4) ul li {
	width: 20px;
	float: left;
}
#header .utility li:nth-of-type(4) ul li ~ li {
	margin-left: 2px;
}
#header .utility li:nth-of-type(4) ul a {
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 20px;
	background: #0096c5;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
#header .utility li:nth-of-type(4) ul .active {
	background: #00559a;
}
#header .language {
	position: absolute;
	top: 31px;
	right: 20px;
	margin:0;
}
#header .language a {
	display: block;
	width: 100px;
	height: 30px;
	text-align: center;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 30px;
	background: #00559a;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
#header .language a:hover {
	background: #0096c5;
}
#header #menu-btn {
	display: none;
	margin:0;
}

#gnav-all {
	width: 100%;
	background: #f0f0f0;
}

#gnav {
	width: 1000px;
	height: 50px;
	margin: 0 auto;
}
#gnav ul li {
	width: 16.66666%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gnav ul a {
	display: block;
	width: 100%;
	height: 50px;
	text-align: center;
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 52px;
	color: #00559a;
	font-size: 16px;
	font-weight: bold;
}
#gnav ul a:hover {
	background: #d0e6f7;
}
#gnav ul li ~ li {
	border-left: 1px solid #cfcfcf;
}

#gnav-bg {
	display: none;
}

#topicpath {
	width: 100%;
	height: 30px;
	background: #00559a;
}
#topicpath ul {
	width: 1000px;
	margin: 0 auto;
}
#topicpath ul li {
	float: left;
	line-height: 30px;
	color: #fff;
}
#topicpath ul li ~ li {
	position: relative;
	margin-left: 20px;
}
#topicpath ul li ~ li:before {
	content: ">";
	position: absolute;
	top: -1px;
	left: -13px;
	display: block;
	font-size: 12px;
}
#topicpath ul a {
	color: #fff;
}
#topicpath ul a:hover {
	color: #0096c5;
}


#title-view-all {
	width: 100%;
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#title-view {
	position: relative;
	width: 1000px;
	height: 300px;
	margin: 0 auto;
}
#title-view h1 {
	position: absolute;
	top: 50%;
	left: 45px;
	margin-top: -41px;
	letter-spacing: 0.1em;
	color: #fff;
	font-size: 38px;
	font-weight: bold;
	background:none;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 100px;
}

#lnav {
	width: 230px;
	float: right;
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #ebebeb;
}
#lnav .lnav-menu > li > a {
	display: block;
	padding: 5px 12px 3px 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.4;
	letter-spacing: 0.1em;
	background: #fff;
	color: #00559a;
	font-size: 16px;
}
#lnav .lnav-menu > li.current > a {
	background: #d0e6f7;
}
#lnav .lnav-menu > li > a:hover {
	background: #d0e6f7;
}
#lnav .lnav-menu > li ~ li {
	margin-top: 2px;
}
#lnav .lnav-menu > li:nth-of-type(1) > a {
	padding: 15px 12px 13px 12px;
}
#lnav .lnav-menu > li:nth-of-type(2) {
	margin-top: 10px;
}
#lnav .lnav-menu .child {
	padding: 12px 16px 10px 16px;
	background: url(../img/common/lnav_bg.png) left top repeat;
}
#lnav .lnav-menu .child li ~ li {
	margin-top: 10px;
}
#lnav .lnav-menu .child a {
	position: relative;
	display: block;
	padding-left: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.4;
	letter-spacing: 0.1em;
	color: #333;
	font-size: 14px;
}
#lnav .lnav-menu .child .current a {
	color: #00559a;
	font-weight: bold;
}
#lnav .lnav-menu .child a:hover {
	color: #00559a;
}
#lnav .lnav-menu .child a:before {
	content: "-";
	position: absolute;
	top: -1px;
	left: 0;
	display: block;
}
#lnav .lnav-menu .no-letter-space a {
	letter-spacing: 0;
}
#lnav .lnav-bnr {
	margin-top: 12px;
}
#lnav .lnav-bnr a {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 11px 12px 10px 36px;
	letter-spacing: 0.1em;
	line-height: 1.4;
	background: #00559a;
	color: #fff;
	font-size: 16px;
}
#lnav .lnav-bnr a:hover {
	background: #0096c5;
}
#lnav .lnav-bnr a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -4px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 9px;
	border-color: transparent transparent transparent #fff;
}

#lnav .lnav-bnr02 {
	margin-top: 12px;
}
#lnav .lnav-bnr02 a {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 11px 12px 10px 36px;
	letter-spacing: 0.1em;
	line-height: 1.4;
	background: #006600;
	color: #fff;
	font-size: 16px;
}
#lnav .lnav-bnr02 a:hover {
	background: #009F00;
}
#lnav .lnav-bnr02 a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -4px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 9px;
	border-color: transparent transparent transparent #fff;
}

#footer-all {
	width: 100%;
	/*min-width: 1000px;*/
}

#pagetop {
	display: none;
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: 560px;
}
#pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/common/pagetop.png) left top no-repeat;
	overflow: hidden;
	text-indent: 300%;
	white-space: nowrap;
}
#pagetop a:hover {
	background-position: 0 -40px;
}

#pagetop.fix {
	position: fixed;
	top: auto;
	bottom: 20px;
}

.tablet #pagetop {
	top: auto;
	bottom: 60px;
	left: auto;
	right: 40px;
	margin-left: 0;
}

.tablet #pagetop a:hover {
	background-position: 0 0;
}

#footer-nav {
	width: 100%;
	height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 41px;
	background: #0096c5;
}
#footer-nav .footer-nav-inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#footer-nav ul {
	display: table;
	margin: 0 auto;
}
#footer-nav ul li {
	position: relative;
	float: left;
}
#footer-nav ul li ~ li {
	margin-left: 40px;
}
#footer-nav ul li ~ li:before {
	content: "";
	position: absolute;
	top: 16px;
	left: -21px;
	display: block;
	width: 1px;
	height: 10px;
	background: #fff;
}
#footer-nav ul a {
	color: #fff;
	font-size: 12px;
}
#footer-nav ul a:hover {
	color: #00559a;
}

#footer {
	width: 100%;
	background: #00559a;
}
#footer .footer-inner {
	position: relative;
	width: 1000px;
	height: 60px;
	margin: 0 auto;
}
#footer .footer-ci {
	position: absolute;
	top: 18px;
	right: 25px;
}
#footer .footer-ci span {
	display: block;
	width: 260px;
	height: 28px;
	background: url(../img/common/footer_pc_ci.png) left top no-repeat;
	overflow: hidden;
	text-indent: 300%;
	white-space: nowrap;
}

#copyright {
	position: absolute;
	top: 22px;
	left: 30px;
	letter-spacing: 0.1em;
	color: #fff;
}

.external .link_name {
	color:#993333;
	font-weight:bold;
}

@media only screen and (min-width: 1201px) {
	#header {
		width: 1200px;
	}

	#gnav {
		width: 1200px;
	}

	#footer .footer-inner {
		width: 1200px;
	}
}
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
	#header, #gnav {
		width: 100%;
	}

	#footer .footer-inner {
		width: 100%;
	}
}
@media only screen and (max-width: 750px) {
	html {
		font-size: 14px;
	}
	#header-all {
		position: relative;
		z-index: 5;
		height: 60px;
	}

	
	#header {
		width: 100%;
	height: 60px;
		margin: 0;
	}
	#header #logo {
		position: absolute;
		top: 19px;
		left: 50%;
	margin-left: -127px;
	}
	#header #logo a {
		width: 244px;
		height: 27px;
		background: url(../img/common/header_sp_ci.png) left top no-repeat;
		background-size: 244px 27px;
	}
	#header .utility {
		display: none;
	}
	#header .language {
		top: 8px;
		right: 50px;
	}
	#header .language a {
		width: 55px;
		height: 22px;
		line-height: 22px;
		font-size: 14px;
	}
	#header #menu-btn {
		position: absolute;
		top: 17px;
		right: 10px;
		display: block;
	}
	#header #menu-btn a {
		display: block;
		width: 34px;
		height: 27px;
		background: url(../img/common/gnav_sp_control_btn.png) left top no-repeat;
		background-size: 34px 54px;
		overflow: hidden;
		text-indent: 300%;
		white-space: nowrap;
	}
	#header #menu-btn .on {
		background-position: 0 -27px;
	}

	#gnav-all {

		display: none;
		position: absolute;
		top: 60px;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		background-color: #00559A;
		z-index: 9998;
	}
	#gnav-all:before {
		position: absolute;
		top: -12px;
		right: 17px;
		z-index: 6;
	}

	#gnav {
		width: 100%;
		height: auto;
		margin: 0;
	}
	#gnav .arrow {
		position: absolute;
		top: -12px;
		right: 17px;
		z-index: 6;
		width: 20px;
		height:13px;
	}
	#gnav .arrow img {
		width: 100%;
	}
	#gnav ul li {
		width: 100%;
		float: none;
		border-bottom: 1px solid #cfcfcf;
	}
	#gnav ul a {
		width: 100%;
		height: 50px;
		padding-left: 15px;
		text-align: left;
		letter-spacing: 0.1em;
		line-height: 50px;
		color: #fff;
		font-size: 14px;
		font-weight: normal;
	}
	#gnav ul.main li a {
		font-weight: bold !important;
	}
	#gnav ul a:hover {
		background: none;
	}
	#gnav ul li ~ li {
		border-left: none;
	}
	
	#gnav #sub {
		padding: 20px 10px;
		background: #333;
	}
	#gnav #sub ul {
		text-align: center;
		border-bottom: #666 1px solid;
		padding: 10px 0;
	}
	#gnav #sub ul li {
		display: inline-block;
		border-right: #666 1px solid;
		border-bottom: none;
		width: auto;
	}
	#gnav #sub ul li:last-child {
		border-right: none;
	}
	#gnav #sub ul li a {
		padding: 0 10px;
		line-height: 15px;
		height: auto;
		font-size: 14px;
	}
	#gnav #sub ul li:first-child a {
		padding-left: 0;
	}
	#gnav #sub ul li:last-child a {
		padding-right: 0;
	}
	#gnav #sub .btn {
		float: right;
		margin-top: 15px;
	}
	#gnav #sub .btn a {
		display: block;
		border: 1px #fff solid;
		border-radius: 4px;
		padding: 5px 20px;
		font-size: 14px;
	}
	#gnav #sub .btn a:link,#gnav #sub .btn a:hover,#gnav #sub .btn a:visited {
		color: #fff;
	}

#topicpath {
	height: auto;
	min-height:30px;
	}
	#topicpath ul {
		width: 100%;
		margin: 0;
		padding: 5px 10px 5px 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#topicpath ul li {
		line-height: 1.5;
	font-size: 12px;
	}
	#topicpath ul li ~ li {
		margin-left: 18px;
	}
	#topicpath ul li ~ li:before {
		top: -5px;
		left: -12px;
		font-size: 14px;
	}

	.android #topicpath ul li ~ li {
		margin-left: 20px;
	}
	.android #topicpath ul li ~ li:before {
		top: -4px;
		left: -14px;
	}

	#title-view-all {
		height: 0;
		padding-bottom: 32.81%;
	}

	#title-view {
		width: 100%;
		height: 0;
		margin: 0;
		padding-bottom: 32.81%;
	}
	#title-view h1 {
		left: 23px;
		margin-top: -19px;
		font-size: 20px;
	}

	#wrapper {
		width: 100%;
		margin: 0;
		padding-top: 13px;
		padding-bottom: 0;
	}

	#lnav {
		width: 100%;
		float: none;
		padding: 5px 10px 20px 10px;
	}
	#lnav .lnav-menu > li > a {
		position: relative;
		padding: 10px 35px 11px 15px;
		font-size: 14px;
	}
	#lnav .lnav-menu > li > a:after {
		content: "";
		position: absolute;
		top: 15px;
		right: 15px;
		display: block;
		width: 6px;
		height: 11px;
		background: url(../img/common/lnav_sp_menu_icn.png) left top no-repeat;
		background-size: 6px 11px;
	}
	#lnav .lnav-menu > li ~ li {
		margin-top: 1px;
	}
	#lnav .lnav-menu > li:nth-of-type(1) > a {
		padding: 15px 35px 16px 15px;
	}
	#lnav .lnav-menu > li:nth-of-type(1) > a:after {
		top: 20px;
	}
	#lnav .lnav-menu > li:nth-of-type(2) {
		margin-top: 5px;
	}
	#lnav .lnav-menu .has-child > a:after {
		top: 18px;
		width: 11px;
		height: 6px;
		background: url(../img/common/lnav_sp_accordion_icn.png) left top no-repeat;
		background-size: 11px 12px;
	}
	#lnav .lnav-menu .has-child .current> a:after {
		background-position: 0 -6px;
	}
	#lnav .lnav-menu .child {
		padding: 0;
		background: none;
	}
	#lnav .lnav-menu .child li ~ li {
		margin-top: 1px;
	}
	#lnav .lnav-menu .child a {
		padding: 10px 15px 10px 25px;
		background: url(../img/common/lnav_bg.png) left top repeat;
		background-size: 10px 10px;
		font-size: 14px;
	}
	#lnav .lnav-menu .child a:before {
		top: 9px;
		left: 15px;
	}
	#lnav .lnav-menu .no-letter-space a {
		letter-spacing: 0.1em;
	}
	#lnav .lnav-bnr {
		margin-top: 6px;
	}
	#lnav .lnav-bnr a {
		padding: 15px 12px 15px 36px;
		font-size: 14px;
	}
	#lnav .lnav-bnr a:before {
		margin-top: -3px;
		border-width: 3px 0 3px 10px;
	}

	#pagetop {
		margin-left: 0;
		top: auto;
		left: auto;
		right: 10px;
		bottom: 10px;
		z-index: 2;
	}
	
	#pagetop a {
		background-image: url(../img/common/pagetop_sp.png);
	}
	
	#pagetop a:hover {
		background-position: 0 0;
	}

	#footer-all {
		min-width: auto;
	}

	#footer-nav {
		height: auto;
		padding-top: 12px;
		padding-bottom: 12px;
		line-height: 1.5;
	font-size: 12px;
	}
	#footer-nav .footer-nav-inner {
		width: 100%;
		margin: 0;
	}
	#footer-nav ul {
		display: block;
		margin: 0;
	}
	#footer-nav ul li {
		float: none;
		text-align: center;
	}
	#footer-nav ul li ~ li {
		margin-top: 8px;
		margin-left: 0;
	}
	#footer-nav ul li ~ li:before {
		display: none;
	}
	#footer-nav ul a {
		font-size: 14px;
	}

	#footer .footer-inner {
		width: 100%;
		height: auto;
		padding-top: 15px;
		padding-bottom: 9px;
	}
	#footer .footer-ci {
		position: static;
	}
	#footer .footer-ci span {
		width: 173px;
		height: 19px;
		margin: 0 auto;
		background: url(../img/common/footer_sp_ci.png) left top no-repeat;
		background-size: 173px 19px;
	}

	#copyright {
		position: static;
		margin-top: 13px;
		text-align: center;
	font-size: 10px;
	}
}


i.size_part { font-style: normal; }
@media only screen and (max-width: 750px) {
i.size_part { font-size: 14px; }
}

.fs_S { font-size: 12px!important; }
.fs_S.s { font-size: 10px!important;}
.fs_S.l { font-size: 14px!important;}

@media only screen and (max-width: 750px) {
.fs_S { font-size: 14px!important; }
}

.txt_red { color: #FF2A2D; }
.txt_ul { text-decoration:underline; }
.txt_bold { font-weight:bold; }
a.link_blue,a.link_blue:visited { color: #00559a; }
a.link_blue:hover { color: #0096c5; }
.floL{float:left!important;}
.floR{float:right!important;}
.txt_l { text-align:left!important; }
.txt_c { text-align:center!important; }
.txt_r { text-align:right!important; }
.mt0 { margin-top:0px !important; }
.mt1 { margin-top:1px !important; }
.mt2 { margin-top:2px !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px !important; }
.mt7 { margin-top:7px !important; }
.mt8 { margin-top:8px !important; }
.mt9 { margin-top:9px !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; }
.ml0 { margin-left:0px !important; }
.ml1 { margin-left:1px !important; }
.ml2 { margin-left:2px !important; }
.ml3 { margin-left:3px !important; }
.ml4 { margin-left:4px !important; }
.ml5 { margin-left:5px !important; }
.ml6 { margin-left:6px !important; }
.ml7 { margin-left:7px !important; }
.ml8 { margin-left:8px !important; }
.ml9 { margin-left:9px !important; }
.ml10 { margin-left:10px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml18 { margin-left:18px !important; }
.ml19 { margin-left:19px !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; }
.mb0 { margin-bottom:0px !important; }
.mb1 { margin-bottom:1px !important; }
.mb2 { margin-bottom:2px !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb6 { margin-bottom:6px !important; }
.mb7 { margin-bottom:7px !important; }
.mb8 { margin-bottom:8px !important; }
.mb9 { margin-bottom:9px !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; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mr0 { margin-right:0px !important; }
.mr1 { margin-right:1px !important; }
.mr2 { margin-right:2px !important; }
.mr3 { margin-right:3px !important; }
.mr4 { margin-right:4px !important; }
.mr5 { margin-right:5px !important; }
.mr6 { margin-right:6px !important; }
.mr7 { margin-right:7px !important; }
.mr8 { margin-right:8px !important; }
.mr9 { margin-right:9px !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; }
.mr33 { margin-right:33px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.pt0 { padding-top:0px !important; }
.pt1 { padding-top:1px !important; }
.pt2 { padding-top:2px !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt6 { padding-top:6px !important; }
.pt7 { padding-top:7px !important; }
.pt8 { padding-top:8px !important; }
.pt9 { padding-top:9px !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; }
.pl0 { padding-left:0px !important; }
.pl1 { padding-left:1px !important; }
.pl2 { padding-left:2px !important; }
.pl3 { padding-left:3px !important; }
.pl4 { padding-left:4px !important; }
.pl5 { padding-left:5px !important; }
.pl6 { padding-left:6px !important; }
.pl7 { padding-left:7px !important; }
.pl8 { padding-left:8px !important; }
.pl9 { padding-left:9px !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; }
.pb0 { padding-bottom:0px !important; }
.pb1 { padding-bottom:1px !important; }
.pb2 { padding-bottom:2px !important; }
.pb3 { padding-bottom:3px !important; }
.pb4 { padding-bottom:4px !important; }
.pb5 { padding-bottom:5px !important; }
.pb6 { padding-bottom:6px !important; }
.pb7 { padding-bottom:7px !important; }
.pb8 { padding-bottom:8px !important; }
.pb9 { padding-bottom:9px !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; }
.pb60 { padding-bottom:60px !important; }
.pb70 { padding-bottom:70px !important; }
.pb80 { padding-bottom:80px !important; }
.pr0 { padding-right:0px !important; }
.pr1 { padding-right:1px !important; }
.pr2 { padding-right:2px !important; }
.pr3 { padding-right:3px !important; }
.pr4 { padding-right:4px !important; }
.pr5 { padding-right:5px !important; }
.pr6 { padding-right:6px !important; }
.pr7 { padding-right:7px !important; }
.pr8 { padding-right:8px !important; }
.pr9 { padding-right:9px !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; }



table {
	margin: 0 0 20px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table thead th,
.tblLayout table thead th {
	padding: 8px;
	border: 1px solid #ccc;
	background: #ebebeb;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.38;
}
table th,
.tblLayout table th {
	padding: 8px 15px;
	border: 1px solid #ccc;
	background: #f3f3f3;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.38;
}
table td,
.tblLayout table td{
	padding: 8px 15px;
	border: 1px solid #ccc;
	font-size: 14px;
	line-height: 1.38;
}


.tblLayout {
	border-color: #fff;
	border-collapse: collapse;
}
.tblLayout th,
.tblLayout td {
	padding: 0;
	border-color: #fff;
}

@media only print, screen and (min-width: 700px){
	table thead th,
	.tblLayout table thead th {
		padding: 11px;
		font-size: 14px;
	}
	table td,
	.tblLayout table td {
		padding: 10px 15px;
		font-size: 14px;
	}
}






.cke_editable,
.cke_editable_themed,
.cke_contents_ltr,
.cke_show_borders{
width:740px;
}