@charset "shift_jis";

@import "jquery-ui.css";

body {
	background-image:url(../image/standard/body_bg.gif);
	background-attachment:fixed;
	margin-top:0px;
	font-size:75%;
	font-family:"ＭＳ Ｐゴシック";
}

input { font-family:"ＭＳ Ｐゴシック"; }

img { border:0px }

.step img { width:690px; }

.panel { width:757px; background:#ffffff; overflow:hidden; }

textarea { width:100%; border:2px inset #eeeeee; padding:0px; margin:0px; }

.header {
	margin:0px;
	margin-bottom:5px;
}

.header img {
	border:none;
}

#logo {
	float:left;
}

/********************* WEB申込商品 *************************/
.classification {
	background-image:url(../image/standard/classification_bg.png);
	background-repeat:no-repeat;
	height:66px;
	line-height:66px;
	width:700px;
	margin:2px;
	text-align:left;
	font-size: 130%;
	font-weight: bold;
	text-indent: 1.5em;
	overflow: hidden;
}

.franchises {
	float:right;
	font-size:75%;
	padding:8px;
	position:relative;
	top:10px;
	font-weight:normal;
}

.card_title {
	font-size:130%;
	text-indent:2em;
	background-image:url(../image/standard/h2_bg.gif);
	background-repeat:no-repeat;
	line-height:40px;
	text-align:left;
	margin-left:2em;
	font-weight:bold;
}

.cardname_bg_top {
	background-image: url(../image/standard/cardname_bg_top.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	font-size: 1%;
	height: 9px;
}

.cardname_bg {
	background-image: url(../image/standard/cardname_bg.png);
	background-position: 50% 50%;
	background-repeat: repeat-y;
	padding-left:12px;
	text-align:left;
}

.cardname_bg * {
	font-weight: bold;
	font-size:16px;
}

.cardname_bg_bottom {
	background-image: url(../image/standard/cardname_bg_bottom.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	font-size: 1%;
	height: 9px;
}

.card {
	width:686px;
}


/********************* 画面名 ****************************/
.screen_name { text-align:left; margin:8px 1em 20px 3em; }

.screen_name .name {
	font-size:130%;
	line-height:35px;
	text-indent:20px;
	background-image:url(../image/standard/h3_bg.gif);
	background-repeat:no-repeat;
	margin: 0px;
	font-weight:bold;
}

/********************* メッセージ ****************************/
#messages {
	width:85%;
	font-weight:bold;
	text-align:left;
	margin-bottom:1em;
	padding:4px;
}

#messages .title{
	padding:10px;
	background-color:#ff0000;
	vertical-align:middle;
	font-size: 12px;
	color: #FFFFFF;
	text-align:left;
	margin-bottom:5px;
}

.message {
	padding:8px 0px 0px 8px;
	color:red;
	font-weight:bold;
	vertical-align:middle;
}

.message img { vertical-align:middle; margin-right:3px; }

.message * { color:red; font-size:12px; }


/********************* カテゴリグループ ****************************/
#categories,#contents { width:684px; }

/********************* カテゴリ ****************************/
.category { margin-bottom:20px; }

.category_name{
	background-image:url(../image/standard/h4_bg.gif);
	background-repeat:no-repeat;
	text-indent: 20px;
	font-size:130%;
	line-height:34px;
	margin:0px;
	text-align:left;
	font-weight:bold;
}

/* カテゴリの説明文言 */
.category .before { text-align:left; }

/************************** 個別対応 *********************************/

/* 表示モードの場合、項目の高さ */
.category.vm .item .name { width:178px; }

/* 表示モードの場合、必須カラムを非表示 */
.category.vm .item .required { display:none; }

.category .item.vm { background-image: none; }

/* 表示モードの場合、詳細項目のフォントサイズ */
.category.vm .item .detail_item { font-size:15px; }

/* テーブル行番号の幅設定 */
.category .item.table .name { width:62px; }

.category .item.table .content { vertical-align: middle; }

#C036 .col_2 { text-align:left; }

#C036 td { padding:5px; }

/********************* 項目グループ ****************************/
.items { margin:3px 0em 1em 0em; border:1px solid rgb(204, 204, 204); }

/********************* 項目 ****************************/
.item table {
	width:100%;
	display:table;
	border-spacing:0px 0px;
	text-align:left;
}

.item .name {
	background-color:rgb(255, 251, 204);
	border:1px solid rgb(204, 204, 204);
	color:black;
	font-weight:bold;
	padding:3px 8px;
	width:120px;
}

.item .required {
	background-color:rgb(255, 251, 204);
	border:1px solid rgb(204, 204, 204);
	padding:3px 8px;
	text-align:center;
	width:40px;
	background-repeat: no-repeat;
	background-position:center center;
	background-image:url(../image/ico_option.gif);
}

.item.vm .required {
	background-image:none;
}

.required_item .required {
	background-image:url(../image/ico_essential.gif);
}

.item .content {
	border:1px solid rgb(204, 204, 204);
	margin:0px;
	padding:0px;
/*	vertical-align: middle; */
}

.item .before {
	color:rgb(102, 102, 102);
	padding-left:8px;
	padding-top:4px;
	line-height:1.5;
}

.item .before_guide {
	background-color:rgb(235, 235, 235);
	border-bottom:2px solid rgb(204, 204, 204);
	color:rgb(102, 102, 102);
	padding:0px 6px;
	margin:0px;
	clear:both;
	font-size:10px;
	line-height:120%;
}

.item .after {
	background-color:rgb(235, 235, 235);
	border-top:2px solid rgb(204, 204, 204);
	color:rgb(102, 102, 102);
	padding:0px 6px;
	margin:0px;
	clear:both;
	font-size:10px;
	line-height:120%;
}

.item th {
	background-color:rgb(255, 251, 204);
	border:1px solid rgb(204, 204, 204);
	color:black;
	font-weight:bold;
	padding:3px;
	text-align:center;
}

.item tr.required_item, .item tr.option_item, .table tr {
	/height: 58px;
	/height:45px;
	height:40px;
}

.category.vm tr.required_item, .category.vm tr.option_item, .category.vm .table tr {
	height: 40px;
	/height:25px;
}

/********************* 詳細項目グループ ****************************/
.detail_items {
	margin:3px 8px;
	vertical-align: bottom;
	word-break:break-all;
}

/********************* 詳細項目 ****************************/
.detail_item {
	display:inline-block;
	/display:inline;
	/zoom:1;
	/** vertical-align: bottom; */
}

.detail_item .legend { color:rgb(102, 102, 102); padding:1px;}

.label, .range {
	display:inline-block;
	/display:inline;
	/zoom:1;
	/margin:1px;
}
.radio, .check {
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
}

/********************* ボタン ****************************/
.button_area {
	width:91%;
	text-align:center;
	clear:all;
	margin:1em auto 2em auto;
}

.button_area input, .button_area span {
	cursor:pointer;
	margin:auto 1em auto 1em;
	border:0px;
	width:172px;
	height:32px;
	background-repeat:no-repeat;
	background-color:#ffffff;
	background-position:0px 0px;

	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align: top;
}

.error_item { background-color:#FFE5E5; }

.error_item .name, .error_item .required { background-color:#FFCCCC; }

.usertag { width:91%; }

.fixed { position:fixed; top:100px; border:solid 3px #990000; }

* html .fixed {
	position:absolute;
	top:expression(eval(document.documentElement.scrollTop + 200));
	border:solid 2px red;
}

.ime_disabled { ime-mode:disabled; }

.ime_active { ime-mode:active; }

a.tip:link { color: #ffffff; }
a.tip:visited { color: #ffffff; }
a.tip:active { color: #ffffff; }
a.tip:hover { color: #000000; background:#ffffff;}
a.tip { text-decoration :none; line-height:135%; font-size:110%; }

.item_error_status { background-color:#ff9999; }

a.active:link { color: #000000; }
a.active:visited { color: #000000; }
a.active:active { color: #000000; }
a.active:hover { color: #aaaaaa; background:#666666; }
a.active { font-weight:bold; padding:5px; }

.select_tip_item, .select_tip_func {
	cursor: pointer;
	padding: 4px;
	line-height: 120%;
	color: #ffffff;
	font-size:100%;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	list-style: none;
}

.category .title {
	font-size:130%;
	text-indent:2em;
	background-image:url(../image/standard/h2_bg.gif);
	background-repeat:no-repeat;
	line-height:40px;
	text-align:left;
	font-weight:bold;
}

body #ui-datepicker-div { font-size: 90%; display:none; }

/** 車種、コース名１、コース名２、販売店名[店名]、役務内容１、役務内容２ */
/** 役務内容３、役務内容４、役務内容５、工事内容、商品１、商品２、商品３、商品４、商品５、使用者 */
/** 追加した担当者用カードの使用者 */
#I025 .detail_item, #I030 .detail_item, #I031 .detail_item, #I249 .detail_item,
#I283 .detail_item, #I285 .detail_item, #I287 .detail_item, #I289 .detail_item,
#I291 .detail_item, #I294 .detail_item, #I308 .detail_item, #I311 .detail_item,
#I314 .detail_item, #I317 .detail_item, #I320 .detail_item, #I438 .detail_item,
#I441 .detail_item, #I444 .detail_item, #I447 .detail_item, #I450 .detail_item,
#I453 .detail_item, #I455 .detail_item, #I457 .detail_item, #I459 .detail_item,
#I461 .detail_item, #I472 .detail_item, #I482 .detail_item, #I484 .detail_item,
#I485 .detail_item, #I009 .detail_item, #I432 .detail_item, #I995 .detail_item,
#IA80 .detail_item { display:block; float:none; }

/** 氏名 (詳細項目ラベル部幅) */
#I008.em .label, #I029.em .label, #I091.em .label, #I092.em .label, #I093.em .label, #I172.em .label,
#I173.em .label, #I335.em .label, #I336.em .label, #I346.em .label, #I347.em .label, #I348.em .label,
#I358.em .label, #IC29.em .label, #IC30.em .label, #I971.em .label, #I975.em .label, #I981.em .label,
#I987.em .label, #I996.em .label, #IA08.em .label, #IA09.em .label, #IA10.em .label, #IA19.em .label,
#IA20.em .label, #IA21.em .label, #IA30.em .label, #IA31.em .label, #IA32.em .label, #IB24.em .label,
#IB62.em .label, #I337.em .label, #I349.em .label, #I359.em .label, #IB85.em .label, #IB86.em .label,
#IB87.em .label { width:30px; }

/** 氏名 (詳細項目全体幅) */
#I008.em .detail_item, #I029.em .detail_item, #I091.em .detail_item, #I092.em .detail_item,
#I093.em .detail_item, #I172.em .detail_item, #I173.em .detail_item, #I335.em .detail_item,
#I336.em .detail_item, #I346.em .detail_item, #I347.em .detail_item, #I348.em .detail_item,
#I358.em .detail_item, #IC29.em .detail_item, #IC30.em .detail_item, #I971.em .detail_item,
#I975.em .detail_item, #I981.em .detail_item, #I987.em .detail_item, #I996.em .detail_item,
#IA08.em .detail_item, #IA09.em .detail_item, #IA10.em .detail_item, #IA19.em .detail_item,
#IA20.em .detail_item, #IA21.em .detail_item, #IA30.em .detail_item, #IA31.em .detail_item,
#IA32.em .detail_item, #IB24.em .detail_item, #IB62.em .detail_item, #I337.em .detail_item,
#I349.em .detail_item, #I359.em .detail_item, #IB85.em .detail_item, #IB86.em .detail_item,
#IB87.em .detail_item { width:210px; }

/** 毎月返済希望額 (詳細項目) */
#I186.em .detail_item, #I759.em .detail_item, #IB67.em .detail_item { width:100% }
#I186.em .label, #I759.em .label, #IB67.em .label { width:90px; }

/** 住所 */
#I097 .detail_item, #I124 .detail_item, #I131 .detail_item, #I209 .detail_item, #I297 .detail_item,
#I411 .detail_item, #I421 .detail_item, #I428 .detail_item, #I475 .detail_item, #I521 .detail_item,
#I551 .detail_item, #I560 .detail_item, #I579 .detail_item, #I699 .detail_item, #I713 .detail_item,
#I967 .detail_item, #IA52 .detail_item { width:100% }

#I097.em .label, #I124.em .label, #I131.em .label, #I209.em .label, #I297.em .label, #I411.em .label,
#I428.em .label, #I967.em .label { width:80px; }

/** 住所(カナ) */
#I098 .label, #I125 .label, #I132 .label, #I210 .label, #I298 .label, #I476 .label, #I522 .label,
#I540 .label, #I552 .label, #I561 .label, #I700 .label, #I714 .label, #I968 .label, #IA53 .label
{ width:140px; }

#I098 .detail_item, #I125 .detail_item, #I132 .detail_item, #I210 .detail_item, #I298 .detail_item,
#I476 .detail_item, #I522 .detail_item, #I540 .detail_item, #I552 .detail_item, #I561 .detail_item,
#I700 .detail_item, #I714 .detail_item, #I968 .detail_item, #IA53 .detail_item { width:100% }

/** 使用者 */
#I995.em .label { width:80px; }

/** 現金販売価格合計（税込）、現金提供価格合計（税込）、受講金額（税込）、送料合計、商品価格合計 */
/** 頭金、クレジット金額（残金）、うち消費税、消費税合計 */
#I062.vm .detail_items, #I463.vm .detail_items, #I464.vm .detail_items, #I465.vm .detail_items,
#I466.vm .detail_items, #I467.vm .detail_items, #I468.vm .detail_items, #I469.vm .detail_items,
#I470.vm .detail_items { text-align:right; }

/** 商品名称１〜５ 折り返し対応 */
#I214 .detail_items .detail_item, #I215 .detail_items .detail_item, #I216 .detail_items .detail_item,
#I217 .detail_items .detail_item, #I218 .detail_items .detail_item, #I308 .detail_items .detail_item,
#I311 .detail_items .detail_item, #I314 .detail_items .detail_item, #I317 .detail_items .detail_item,
#I320 .detail_items .detail_item, #I747 .detail_items .detail_item, #I748 .detail_items .detail_item,
#I749 .detail_items .detail_item, #I750 .detail_items .detail_item, #I751 .detail_items .detail_item
{ width:300px; word-wrap:break-word; word-break:break-all; }

#GoodsName1,#GoodsName2,#GoodsName3,#GoodsName4,#GoodsName5,#EkimuContent1,#EkimuContent2,#EkimuContent3,#EkimuContent4,#EkimuContent5 { width:98%; }

#I438 .detail_items .detail_item, #I441 .detail_items .detail_item, #I444 .detail_items .detail_item,
#I447 .detail_items .detail_item, #I450 .detail_items .detail_item, #I752 .detail_items .detail_item,
#I753 .detail_items .detail_item, #I754 .detail_items .detail_item, #I755 .detail_items .detail_item,
#I756 .detail_items .detail_item
{ width:350px;word-wrap:break-word;word-break:break-all; }

/** 役務内容１〜５ 折り返し対応 */
#I283 .detail_items .detail_item, #I285 .detail_items .detail_item, #I287 .detail_items .detail_item,
#I289 .detail_items .detail_item, #I291 .detail_items .detail_item { width:390px;word-wrap:break-word;word-break:break-all; }

#I453 .detail_items .detail_item, #I455 .detail_items .detail_item, #I457 .detail_items .detail_item,
#I459 .detail_items .detail_item, #I461 .detail_items .detail_item { width:440px;word-wrap:break-word;word-break:break-all; }

/** 車種名、コース名１・２、工事内容、使用者、追加した担当者用カードの使用者 折り返し対応 */
#I025 .detail_items .detail_item, #I030 .detail_items .detail_item, #I031 .detail_items .detail_item,
#I294 .detail_items .detail_item, #I472 .detail_items .detail_item, #I482 .detail_items .detail_item,
#I484 .detail_items .detail_item, #I485 .detail_items .detail_item, #I009 .detail_items .detail_item,
#I432 .detail_items .detail_item, #I995 .detail_items .detail_item, #IA80 .detail_items .detail_item { width:465px;word-wrap:break-word;word-break:break-all; }

/** ご職業区分, カードご利用目的, キャッシングご利用目的 */
#I116 .radio,#I887 .check, #I889 .check,#IC73 .check { width:100%; /width:96%;}

/** 融資金のお使いみち */
#I054 .detail_item { width:100%; }

/** 役務期間 */
#I011 .radio { margin:5px auto; }

/** カテゴリ */
/** 支払明細 */
#C036 { margin-bottom: 0px; }
#C036 .items { margin-bottom: 0px; }

.ui-datepicker-trigger {
	border: 0px;
	margin: 4px 1px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(../image/calendar.gif);
	/margin-bottom:0px;
}

.label {
	/padding-bottom:3px;
}

/** 小計、計算ボタンの幅 */
.button { width:50px; }

#I011 .radio { margin:4px; }

/** 詳細項目間 全角スペース対応 */
#I135 .detail_item, #I431 .detail_item, #I483 .detail_item, #I498 .detail_item, #I515 .detail_item,
#I516 .detail_item, #I525 .detail_item, #I536 .detail_item, #I537 .detail_item, #I539 .detail_item,
#I544 .detail_item, #I545 .detail_item, #I556 .detail_item, #I572 .detail_item, #I573 .detail_item,
#I576 .detail_item, #I577 .detail_item, #I588 .detail_item, #I593 .detail_item, #I594 .detail_item,
#I601 .detail_item, #I682 .detail_item, #I692 .detail_item, #I693 .detail_item, #I608 .detail_item,
#I609 .detail_item, #I263 .detail_item, #IC47 .detail_item, #IC48 .detail_item, #IA43 .detail_item,
#IA56 .detail_item, #IA60 .detail_item, #IA66 .detail_item, #IA72 .detail_item, #IA81 .detail_item,
#IA90 .detail_item, #IA91 .detail_item, #IB01 .detail_item, #IB02 .detail_item, #IB12 .detail_item,
#IB13 .detail_item, #IB25 .detail_item, #IB88 .detail_item, #IB89 .detail_item, #IB90 .detail_item,
#ID20 .detail_item, #ID22 .detail_item, #ID12 .detail_item, #ID29 .detail_item ,#ID33 .detail_item,
#ID39 .detail_item, #ID55 .detail_item, #ID57 .detail_item, #ID61 .detail_item, #ID77 .detail_item,
#ID79 .detail_item, #ID83 .detail_item, #ID99 .detail_item, #IE01 .detail_item, #IE05 .detail_item,
#IE21 .detail_item, #IE23 .detail_item, #IE27 .detail_item { margin-right:1em; }

/** 詳細項目間 半角スペース対応 */
#I517 .detail_item, #I610 .detail_item, #IA92 .detail_item, #IB03 .detail_item, #IB14 .detail_item { margin-right:0.5em; }

/** firefox2対応 */
/** 一時コメントアウト
.detail_items, x:-moz-any-link {
	display:table;
}

.detail_items, x:-moz-any-link, x:default {
	display:block;
}

.radio, .check, .label, x:-moz-any-link {
	float:left;
}
.radio, .check, label, x:-moz-any-link, x:default {
	float:none;
}

.range, .label, x:-moz-any-link {
	float:left;
	padding:1px 4px 1px 1px;
}
.range, .label, x:-moz-any-link, x:default {
	float:none;
	padding:auto;
}

.detail_item, .button_area span, x:-moz-any-link {
	display:-moz-inline-box;-moz-box-align:end;
}
.detail_item, .button_area span, x:-moz-any-link, x:default {
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.detail_item.opt, x:-moz-any-link {
	display:inline;
}

.detail_item.opt, x:-moz-any-link, x:default {
	display:inline-block;
	/display:inline;
	/zoom:1;
}

input { /font-family:"MS UI Gothic"; }
input[type='radio'] { margin:0px; padding:0px; }
input[type='checkbox'] { margin:0px; padding:0px; }
*/

.radio_pos_fix {
	position:relative;
	top:-2px;
	line-height: 130%;
}

#I757 .radio {
	display: block;
	float: none;
		margin:.7em .2em 0em .2em;
}

#I757 .detail_item {
	width: 100%;
}

#IC14 .detail_item { width: 100%;}
#IC14 .check { width: 230px;}


/* 規約画面の個別対応 */
#KKLAXZ00Scrn02 .title { margin-left:0px; }
#KKLAXZ00Scrn02 .em { border:none; }
#KKLAXZ00Scrn02 .category { margin-bottom:auto; }
#KKLAXZ00Scrn02 .item_error_status { background-color:white; }

#KKLAXZ00Scrn02 .check {
	text-align:left;
	border:3px solid #ff0000;
	font-weight:bold;
}

/* 申込完了審査完了画面の個別対応 */
#KKLAXZ00Scrn10 .warning, #KKLAXZ00Scrn11 .warning {
	text-align:left;
	color:red;
	margin: 6px;
}

.contents {
	margin:1em 3em;
	line-height:150%;
	height:150%;
}

#KKLAXZ00Scrn10 #wait {
	margin:0px;
	padding:0px;
	width:92%;
	display:none;
	min-height:240px;
}

#KKLAXZ00Scrn10 #wait .title {
	text-align:left;
	margin:1em;
	color:red;
	margin-bottom:5em;
}

#KKLAXZ00Scrn11 .confirm {
	width:380px;
	border:solid #DFDFDF 1px;
	padding:1px;
	margin-bottom:1em;
}

#KKLAXZ00Scrn11 .confirm .title {
	background:#F8B862;
	font-size:130%;
	padding:3px;
	color:#E00E0E;
}

#KKLAXZ00Scrn11 .confirm .info {
	padding:10px;
	text-align:left;
	font-size:120%;
	line-height:150%;
}

.kaketu_info {
	text-align:left;
	color:red;
	margin:2em;
}

#KKLAXZ00Scrn10 .ContactCordAddress, #KKLAXZ00Scrn11 .ContactCordAddress {
	padding:10px;
	text-align:left;
	margin:1em;
}

#I973 table.caution {
	margin: 3px;
	border-collapse: collapse;
	border: 1px solid #000000;
}

#I973 table.caution th {
	font-weight:normal;
	background-color:lavender;
	border: 1px solid #333333;
	padding: 2px;
}

#I973 table.caution td {
	text-align:center;
	border: 1px solid #333333;
	padding: 3px 2px;
	background-color: #FFFFFF;
}

