@charset "utf-8";
/* CSS Document */

* { margin : 0 ; padding : 0 ; }

html,body{
	font-size:62.5%;
}

body {
	position : relative ;
	width : 100% ;     
	font-family:"Hiragino Kaku Gothic ProN";
	font-size:1.4rem;
	color:#333333;
	 -webkit-text-size-adjust: none;
 }
#wrapper {
	position: relative;
}
#header { 	
	position: relative;
	width: 100%;
	height: 40px;
	border-bottom:solid #e5e5e5 1px;
	/*background: url(../image/common/bg_header_01.gif) repeat-x 0 100%;*/
	display:block;
	clear : both ; 
	overflow:hidden;

}

#contents{
	position:relative;
	width:100%;
    margin:0 auto;
	}

#footer{
	width :100%;
    height:40px;
	padding:10px 0;
	background: #f4f4f4;
	font-size:70%;
	text-align:center;
	line-height:1.5;
}


#auLogo {
	font-size: 0;
	line-height: 0;
	width:80px;
	height:25px;
	margin:8px 0 0 2.5%;
	background:url(../image/common/logo_au_01.png) no-repeat;
	background-size:80px 25px;
	text-indent:-9999px;
}


.text{
	width:95%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #777;
    padding: 5px;
    color: #999;
    background: #fff;


/* Webkit */
 /*   background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );*/
     
/* Firefox */
  /*  background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );*/
     
/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}


a {
	color:#0066aa; 
	text-decoration:none;
}
a:hover, a:avtive {
	color:#eb5505;
}
a:visited {
	color:#552277
}




/*****/

#message {
	width:95%;
	margin:10px auto;
	color: #222222;
	font-size:95%;
	line-height:1.5;
	border:solid #222222 1px;
}
#message p {
	margin:10px;
}


#firstLogin {
	width:90%;
	margin:0 auto 2em;
	padding:0 0 0 15px;
	background:url(../image/common/ico_arrow_01_r.png) no-repeat 0 center;
	text-align:left;
}
/*#firstLogin span.arrow {
	margin-right:5px;
}*/

#box01 {
	width:95%;
	margin:0 auto 20px;
	text-align:left;
	line-height:1.8;
	border:solid #aaaaaa 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#ffffff;
}
#box01 > .inner {
	margin:6px 10px;
}
#box01 input.text {
	font-size:120%;
	margin:0.5em auto;
}
#box01 input.text:focus {
	color:#222222;
	border:#eb5505 solid 1px;
}
#validate {
	margin:10px 0;
	font-size:90%;
}

.option {
	margin:1em 0 10px 0;
	font-size:80%;
}

#box01 #btn_login { 
	width:100%;
	margin:0 auto 1em;
}
#box01 .btn {
	color:#0066aa;
	padding:5px 0 5px 18px;
	background:url(../image/common/icon_plus.png) no-repeat 0 center;
	background-size:12px auto;
	line-height:1.4;
	cursor: pointer;
}
#box01 .btn.clickBtn_on0 {
	color:#0066aa;
	padding:5px 0 5px 18px;
	background:url(../image/common/icon_minus.png) no-repeat 0 center;
	background-size:12px auto;
}
ul.other {
	list-style:none;
	width:90%;
	margin:0.5rem auto 2rem;
	text-align:left;
	font-size:90%;
}
ul.other li{
	padding:0 0 0 15px;
	background:url(../image/common/ico_arrow_02_r.png) no-repeat 0 center;
}



