@charset "utf-8";
/* CSS Document */

/*
CLEARFIX CLASS
-------------------------------------------------------------------------------------------------*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}


/* LINK
-------------------------------------------------------------------------------------------------*/
a:link,
a:active,
a:visited {
	color : #003ed2;
	text-decoration : none;
}
a:hover,
a:focus {
	color : #0068d2;
	text-decoration : underline;
}
a:hover img.ov, a:focus img.ov {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
/* OUTLINE
---------------------------------------------------------------------------*/
body {
	color: #222;
	margin: 0px;
	padding: 0px;
	font: 14px/1.5 "メイリオ", "ヒラギノ角ゴ Pro W3", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ol {
	margin:0;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	max-width:100%;
	height:auto;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
hr {
	border:0;
	height:1px;
	background:#ccc;
}
#Contents p {
	margin-bottom: 1em;
}
#Contents h2 {
	font-size: 200%;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #68b8dd;
	margin: 1em 0 1.5em;
	padding-bottom: 8px;
	position: relative;
}
#Contents h2:first-letter {
/*	color: #0074bf;*/
}
#Contents h2:after {
	content: "";
	position: absolute;
	bottom:-24px;
	left: 50%;
	margin-left: -13px;
	border: 13px solid transparent;
	border-top: 16px solid #68b8dd;
	z-index: 2;
}
#Contents h3 {
	font-size: 160%;
	font-weight: normal;
	text-align: center;
	position: relative;
	padding: .3em .5em .2em;
	background-color: #f0f0f0;
	margin-bottom: 1em;
	border: 1px solid #ccc;
}
#Contents h3:before,
#Contents h3:after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
}
#Contents h3:before {
	left: -1px;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
#Contents h3:after {
	right: -1px;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-top-color: #ccc;
}
#Contents h3.notContents:after {
	/* ライセンスの新規取得ページ下部の矢印アイコンのposition打ち消し */
	position: static;
}
#Contents h4 {
	font-size: 140%;
	font-weight: normal;
	text-align: center;
	position: relative;
	padding: .3em .5em .2em;
	background-color: #fff;
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	border-left: solid 6px #aaa;
	border-right: solid 6px #aaa;
	margin-bottom: 1em;
}
#Contents h5 {
	position: relative;
	display:block;
	margin-bottom: 1em;
	padding: 4px 8px 2px;
	font-size: 120%;
	font-weight: normal;
	text-align: center;
	background: #FFF;
	border: solid 1px #aaa;
	box-sizing: border-box;
}
#Contents h5:before{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -11px;
	border: 11px solid transparent;
	border-top: 11px solid #fff;
	z-index: 2;
}
#Contents h5:after{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #999;
	z-index: 1;
}
#Contents h6 {
	position: relative;
	font-size: 110%;
	font-weight: normal;
	text-align: center;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}
#Contents h6:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #aaa;
	bottom: -2px;
	width: 10%;
	left: 50%;
	transform: translateX(-50%);
}
/*開閉すボタン
-------------------------------------------------------------------------------------------------*/
.close-btn, .more-btn{
	display: none;
}

