@charset 'utf-8';

input {
	font-size: 12px;
}

input:focus {
	background: #ffffcc;
}

textarea {
	font-size: 12px;
}

/* Field Width & IME Mode
-------------------------------------------------- */

.i25a {
	width: 21px;
	ime-mode: active;
}

.i25d {
	width: 21px;
	ime-mode: disabled;
}

.i40a {
	width: 36px;
	ime-mode: active;
}

.i40d {
	width: 36px;
	ime-mode: disabled;
}

.i60a {
	width: 56px;
	ime-mode: active;
}

.i60d {
	width: 56px;
	ime-mode: disabled;
}

.i100a {
	width: 96px;
	ime-mode: active;
}

.i100d {
	width: 96px;
	ime-mode: disabled;
}

.i150a {
	width: 146px;
	ime-mode: active;
}

.i150d {
	width: 146px;
	ime-mode: disabled;
}

.i200a {
	width: 224px;
	height: 19px;
	ime-mode: active;
}

.i200d {
	width: 228px;
	ime-mode: disabled;
}

.i250a {
	width: 246px;
	ime-mode: active;
}

.i250d {
	width: 246px;
	ime-mode: disabled;
}

.i300a {
	width: 296px;
	ime-mode: active;
}

.i300d {
	width: 296px;
	ime-mode: disabled;
}

.i450a {
	width: 446px;
	ime-mode: active;
}

.i450d {
	width: 446px;
	ime-mode: disabled;
}

.i500a {
	width: 496px;
	ime-mode: active;
}

.i500d {
	width: 496px;
	ime-mode: disabled;
}

.i550a {
	width: 546px;
	ime-mode: active;
}

.i550d {
	width: 546px;
	ime-mode: disabled;
}

.i580a {
	width: 576px;
	ime-mode: active;
}

.i580d {
	width: 576px;
	ime-mode: disabled;
}

/* Ctrl 010～
-------------------------------------------------- */

/*テキスト type="text"用*/
.textCtrl_010 {
	padding: 4px 4px 2px 0px;
	float: left;
}

/*テキスト type="checkbox"用*/
.textCtrl_020 {
	padding: 1px 5px 2px 1px;
	float: left;
}

/*テキスト type="radio"用*/
.textCtrl_030 {
	padding: 0px 6px 0px 1px;
	float: left;
}

/*テキスト <select>用*/
.textCtrl_040 {
	padding: 6px 4px 2px 0px;
	float: left;
}

/*住所検索用画像*/
.imgCtrl_010 {
	padding: 4px 4px 2px 0px;
	float: left;
}

/*type="text"fnav用*/
.textboxCtrl_fnav {
	padding: 0px;
	float: left;
}

/*type="text"用*/
.textboxCtrl_010 {
	padding: 2px 4px 2px 0px;
	float: left;
}

/*type="radio"用*/
.radioCtrl_010 {
	padding: 1px 1px 0px 0px;
	float: left;
}

/*<select>用*/
.selectCtrl_010 {
	padding: 3px 3px 3px 0px;
	float: left;
}

/*<select>用（floatなし）*/
.selectCtrl_020 {
	padding: 3px 3px 3px 0px;
}

/*type="checkbox"用*/
.checkboxCtrl_010 {
	padding: 2px 3px 1px 0px;
	float: left;
}

/*<textarea>用*/
.textareaCtrl_010 {
	padding: 0px;
	margin: 2px 0px;
}

/*type="file"用*/
.fileCtrl_010 {
	padding: 2px 5px 2px 0px;
}

.fileCtrl_010 input {
	font-size: 12px;
	height: 24px;
}

/*error用*/
.errorCtrl_010 {
	padding: 3px 10px 3px 0px;
	float: left;
}

/* Ctrl 901～
-------------------------------------------------- */

/*背景色 「赤色」該当*/
.textCtrl_901 {
	padding: 5px 10px 4px 5px;
	background: #ff0000;
}

/*背景色 「青色」該当*/
.textCtrl_902 {
	padding: 4px 4px 2px 0.7em;
	float: left;
	background: #0000ff;
}

/*背景色 「黄緑色」該当*/
.textCtrl_903 {
	padding: 4px 4px 2px 0.5em;
	float: left;
	background: #00ff00;
}

