@charset "utf-8";

/* reset */
* {
	margin							: 0;
	padding							: 0;
}

.text-red{
	color: red;
}


ul, ol {
	list-style						: none;
}
img {
	border							: 0;
	vertical-align					: middle;
	max-width						: 100%;
}
a:link, a:visited, a:hover  {
	color							: #0066CC;
	text-decoration					: none;
}

/* base */
html {
	font-family						: "Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
	color							: #393939;
	line-height						: 1.2;
	font-size						: 15px;
	background						: #FFFFFF url("img/bg_structure_01.png") repeat-y center top;
}

/* framewrok */
div#top {
	width							: 1025px;
	margin							: 0 auto;
	text-align						: center;
	background-color				: #FDFCF6;
}
div#header {
	background-color				: #FFFFFF;
	padding-bottom					: 8px;
}
div#navi {
	padding							: 1px;
	background-color				: #005BAC;
}
div#main {
	width							: 1024px;
	float							: left;
}
div#footer {
	background-color				: #005BAC;
	color							: #FFFFFF;
	font-size						: 12px;
	clear							: both;
	padding-top						: 20px;
	height							: 90px;
}

/* header */
div#header ul {
	overflow						: hidden;
}
div#header ul li {
	float							: left;
	padding							: 10px 0 0 10px;
}
div#header ul li#tell {
	padding-left					: 260px;
}

/* navigation */
div#navi ul {
	overflow						: hidden;
}
div#navi ul li a {
	float							: left;
	display							: block;
	background-color				: #D1D3F9;
	color							: #393939;
	font-size						: 18px;
	padding							: 8px 6px 6px 6px;
	width							: 234px;
	text-align						: center;
	margin							: 4px 2px;
	border-radius					: 8px;
	border							: 2px solid #FFFFFF;
}
div#navi ul li a:hover {
	background-color				: #9497E1;
	color							: #FFFFFF;
}
div#navi ul li.now a {
	background-color				: #005BAC;
	color							: #FFFFFF;
	pointer-events					: none;
}

/* basic */
h1 {
	margin							: 8px 8px 0 8px;
	font-size						: 18px;
	background-color				: #005BAC;
	color							: #FFFFFF;
	padding							: 6px 20px 4px 20px;
	text-align						: left;
}
h1.heading {
/* 	background-color				: #A9CC39; */
	background-color: #E99606;
    color: #FFFFFF;
}
h2 {
}
ul.number{
	margin-left						: 20px;
}
ul.number li {
	list-style-type					: decimal;
}
ul.disc{
	margin-left						: 20px;
}
ul.disc li {
	list-style-type					: disc;
}
div.sub {
	text-align						: left;
	border-top						: none;
	border-right					: 4px solid #005BAC;
	border-bottom					: 4px solid #005BAC;
	border-left						: 4px solid #005BAC;
	background-color				: #FDFCF6;
	overflow						: hidden;
	margin							: 0 8px 8px 8px;
}
div.heading {
/* 	border-right					: 4px solid #A9CC39; */
/* 	border-bottom					: 4px solid #A9CC39; */
/* 	border-left						: 4px solid #A9CC39; */
	border-right					: 4px solid #E99606;
	border-bottom					: 4px solid #E99606;
	border-left						: 4px solid #E99606;

}
div.subInnerSentence {
	text-align						: left;
	margin							: 8px;
}
div.subInnerSentenceCenter {
	text-align						: center;
	margin							: 8px;
}
.subTable {
	display							: table;
}
.subTableRow {
	display							: table-row;
}
.subTableCell {
	display							: table-cell;
}
.subButtonArea {
	background-color				: #E9F2CD;
/*	width							: 284px;*/
	display							: table-cell;
	vertical-align					: middle;
	text-align						: center;
	padding							: 8px 0;
}
a.subButton {
	display							: inline-block;
	border							: 1px solid #A6A6A6;
	background-color				: #FFFFFF;
	color							: #666666;
	border-radius					: 8px;
	padding							: 12px 12px 8px 12px;
	box-shadow						: 2px 2px 1px #999999;
	margin							: 8px 16px;
	text-decoration					: none;
	width							: 120px;
	font-size						: 20px;
}
a.subButton:hover {
	background-color				: #A6A6A6;
	color							: #FFFFFF;
}
a.subButtonStand {
	background-color				: #82D7DC;
	color							: #FFFFFF;
	border							: none;
}
a.subButtonStand:hover {
	background-color				: #C1EBEE;
	color							: #393939;
}
a.subButtonModest {
	font-size						: 14px;
	width							: 210px;
	padding							: 4px 12px;
}
div#important {
	overflow-y						: scroll;
	height							: 150px;
}
div
.mail-left-area {
	float: left;
}