/*button style
---------------------------*/
/*orange*/
.orange {
	display:block;
	font-size: 110%;
	font-weight:bold;
	color: #ffffff !important;
	text-align:center;
	width:95%;
	margin:20px auto;
	padding: 10px;
	background:#f16f07;
	background: -moz-linear-gradient(
		top,
		#f16f07 0%,
		#eb5505);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f16f07),
		to(#eb5505));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #aaaaaa;
}

.orange:hover {
	background: -moz-linear-gradient(
		top,
		#f97e08 0%,
		#f56006);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f97e08),
		to(#f56006));
	cursor: pointer;
}
.orange:active {
	background: -moz-linear-gradient(
		top,
		#f56006 0%,
		#f97e08);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f56006),
		to(#f97e08));
}


/*gray*/
.gray {
	display:block;
	font-size: 110%;
	font-weight:bold;
	color: #222222;
	text-align:center;
	margin:20px auto;
	padding: 10px;
	background: -moz-linear-gradient(
		top,
		#ededed 0%,
		#e5e5e5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ededed),
		to(#e5e5e5));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #888888;
}

.gray:hover {
	background: -moz-linear-gradient(
		top,
		#f6f6f6 0%,
		#f2f2f2);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f6f6f6),
		to(#f2f2f2));
	cursor: pointer;
}
.gray:active {
	background: -moz-linear-gradient(
		top,
		#f2f2f2 0%,
		#f6f6f6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f2f2f2),
		to(#f6f6f6));
}


.error_exception {
	color:#ff0000;
}

a.btnS {
	padding:2px 5px;
	background:#eb5505;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#ffffff;
}
a.btnS:hover {
	background:#e14400;
}

.icoBlank {
	padding-right:12px;
	background:url(../image/common/icon_blank_m.gif) no-repeat right 0;
	background-size:8px 8px;
}

/*ios_first*/
.atFirst {
	padding:10px;
	color:#eb5505;
	font-weight:bold;
	text-align:center;
	border:solid #eb5505 2px;
}

.section {
	font-size:90%;
}
.section h3 {
	margin:20px 0 10px;
	padding-left:10px;
	border-left:#eb5505 solid 3px;
}
.section p{
	font-size:95%;
}
.col2 {
	clear:both;
}
.col2 .left {
	float:left;
	margin-right:10px;
}

.col2 div.right {
	margin-left:100px;
}
.col2 img.icon{
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px;
	border-radius: 12px;
}
#login .col2 .right, #loginValidate .col2 .right {
	padding-top:30px;
	color:#777777;
	font-size:75%;
	line-height:1.6;
	
}
p.appProvider, p.appPrice  {
	margin:0;
	padding:0;
	width:70px;
	margin:5px auto;
	color:#ffffff;
	font-size:85%;
	text-align:center;
	-webkit-border-radius: 2px; 
	-moz-border-radius:12px;
	border-radius: 2px;
}
p.appProvider {
	background:#222222;
}
p.appPrice {
	background:#eb5505;
}



#aplDl #loginBox {
	margin-top:3em;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


/* ios_first.html 140507 */
.if_h4 {
	text-align:center;
	font-size:17px;
	color:#eb5505;
	line-height: 1;
	margin-bottom: 10px;	
}
.section p.if_txt1 {
	padding-top:5px;
	font-size:110%;
}

.if_btn1 {
	line-height: 1.2;
	padding: 8px 10px;
}

.f_wallet {
	margin-bottom:40px;
	padding:2px;
	border:1px solid #f76b1f;
	background:url(../image/wallet_bg.png) ;
}
.f_wallet h4 {
	color:#fff;
	background:#f76b1f;
	padding: 7px 5px 8px;
}
.f_wallet h4 span{
	display:inline-block;
	float:right;
	padding-top:5px;
	font-size:12px;
	font-weight:normal;
}
.f_wallet .inner {
	padding:0 10px 10px;
}
.indent {
padding-left:1em;
text-indent:-1em;	
}

.area_txt {
	width:90%;
	margin:0 auto;
}

a.btn {
	display:block;
	margin:0 auto;
	width:90%;
	height:42px;
	line-height:42px;
	text-align:center;
	font-weight:bold;
	font-size:1.5rem;
	-webkit-border-radius:5px;-moz-border-radius: 5px; border-radius: 5px;
}
.btn_t2 {
	padding: 5px 0 0;
	margin: 10px auto 20px !important;
	}
	
@media screen and (min-width: 640px) {
	a.btn { width:240px;}
}

a.btn:hover {text-decoration:none;}
a.btn:active {text-decoration:none;}

a.white {
	color:#eb5505;
	border:1px solid #f76b1f;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.9),inset 0 -1px 1px rgba(0, 0, 0, 0.06);
}

a.white:hover {
	color:#eb5505;
	background: #f3f3f3;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #f3f3f3 22%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#f3f3f3), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f3f3f3 22%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f3f3f3 22%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f3f3f3 22%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f3f3f3 22%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );
	 box-shadow:none;
}