
html,body
{
	/*
	font-family: 'Playfair Display', sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	font-family: 'Kiwi Maru','UD Digi Kyokasho NP-R','Tsukushi A Round Gothic','Hiragino Kaku Gothic ProN',serif;
	font-family: 'Noto Sans Japanese', sans-serif;
	*/
	font-family: source-han-sans-japanese, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 200;
    color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	font-size:96%;
	background:#fffcfc;
	margin:0;
}

.wrap
{
	margin-left:30px;
}
.centerdiv
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.centersimple
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

:focus{
	outline: none;
}

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

.alternateBack
{
	background:#f4f3f3;
}

.emphasize
{
	font-weight:650;
	text-decoration:underline wavy #fff;
}

.recommend
{
	float:right;
	width:54px;
	height:17px;
	text-align:center;
	padding-top:2px;
	font-size:70%;
	font-weight:normal;
	color:#fff;
	background:#00B900;
	border: solid 1px #00B900;
	border-radius: 8px;
}

.attention
{
	color:#ff0000;
	font-size:97%;
	font-weight:bold;
}

.redcaution
{
	color:#ff0000;
	font-weight:normal;
}
.redcautionunderline
{
	color:#ff0000;
	font-weight:normal;
	text-decoration:underline;
}
.greycaution
{
	font-size:89%;
	color:#3d3c40;
	padding:3px 0px 0px 0px;
}

.greycautionsmall
{
	font-size:75%;
	color:#3d3c40;
	padding:3px 0px 0px 0px;
}

.justsmaller80
{
	font-size:80%;
}
.justsmaller70
{
	font-size:70%;
}

.linegreen
{
	color:#00B900;
	font-weight:700;
}
.mailblue
{
	color:#0363a1;
	font-weight:700;
}

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

.divline
{
	width:98%;
	height:1px;
	border-top:solid 1px #dadada;
	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:42px;
	font-size:98%;
	font-weight:normal;
	border: solid 1px #777;
	border-radius: 2px;
	cursor:pointer;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
}

input[type="checkbox"]
{
	height:24px;
	width:24px;
}
input[type="radio"]
{
	height:24px;
	width:24px;
}
select
{
	height:42px;
	border:solid 1px #dcdcdc;
}
textarea
{
	border:solid 1px #dcdcdc;
	background:#fff;
	padding:5px;
}
textarea: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;
}

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

.topcapture
{
	margin-left:auto;
	margin-right:auto;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 400;
	font-size:170%;
	text-align:center;
	padding-bottom:20px;
}
.nextcapture
{

	font-family: "Zen Maru Gothic", serif;
	font-weight: 400;
	font-size:170%;
}

h1
{
	font-size:330%;
	font-weight:600;
	margin:0;
}

.h1div
{
	font-size:230%;
	font-weight:normal;
	margin:0;
}

h2
{
	font-size:330%;
	font-weight:600;
	margin:0;
}
h3
{
	font-size:330%;
	font-weight:600;
	margin:0;
}
h4
{
	margin:0;
	font-size:22px;
	font-weight:normal;
	padding:0px 0px 0px 10px;
	margin:0;
}
h5
{
	margin:0;
	font-size:22px;
	font-weight:normal;
	padding:0px 0px 0px 10px;
	margin:0;
}
h6
{
	margin:0;
	font-size:22px;
	font-weight:normal;
	padding:0px 0px 0px 10px;
	margin:0;
}
.fee
{
	font-size:200%;
	font-weight:650;
	color:#0080ff;
}

.divtitle
{
	border-collapse:collapse;
	margin-bottom:4px;
}
.divtitle th
{
	text-align:left;
	color:#000;
	font-size:125%;
	font-weight:normal;
}
.divtitle td
{
	text-align:left;
	color:#000;
	font-size:135%;
	font-weight:650;
	border-bottom:solid 0px #e6e6e6;
	white-space:nowrap;
	padding-bottom:1px;
}

.opentitle
{
	font-size:180%;
}

.submessage
{
	font-size:115%;
}

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

.toptable
{
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}
.toptable th
{
	font-weight:normal;
	padding:30px 60px 10px 60px;
}
.toptable td
{
	
}

.paterntitle
{
	white-space:nowrap;
	display: inline-block;
	font-size:120%;
	background:#d9ddde;
	padding:7px 16px 4px 12px;
	border-radius: 2px;
}
.paterndiv
{
	font-size:120%;
	font-weight:normal;
}
.strongblue
{
	font-weight:700;
	color:#0000ff;
	text-decoration:underline;
}
.strongred
{
	font-weight:700;
	color:#ff0000;
	text-decoration:underline;
}

.lineimagetable
{
	border-collapse:collapse;
	color:#003757;
	font-size:92%;
}
.lineimagetable th
{
	text-align:center;
	padding:20px 25px 10px 25px;
}
.lineimagetable td
{
	width:160px;
	vertical-align:top;
	text-align:center;
	padding:14px;
	border:solid 1px #e9e9e9;
	background:#f9f9f9;
}

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

