
html,body
{
	/*
	font-family: Noto Sans JP,sans-serif;
	font-family: 'Cabin',"Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: helvetica, arial, YuGothic, 'Yu Gothic', 'メイリオ', sans-serif;
	font-family: dnp-shuei-mgothic-std, dnp-shuei-mgothic-std, sans-serif;
	font-family: "UD デジタル 教科書体 N-R","UD Digi Kyokasho N-R";
	font-family: helvetica, arial, YuGothic, "Yu Gothic", "メイリオ", sans-serif;
	*/
	
	font-family: 'EB Garamond','FOT-筑紫A丸ゴシック Std M', 'TsukuARdGothicStd-M', 'FOT-筑紫A丸ゴシック Std B', 'TsukuARdGothicStd-B', serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	font-size:96%;
	color:#000;
	background:#f8f7fc;
	margin:0;
}

:focus{
	outline: none;
}

/*縦スペース各種*/
.tinyBetween{height:1px;}
.smallBetween{height:5px;}
.mediumBetween{height:15px;}
.largeBetween{height:50px;}
.extraBetween{height:70px;}
.superBetween{height:100px;}

/*区切り線*/
.divline
{
	wifth:100%;
	height:1px;
	border-top:solid 1px #e4e4e4;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

input[type="text"]
{
	height:36px;
	border:solid 1px #dcdcdc;
	background:#fff;
	padding-left:5px;
	padding-right:3px;
}
input[type="text"]:focus
{
	border:solid 1px #f99797;
	-webkit-box-shadow: 0px 1px 10px #fde1e1;
	-moz-box-shadow: 0px 1px 10px #fde1e1;
	box-shadow: 0px 1px 10px #fde1e1;
}

input[type="button"]
{
	height:36px;
	/*
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	*/
	font-size:98%;
	font-weight:normal;
	color:#ffffff;
	background: #11a1f7;
	border: solid 1px #11a1f7;
	border-radius: 2px;
	cursor:pointer;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
}

input[type="checkbox"]
{
	height:24px;
	width:24px;
	background:#0075e5;
}
input[type="radio"]
{
	height:24px;
	width:24px;
}
textarea
{
	border:solid 1px #dcdcdc;
	background:#fff;
	padding:5px;
}
select
{
	height:36px;
	border:solid 1px #dcdcdc;
}

.divline
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	height:1px;
	border-top:solid 1px #d6d6d6;
}

.divlineblue
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:1px;
	border-top:solid 1px #0594fa;
}

.pagetop
{
	position: fixed;
	bottom: 10px;
	right: 10px;
	padding:8px;
	font-size:87%;
	background:#28b7df;
	border-radius: 5px;
	-moz-border-radius: 5px; /* for Firefox */
	-webkit-border-radius: 5px; /* for Chrome */
	color:#fff;
	cursor:pointer;
}

.toapplyform
{
	position: fixed;
	bottom: 10px;
	left: 10px;
	padding:6px;
	text-align:center;
	background:#28b7df;
	border-radius: 5px;
	-moz-border-radius: 5px; /* for Firefox */
	-webkit-border-radius: 5px; /* for Chrome */
	color:#fff;
	cursor:pointer;
}

/*------------------------------------------------------------------------------*/

.logoTable
{
	border-collapse:collapse;
}
.logoTable th
{
	background:#0462c1;
	border:solid 2px #0462c1;
	padding:4px 8px 0px 8px;
}
.logoTable td
{
	font-size:80%;
	font-weight:bold;
	color: #02305d;
	border:solid 2px #0462c1;
	text-align:center;
	background:#fff;
	padding:2px 6px 1px 6px;
}

/*------------------------------------------------------------------------------*/

.centerimagediv
{
	width:65%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.anywaycenter
{
	width:65%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:150%;
}

.opentitle
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:220%;
	font-weight:normal;
}

