@charset "Shift_JIS";

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-spacing: 0;
}

 
/* common
-----------------------------*/
p{ color:#171717;  font-weight:normal; }
a{ color:#1b2f8b; text-decoration:underline; }
a:hover{ color:#1b2f8b; text-decoration:none; }
img{  vertical-align:middle; }
ul{ list-style-type: disc; padding:5px 30px; }
ol{ list-style-type:decimal; padding:5px 30px; }

.red{ color:#F00; font-weight:bold;}
.red strong{ font-size:120%; }
.black{ color:#000; font-weight:bold;}
.blue{ color:#1b2f8b; }
.mt10 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.pb0 { padding-bottom:0!important; }
.pb5 { padding-bottom:5!important; }
p.right{ text-align:right; }
p.center{ text-align:center; }
a.popup{ padding:0 17px 0 0; background:url(../img/icon_popup.gif) right top no-repeat; }


/* layout
-----------------------------*/

html{ height:100%; }
body{ height:100%; line-height:1.6; font-family:'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3",hirakakupro-w3,Sans-serif; background:#fff; }
#containter{ position: relative; height:auto !important; width:100%; height: 100%; min-height: 100%; margin:0 auto; background:url(../img/bg_header.gif) 0 0 repeat-x; }
#header { position:relative; width:900px; height:80px; margin:0 auto; }
#header h1 { display:block; padding:13px 0 0; }
#header p.cedyna { position:absolute; right:0; top:10px; line-height:0}
#header dl { position:absolute; right:0; bottom:9px; line-height:0}
#header dt { display:inline; line-height:0; }
#header dd { display:inline; line-height:0; }
#header dl img {vertical-align:baseline; }
#main{ width:900px; margin:15px auto 0; padding-bottom:90px; font-size:80%; }
#main .step{ text-align:center; padding:0 0 20px; }
#main h2{ display:block; margin:0 0 20px; padding:7px 15px; font-size:125%; font-weight:bold; color:#fff; background:#cc0033; border-radius:4px; position:relative; behavior: url( pie/PIE.htc ); }
#main h2.plain{ display:block; margin:20px 0 15px; padding:0; font-size:160%; font-weight:bold; color:#171717; background:none; }
#main p{ display:block; padding:0 0 20px; }
#main h3{ display:block; margin:0 0 20px; padding:11px 13px 10px; font-size:120%; font-weight:bold; line-height:1.1; border:1px solid #999; background:#c3c7c9 url(../img/audi/bg_title.gif) left bottom repeat-x;}
#main h3.ttitle{ border-bottom:none; margin:0; }
#main h3 .addtxt { display:block; padding-top:5px; font-size:85% }
#main h4{ font-weight:bold; }
#footer p { padding:4px 0 0; color:#666; font-size:10px; line-height:1.1; text-align:center; }


/* text resize
-----------------------------*/
#header dl#textresizer { width:132px; height:30px; display:block; position:absolute; top:40px; right:0; }
#header dl#textresizer dt { display:block; position:absolute; bottom:0; left:0; }
#header dl#textresizer dd.sizes a{ display:block; position:absolute; bottom:0; right:49px; width:17px; height:15px; text-indent:-9999px; background:url(../img/icon_font_size.gif) 0 0 no-repeat; }
#header dl#textresizer dd.sizem a{ display:block; position:absolute; bottom:0; right:25px; width:21px; height:18px; text-indent:-9999px; background:url(../img/icon_font_size.gif) -20px 0 no-repeat; }
#header dl#textresizer dd.sizel a{ display:block; position:absolute; bottom:0; right:0; width:23px; height:21px; text-indent:-9999px; background:url(../img/icon_font_size.gif) -42px 0 no-repeat; }
#header dl#textresizer dd.sizes a:hover { background:url(../img/icon_font_size.gif) 0 -23px no-repeat; }
#header dl#textresizer dd.sizem a:hover { background:url(../img/icon_font_size.gif) -20px -23px no-repeat; }
#header dl#textresizer dd.sizel a:hover { background:url(../img/icon_font_size.gif) -42px -23px no-repeat; }
#header dl#textresizer dd.sizes a.textresizer-active { background:url(../img/icon_font_size.gif) 0 -46px no-repeat; }
#header dl#textresizer dd.sizem a.textresizer-active { background:url(../img/icon_font_size.gif) -20px -46px no-repeat; }
#header dl#textresizer dd.sizel a.textresizer-active { background:url(../img/icon_font_size.gif) -42px -46px no-repeat; }


/* moushikomi no nagare
-----------------------------*/
#main .nagare{ padding:5px 0 5px; background:#eee; border-radius:4px; position:relative; behavior: url( pie/PIE.htc );}
#main .nagare h3{ display:block; padding:10px 10px 0; font-size:130%; font-weight:bold; line-height:1.1; border:none; background:none; }
#main .nagare h3 img{ margin:-3px 10px 0 0; padding: 0 0 2px; }
#main .nagare p{ display:block; margin:0; padding:0 50px 15px 54px; line-height:1.4; }
#main .nagare p.stxt{ display:block; margin:0; padding:0 50px 10px 54px; color:#666; font-size:85%; }
#main .nagare .wbox { display:block; width:50%; margin:0 50px 10px 54px; padding:5px; border:1px solid #d2d2d2; background:#fff; }
#main .nagare .wbox h4{ display:block; margin:0; padding:0 5px; font-size:90%; font-weight:normal; }
#main .nagare .wbox p{ display:block; margin:0; padding:0 5px; font-size:85%; }
#main .arrow{ height:33px; line-height:33px; text-align:center; }
#main .arrow img{ margin-top:8px;}


/* kiyaku
-----------------------------*/
#main .kiyaku{ padding:25px 30px; background:#eee; border-radius:4px; position:relative; behavior: url( pie/PIE.htc );}
#main .kiyaku h3{ display:block; margin:-5px 0 0; padding:0; font-size:130%; font-weight:bold; line-height:1.1; border:none; background:none; }
#main .kiyaku p { margin:10px 0 0; padding:0; }
#main .kiyaku p strong{ color:#f00; font-size:110%; font-weight:bold; }
#main .kiyaku p strong .stxt{ font-size:80%; }
#main .kiyaku .wbox textarea{ display:block; width:815px; height:235px; font-size:90%; margin:10px 0 0; padding:12px; border:1px solid #d2d2d2; background:#fff; }
#main .kiyaku .wbox .notitle{ margin:0; }
#main .kiyakutxt { padding:20px 30px 0; }


/* kiyaku doui btn
-----------------------------*/
.douibtn { margin:0px 0px 0px; text-align:center; font-size:120%;}
.douibtn input { margin:0 8px 1px; padding:0; vertical-align:text-bottom;}
.douibtn p { margin:20px 0 0; font-size:90%; }

/* btnbox2
-----------------------------*/
#main .btnbox2 {position:relative; margin:0px; text-align:center; top:0px;}
#main .btnbox2 p.cancel { margin:15px 0 0; padding:0; line-height:1.1; font-weight:bold; }
#main .btnbox2 a { margin:0 5px; }
#main .btnbox2 p.back { margin:0; text-align:left; }

/* otoiawase
-----------------------------*/
#main .contact { width:50%; margin:30px auto 0; padding:20px 10px 17px; text-align:center; border:1px solid #999; } 
#main .contact p { margin:0; padding:0; line-height:1.5 } 
#main .contact p strong { font-size:150%; font-weight:bold; } 
#main .contact p.time { font-size:90%; } 


/* graybox
-----------------------------*/
#main .graybox { margin:0 0 15px; padding:15px; text-align:center; background:#eee }
#main .graybox p { padding:0px; font-size:120%;  }


/* txtset large
-----------------------------*/
#main .txtsetl { text-align:center; }
#main .txtsetl strong { font-size:140%; font-weight:bold; }


/* btmtext
-----------------------------*/
#main .btmtext { text-align:center; }
#main .btmtext p { padding:3px 0 10px; }
#main .btmtext strong { font-size:120%; font-weight:bold; }


/* btnbox
-----------------------------*/
#main .btnbox { margin:30px 0 0; text-align:center}
#main .btnbox p.cancel { margin:15px 0 0; padding:0; line-height:1.1; font-weight:bold; }
#main .btnbox a { margin:0 5px; }
#main .btnbox p.back { margin:0; text-align:left; }

/* btnbox s
-----------------------------*/
#main .btnboxs { margin:20px 0 0; padding:0 0 35px; text-align:center}
#main .btnboxs p.cancel { margin-top:12px; font-weight:bold; }
#main .btnboxs a { margin:0 5px; }


/* btn internet bank
-----------------------------*/
#main .internetbank { margin:30px 0 0; padding:0 0 20px; text-align:center}
#main .internetbank p strong { padding:0px; font-size:140%; font-weight:bold; text-align:left; }
#main .internetbank p.cancel { margin:15px 0 0; padding:0; line-height:1.1; font-weight:bold; }
#main .internetbank a { margin:0 5px; }


/* btn internet bank 2
-----------------------------*/
#main .internetbank2 { margin-left:10px;  padding:0 0 20px; text-align:center; }
#main .internetbank2 p { padding:0px; text-align:left; }
#main .internetbank2 p.text1 { padding:0 0 10px; font-size:120%; }
#main .internetbank2 p.text2 { padding:0px; font-size:120%; }
#main .internetbank2 p.text3 { padding:0 0 0 1em;}
#main .internetbank2 p.text4 { padding:0px; font-size:140%; }
#main .internetbank2 a { margin:0 5px; }


/* error
-----------------------------*/
#main .errortxt { margin:25px 0; padding:15px 15px 15px 160px; border:3px solid #f00; background:url(../img/img_error.gif) 28px center no-repeat; }
#main .errortxt ul li { padding:0px; color:#f00; font-weight:bold; }


/* info
-----------------------------*/
#main .info { margin:25px 0;  padding:15px 25px; border:3px solid #f00; }
#main .info ul li { padding:0px; color:#f00; font-weight:bold; }


/* kakunin
-----------------------------*/
#main .kakunin { margin:25px 0; }
#main .kakunin p { padding:0px; }
#main .kakunin p strong { font-size:100%; font-weight:bold; }
#main .kakunin p .txt { padding:0px; color:#f00; }


/* maintenance
-----------------------------*/
#main .maintenance { margin:25px 0 50px; padding:25px 25px; border:3px solid #f00; }
#main .maintenance p { padding:0px; color:#f00; font-size:120%; font-weight:bold; text-align:center; }

/* thanks
-----------------------------*/
#main .thanks { margin-left: 15px; }
#main .thanks p { padding:0 0 10px;  }
#main .thanks p strong { padding:0px; font-size:140%; font-weight:bold; text-align:center; }
#main .thanks p.name strong { padding:0px; font-size:120%; font-weight:bold; text-align:center; }


/* receipt number
-----------------------------*/
#main .receiptnumber { width:50%; margin:20px auto 0; border-right:2px solid #171717; border-bottom:2px solid #171717; }
#main .receiptnumber th { width:50%; padding:16px; vertical-align:middle; color:#171717; font-size:120%; line-height:1.1; font-weight:bold; text-align:center; border-top:2px solid #171717; border-left:2px solid #171717; background:#fff; }
#main .receiptnumber td { width:50%; padding:16px; vertical-align:middle; font-size:120%; line-height:1.1; font-weight:bold; text-align:center; border-top:2px solid #171717; border-left:2px solid #171717; background:#eeeeee; }


/* receipt time
-----------------------------*/
#main .receipttime { margin:35px 0; padding:15px; background:#eee }
#main .receipttime p { padding:0px; font-weight:bold; }


/* lencore
-----------------------------*/
#main .lencore { margin:30px 0; padding:15px 25px; border:3px solid #f00; }
#main .lencore p { padding:5px 0 5px; }
#main .lencore p strong { padding:0; font-size:120%; font-weight:bold; text-align:center; }
#main .lencore .btnbox { margin:15px 0 0; }
#main .lencore p.red{ font-size:120%; margin:10px 0 0; text-align:center; }


/* banner
-----------------------------*/
#main .banner { text-align:center; }


/* rakuten
-----------------------------*/
#main .rakuten { margin:30px 0; padding:20px 25px 15px; text-align:center; border:3px solid #f00; }
#main .rakuten p { padding:0; }
#main .rakuten p strong { padding:0; font-size:120%; font-weight:bold; text-align:center; }
#main .rakuten .btnbox { margin:7px 0 10px; }
#main .rakuten .btnbox a { margin:0 0 0 10px; }


/* form table style
-----------------------------*/
table{ margin:0 0 25px; border-right:1px solid #999; border-bottom:1px solid #999; }
table th{ width:30%; padding:12px; vertical-align:middle; color:#fff; font-weight:bold; text-align:left; border-top:1px solid #999; border-left:1px solid #999; background:#cc0033; }
table th a { color:#fdd23a; }
table th a:hover { color:#fdd23a; text-decoration:none; }
table th.hissu { padding:12px 55px 12px 12px; background:#cc0033 url(../img/audi/hissu1.gif) 95% center no-repeat  ;}
table th.ninni { }
table tr.error th { background-color:#e1ac09 }
table tr.error th.hissu { background:#e1ac09 url(../img/audi/hissu2.gif) 95% center no-repeat  ;}
table th .addtxt { font-size:85% }
table th .icon img { padding:2px 0; }
table th a.popup{ padding:0 18px 0 0; background:url(../img/icon_popup_yellow.gif) right top no-repeat; }
table td { width:70%; padding:10px 12px; vertical-align:middle; color:#333; font-weight:normal; text-align:left; border-top:1px solid #999; border-left:1px solid #999; background:#fff; }
table td .posset{ position:relative; }
table td input { vertical-align:middle; }
table td input.cbox { margin:0 5px 1px; padding:0; vertical-align:text-bottom;}
table td input.rbtn { margin:0 5px 1px; padding:0; vertical-align:text-bottom;}
table td input.tbox { font-size:105%; line-height:1.1; margin:2px 5px 4px 5px; padding:4px 5px 2px; }
table td input.mbox{ width:380px; }
table td input.addressbtn{ margin:0 5px 5px; padding:3px 5px; }
table td select{ margin:2px 5px 4px 5px; padding:3px 5px; }
table td .sbox{  color:#444; margin:3px; padding:7px 8px; background:#eee;}
table td .sbox strong{ color:#000; font-weight:bold; } 
table td .sbox .red{ font-weight:normal; } 
table td.stxt .red{ font-weight:normal; }
table td .postnumber { position:absolute; top:3px; right:3px; line-height:1.1; }
table td .righttop { position:absolute; top:3px; right:3px; line-height:1.1; }
table td .peps_radio { padding-left: 7.8em; text-indent: -7.8em; }

/* form mail address */
table.mails{  border:none; margin:7px 0 0;}
table.mails th{ width:35%; vertical-align:middle; padding:0; color:#333; font-weight:normal; border:none; background:#fff; }
table.mails td {width:65%; vertical-align:middle; padding:0;  color:#333; border:none; background:#fff; }
table.mails td input { margin:3px 0; }

/* form card brand */
table.cardbrand { border:none; margin:0; padding:3px 0; }
table.cardbrand td { width:33%; text-align:left; padding:0; border:none; background:#fff; }

/* form job */
table.job { border:none; margin:7px 0 0; }
table.job td {width:25%; text-align:left; vertical-align:middle; padding:0;  color:#333; border:none; background:#fff; }
table.job td input { margin:3px 0; }

/* form radios */
table.radios { border:none; margin:7px 0 5px; }
table.radios td {width:25%; text-align:left; vertical-align:middle; padding:0;  color:#333; border:none; background:#fff; }
table.radios td input { margin:3px 1px; }

/* form bank */
table.bank{ border-right:1px solid #999; border-bottom:1px solid #999; margin:0 0 20px;}
table.bank th{ width:40%; padding:7px 10px; color:#333;  font-weight:bold; text-align:left; border-top:1px solid #999; border-left:1px solid #999; background:#fff; }
table.bank td{ width:65%; padding:7px 10px; color:#333;  font-weight:normal; text-align:left; border-top:1px solid #999; border-left:1px solid #999; background:#fff; }

/* form jouken */
table.jouken{ border-right:1px solid #999; border-bottom:1px solid #999; margin:0 0 20px;}
table.jouken th{ width:30%; padding:7px 10px; color:#333;  font-weight:bold; text-align:left; border-top:1px solid #999; border-left:1px solid #999; background:#fff; }
table.bank td{ width:65%; padding:7px 10px; color:#333;  font-weight:normal; text-align:left; border-top:1px solid #999; border-left:1px solid #999; background:#fff; }

/* form address */
table.address{ border-right:1px solid #999; border-bottom:1px solid #999; margin:0 0 20px;}
table.address th{ width:auto; padding:7px 10px; color:#333;  font-weight:bold; text-align:left; border-top:1px solid #999; border-left:1px solid #999; background:#eee; }
table.address td{ width:auto; padding:7px 10px; color:#333;  font-weight:normal; text-align:left; border-top:1px solid #999; border-left:1px solid #999; background:#fff; }


/* popup window style
-----------------------------*/
.popup {}
.popup #containter{ background:url(../img/bg_header.gif) 0 -10px repeat-x; }
.popup #header { width:580px; height:70px; }
.popup #header h1 { display:block; padding:10px 0 0; }
.popup #header dl#textresizer { top:30px; }
.popup #header p.cedyna { position:absolute; right:0; top:10px; line-height:0 }
.popup #main { width:580px; }
.popup #main h2{ margin:0 0 15px; }
.popup #main table{ margin:0 0 3px; }
.popup #main p{ margin:0; padding:3px 0 10px; }
.popup #main .todoufuken { margin:0 5px; border-spacing:2px; }
.popup #main .todoufuken td{ background:#ccc; _height:2em; }
.popup #main h3.plain{ margin:0 0 10px; padding:0; font-size:120%; font-weight:bold; color:#171717; border:none; background:none; }
.popup #main h3.plainbold{ margin:0 0 10px; padding:2px 0 0; font-size:150%; font-weight:bold; color:#171717; border:none; background:none; }
.popup #main .graybox { margin:15px 0; }
.popup #main .graybox p { padding:0px; }


/* popup cashing no nagare
-----------------------------*/
#main .cashing{ padding:5px 0 0; background:#eee; border-radius:4px; position:relative; behavior: url( pie/PIE.htc );}
#main .cashing h3{ display:block; padding:10px 10px 0; font-size:120%; font-weight:bold; line-height:1.1; border:none; background:none; }
#main .cashing h3 img{ margin:-3px 8px 0 0; padding: 0 0 2px; }
#main .cashing p{ display:block; margin:0; padding:0 10px 15px 38px; line-height:1.4; }
#main .cashing p.stxt{ display:block; margin:0; padding:0 50px 10px 54px; color:#666; font-size:85%; }
#main .cashing .wbox { display:block; width:50%; margin:0 50px 10px 54px; padding:5px; border:1px solid #d2d2d2; background:#fff; }
#main .cashing .wbox h4{ display:block; margin:0; padding:0 5px; font-size:90%; font-weight:normal; }
#main .cashing .wbox p{ display:block; margin:0; padding:0 5px; font-size:85%; }
#main .cashing .arrow{ height:20px; line-height:20px; text-align:center; }
#main .cashing .arrow img{ margin-top:4px;}


/* get pdf
-----------------------------*/
#main .getpdf { margin:10px 0 75px; padding:0px; font-size:120%; }
#main .getpdf p{ margin:20px 0 0; padding:0px;  text-align:center; font-size:90%; }
#main .getpdf .adbbox { position:relative; }
#main .getpdf .adbbox .adb { position:absolute; top:0px; right:0px; margin:-20px 0 0; padding:0;}
#main .getpdf .adbbox .adb a{ margin:0px; padding:0px;}
#main .getpdf .adbbox .adb p{ margin:10px 0 0; padding:0px; text-align:left; font-size:70%; }


/* kiyaku lnk
-----------------------------*/
.kiyakulnk { margin:10px 0 -10px; text-align:center; font-size:120%; }
.kiyakulnk p { margin:20px 0 0; font-size:90%; }

/* 2016.01　書き足し
-----------------------------*/
#main .kiyaku {
			margin-bottom: 30px;
}
			.douiArea{
				position: relative;
				top: -30px;
}
			.nodoui{
				position: absolute;
				top: 0;
				left: 10px;
}
			.getpdf{
				position: absolute;
				top: 0;
				right: 10px;
				margin: 0!important;
				padding: 0px;
				font-size: 100%!important;
}
			#main .getpdf p {
				margin: 0!important;
				padding: 0px;
				text-align: center;
				font-size: 100%;
}
/* pdflist */
#header hr{ border: 1px solid #d2d2d2;}

.pdflink{
	margin-left: 720px;
}
/*pdflist */
#main .pdflist { margin:10px 0 75px; padding:0px; font-size:80%;}
#main .pdflist p{ margin:5px 0 0 ; padding:0px;  text-align:left; font-size:80%; }

#main .pdf ul{
	list-style-type:none;
	line-height: 3em;
}
#main .pdf ul li{
	padding-left:40px;
	background-image:url("../img/list_pdf.jpg");
	background-repeat:no-repeat;
	background-position:0px 4px;
}


/* omc_plus_password */
.omc_plus_password{ width:35%;float:left; }
.omc_plus_password_text{ width:65%;float:left; }

.span_card{
			display: inline-block;
			width:85px;
}
.span_nama{
			display: inline-block;
			width:30px;
}
.th_driversLicense{ width:30%; padding:12px; vertical-align:middle; color:#fff;; font-weight:bold;border-top:none; border-left:none; text-align:left; background:#cc0033;}
#td_driversLicense { width:70%; padding:10px 12px; vertical-align:middle; color:#333; font-weight:normal; text-align:left; border-top:none; border-left:1px solid #999; background:#fff; }