div
.mail-right-area {
	float: left;
}
/* floatの周り込み解除 */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
.nowrap {
	white-space						: nowrap;
}
.left {
	text-align						: left;
}
span.important {
	color							: #FF0000;
	font-weight						: bold;
}
span.red {
	color							: #FF0000;
}

/* top_link */
div#top_link_wrapper {
	position						: fixed;
	z-index							: 100;
	margin-left						: -68px;
	bottom							: 20px;
	left							: 50%;
}
div#top_link {
	color							: #393939;
	font-size						: 16px;
	border							: 1px solid #808080;
	padding							: 8px 24px;
	background-color				: #CCCCCC;
	border-radius					: 5px;
	cursor							: pointer;
	text-align						: center;
}
div#top_link:hover {
	background-color				: #DDDDDD;
}

/* terms */
div.terms {
	border							: 1px solid #A6A6A6;
	padding							: 8px;
	margin							: 8px;
	height							: 300px;
	overflow-y						: scroll;
	-webkit-overflow-scrolling		: touch;
	font-size						: 14px;
	line-height						: 1.4;
	word-break						: break-all;
}
.termsEmbed {

}
h5 {
	font-size						: 18px;
	text-align						: center;
	font-weight						: bold;
	margin-bottom					: 8px;
}
h6 {
	font-size						: 15px;
	font-weight						: bold;
	margin-top						: 8px;
}
div.termsInner {
	margin-left						: 8px;
}
div.revision {
	text-align						: right;
	margin							: 8px 8px 0 0;
}

/* qa */
div.qabox {
	border-collapse					: collapse;
	margin							: 8px;
}
a.qabox_q {
	display							: block;
	border							: 1px solid #999999;
	background-color				: #EEEEEE;
	padding							: 2px 8px;
	line-height						: 1.8;
	cursor							: pointer;
	color							: #0066CC;
}
a.qabox_q:before {
	font-family						: 'FontAwesome';
	content							: '\f059';
	padding-right					: 4px;
}
a.qabox_q:hover {
	background-color				: #F6F6F6;

}
div.qabox_a {
	border							: 1px solid #999999;
	margin-top						: -1px;
	padding							: 8px;
	display							: none;
}

/* inputField */
div.inputTable {
	display							: table;
	border-collapse					: collapse;
	margin							: 8px;
}
div.inputRow {
	display							: table-row;
}
div.inputCell {
	display							: table-cell;
	border-style					: solid;
	border-color					: #A6A6A6;
	vertical-align					: middle;
	padding							: 4px 12px;
	border-top-width				: 1px;
	border-bottom-width				: 1px;
}
div.inputLabel {
	background-color				: #DFE3F9;
	border-left-width				: 1px;
	border-right-width				: 0px;
}
div.inputField {
	background-color				: #F0F0F0;
	border-left-width				: 1px;
	border-right-width				: 1px;
}
div.inputRequired {
	padding							: 0 12px;
	border-left-width:0;
	border-right-width:0;
}
span.required {
	display							: inline-block;
	font-size						: 12px;
	background-color				: #E3524A;
	color							: #FFFFFF;
	padding							: 2px 6px;
	position						: relative;
	top								: -1px;
	white-space						: nowrap;
}
.inputComment {
	font-size						: 12px;
}