.titlediv
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#004E98;
	font-size:385%;
	font-weight:normal;
	letter-spacing:.07em;
}
.hupper
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	/*width:783px;*/
	font-size:163%;
	font-weight:bold;
	/*color:#004E98;*/
	color:#0075e5;
	white-space:nowrap;
	border:solid 0px #dcdcdc;
}

.hdown
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	/*width:783px;*/
	font-size:94%;
	font-weight:normal;
	/*color:#004E98;*/
	color:#000;
	white-space:nowrap;
	border:solid 0px #dcdcdc;
}

h2
{
	/*font-family: helvetica, arial, YuGothic, 'Yu Gothic', 'メイリオ', sans-serif;*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	font-size:340%;
	font-weight:700;
	text-align:center;
	color:#0075e5;
}
.h2table
{
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}
.h2table th
{
	padding:0px;
	font-weight:normal;
	text-align:left;
	font-size:100%;
	color:#0075e5;
	letter-spacing:0.01em;
}
.h2table td
{
	padding:0px;
	border:none;
	font-size:220%;
	font-weight:700;
	color:#0075e5;
}

.h3div
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:240%;
	font-weight:bold;
	color:#0075e5;
	white-space:nowrap;
	border:solid 0px #dcdcdc;
}

.recommend
{
	width:650px;
	margin-left:auto;
	margin-right:auto;
	padding:30px;
	border:solid 4px #fff;
	border-radius:1px;
	-moz-border-radius: 1px; /* for Firefox */
	-webkit-border-radius: 1px; /* for Chrome */
	background:#37a9fc;
	box-shadow: 0 0 0 2px #37a9fc;
}

.recommendtable
{
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}
.recommendtable th
{
	/*text-align:left;*/
	font-size:280%;
	color:#fff;
	padding-bottom:25px;
}
.recommendtable td
{
	text-align:left;
	font-size:175%;
	color:#fff;
	padding:4px 5px 4px 30px;
	background-image: url(../img/newcheck_w.png);
	background-repeat: no-repeat;
	background-position: left 1px top 8px;
}

.datafeaturediv
{
	margin-left:auto;
	margin-right:auto;
	width:600px;
	border:solid 1px #dcdcdc;
	border-radius: 8px;
	padding:32px;
	background:#eeeef1;
}

.systemapealdiv
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	/*color:#004E98;*/
	color:#000;
	font-size:175%;
	font-weight:normal;
	letter-spacing:.07em;
}
.systemdowndiv
{
	margin-left:auto;
	margin-right:auto;
	width:65%;
	color:#000;
	font-size:110%;
	font-weight:normal;
	letter-spacing:.07em;
}

.browsertablediv
{
	margin-left:auto;
	margin-right:auto;
	width:580px;
	font-size:135%;
	border:solid 0px #dcdcdc;
	border-radius: 8px;
	padding:10px;
}

.howtousediv
{
	margin-left:auto;
	margin-right:auto;
	font-size:300%;
	font-weight:700;
	text-align:center;
	color:#0075e5;
}

.howtousetable
{
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}
.howtousetable th
{
	text-align:left;
	padding:15px 30px 15px 20px;
	border:solid 1px #dcdcdc;
	font-size:118%;
	font-weight:700;
	color:#000;
	background:#e0efff;
}
.howtousetable td
{
	padding:20px;
}

.sasarindo
{
	width:65%;
	margin-left:auto;
	margin-right:auto;
	/*
	background-image: url(../img/sasarindo_large_back.png);
	background-repeat: no-repeat;
	background-position: left 15px top 20px;
	*/
}

.appealdiv
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background:#0594fa;
	/*
	font-family: Noto Sans JP,sans-serif;
	*/
	font-size:93%;
	font-weight:normal;
	color:#fff;
	padding:20px 0 20px 0;
	letter-spacing:.04em;
}
.appealinnertable
{
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	font-size:108%;
}
.appealinnertable td 
{
	text-align:left;
	border:solid 1px #b2defd;
	padding:10px;
}