/* Q&A
-------------------------------------------------------------------------------------------------*/
.qa_wrapper{
	border: 1px solid #ccc;
    margin: 30px 0;
    padding: 18px 0px 45px;
}
.qa_wrapper ul{
	margin-right: 16px;
}
.qa_wrapper ul li{
	padding-right: 1em;
	text-indent: 0!important;
}
.qa_content h5{
	font-weight:bold!important;
}
/* COLUMN
-------------------------------------------------------------------------------------------------*/
div.column {
	display:table;
	table-layout: auto;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
div.column > div {
	display:table-cell;
	vertical-align:top;
	padding:4px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.vaM { vertical-align: middle!important;}
.vaB { vertical-align: bottom!important;}


/* TABLE
-------------------------------------------------------------------------------------------------*/
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
	/*table-layout: fixed;*/
}
th, td {
	border-right:1px dotted #999;
	padding:8px;
	word-break:break-all;
}
th:last-child, td:last-child {
	border: none;
}
table, tr {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
caption {
	text-align:left;
	font-weight:bold;
}
thead th {
	background:#555;
	color: #fff;
}
thead td {
	background:#777;
	color: #fff;
}
tfoot th {
	background:#feffa4;
}
tfoot td {
	background:#ffffdd;
}
tbody th {
	background:#eee;
}
/* -- TABLE SCROLL -- */
#chart {
	padding-bottom:24px;
}
/* -- TABLE SCROLL -- */


/* TEXT
-------------------------------------------------------------------------------------------------*/
.fsL { font-size:140%; }
.fsM { font-size:120%; }
.fsS { font-size:80%; }
.fwB { font-weight:bold; }
.fwN { font-weight:normal; }
.col_red { color:#c60019; }
.col_royal { color:#052a83;}
.col_blue { color:#174e9e;}
.col_aqua { color:#019fe6;}
.col_marine { color:#0074bf;}
.col_ice { color:#b0d7f4;}
.col_green { color:#88b83e; }
.col_lagoon { color:#019c96; }
.col_pink { color:#c83955; }
.col_orange {color:#ed6f04; }
.col_yellow {color:#fdcf0a; }
.col_remon {color:#fff001; }
.col_bk { color:#000;}
.col_wt { color:#fff!important;}
.txt_box { padding: 0 16px; }
.txt_left { text-align:left !important; }
.txt_right { text-align:right !important; }
.txt_center { text-align:center !important; }
.in { text-indent:1em; }
.no_in { text-indent: 0!important; }

/* -- FROAT
-------------------------------------------------------------------------------------------------*/
#Contents .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#Contents .alignleft {
	float: left;
	margin: 0px 16px 16px 0px;
}
#Contents .alignright {
	float: right;
	margin: 0px 0px 16px 16px;
}
#Contents .alignclear {
	clear: both;
}
#Contents .alignleft img, #Contents .alignright img {
	max-width:100%;
	height:auto;
	display: block ;
}
#Contents .alignleft:after,
#Contents .alignright:after {
	content: "";
	clear: both;
	display: block;
}

/* IMAGE LAYOUT
-------------------------------------------------------------------------------------------------*/
.imgL > img, .imgL a > img {
	display: block ;
	float: left;
	margin:0 16px 16px 0;
}
.imgR > img, .imgR a > img {
	display: block ;
	float: right;
	margin:0 0 16px 16px;
}
.imgL:after,
.imgR:after {
		content: "";
	clear: both;
	display: block;
}

/* -- BACKGROUND
-------------------------------------------------------------------------------------------------*/
.bg_dark { background:#666; }
.bg_gray { background:#eee; }
.bg_yellow { background:#ffff00; }
.waku { border:1px solid #ccc; }

/* -- ICON
-------------------------------------------------------------------------------------------------*/
/*-- Material icons --*/
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* 推奨サイズ */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	-webkit-font-smoothing: antialiased;  /* WebKitブラウザサポート */
	text-rendering: optimizeLegibility;  /* Chrome、Safariサポート */
	-moz-osx-font-smoothing: grayscale;  /* Firefoxサポート */
	font-feature-settings: 'liga';  /* IEサポート */
}
/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-32 { font-size: 32px; }
.material-icons.md-40 { font-size: 40px; }
.material-icons.md-48 { font-size: 48px; }

.material-icons.pt { position: relative; top:2px; }
/*-- / Material icons --*/

#Contents ul {
	margin-left:16px;
}
#Contents ul li {
	text-indent: -1em;
	padding-left: 1em;
}
#Contents ul li:before {
	content: '\e037';
	color: #002ba0;
	position: relative;
	top: 3px;
	font-size: 0;
	font-family: 'Material Icons';
	-webkit-font-smoothing: antialiased;  /* WebKitブラウザサポート */
	text-rendering: optimizeLegibility;  /* Chrome、Safariサポート */
	-moz-osx-font-smoothing: grayscale;  /* Firefoxサポート */
	font-feature-settings: 'liga';  /* IEサポート */
}
#Contents ul.maru { margin-left:16px;}
#Contents ul.maru > li:before {
	content: '\e061';
	color: #002ba0;
	padding-right: 4px;
	position: relative;
	top:3px;
	font-size: 17px;
	font-family: 'Material Icons';
	-webkit-font-smoothing: antialiased;  /* WebKitブラウザサポート */
	text-rendering: optimizeLegibility;  /* Chrome、Safariサポート */
	-moz-osx-font-smoothing: grayscale;  /* Firefoxサポート */
	font-feature-settings: 'liga';  /* IEサポート */
}
#Contents ul.noicon li:before {
	display: none;
}
#Contents ol li {
	margin-bottom:12px;
}
#Contents a[href$=".pdf"]:before {
	font-family: FontAwesome;
	font-weight: bold;
	content: '\f1c1 ';
	color: #e20a0a;
	padding-right: 4px;
}
#Contents a[href$=".xls"]:before,
#Contents a[href$=".xlsx"]:before {
	font-family: FontAwesome;
	font-weight: bold;
	content: '\f1c3';
	color: #166e18;
	padding-right: 4px;
}
#Contents a[href$=".doc"]:before {
	font-family: FontAwesome;
	font-weight: bold;
	content: '\f1c2 ';
	color: #002ba0;
	padding-right: 4px;
}
#Contents a[target="_blank"]:after {
	content: '\e89e';
	padding-left: 4px;
	position: relative;
	top:3px;
	font-size: 18px;
	font-family: 'Material Icons';
	-webkit-font-smoothing: antialiased;  /* WebKitブラウザサポート */
	text-rendering: optimizeLegibility;  /* Chrome、Safariサポート */
	-moz-osx-font-smoothing: grayscale;  /* Firefoxサポート */
	font-feature-settings: 'liga';  /* IEサポート */
}
#Contents a[href^="https://goo.gl/maps/"]:after {
	content: '';
	background: url(../img/icon_map.png) no-repeat 100% 50%;
	padding-right: 22px;
}
.no_icon:before,
.no_icon:after {
	display: none;
}

/* -- WIDTH
-------------------------------------------------------------------------------------------------*/
.w100 { width:100%; }
.w95 { width:95%; }
.w90 { width:90%; }
.w85 { width:85%; }
.w80 { width:80%; }
.w75 { width:75%; }
.w70 { width:70%; }
.w65 { width:65%; }
.w60 { width:60%; }
.w55 { width:55%; }
.w50 { width:50%; }
.w45 { width:45%; }
.w40 { width:40%; }
.w35 { width:35%; }
.w30 { width:30%; }
.w25 { width:25%; }
.w20 { width:20%; }t
.w15 { width:15%; }
.w10 { width:10%; }
.w5 { width:5%; }

/* -- MARGIN / PADDING
-------------------------------------------------------------------------------------------------*/
.mar_l0{ margin-left:0px!important; }
.mar_l4{ margin-left:4px!important; }
.mar_l8{ margin-left:8px!important; }
.mar_l12{ margin-left:12px!important; }
.mar_l16{ margin-left:16px!important; }
.mar_l22{ margin-left:22px!important; }
.mar_l24{ margin-left:24px!important; }
.mar_l32{ margin-left:32px!important; }
.mar_l40{ margin-left:40px!important; }
.mar_l48{ margin-left:48px!important; }
.mar_l56{ margin-left:56px!important; }

.mar_r0{ margin-right:0px!important; }
.mar_r4{ margin-right:4px!important; }
.mar_r8{ margin-right:8px!important; }
.mar_r12{ margin-right:12px!important; }
.mar_r16{ margin-right:16px!important; }
.mar_r24{ margin-right:24px!important; }
.mar_r32{ margin-right:32px!important; }
.mar_r40{ margin-right:40px!important; }
.mar_r48{ margin-right:48px!important; }
.mar_r56{ margin-right:56px!important; }

.mar_t0{ margin-top:0!important; }
.mar_t4{ margin-top:4px!important; }
.mar_t8{ margin-top:8px!important; }
.mar_t12{ margin-top:12px!important; }
.mar_t16{ margin-top:16px!important; }
.mar_t24{ margin-top:24px!important; }
.mar_t32{ margin-top:32px!important; }
.mar_t40{ margin-top:40px!important; }
.mar_t48{ margin-top:48px!important; }
.mar_t56{ margin-top:56px!important; }

.mar_b0{ margin-bottom:0!important; }
.mar_b4{ margin-bottom:4px!important; }
.mar_b8{ margin-bottom:8px!important; }
.mar_b12{ margin-bottom:12px!important; }
.mar_b16{ margin-bottom:16px!important; }
.mar_b24{ margin-bottom:24px!important; }
.mar_b32{ margin-bottom:32px!important; }
.mar_b40{ margin-bottom:40px!important; }
.mar_b48{ margin-bottom:48px!important; }
.mar_b56{ margin-bottom:56px!important; }

.mar_tb0{ margin-top:0!important; margin-bottom:0!important; }
.mar_tb16{ margin-top:16px!important; margin-bottom:16px!important; }
.mar_tb24{ margin-top:24px!important; margin-bottom:24px!important; }
.mar_tb40{ margin-top:40px!important; margin-bottom:40px!important; }

.mar_lrauto { margin-left:auto; margin-right:auto; }

.pad_l0{ padding-left:0px!important; }
.pad_l4{ padding-left:4px!important; }
.pad_l8{ padding-left:8px!important; }
.pad_l12{ padding-left:12px!important; }
.pad_l16{ padding-left:16px!important; }
.pad_l24{ padding-left:24px!important; }
.pad_l32{ padding-left:32px!important; }
.pad_l40{ padding-left:40px!important; }
.pad_l48{ padding-left:48px!important; }
.pad_l56{ padding-left:56px!important; }

.pad_r0{ padding-right:0px!important; }
.pad_r4{ padding-right:4px!important; }
.pad_r8{ padding-right:8px!important; }
.pad_r12{ padding-right:12px!important; }
.pad_r16{ padding-right:16px!important; }
.pad_r24{ padding-right:24px!important; }
.pad_r32{ padding-right:32px!important; }
.pad_r40{ padding-right:40px!important; }
.pad_r48{ padding-right:48px!important; }
.pad_r56{ padding-right:56px!important; }

.pad_t0{ padding-top:0px!important; }
.pad_t4{ padding-top:4px!important; }
.pad_t8{ padding-top:8px!important; }
.pad_t12{ padding-top:12px!important; }
.pad_t16{ padding-top:16px!important; }
.pad_t24{ padding-top:24px!important; }
.pad_t32{ padding-top:32px!important; }
.pad_t40{ padding-top:40px!important; }
.pad_t48{ padding-top:48px!important; }
.pad_t56{ padding-top:56px!important; }

.pad_b0{ padding-bottom:0px!important; }
.pad_b4{ padding-bottom:4px!important; }
.pad_b8{ padding-bottom:8px!important; }
.pad_b12{ padding-bottom:12px!important; }
.pad_b16{ padding-bottom:16px!important; }
.pad_b24{ padding-bottom:24px!important; }
.pad_b32{ padding-bottom:32px!important; }
.pad_b40{ padding-bottom:40px!important; }
.pad_b48{ padding-bottom:48px!important; }
.pad_b56{ padding-bottom:56px!important; }

.pad_tb20{ padding-top:20px!important; padding-bottom:20px!important; }
.pad_tb40{ padding-top:40px!important; padding-bottom:40px!important; }

.pad_al8 {padding:8px!important; }
.pad_al16 {padding:16px!important; }

/* -- MCE Setting
-------------------------------------------------------------------------------------------------*/
.mce-content-body {
	margin: 10px;
}