/* input */
input[type="text"] {
	height							: 30px;
	border							: 1px solid #A6A6A6;
	border-radius					: 8px;
	font-family						: "Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
	font-size						: 15px;
	padding							: 0 0 0 10px;
	margin							: 2px 0;
}
input[type="text"], input[type="password"] {
	height							: 30px;
	border							: 1px solid #A6A6A6;
	border-radius					: 8px;
	font-family						: "Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
	font-size						: 15px;
	padding							: 0 0 0 10px;
	margin							: 2px 0;
}
input[type="text"]:read-only {
	background-color				: #F0F0F0;
	border							: none;
	padding							: 0;
	margin							: 0;
	height							: auto;
}
input[type="checkbox"] {
	display							: none;
}
.checkbox {
	position						: relative;
	display							: inline-block;
	padding							: 6px 8px 3px 28px;
	border-radius					: 6px;
	background-color				: #FDFCF6;
	vertical-align					: middle;
	cursor							: pointer;
	margin							: 0 4px 0 0;
	box-shadow						: 2px 2px 1px #999999;
}
.checkbox:after {
	position						: absolute;
	top								: 50%;
	left							: 6px;
	display							: block;
	margin-top						: -10px;
	width							: 16px;
	height							: 16px;
	border							: 1px solid #A6A6A6;
	border-radius					: 4px;
	content							: '';
}
.checkbox:before {
	position						: absolute;
	top								: 50%;
	left							: 12px;
	display							: block;
	margin-top						: -9px;
	width							: 5px;
	height							: 9px;
	border-right					: 3px solid #F49D34;
	border-bottom					: 3px solid #F49D34;
	content							: '';
	opacity							: 0;
	-webkit-transform				: rotate(45deg);
	-ms-transform					: rotate(45deg);
	transform						: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
	opacity							: 1;
}
input[type="radio"] {
	display							: none;
}
.radio {
	position						: relative;
	display							: inline-block;
	padding							: 6px 8px 3px 28px;
	border-radius					: 6px;
	background-color				: #FDFCF6;
	vertical-align					: middle;
	cursor							: pointer;
	margin							: 8px 4px 4px 0;
	box-shadow						: 2px 2px 1px #999999;
}
.radio:after {
	position						: absolute;
	top								: 50%;
	left							: 6px;
	display							: block;
	margin-top						: -10px;
	width							: 16px;
	height							: 16px;
	border							: 1px solid #A6A6A6;
	border-radius					: 50%;
	content							: '';
}
.radio:before {
	position						: absolute;
	top								: 50%;
	left							: 9px;
	display							: block;
	margin-top						: -7px;
	width							: 12px;
	height							: 12px;
	border-radius					: 50%;
	background-color				: #F49D34;
	content							: '';
	opacity							: 0;
}
input[type=radio]:checked + .radio:before {
	opacity							: 1;
}







select {
	height							: 32px;
	border							: 1px solid #A6A6A6;
	border-radius					: 8px;
	font-family						: "Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
	font-size						: 15px;
	padding							: 0 10px 0 10px;
	margin							: 2px 0;
}
select.doNotShow {
	display							: none;
}
textarea {
	font-family						: "Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
	font-size						: 15px;
	height							: 72px;
	border							: 1px solid #A6A6A6;
	border-radius					: 8px;
	padding							: 0 10px;
	margin							: 2px 0;
}

/* width */
.w683 {
	width							: 683px;
}
.w623 {
	width							: 623px;
}
.w300 {
	width							: 300px;
}
.w250 {
	width							: 250px;
}
.w200 {
	width							: 200px;
}

/* radio buttonset override */
.ui-buttonset {
	margin							: 0;
}
.ui-button {
	background-image				: none;
	border							: none;
}
.ui-button-text-only .ui-button-text {
	height							: 26px;
	padding							: 4px 10px 0 10px;
	background-color				: #FDFCF6;
	font-family						: "Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
	color							: #393939;
	font-size						: 15px;
	margin							: 2px 0;
}
.ui-state-default {
	background						: none;
}
.ui-state-active .ui-button-text {
	background-color				: #F49D34;
	color							: #FFFFFF;
}
.ui-button-text-only .ui-button-text {
	border-width					: 1px 1px 1px 0;
	border-style					: solid;
	border-color					: #A6A6A6;
}
.ui-corner-left .ui-button-text {
	border-width					: 1px;
	border-radius					: 8px 0 0 8px;
}
.ui-corner-right .ui-button-text {
	border-width					: 1px 1px 1px 0;
	border-radius					: 0 8px 8px 0;
}