.appealshadow
{
	text-shadow:0 0 25px #fff;
}

.amounttitlediv
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#0075e5;
	font-size:320%;
	font-weight: normal;
	/*letter-spacing: .05em;*/
}
.amountdivdetails
{
	font-size:130%;
	font-weight:normal;
	color:#000;
	text-decoration: underline wavy #999;
}

.smalltitlediv
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:130%;
	color:#ff0000;
}

.subtitlediv
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:140%;
	font-weight:normal;
}

/*---------------------------------------------------------------------------------*/

.fixedonright
{
	position: fixed;
	bottom: 30px;
	left: 0px;
	font-size:82%;
	padding:10px;
	background:#dcdcdc;
	border-radius: 0px;
	color:#fff;
	cursor:pointer;
}

/*---------------------------------------------------------------------------------*/

.spacetable
{
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:0;
	width:100%;
	height:100%;
}

.spacelinetable
{
	border-collapse:collapse;
}
.spacelinetable th
{
	font-size:92%;
	font-weight:normal;
	border:solid 1px #ddd;
	padding:8px;
}
.spacelinetable td
{
	border:solid 1px #ddd;
	padding:8px;
}

/*---------------------------------------------------------------------------------*/

.featurediv
{
	width:65%;
	margin-left:auto;
	margin-right:auto;
}
.featuredivtitle
{
	color:#004E98;
	font-size:230%;
	font-weight:normal;
	padding-left:14px;
	line-height:1.7;
	letter-spacing:.04em;
}
.white
{
	height:48px;
	width:48px;
	color:#fff;
	text-align:center;
	vertical-align:bottom;
	line-height:2.0;
	font-size:150%;
	font-weight:normal;
	/*padding:4px 0 0 10px;*/
	background-image:url(../img/fukidashi_middle.png);
	background-repeat:no-repeat;
	background-position: left 0px top 0px;
}
.featuredivdetails
{
	font-size:112%;
	font-weight:bold;
	color:#000;
	/*color:#463f42;*/
	/*letter-spacing: 0.02em;*/
}

/*---------------------------------------------------------------------------------*/

.backgreydiv
{
	width:100%;
	border-top:solid 1px #ebebee;
	border-bottom:solid 1px #ebebee;
	background:#f9f9fa;
}

.explanationdiv
{
	width:65%;
	margin-left:auto;
	margin-right:auto;
	font-size:120%;
	font-weight:normal;
}
.explanationtitle
{
	font-size:120%;
	font-weight:bold;
	text-decoration:underline;
}

.explanationtable
{
	border-collapse:collapse;
}
.explanationtable th
{
	vertical-align:top;
}

.explanationtable th div.numsquare
{
	width: 30px;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background: #eb551d;
}

.explanationtable td
{
	font-size:108%;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 15px;
}

.explanationtable td div.flowdetails
{
	font-size:78%;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	padding:1px 0 0 20px;
}

.rightfloat
{
	float:right;
}

/*----------------------------------------------------------------------------------*/

ul.circumstance li
{
	font-size:92%;
	font-weight:bold;
	padding:0px;
}


/*----------------------------------------------------------------------------------*/

.flowtableuntiluse
{
	border-collapse:collapse;
	font-size:92%;
}
.flowtableuntiluse th
{
	height:50px;
	width:60px;
	font-weight:bold;
	border-left:solid 1px #848484;
	padding-top:6px;
}
.flowtableuntiluse td
{
	width:60px;
	font-weight:bold;
	border-left:dotted 1px #a1a1a1;
	padding-bottom:10px;
}

/*----------------------------------------------------------------------------------*/

.headerpart
{
	margin:0;
	width:100%;
	height:70px;
	padding-top:1px;
	text-align:center;
	background:#ededf0;
}

.headertable
{
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}
.headertable td
{
	padding:5px 15px 2px 15px;
	font-size:127%;
}
.headertable td a
{
	color: #004E98;
    font-weight: 600;
    text-decoration:none;
    transition: 0.2s ease-in-out;
}
.headertable td a:hover
{
	color:#0466c8;
}