/*背景色 「黄色」該当*/
.textCtrl_904 {
	padding: 7px 0px 0px 6px;
	margin: 0px;
	float: left;
	font-size: 85%;
	color: #8a5414;
	background: #ffff00;
}

/*背景色 「水色」該当*/
.textCtrl_905 {
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 85%;
	color: #8a5414;
	background: #00ffff;
}

/*背景色 「茶色」該当*/
.checkboxCtrl_901 {
	padding: 6px 1px 0px 0px;
	float: left;
	background: #663300;
}

/*背景色 「橙色」該当*/
.selectCtrl_901 {
	padding: 0px 6px 3px 0px;
	float: left;
	background: #ff6600;
}

/*背景色 「紫色」該当*/
.textboxCtrl_901 {
	padding: 0px 3px 2px 0px;
	float: left;
	background: #cc00ff;
}

/*背景色 「桃色」該当*/
.textboxCtrl_902 {
	padding: 1px 0px 0px 0px;
	float: left;
	background: #ff99ff;
}

/* textareaBox
-------------------------------------------------- */

#mainArea .textareaBox {
	width: 630px;
	float: left;
}

/* formBlock
-------------------------------------------------- */

#mainArea .formBlock {
	width: 930px;
	padding: 3px 0px 4px;
	margin: 0px 0px 14px;
}

#mainArea .formBlock .formText {
	padding: 0px;
	margin: 10px 0px 3px;
}

/* formBlock General Form Table
-------------------------------------------------- */

#mainArea .formBlock .generalFormTable {
	width: 930px;
	padding: 0px;
	margin: 0px;
}

#mainArea .formBlock .generalFormTable table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-bottom: none;
	border-right: none;
	border-collapse: separate;
}

#mainArea .formBlock .generalFormTable table th {
	padding: 7px 9px;
	background: #e5e5e5;
	border-top: none;
	border-left: none;
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	font-weight: bold;
	vertical-align: middle;
	color: #010000;
}

#mainArea .formBlock .generalFormTable table td {
	padding: 7px 9px;
	background: #ffffff;
	border-top: none;
	border-left: none;
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
}

#mainArea .formBlock .generalFormTable table .errorBg {
	background: #ffdac3;
}

#mainArea .formBlock .generalFormTable table .tableBgBlue {
	background: #5d86a3;
}

#mainArea .formBlock .generalFormTable .sphere {
	padding: 0px;
	margin: 0px;
}

#mainArea .formBlock .generalFormTable .mustType1 {
	width: 100%;
}

#mainArea .formBlock .generalFormTable .mustType1 .leftText {
	width: 85%;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .formBlock .generalFormTable .mustType1 .rightIcon {
	width: 15%;
	padding: 0px;
	margin: 2px 0px 0px;
	text-align: right;
	float: right;
}

#mainArea .generalFormTable .mustType2 {
	width: 100%;
}

#mainArea .generalFormTable .mustType2 .leftIcon {
	width: 15%;
	padding: 0px;
	margin: 2px 0px 0px;
	float: left;
}

#mainArea .generalFormTable .mustType2 .rightText {
	width: 85%;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .formBlock .generalFormTable ul.link {
	padding: 0px;
	margin: 0px;
}

#mainArea .formBlock .generalFormTable ul.link li {
	padding: 0px;
	padding-left: 19px;
	text-indent: -19px;
	margin: 0px 0px 1px;
	line-height: 1.35;
}

#mainArea .formBlock .generalFormTable ul.link li.middleLink {
	padding-top: 2px;
	margin: 0px 12px 1px 0px;
}

#mainArea .formBlock .generalFormTable ul.link a {
	padding: 0px 0px 0px 19px;
	margin: 0px;
}

#mainArea .generalFormTable .radioBox {
	padding: 1px 0px;
	margin: 0px;
}

#mainArea .generalFormTable .attentionText {
	padding: 7px 0px 1px;
	margin: 0px;
	font-size: 85%;
	color: #cd1c1c;
	line-height: 1;
}

/* typeLogin
-------------------------------------------------- */

#mainArea .typeLogin {
	width: 500px;
	margin: 0px auto;
}

#mainArea .formBlock .typeLogin {
	width: 500px;
}

/* errorBox
-------------------------------------------------- */

