@charset 'utf-8';

input {
	font-size: 14px;
	height: 18px;
	padding: 2px;
}

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;
}

.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;
}

.i720a {
	width: 716px;
	ime-mode: active;
}

.i720d {
	width: 716px;
	ime-mode: disabled;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.textCtrl_901 {
	padding: 4px 10px 4px 5px;
}

.textCtrl_902 {
	padding: 3px 4px 2px 0.7em;
	float: left;
}

.textCtrl_903 {
	padding: 3px 4px 2px 0.5em;
	float: left;
}

.textCtrl_904 {
	padding: 6px 0px 0px 6px;
	margin: 0px;
	float: left;
	font-size: 85%;
	color: #8a5414;
}

.textCtrl_905 {
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 85%;
	color: #8a5414;
}

.checkboxCtrl_901 {
	padding: 5px 1px 0px 0px;
	float: left;
}

.selectCtrl_901 {
	padding: 0px 6px 3px 0px;
	float: left;
}

.textboxCtrl_901 {
	padding: 0px 3px 2px 0px;
	float: left;
}

.textboxCtrl_902 {
	padding: 0px 0px 0px 0px;
	float: left;
}

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

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

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

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

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

/* attention Element
-------------------------------------------------- */

#mainArea .formBlock ul.attention {
	font-size: 75%;
}

#mainArea .formBlock ul.attention li {
	line-height: 1;
}

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

#mainArea .formBlock .generalFormTable {
	width: 720px;
	padding: 0px;
	margin: 0px 5px 11px;
}

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

#mainArea .formBlock .generalFormTable table th {
	padding: 7px 9px;
	background: #e2eff6;
	border-top: none;
	border-left: none;
	border-bottom: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	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 #cbcbcb;
	border-right: 1px solid #cbcbcb;
}

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

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

#mainArea .formBlock .generalFormTable table .tableBgHead_010 {
	color: #ffffff;
	background: #999999;
}

#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;
	background: url(/shared/images/arrow_small_right.gif) no-repeat 3px 4px;
}

#mainArea .formBlock .generalFormTable ul.link li.middleLink {
	padding-top: 2px;
	margin: 0px 12px 1px 0px;
	background: url(/shared/images/arrow_middle_right.gif) no-repeat 1px 6px;
}

#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: 916px;
	color: #333333;
	background: #ffffff;
	padding: 1px;
	margin: 0px 5px 11px;
	border: 1px solid #f16000;
}

#mainArea .errorBox .readBox {
	width: 898px;
	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: 880px;
	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: 854px;
	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 .creditBtn {
	width: 245px;
	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;
}

#mainArea .next {
	color: #333333;
	background: #f9f9f9 url(/shared/input/images/btn_bg.gif) repeat-x left bottom;
}

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

#mainArea .nextRed {
	color: #ffffff;
	background: #f9f9f9 url(/shared/input/images/btn_red_bg.gif) repeat-x left bottom;
}

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

#mainArea .next:hover,
#mainArea .next:focus {
	color: #333333;
	background: #fbfbfb url(/shared/input/images/btn_bg_on.gif) repeat-x left bottom;
}

#mainArea .nextRed:hover,
#mainArea .nextRed:focus {
	color: #ffffff;
	background: #fbfbfb url(/shared/input/images/btn_red_bg_on.gif) repeat-x left bottom;
}

/* 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 {
	padding: 1px 0px;
	margin: 0px 0px 14px;
	text-align: center;
}

#mainArea .pageNumbersBox {
	width: 930px;
	margin: 0px auto;
	text-align: center;
}

#mainArea .pageNumbersTable {
	width: auto;
	padding: 0px;
	margin: 0px auto;
}

#mainArea .pageNumbersBox .pageNumbers {
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#mainArea .pageNumbersBox .pageNumbers strong {
	padding: 2px 3px 0px 5px;
	margin: 1px 3px 5px 0px;
	color: #fffefe;
	display: block;
	font-weight: normal;
	float:left;
	line-height: 1;
	background: #2180c5;
}

#mainArea .pageNumbersBox .pageNumbers span {
	padding: 0px 0px 0px 6px;
	margin: 0px;
	float: left;
	color: #999999;
}

#mainArea .pageNumbersBox .pageNumbers a {
	padding: 0px 4px 0px 6px;
	margin: 0px 0px 5px 0px;
	display: block;
	float:left;
}

#mainArea .pageNumbersBox .pagePrevBox {
	width: 16px;
	padding: 5px 0px 3px;
	text-align: left;
	vertical-align: top;
}

#mainArea .pageNumbersBox .pagePrev {
	width: 12px;
	height: 12px;
}

#mainArea .pageNumbersBox .pageNextBox {
	width: 16px;
	padding: 5px 0px 3px;
	vertical-align: top;
}

#mainArea .pageNumbersBox .pageNext {
	width: 12px;
	height: 12px;
}

/* pageNavBox
-------------------------------------------------- */

#mainArea .pageNavBox {
	padding: 3px 0px 4px;
	margin: 0px 0px 14px;
}

#mainArea .pageNavBox ul,
#mainArea .pageNavBox ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#mainArea .pageNavBox ul.pageNav_010 {
	margin: 0px;
	padding: 10px 10px 5px;
	text-align: center;
	background: #eeeeee;
}

#mainArea .pageNavBox ul.pageNav_010 li {
	display: inline;
	margin: 0px 2px;
	padding: 0px;
}

#mainArea .pageNavBox ul.pageNav_010 li.back,
#mainArea .pageNavBox ul.pageNav_010 li.next {
	width: 100px;
	height: 100px;
	display: inline-block;
	margin: 0px 2px;
	padding: 3px 0px 0px 16px;
	background: url(/shared/images/testarrow.gif) left top no-repeat;
}

#mainArea .pageNavBox ul.pageNav_010 li.back span,
#mainArea .pageNavBox ul.pageNav_010 li.back a,
#mainArea .pageNavBox ul.pageNav_010 li.next span,
#mainArea .pageNavBox ul.pageNav_010 li.next a {
	margin: 0px 0px 5px;
	padding: 0px 8px 0px;
	border: none;
	text-decoration: none;
	vertical-align: middle;
}

#mainArea .pageNavBox ul.pageNav_010 li span,
#mainArea .pageNavBox ul.pageNav_010 li a {
	display: inline-block;
	margin: 0px 0px 5px;
	padding: 1px 8px;
	background: #ffffff;
	border: 1px solid #aaaaaa;
	text-decoration: none;
	vertical-align: middle;
}

#mainArea .pageNavBox ul.pageNav_010 li a:hover {
	background: #eeeff7;
	border-color: #0000ff;
}

/* btnBox
-------------------------------------------------- */

#mainArea .btnBox {
	padding: 4px 0px 5px;
	margin: 0px 0px 11px;
}

#mainArea .btnBox .mailBtn {
	width: 104px;
	height: 26px;
}