@charset "utf-8";
/* ==================================================

	サイト共通CSS

================================================== */
/*
YUI 3.4.0 (build 3928)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
	color: #000;
	background: #FFF
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal
}
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: '' }
abbr, acronym {
	border: 0;
	font-variant: normal
}
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}
input, textarea, select { *font-size:100%
}
legend { color: #000 }
/* for unsupported browser by html5
---------------------------------------------------- */
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
	margin: 0;
	padding: 0;
}
/* サイト共通
---------------------------------------------------- */
body {
	color: #555;
	font-family: 'HelveticaNeue', sans-self;
	font-size: 14px;
	line-height: 1;
	background: #fff;
	-webkit-text-size-adjust: none;
	font-weight: bold;
}
p {
	font-family: 'Helvetica';
	line-height: 1.5;
}
a {
	/* color: #555; */
	text-decoration: underline;
	-webkit-tap-highlight-color: rgba(236,155,3,0.4);
}
.link_underline { text-decoration: underline !important; }
#container { width: 100%; }
.wrap {
	margin-left: 10px;
	margin-right: 10px;
}
.wrap_border {
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #cdcdcd;
}
.clear { clear: both; }
.center { text-align: center; }
.txt12 { font-size: 12px; }
.txt16 { font-size: 16px; }
.txt18 { font-size: 18px; }
.txt20 { font-size: 20px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.orange { color: rgb(248,125,0); }
.clearfix { zoom: 1; }
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* ヘッダー
---------------------------------------------------- */
header .link a { /*PC link*/
	float: right;
	width: 75px;
	height: 28px;
	margin-top: 6px;
	margin-right: 10px;
	text-indent: -9999px;
	background-size: 75px 28px;
	-webkit-background-size: 75px 28px;
	-moz-background-size: 75px 28px;
	-o-background-size: 75px 28px;
}
header h1 { /*LOGO*/
	float: left;
	margin-top: 22px;
	margin-left: 10px;
}
header h1 a {
	display: block;
	width: 115px;
	height: 39px;
	text-indent: -9999px;
	background-size: 115px 39px;
	-webkit-background-size: 115px 39px;
	-moz-background-size: 115px 39px;
	-o-background-size: 115px 39px;
}
header h2 {
	padding: 48px 10px 0 140px;
	color: #0e4291;
	font-weight: bold;
	font-size: 12px;
}
header h2.double { /*テキスト2行パターン*/ padding: 36px 10px 0 140px; }

/* フッター
---------------------------------------------------- */
footer {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	padding: 1em 0 0;
}
footer p {
	clear: both;
	width: 100%;
}
footer small { font-size: 9px; }
ul.footer {
	width: 300px;
	margin: 0 10px;
}
ul.footer li {
	float: left;
	width: 103px;
	height: 24px;
	margin: 0 0 18px 0;
	padding: 0 30px 0 7px;
	font-size: 12px;
	line-height: 1.4;
	background-position: 0 4px;
	background-repeat: no-repeat;
	background-size: 4px 7px;
	-webkit-background-size: 4px 7px;
	-moz-background-size: 4px 7px;
	-o-background-size: 4px 7px;
}
ul.footer li:nth-child(odd) { margin-right: 17px; }
ul.footer li.pclink {
	background-position: 0 4px, 114px 1px;
	background-repeat: no-repeat;
	background-size: 4px 7px, 11px 10px;
	-webkit-background-size: 4px 7px, 11px 10px;
	-moz-background-size: 4px 7px, 11px 10px;
	-o-background-size: 4px 7px, 11px 10px;
}
ul.footer li a { color: rgb(5,89,177); }
li a { color: white; }

/* ----------------------------------------------------------------------------------------------------
画像とテキストfloat
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
サイト全体に関わる記述
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	border: 0;
	padding: 0;
	vertical-align: bottom;
	list-style-type: none;
}
body {
	line-height: 1.4;
	color: #555555;
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
}
body, h1, h2, h3, h4, h5, h6 { font-size: 14px; }
table { border-collapse: collapse; }
table th, table td {
	padding: 3px;
	vertical-align: top;
	border: 1px solid #555555;
	font-size: 12px;
}
table th {
	white-space: nowrap;
	background: #e5ebf1;
}
article, section, aside { clear: both; }
article:before, article:after, section:before, section:after, aside:before, aside:after {
	content: "";
	display: table;
}
article:after, section:after, aside:after { clear: both; }
.font_color_gray01 { color: #555555; }
/* #555		本文フォントのカラー */
.font_color_gray02 { color: #ededed; }
/* #ededed	座布団(補足情報用) */
.font_color_gray03 { color: #b0b0b0; }
/* #b0b0b0;	フレーム */
.font_color_navy01 { color: #002f69; }
/* #002f69;	見出し・目立たせる表記(商品名・結論用など)  */
.font_color_navy02 { color: #004392; }
/* #004392;	装飾(見出しの座布団など) */
.font_color_blue01 { color: #e5ebf1; }
/* #e5ebf1;	座布団(補足情報用) */
.font_color_strong { color: #b43400; }
/* #b43400;	特に目立たせる表記(価格など) */
.font_color_attention { color: #fa2e0c; }
/* #fa2e0c;	強い注意喚起 */
.font_color_link { color: #0086d9; }
/* #0086d9;	テキストリンク */
.co2 {
	font-size: 10px !important;
	vertical-align: baseline !important;
	font-weight: normal;
}
.m3 {
	font-size: 8px !important;
	vertical-align: super !important;
	font-weight: normal;
}
.size-small { font-size: 11px; }
.attention {
	font-size: 11px;
	text-indent: -1em;
	margin-left: 1em;
}
.indent_1em {
	text-indent: -1em;
	margin-left: 1em;
}
/* 英語標記改行 */
.e_wb { word-break: break-all; }
/* ----------------------------------------------------------------------------------------------------
サイトのレイアウトに関わる記述
---------------------------------------------------------------------------------------------------- */
/*ヘッダー
---------------------------------------------------- */
header {
	width: 100%;
	height: 50px;
	padding-bottom: 10px;
	overflow: hidden;
	border-top: 5px solid #006fbe;
	border-bottom: none!important;
	background-color: #fff;
	background-image: none!important;
}
header .logo {
	padding: 7px 0 0 10px;
	float: left;
}
header .logo img {
	width: 100px;
	height: auto;
}

/*----------------------------------------------------------------------------------------------------
フッター
---------------------------------------------------------------------------------------------------- */
footer { background: #fff; }
/* 新フッター
---------------------------------------------------*/
#footer_wrap a {
	text-decoration: none;
	color: #fff;
}
#footer_wrap {
	padding: 0 3%;
	color: #fff;
	text-align: center;
	background: #034e88; /* Old browsers */
	background: -moz-linear-gradient(top, #034e88 0%, #0064af 15%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #034e88), color-stop(15%, #0064af)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #034e88 0%, #0064af 15%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #034e88 0%, #0064af 15%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #034e88 0%, #0064af 15%); /* IE10+ */
	background: linear-gradient(to bottom, #034e88 0%, #0064af 15%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034e88', endColorstr='#0064af', GradientType=0 ); /* IE6-9 */
}
#footer_wrap .nav {
	padding: 24px 0 12px 0;
}
#footer_wrap .nav li {
	padding: 0 18px 0 0;
	font-size: 12px;
	display: inline-block;
	margin-right: 15px;
	background-size: 11px auto;
}
#footer_wrap .nav li:last-child { margin-right: 0; }
#footer_wrap .copyright {
	font-size: 9px;
	text-align: center;
	padding: 12px 0;
}

.copyright2 {
	font-size: 9px;
	text-align: center;
	padding: 12px 0;
}

/*----------------------------------------------------------------------------------------------------
コンテンツ
---------------------------------------------------------------------------------------------------- */
#contents { background: #fff; }
section, aside { margin-bottom: 40px; }
section section:last-child, aside section:last-child { margin-bottom: 0; }
section ul:first-child, aside ul:first-child { margin-top: 0; }
#contents > section {
	margin-top: 0;
	margin-bottom: 40px;
}
.block_padding {
	padding-left: 3%;
	padding-right: 3%;
}
.block_padding h2.copy { margin-left: 0 !important; }
.img { text-align: center; }
.img img { vertical-align: middle; }
.txt { margin-top: 10px; }
.txt a {
	color: #0086d9;
	background-size: 11px auto;
	padding-right: 20px;
}

/*ページタイトル
---------------------------------------------------- */
#pagetitle {
	width: 100%;
	margin-bottom: 20px;
	display: table;
}
#pagetitle h1.txt {
	width: 100%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-bottom: 20px;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
	color: #002f69;
	line-height: 1.2;
	font-weight: bold;
}
#pagetitle h1.txt span {
	font-size: 12px;
	vertical-align: middle;
	line-height: 2;
}
#pagetitle h1.img img {
	width: 100%;
	height: auto;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}
#pagetitle > div { display: table-row; }
#pagetitle h1 + #snsArea_sp ul { padding: 20px 3% 0; }
#pagetitle > div > * { margin: 0; }
#pagetitle > div .img { padding-top: 15px; }
#pagetitle > div .copy {
	font-size: 18px;
	padding: 10px 3% 0 3%;
	color: #555555;
}
#pagetitle > div .txt { padding: 20px 3% 0 3%; }
#pagetitle > div .txt span { font-size: 12px; }
/*内ページ用
---------------------------------------------------- */
.innerpage .img, .innerpage .copy, .innerpage .txt {
	margin-top: 5px;
	margin-bottom: 5px;
}
h3 span.h3icon {
	display: table-cell;
	white-space: nowrap;
	vertical-align: top;
}
h3 span.h3txt { display: table-cell; }

/*---------------privacy---------------*/
.info_date {
  margin-top: 2em;
  text-align: right;
}