#mainArea .errorBox {
	width: 926px;
	color: #333333;
	background: #ffffff;
	padding: 1px;
	margin: 9px 0px 12px;
	border: 1px solid #f16000;
}

#mainArea .errorBox .readBox {
	width: 908px;
	padding: 7px 9px 6px;
	margin: 0px;
	color: #ffffff;
	background: #f16000;
	font-weight: bold;
}

#mainArea .errorBox .layoutBg {
	padding: 10px 10px 5px;
	margin: 0px;
	background: #ffdac3;
}

#mainArea .errorBox p {
	padding: 0px;
	margin: 0px;
}

#mainArea .errorBox .textBox {
	width: 890px;
	padding: 0px 0px 3px;
	margin: 0px;
}

#mainArea .errorBox .textBox .errorIcon {
	width: 21px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .errorBox .textBox .errorIcon img {
	padding: 0px;
	margin: 0px;
}

#mainArea .errorBox .textBox .errorText {
	width: 864px;
	padding: 2px 0px 0px;
	margin: 0px;
	float: right;
	font-weight: bold;
	color: #be350b;
}

/* errorBoxTypeLogin
-------------------------------------------------- */

#mainArea .errorBoxTypeLogin {
	width: 498px;
	color: #333333;
	background: #ffffff;
	padding: 1px;
	margin: 9px auto 12px;
	border: 1px solid #f16000;
}

#mainArea .errorBoxTypeLogin .readBoxTypeLogin {
	width: 480px;
	padding: 7px 9px 6px;
	margin: 0px;
	color: #ffffff;
	background: #f16000;
	font-weight: bold;
}

#mainArea .errorBoxTypeLogin .textBox {
	width: 462px;
	padding: 0px 0px 3px;
	margin: 0px;
}

#mainArea .errorBoxTypeLogin .textBox .errorText {
	width: 426px;
	padding: 2px 0px 0px;
	margin: 0px;
	float: right;
	font-weight: bold;
	color: #be350b;
}

/* formBtnBox
-------------------------------------------------- */

#mainArea .formBtnBox {
	width: 930px;
	padding: 3px 0px 11px;
	margin: 0px auto;
	text-align: center;
}

/* btn
-------------------------------------------------- */

#mainArea .btnEdit {
	width: 129px;
	height: 32px;
	margin: 0px 15px 0px 0px;
}

#mainArea .btnReturn {
	width: 140px;
	height: 32px;
	margin: 0px 15px 0px 0px;
}

#mainArea .submitBtn {
	width: 129px;
	height: 32px;
	margin: 0px 0px 0px 15px;
}

#mainArea .transmitBtn {
	width: 129px;
	height: 32px;
}

#mainArea .btnCnfm {
	width: 172px;
	height: 32px;
}

#mainArea .adrSearchBtn {
	width: 63px;
	height: 17px;
}

#mainArea .tableHeadline {
	padding: 0px 1em 0px 0px;
	margin: 0px;
	float: left;
}

#mainArea .btnMust {
	padding: 0px;
	margin: 2px 0px 0px;
	float: left;
}

#mainArea .btnLeft {
	margin: 0px 15px 0px 0px;
	float: left;
}

#mainArea .btnRight {
	float: right;
}

/* formBtn
-------------------------------------------------- */

input.formBtn {
	height: auto;
	padding: 5px;
	margin: auto;
	cursor: pointer;
	border: 1px solid #cccccc;
	font-weight: bold;
	font-size: 100%;
}

a.formBtn {
	height: auto;
	padding: 8px;
	margin: auto;
	border: 1px solid #cccccc;
	font-weight: bold;
	font-size: 100%;
	line-height: 1;
	display: block;
	text-align: center;
}

.next {
	color: #333333;
	background: #f9f9f9;
}

a.next,
a.next:link,
a.next:visited,
a.next:hover,
a.next:active {
	color: #333333;
	text-decoration: none;
}

.nextRed {
	color: #ffffff;
	background: #f9f9f9;
}

a.nextRed,
a.nextRed:link,
a.nextRed:visited,
a.nextRed:hover,
a.nextRed:active {
	color: #ffffff;
	text-decoration: none;
}

.next:hover,
.next:focus {
	color: #333333;
	background: #fbfbfb;
}

.nextRed:hover,
.nextRed:focus {
	color: #ffffff;
	background: #fbfbfb;
}