/* file upload */
.uploadButton {
	display							: inline-block;
	position						: relative;
	border-radius					: 8px;
	background-color				: #F49D34;
	color							: #FFFFFF;
	text-align						: center;
	padding							: 4px 12px;
	cursor							: pointer;
	box-shadow						: 2px 2px 1px #999999;
	margin							: 4px;
}
.uploadButton:hover {
	background-color				: #F9CE99;
	color							: #393939;
}
.uploadButton input[type=file] {
	position						: absolute;
	top								: 0;
	left							: 0;
	width							: 100%;
	height							: 100%;
	cursor							: pointer;
	opacity							: 0;
}

/* button */
div.button_area {
	padding							: 8px;
	text-align						: center;
	margin							: 8px auto;
	width							: 600px;
	overflow						: hidden;
	background-color				: #CCCCCC;
	vertical-align					: middle;
	border-radius					: 5px;
}
.buttonAreaAnnounce {
	text-align						: left;
	font-size						: 12px;
	margin							: 8px auto;
	width							: 90%;
}
a.button {
	display							: inline-block;
	border-radius					: 8px;
	background-color				: #FF8B2C;
	padding							: 4px 12px;
	color							: #FFFFFF;
	box-shadow						: 2px 2px 1px #999999;
	cursor							: pointer;
	margin							: 4px;
}
a.button:hover {
	background-color				: #FFB87E;
	color							: #393939;
}
a.buttonBack {
	margin							: 4px 40px;
	border							: 1px solid #A6A6A6;
	background-color				: #FDFCF6;
	color							: #393939;
	vertical-align					: 6px;
}
a.buttonBack:hover {
	background-color				: #A6A6A6;
	color							: #FFFFFF;
}
a.buttonNext {
	font-size						: 24px;
	font-weight						: bold;
	padding							: 12px 20px 8px 12px;
	width							: 240px;
}
a.buttonPDF {
	width							: 220px;
	text-align						: center;
	font-size						: 18px;
	padding							: 8px 8px 6px 8px;
}
a.buttonPDF:hover {
}


/* confirmTable */
div.confirmTable {
	display							: table;
	border-collapse					: collapse;
	margin							: 8px;
}
div.confirmRow {
	display							: table-row;
}
div.confirmCell {
	display							: table-cell;
	border							: 1px solid #A6A6A6;
	vertical-align					: middle;
	padding							: 6px 12px 4px 12px;
}
div.confirmLabel {
	background-color				: #DFE3F9;
}
div.confirmField {
	background-color				: #F6F7F8;
}

/* hash */
#hash {
	margin							: 8px 0;
}

/* step */
h1.toggle {
	cursor							: pointer;
}
h2.step {
	font-size						: 16px;
	margin							: 8px 8px 0 8px;
	border-top						: 2px solid #A9CC39;
	border-right					: 2px solid #A9CC39;
	border-left						: 2px solid #A9CC39;
	border-radius					: 10px 10px 0 0;
	padding							: 4px 8px 2px 8px;;
	background-color				: #A9CC39;
	color							: #FFFFFF;
	width							: 200px;
}
h2.step:before {
	font-family						: 'FontAwesome';
	content							: '\f046';
	font-weight						: normal;
	font-size						: 16px;
	padding-right					: 4px;
}
.stepInner {
	margin							: 0 8px 8px 8px;
	border							: 2px solid #A9CC39;
	padding							: 10px 8px 8px 8px;
}