#I973 select {
	width:100%;
	font-size:100%;
}

#I954 .after {
	background-color: #FFFFFF;
}

#I954 .after .radio_pos_fix {
	top:-3px;
}

.progressing {
	display:none;
}

.progressbar, .ordernobar {
	margin:1em;
	border: solid #FF731D 2px;
	height: 48px;
	line-height:48px;
	font-size: 32px;
	text-align:left;
	width:460px;
	vertical-align: middle;
}

.progressbar-value {
	color: #FFF;
	font-size: 32px;
	background:#FF731D;
	width:0px;
	height:100%;
}

.order_no_title {
	width: 5em;
	background: #FF731D;
	display: inline-block;
	text-align: center;
	color: #FFF;
}

.order_no {
	display: inline-block;
	margin-left: 8px;
	color: #FF731D;
}

/* 教育(完結)_申込者との関係 */
#ID32 .detail_items .opt + .detail_item {
	display: block;
}

.sys_error {
	text-align: left;
	font-size: 16px;
	margin: 30px 0 20px 80px;
}

.sys_error p {
	margin: 0;
	padding: 3px 0;
}

.sys_error .contact {
	margin-bottom: 20px;
}

.sys_error .contact tr td {
	vertical-align: baseline;
	padding: 20px 10px 0 0px;
}

.sys_error .contact .contact_detail {
	padding-top: 5px;
	font-size: 12px;
}

.sys_error .bold {
	font-weight: bold;
}