.footerpart
{
	width:100%;
	height:40px;
	font-size:87%;
	text-align:center;
}

.footertable
{
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}
.footertable td
{
	padding:5px 10px 2px 10px;
	font-size:110%;
}
.footertable td a
{
	color: #00a1d6;
    font-weight:normal;
    text-decoration:none;
}

/*----------------------------------------------------------------------------------*/

.applyformdiv
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background:#f0f0f0;
	border:solid 1px #f0f0f0;
	text-alingn:center;
	padding:15px;
}
.applyform
{
	width:85%;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}
.applyform th
{
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
	padding:10px 15px 10px 5px;
	border-bottom:solid 1px #e6e6e6;
}
.applyform td
{
	width:100%;
	text-align:left;
	font-weight:normal;
	padding:10px 15px 10px 5px;
	border-bottom:solid 1px #e6e6e6;
}

.attention
{
	width:100%;
	text-align:center;
	color:#ff0000;
	font-size:102%;
	font-weight:bold;
}

.appliedtable
{
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}
.appliedtable td
{
	text-align:center;
	font-weight:normal;
	white-space:nowrap;
	padding:5px 10px 5px 10px;
}

.applyform td div.privacyarea
{
	text-align:left;
	width:98%;
	height:130px;
	overflow: scroll;
	font-size:87%;
	border: solid 1px #ddd;
	padding: 10px;
	background: #fff;
}

/* ---------------------------------------------------------------------------------------------*/

.beforeinquiry
{
	width:850px;
	margin-left:auto;
	margin-right:auto;
	font-size:105%;
	font-weight:bold;
	padding:15px;
}

.inquiryformdiv
{
	width:850px;
	margin-left:auto;
	margin-right:auto;
	background:#f0f0f0;
	border:solid 1px #f0f0f0;
	text-alingn:center;
	padding:15px;
}
.inquiryform
{
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	width:100%;
}
.inquiryform th
{
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
	padding:10px 15px 10px 5px;
	border-bottom:solid 1px #e6e6e6;
}
.inquiryform td
{
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
	padding:10px 15px 10px 5px;
	border-bottom:solid 1px #e6e6e6;
}

.inquiryform td div.privacyarea
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:600px;
	height:130px;
	overflow: scroll;
	font-size:87%;
	border: solid 1px #ddd;
	padding: 10px;
	background: #fff;
}

/*--------------------------------------------------------------------------------------------*/

/* マニュアルページ */
.manualtable
{
	/*
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	*/
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}

.leftmenutable
{
	border-collapse:collapse;
	width:230px;
	background:#e3e8ef;
}
.leftmenutable th
{
	height:50px;
	vertical-align:middle;
	background: url(../img/plus.png) no-repeat left 12px top 16px;
	background-color:#e3e8ef;
	text-align:left;
	font-weight:bold;
	font-size:112%;
	padding:0 10px 0 38px;
	white-space:nowrap;
	cursor:pointer;
}
.leftmenutable th:hover
{
	background: url(../img/plus.png) no-repeat left 12px top 16px;
	background-color:#e4f6fb;
}

.leftmenutable td.top
{
	background:#e3e8ef;
	height:80px;
	text-align:center;
	color:#3870c9;
	font-size:106%;
	font-weight:bold;
}
.leftmenutable td.line
{
	padding:0px;
}
.leftmenutable td.line > div
{
	height:5px;
	background: url(../img/info_bg.gif) fixed;
	/*background-color:#11a1f7;*/
}

.leftmenutable td
{
	color:#3870c9;
	cursor:pointer;
}
.leftmenutable td:hover
{
	background:#e4f6fb;
	color:#3870c9;
	cursor:pointer;
}