/* selectPeriodNavigation
-------------------------------------------------- */

#mainArea .selectPeriodNavigation {
	width: 643px;
	padding: 3px 0px 4px;
	margin: 0px auto 14px;
	font-size: 95%;
}

#mainArea .selectPeriodNavigation .pageNumber {
	padding: 0px;
	margin: 0px;
	color: #999999;
}

#mainArea .selectPeriodNavigation .selectPeriodnaviBox {
	padding: 0px;
	margin: 0px;
}

#mainArea .selectPeriodNavigation .layout {
	padding: 0px;
	margin: 0px;
	position: relative;
}

#mainArea .selectPeriodNavigation .imgBox_010 {
	width: 68px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .selectPeriodNavigation .imgBox_020 {
	width: 53px;
	padding: 0px;
	margin: 0px 10px 0px 15px;
	float: right;
}

#mainArea .selectPeriodNavigation .body_010 {
	width: 496px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .selectPeriodNavigation .body_020 {
	padding: 0px;
	margin: 0px;
}

#mainArea .selectPeriodNavigation .image_010 {
	padding: 0px 5px 0px 0px;
	margin: 0px;
	float: left;
}

#mainArea .selectPeriodNavigation .image_020 {
	padding: 0px 15px 0px 0px;
	margin: 0px;
	float: left;
}

#mainArea .selectPeriodNavigation .image_030 {
	padding: 0px 5px 0px 0px;
	margin: 0px;
	float: left;
}

#mainArea .selectPeriodNavigation .image_040 {
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .selectPeriodNavigation p {
	padding: 4px 0px 0px;
	margin: 0px;
}

#mainArea .selectPeriodNavigation .text {
	padding: 4px 0px 0px;
	margin: 0px;
	text-align: center;
}

#mainArea .selectPeriodNavigation .changePaddingLeft {
	padding: 4px 0px 0px 21px;
}

#mainArea .selectPeriodNavigation .period {
	padding: 0px 0px 0px 21px;
	margin: 0px;
}

#mainArea .selectPeriodNavigation .iconImg {
	width: 24px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}

#mainArea .selectPeriodNavigation a:link,
#mainArea .selectPeriodNavigation a:visited,
#mainArea .selectPeriodNavigation a:hover,
#mainArea .selectPeriodNavigation a:active {
	text-decoration: underline;
}

/* pageNumbersBox
-------------------------------------------------- */

#mainArea .pageNumWrapper {
	height: 25px;
	padding: 28px 0px 51px;
	text-align: center;
}

#pageNumbersBox {
	width: 680px;
	margin: 0px auto;
	text-align: center;
}

.pageNumbersTable {
	width: auto;
	margin: 0px auto;
}

#pageNumbersBox .pageNumbers {
	height: 25px;
	padding: 0px 0px 0px 7px;
	margin: 0px;
	text-align: center;
	font-size: 120%;
}

#pageNumbersBox .pageNumbers .current_page,
#pageNumbersBox .pageNumbers b {
	height: 25px;
	padding: 0px 4px 0px 6px;
	margin: 0px 7px 0px 0px;
	color: #ffffff;
	display: inline;
	float:left;
	background: #df0024;
}

#pageNumbersBox .pageNumbers .link_page,
#pageNumbersBox .pageNumbers a {
	height: 25px;
	padding: 0px 4px 0px 6px;
	margin: 0px 7px 0px 0px;
	color: #ffffff;
	display: inline;
	float:left;
	background: #414141;
}

#pageNumbersBox .pageNumbers span {
	display:none;
}

#pageNumbersBox .pagePrevBox {
	width: 21px;
	padding: 0px;
	text-align: left;
}

#pageNumbersBox .pagePrev {
	width: 21px;
	height: 22px;
}

#pageNumbersBox .pageNextBox {
	width: 21px;
	padding: 0px;
	text-align: right;
}

#pageNumbersBox .pageNext {
	width: 21px;
	height: 22px;
}

/* pagerBox
-------------------------------------------------- */

.pagerBox {
	width: 680px;
	padding: 0px;
	margin: 35px 0px;
}

.pagerBox .prev {
	width: 96px;
	padding: 0px;
	margin: 0px;
	float: left;
}

.pagerBox .next {
	width: 96px;
	padding: 0px;
	margin: 0px;
	float: right;
}