@charset "utf-8";

/* layout */
#wrap{height:100%}
#header{overflow:hidden;height:55px;background-image:url(../images/header_bg.png);background-repeat:repeat-x;background-size:100% 55px}
#header h1{text-align:center;font-weight:bold;line-height:55px;font-size:1.3em;color:#fff}
#header .btn_qmark{position:absolute;top:7px;right:7px;padding:7px}
#header .btn_prev{position:absolute;top:11px;left:9px;padding:7px}
#ct{padding:23px 14px}
#footer{padding-top:23px;text-align:center;font-size:0.85em;color:#8d96a0}
.fixbtm{position:fixed;bottom:0;left:0;width:100%;margin:0 !important;padding:15px 14px 23px;background-color:#f7f7f7}
.scroll{overflow-x:hidden;overflow-y:auto;}
#scroller {
	width:100%;position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform:translateZ(0);
	transform:translateZ(0);	
}
.ly_pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}
.ly_pop .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.65;filter:alpha(opacity=65)}
.ly_pop .popcls{position:absolute;top:5px;right:3px;padding:7px}
.ly_pop .cont{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:999;text-align: center}
.ly_pop .cont:before{height:100%;content:'';display:inline-block;vertical-align:middle}
.ly_pop .ele{overflow:hidden;width:90%;position:relative;display:inline-block;vertical-align:middle;margin:0 auto 0 -2px;background:#fff;border-radius:4px}
.ly_pop h2{padding:9px 13px 0;text-align:left;font-weight:bold;color:#323539}
#pwReset{width:220px}

/* cont */
.frm_type .caution{margin-bottom:5px;font-size:0.855em;color:#8d96a0}
.frm_type .error{font-size:0.855em;color:#e78484}
.frm_type p.error{margin-top:7px}
.frm_type > li{margin-top:7px}
.frm_type > li.divide{margin-top:25px}
.frm_type > li:first-child{margin-top:0}
.frm_type > li.type{display:table;width:100%;min-height:39px}
.frm_type > li.type .stit, .frm_type > li.type .cnt{display:table-cell;vertical-align:middle}
.frm_type > li.type .stit{width:80px}

.tit_type{padding-bottom:10px;font-size:0.855em;color:#8d96a0}
.tit_type h2{color:#323539;font-size:1.265em}
.tit_type .fc{color:#e78484}
.tit_type2{text-align:center}
.tit_type2 h2{font-size:1.15em;color:#323539}
.tit_type2 p{font-size:0.85em;color:#8d96a0}
.tit_type2 .ico_com{margin:45px 0 25px}

.addressWrap{position:relative;z-index:1;padding-top:50px}
.addressWrap .caution{margin-bottom:7px;color:#323539}
.addressWrap .caution address{color:#808081}
.addrtab{position:absolute;top:0;width:50%;border-bottom:2px solid #e15e5e}
.addrtab h3{background:#d3d3d3;padding-top:1px;line-height:39px;text-align:center;font-size:1.09em}
.addrbox.on .addrtab h3{background:#e15e5e;color:#fff}
.addrbox .form{display:none}
.addrbox.on .form{display:block}
.addrRsult{padding:13px;text-align:left}
.addrRsult .scroll{margin-top:10px;height:300px}
.addrRsult li{position:relative;margin-top:5px}
.addrRsult li:first-child{margin-top:0}
.addrRsult li a{color:#8d96a0}
.addrRsult .scroll{top:76px;padding:1px 0}
#road.addrbox .addrtab{left:50%}
#num.addrbox .addrtab{left:0}

.pwform{text-align:center}
.pwform h1{margin-bottom:15px;padding-top:42px;font-size:1.09em;color:#616161}
.pwform h1 p{font-weight:bold;font-size:1.305em;line-height:1.2}
.pwform h1:before{content:'';display:inline-block;width:64px;height:95px;margin-bottom:10px;background-image:url(../images/ico_com.png);background-size:360px auto;background-position:-70px -30px;vertical-align:top}
.pwform h2{font-size:0.855em;color:#787878}
.pwform .error{margin-bottom:5px;font-size:0.855em;color:#e78484}
.pwform .btn_pwre{display:inline-block;position:relative;padding-right:10px;font-size:0.855em;font-weight:bold;text-decoration:underline}
.pwform .btn_pwre:after{content:'';display:inline-block;width:4px;height:5px;position:absolute;top:5px;right:0;background-image:url(../images/ico_com.png);background-size:360px auto;background-position:-169px 0}
.pwform .caution{font-size:0.855em;color:#b0b2b6}
.pwform .input{margin:0 auto 35px;width:200px;border-bottom:2px solid #939393}
.pwform .input input{padding:10px 0 0 0;text-align:center}

.pwre_txt{margin:25px 0;font-size:0.85em;color:#8a8a8a}
.pwre_txt u{color:#5045a1}

.pwcode_txt{text-align:center;font-size:0.85em;color:#8d96a0}
.pwcode_txt .ico_key{margin:45px 0 25px}
.pwcode_txt .caution{color:#e15e5e}
.pwcode_txt .input{margin:0 auto 7px;width:200px;border-bottom:2px solid #939393}
.pwcode_txt .input input{padding:10px 0 0 0;text-align:center;background-color:transparent}

#main{height:100%}
#main .btn_qmark{position:absolute;top:7px;right:7px;padding:7px;z-index: 999}
#main .ico_qmark{background-position:-281px 0}
#main .btn_cancel{display:block;position:absolute;top:-46px;right:0;z-index:999;padding:13px 18px 13px 17px;overflow:hidden;border-radius:22px 0 0 22px;color:#fff;
}
#main .btn_cancel:before{content:'';display:inline-block;position:absolute;top:0;left:0;z-index:-1;height:100%;width:100%;background-color:#3d3d3d;opacity:.65;filter:alpha(opacity=65)}
#main .logo{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}
#main .cont{width:100%;height: 100%;position: absolute;top: 0;left: 0;z-index:999;text-align:center}
#main .cont:before{height:100%;content:'';display:inline-block;vertical-align:middle}
#main .ele{overflow:hidden;width:99%;position:relative;display:inline-block;vertical-align:middle;margin:-277px auto 0}
#main h1{text-align:center;font-size:1.2em}
#main  h1:before{content:'';display:inline-block;width:67px;height:95px;margin-bottom:20px;background-image:url(../images/ico_com.png);background-size:360px auto;background-position:-69px -30px;vertical-align:top}
#main h1 p{font-size:1.57em;font-weight:bold;color:#616161}
#main .swiper{position:absolute;bottom:0;z-index:999;width:100%;padding:0 13px}
#main .swiper-container{padding:23px 0}
#main .swiper-pagination{top:0;height:17px}
#main .swiper-pagination-bullet{width:9px;height:9px;margin:0 3px;background:#7c7c7c}
#main .swiper-pagination-bullet-active{background:#bababa}
#main .swiper .list button{position:absolute;top:0;right:0;width:84px;text-align:center;color:#fff}
#main .swiper .list h2, #main .swiper .list button, #main .swiper .list a{line-height:54px;}
#main .swiper .list h2{position:relative;border-radius:0 5px 5px 0;padding-left:24px;font-size:1.3em;color:#fff}
#main .swiper .list h2 a{position:absolute;top:1px;right:15px;font-size:0.76em}
#main .swiper .list li{overflow:hidden;position:relative;height:54px;border-radius:5px;padding-right:84px;margin-top:8px;}
#main .swiper .list li:first-child{margin-top:0}
#main .swiper .list li.bt1{background-color:#5650a3}
#main .swiper .list li.bt1 h2{background:#6962c9}
#main .swiper .list li.bt1 h2 a{color:#37336b}
#main .swiper .list li.bt2{background-color:#298ac3}
#main .swiper .list li.bt2 h2{background:#31aee4}
#main .swiper .list li.bt2 h2 a{color:#19669e}
#main .swiper .list li.bt3{background-color:#dd4f40}
#main .swiper .list li.bt3 h2{background:#e25d5e}
#main .swiper .list li.bt3 h2 a{color:#b33847}
#main .swiper .list li.plus{padding-right:0;border:1px dashed #c5c5c5}
#main .swiper .list li.plus a{display:block;text-align:center;color:#8f8f8f;font-size:1em}
#main .swiper .list li.plus a strong{text-decoration:underline;color:#ff8023}

/*** Device ***/
@media all and (max-width:320px) { /* ios4 */
	input[type="text"], input[type="password"], input[type="tel"], input[type="number"], select{height:38px}
	.ios4 #main .ele{margin-top:-212px}
	.ios4 #main .swiper-container{padding:13px 0}
	.ios4 #main .swiper .list li{margin-top:4px}
	.ios4 #main  h1:before{margin-bottom:10px;width:55px;height:83px;background-size:320px auto;background-position:-63px -26px}
	.ios4 #main h1 p{line-height:1.1}
	.ios4 #main .swiper .list h2, .ios4 #main .swiper .list button, .ios4 #main .swiper .list a{line-height:44px}
	.ios4 #main .swiper .list li{height:44px}
}