.leftinnertable
{
	border-collapse:collapse;
	background:#fff;
	width:100%;
}
.leftinnertable td
{
	font-size:90%;
	font-weight:bold;
	color:#000;
	padding:7px 10px 7px 10px;
	border:solid 1px #e7ebf1;
}

.manualmaintable
{
	/*
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	*/
	border-collapse:collapse;
}

.manualmaintable th
{
	text-align:left;
	padding: 6px 0 0 12px;
	font-size: 180%;
	font-weight:normal;
	border-left: 8px solid #2E9CD5;
}
.manualmaintable td.title
{
	background:url(../img/manual_arrow.png) no-repeat 0 9px;
	padding-left:50px;
	line-height: 2.20;
	font-size: 160%;
	font-weight:normal;
	color: #005383;
	vertical-align: text-bottom;
	white-space:nowrap;
}
.manualmaintable td.body
{
	line-height:1.6;
	font-size:105%;
	font-weight:bold;
}

/*---------------------------------------------------------------------------------------------------------------*/

.commerciallawtable
{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}
.commerciallawtable th
{
	text-align:left;
	font-weight:bold;
	font-size:105%;
	border:solid 1px #dcdcdc;
	padding:10px;
	white-space:nowrap;
}
.commerciallawtable td
{
	padding:10px;
	white-space:nowrap;
}

/*-------------------------------------------------------------------------------------------------------------*/

.faqmaintable
{
	/*
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	*/
	border-collapse:collapse;
}

.faqmaintable th
{
	text-align:left;
	padding: 6px 0 0 12px;
	font-size: 180%;
	font-weight:normal;
	border-left: 8px solid #4877c3;
}
.faqmaintable td
{
	vertical-align:top;
}

.questround
{
	text-align:center;
	vertical-align:middle;
	background:#535353;
	color:#fff;
	height:32px;
	width:32px;
	line-height: 32px;
	border-radius:50%;
	-moz-border-radius: 50%; /* for Firefox */
	-webkit-border-radius: 50%; /* for Chrome */
}
.answround
{
	text-align:center;
	vertical-align:middle;
	background:#00b2fb;
	color:#fff;
	height:32px;
	width:32px;
	line-height: 32px;
	border-radius:50%;
	-moz-border-radius: 50%; /* for Firefox */
	-webkit-border-radius: 50%; /* for Chrome */
}

.faqmaintable td.quest
{
	line-height: 1.75;
	padding-left:20px;
    font-size: 150%;
    font-weight:bold;
    color: #0074b6;
    white-space:nowrap;
}

.faqmaintable td.answ
{
	line-height: 1.75;
    padding:8px 0 0 20px;
    font-size: 105%;
    font-weight:bold;
    color: #202020;
    white-space:nowrap;
}

.searchtable
{
	border-collapse:collapse;
	background:#fcfcfc;
}
.searchtable td
{
	padding:8px;
}

/*-------------------------------------------------------------------------------------------------------------*/

.policydiv
{
	width:75%;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #e4e4e4;
	border-radius:6px;
	-moz-border-radius: 6px; /* for Firefox */
	-webkit-border-radius: 6px; /* for Chrome */
	padding:20px;
	background:#eeeeee;
}

/*-------------------------------------------------------------------------------------------------------------*/
.faultmaintenancediv
{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

.faulttable
{
	border-collapse:collapse;
}
.faulttable th
{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
	padding:5px;
}
.faulttable td
{
	vertical-align:top;
	padding:5px;
}

/*------------------------------------------------------------------------------------------------------------*/

.dataTable
{
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}
.dataTable th div
{
	text-align:center;
	font-weight:normal;
	border:solid 1px #336699;
	border-radius:50px;
	-webkit-border-radius:50px; /* for Chrome */
	-moz-border-radius:50px; /* for Firefox */
	padding:20px 2px 20px 2px;
	background:#f0f0f0;
}
.dataTable td
{
	font-size:110%;
	font-weight:bold;
	text-align:center;
	padding:3px 7px 3px 7px;
}