/* kokuchi */
div.inputKokuchiLabel {
	width							: 64px;
}
div.kokuchiHeader {
	padding							: 4px 0;
	border-bottom-style				: solid;
	border-bottom-width				: 1px;
	border-bottom-color				: #A6A6A6;
	margin-bottom					: 8px;
}
div.kokuchiDetail {
	border-top-style				: solid;
	border-top-width				: 1px;
	border-top-color				: #A6A6A6;
	margin-top						: 8px;
}
ul.checkList {
	overflow						: hidden;
}
ul.checkList li {
	float							: left;
	margin-top						: 8px;
	margin-bottom					: 4px;
	margin-right					: 12px;
}
ul.enum li {
	float							: left;
}
ul.enum {
	overflow						: hidden;
}
ul.enum li {
	font-size						: 14px;
	float							: left;
	margin-right					: 8px;
}
ul.enum li:before {
	font-family						: 'FontAwesome';
	content							: '\f0c8';
	font-size						: 12px;
	padding-right					: 4px;
}

.comment {
	font-size						: 12px;
	padding-left					: 20px;
}



#popup_ok, #popup_cancel {
	width							: 100px;
	padding							: 10px;
	margin							: 0 20px;
}


/* responsive */
@media screen and (max-width : 1023px) {
	div#top {
		width						: 100%;
	}
	div#header ul li#logo {
		padding-right				: 10px;
	}
	div#header ul li#tell {
		padding-left				: 280px;
		padding-right				: 10px;
	}
	div#qa {
		margin						: 8px;
		width						: 90%;
	}
	.subButtonArea {
		display						: block;
		width						: auto;
	}
}
@media screen and (max-width : 925px) {
	div#header ul li#tell {
		padding-left				: 50px;
	}
	div#navi ul li a {
		width						: 22%;
	}
}
@media screen and (max-width : 875px) {
	div#main {
		width						: 100%;
	}
	div#header {
		text-align					: center;
	}
	div#header ul {
		overflow					: visible;
	}
	div#header ul li {
		float						: none;
	}
	div#header ul li#tell {
		padding-left				: 10px;
	}
	div#navi ul li a {
		width						: 45%;
	}
}
@media screen and (max-width : 800px) {
	div.kokuchi-label {
		width						: auto;
	}
}
@media screen and (max-width : 575px) {
	div.button_area {
		width						: 400px;
	}
	a#b_02_next {
		width						: 250px;
	}
	a#b_01_prev {
		width						: 75px;
	}
	.w460 {
		width						: 250px;
	}
	.w300 {
		width						: 200px;
	}
	.w250 {
		width						: 200px;
	}
	div.confirm_table div.tr div.field {
		width						: 200px;
	}
}
@media screen and (max-width : 475px) {
	div.button_area {
		width						: 350px;
	}
	a#b_01_prev {
		width						: 50px;
	}
	div.label {
		width						: 100px;
	}
	div.confirm_table div.tr div.label {
		width						: 100px;
	}
	.w460 {
		width						: 200px;
	}
	.w300 {
		width						: 150px;
	}
	.w250 {
		width						: 150px;
	}
	.w200 {
		width						: 150px;
	}
}
@media screen and (max-width : 420px) {
	div.button_area {
		width						: 320px;
	}
	a#b_01_prev {
		width						: 30px;
	}
	a#b_02_next {
		width						: 238px;
	}
	div.label {
		width						: 80px;
	}
	div.confirm_table div.tr div.label {
		width						: 100px;
	}
	div#navi ul li a {
		font-size					: 13px;
		width						: 42%;
	}
}
@media screen and (max-width : 375px) {
	div.button_area {
		width						: 300px;
		padding						: 4px;
	}
	a#b_01_prev {
		width						: 30px;
		font-size					: 14px;
		margin-top					: 10px;
	}
	a#b_02_next {
		width						: 220px;
		font-size					: 18px;
	}
	div#navi ul li a {
		width						: 160px;
	}
}/* IME MODE
----------------------------------------------- ------------------------------*/
.ime-active{
    ime-mode:active;
}
.ime-disabled{
    ime-mode:disabled;
}
/* IME MODE
----------------------------------------------- ------------------------------*/