.recommend input[type="checkbox"]{
	display: none;
}
.recommend input[type="checkbox"]+label{
	display: none;
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding-left: 35px;
	padding-right: 10px;
}
/* ラベルの左に表示させる正方形のボックス□ */
.recommend input[type="checkbox"]+label::before{
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	margin-top: -10px;
	left: 0;
	top: 50%;
	border: 1px solid;
	border-color:  #ff0000; /* 枠の色変更 お好きな色を */
	background-color: #FFF; /* 背景の色変更 お好きな色を */
}
/* チェックが入った時のレ点 */
.recommend input[type="checkbox"]:checked+label::after{
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 18px;
	height: 10px;
	margin-top: -11px;
	top: 50%;
	left: 3px;
	transform: rotate(-45deg);
	border-bottom: 3px solid;
	border-left: 3px solid;
	border-color:  #ff0000; /* チェックの色変更 お好きな色を */
}

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

.headerpart
{
	padding:10px 10px 10px 20px;
}

.headertable
{
	border-collapse:collapse;
	font-size:94%;
}
.headertable td
{
	padding:2px 10px 3px 3px;
}
.headertable td a
{
	color:#000;
}

.footertable
{
	border-collapse:collapse;
	font-size:92%;
}
.footertable td
{
	padding:2px 10px 3px 3px;
}
.footertable td a
{
	color:#000;
}

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

.proceduretable
{
	border-collapse:collapse;
}
.proceduretable th
{
	font-size:115%;
	text-align:left;
	vertical-align:top;
}
.proceduretable td
{
	font-size:135%;
	padding: 2px 0px 1px 10px;
}

.attentiontable
{
	border-collapse:collapse;
	font-size:105%;
}
.attentiontable td
{
	padding: 2px 0px 1px 10px;
}

.retiretable
{
	border-collapse:collapse;
	font-size:98%;
}
.retiretable th
{
	text-align:left;
	vertical-align:top;
}
.retiretable td
{
	padding: 2px 0px 1px 10px;
}

.plantable
{
	border-collapse:collapse;
	font-family:'Meiryo UI',Meiryo,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
}
.plantable th
{
	color:#000;
	padding:8px 25px 8px 25px;
	border-left:solid 3px #00B900;
	border-right:solid 3px #00B900;
	border-top:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
}
.plantable td
{
	font-size:97%;
	text-align:center;
	padding:8px 15px 8px 15px;
	border:solid 1px #dcdcdc;
	background:#f9f9f9;
}
.plantable td span.price
{
	color:#0352a2;
	font-weight:650;
}
.plantable td.header
{
	font-size:90%;
	color:#fff;
	background:#3d7ab6;
}
.plantable td.header2
{
	font-size:90%;
	color:#fff;
	background:#3d7ab6;
}
.plantable td.free
{
	text-align:center;
	padding-top:8px;
}

.applyformtable
{
	border-collapse:collapse;
	background:#f9f9f9;
}
.applyformtable th
{
	text-align:left;
	font-weight:normal;
	color:#202020;
	padding:7px;
	border-bottom:solid 1px #dcdcdc;
}
.applyformtable td
{
	padding:7px;
	border-bottom:solid 1px #dcdcdc;
}
.applyformtable td div.explanation
{
	font-size:88%;
	color:#777;
	padding:3px 0px 0px 0px;
}
.lightgrey
{
	font-size:80%;
	font-weight:normal;
	color:#555;
}

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

.inquiryform
{
	border-collapse:collapse;
}
.inquiryform th
{
	text-align:left;
	color:#202020;
	padding:7px;
	border-bottom:solid 1px #dcdcdc;
}
.inquiryform td
{
	padding:7px;
	border-bottom:solid 1px #dcdcdc;
}

.inquiryform td div.explanation
{
	font-size:80%;
	color:#777;
	padding:3px 0px 0px 0px;
}

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

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

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

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

.lineflowtable
{
	border-collapse:collapse;
}

.lineflowtable th
{
	text-align:left;
	font-size:180%;
	font-weight:normal;
	padding-top:50px;
}
.lineflowtable td
{
	font-size:92%;
	padding-bottom:10px;
}
.lineflowtable td img
{
	border:solid 2px #dcdcdc;
}

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

.faqmaintable
{
	border-collapse:collapse;
}

.faqmaintable th
{
	text-align:left;
	padding: 6px 0 0 12px;
	font-size: 160%;
	font-weight:normal;
}
.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:#00B900;
	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: 110%;
	font-weight:normal;
}

.faqmaintable td.answ
{
	line-height: 1.75;
	padding:2px 0 0 20px;
	font-size: 110%;
	font-weight:normal;
	color: #202020;
}

/*-------------------------------------------------------------------------------------------------------------*/
.faultmaintenancediv
{
	width:700px;
}

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

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