/*================================================
	初期設定
================================================*/

/* リセット */
* { margin:0; padding:0; }
/* clearfix（回り込み解除） */
*:after { display:block; clear:both; }
/* はみ出し対策 */
body {
	width:100%;
	margin:0;
	padding:0;
	font-family:sans-serif;
	-webkit-text-size-adjust: none;
	font-size: 15px;
  color: #fff;
  background:#0f2696;
  background-size: 100%;
  font:16px/1.6 Arial,Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  -webkit-text-size-adjust: 100%;
}
/* HTML5に対応していないOS対策 */
article, aside, figure, footer, header,hgroup, nav, section { display:block; }

/* 画像下の変な余白削除 */
img { vertical-align: top; max-width:100%;
height: auto;}

/* ボタンの形統一 */
input[type="submit"] {
	margin-top:-10px;
	font-size:15px;
	padding:7px;
	text-align:center;
	border:1px solid #AAA;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	background:-webkit-gradient(
		linear,
		0% 100%,
		0% 21%,
		from(#E6E6E6),
		to(#FFF),
		color-stop(.5,#E6E6E6)
	);
	background:-moz-linear-gradient(
		0% 75% 90deg,
		#E6E6E6,
		#FFF,
		#FFF 100%
	);
	box-shadow:0 2px 2px rgba(100, 100, 100, 0.15);
	-moz-box-shadow:0 2px 2px rgba(100, 100, 100, 0.15);
	-webkit-box-shadow:0 2px 2px rgba(100, 100, 100, 0.15);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9);
}
/* 統一 
form select {
	font-size:16px;
	height:30px;
}*/
input[type="text"] {
	font-size:16px;
	height:30px;
	width:300px;
	margin-bottom:20px;
	ime-mode:active;
}

html{
max-width:100%;
margin:0 auto;
}

/*================================================
	基本的なアンカー設定
================================================*/
/* リンク設定 */
.str_color{
color: #f48fe0;;
}

/* Link Color */

a:link{
color:#fff;
}

a:visited{
color:#fff;
}

a:active{
color:#fff;
}

/* Android Tap Non-Display */
a,input {
-webkit-tap-highlight-color: rgba(219, 93, 74, 0.4);
}



/*---------------------------------------
  js部分
---------------------------------------*/
#wrapp_form{
  width: 86%;
  position: relative;
  margin: 0 auto;
}
.topimage {
  position: relative;
  background: url(../img/top_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.title {
    width: 95%;
    margin: 0 auto;
    padding-top: 20%;
}
.first{
  position:absolute;
  top: 0;
  width:100%;
}
.enter_area{
  position: relative;
  width: 100%;
  height: 100%;
  padding: 100% 0 0;
  z-index: 9;
}
.enter_btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 150px;
    height: 215px;
    margin: 0 auto;
}
.enter_txt{
  position:absolute;
  width:98%;
  right:0;
  text-align:center;
  letter-spacing:3px;
}
.txt_01 {
    top: 275px;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    left: 0;
    right: 0;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0px 0px 10px #2c2684, 0px 0px 10px #2c2684, 0px 0px 10px #394ca7, 0px 0px 5px #fff;
}

.txt_02 {
    top: 110px;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0px 0px 10px #2c2684, 0px 0px 10px #2c2684, 0px 0px 10px #394ca7, 0px 0px 5px #fff;
    transform: translate3d(0px, 0px, 50px);
}

.arrow {
    position: absolute;
    top: 240px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.arrow img{
    width:200px;
}
/* -------------------------------------- */

.charge_step img,.charge_end,.circle_top,.circle_middle,.rolling,.circle_bottom{
  position:absolute;
  top: -20px;
}
.charge_end{
  display:none;
}
.circle_middle,.rolling,.circle_bottom,.charge_step img{
  opacity:0;
}

.charge_step img{
  z-index: 1;
  width: 300px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.charge_end_txt{
  display:none;
  position:absolute;
  width:100%;
  margin-top: 310px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align:center;
  font-weight:bold;
  font-size:15px;
  letter-spacing:4px;
  z-index: 3;
  color: #ffffff;
  text-shadow: 0px 0px 10px #2c2684, 0px 0px 10px #2c2684, 0px 0px 10px #394ca7, 0px 0px 5px #fff;
}

.circle_light img{
  width:25%;
}
@-webkit-keyframes rotate{
  0%{-webkit-transform: rotate(90deg);}
  100%{-webkit-transform: rotate(450deg);}
}
@keyframes rotate{ 
  0%{transform:rotate(90deg);}
  100%{transform: rotate(450deg);}
}
.flash{
  display:none;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  margin:auto;
  background:#fff;
  -webkit-animation: flash 2s;
  animation:flash 2s;
  -webkit-animation-fill-mode: flash 2s;
  animation-fill-mode:forwards;
  z-index:10;
}
@-webkit-keyframes flash{
  0%  {-webkit-transform: scale(1,1);}
  100%{-webkit-transform: scale(10,10);}
}
@keyframes flash{
  0%  {transform: scale(1,1);}
  100%{transform: scale(10,10);}
}


p.tarot_main img{
    width: 160px;
    position: absolute;
    left:0;
    right: 0;
    top:0;
    margin: 0 auto;

}


p.tarot_back img{
    width: 160px;
    position: absolute;
    left:0;
    right: 0;
    top:0;
    margin: 0 auto;

}

@keyframes 'pulse' {
  0%{
        opacity:0.2;
         }
    100%{
        opacity:1;
         }
}
@-webkit-keyframes 'pulse' {
  0%{
        opacity:0.2;
         }
    100%{
        opacity:1;
         }
}
.flash2{
-webkit-animation-name: pulse;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
-webkit-animation-delay: 0s;
}

.buruburu {
    -webkit-animation:buruburu 0.1s infinite linear alternate;
    animation:buruburu 0.1s infinite linear alternate;
}

@-webkit-keyframes buruburu {
    0% {-webkit-transform:translate(0, 0) rotate(-3deg);}
    50% {-webkit-transform:translate(0, -1px) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0)rotate(3deg);}
}

@keyframes buruburu {
    0% {transform:translate(0, 0) rotate(-3deg);}
    50% {transform:translate(0, -1px) rotate(0deg);}
    100% {transform:translate(0, 0)rotate(3deg);}
}

@keyframes roll {
    from {
        transform: perspective(500px) rotateY(0deg);
    }
    50%{
        transform: perspective(500px) rotateY(180deg);
    }
    to{
        transform: perspective(500px) rotateY(360deg);
    }
}
.rolling{
    animation: roll 2s linear infinite;
    width: 160px;
    position: absolute;
    left:0;
    right: 0;
    top:0;
    margin: 0 auto;
    z-index: 2;
}
.rolling2{
    animation: roll 3s linear infinite;
    width: 160px;
    position: absolute;
    left:0;
    right: 0;
    top:0;
    margin: 0 auto;
    z-index: 2;
}

@media screen and (min-width: 480px) {
  body{
    margin:auto;
    background-color:#eff0ff;
  }
  #wrapp{
    width:480px;
    margin:auto;
    background: #173cb2;
  }
}

@media screen and (max-width: 320px) {


p.tarot_main img{
    width: 120px;

}


p.tarot_back img{
    width: 120px;

}

.rolling{
    width: 120px;
}

.charge_step img{
  width: 250px;
}
.arrow {
    top: 180px;
}

.txt_01 {
    top: 215px;
    font-size: 14px;
}

.charge_end_txt{
  margin-top: 260px;
  font-size: 14px;
}

.rolling2{
    width: 120px;
}

}
/*---------------------------------------
  点滅ボタン
---------------------------------------*/

.cap_area p.Btn2 {
    position: absolute;
    margin: 0 auto;
    display: block;
    right: 0;
    left: 0;
    width: 100%;
    bottom: 24%;
}

#uranauBtn img{
margin: 0 auto;
display: block;
width: 70%;
margin-top:10px;
}

p.Btn a{
width:100%;
display:block;
position:relative;
}
p.Btn a img{
width:100%;
position:absolute;
top:0;
left:0;
}

@keyframes 'pulse2' {
  0%{
        opacity:0.2;
         }
    100%{
        opacity:1;
         }
}
@-webkit-keyframes 'pulse2' {
  0%{
        opacity:0.2;
         }
    100%{
        opacity:1;
         }
}
.flash3{
-webkit-animation-name: pulse2;
-webkit-animation-duration: 0.7s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
-webkit-animation-delay: 0s;
}



/*================================================
	タロット説明
================================================*/

.cap_area {
  position: relative;

}
.cap_txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

/*---------------------------------------
   ご利用の流れ
---------------------------------------*/
.flow {
  background: url(../img/flow_bg.png)no-repeat;
  background-size: 100%;
  position: relative;
  padding-bottom: 36%;
}


.flow img{
  width: 100%;
}

/*---------------------------------------
   タロット結果ページ

---------------------------------------*/

#next_box {
  background: url(../img/form_bg.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
}

.next_img{
    text-align: center;
}

.next_img img {
    width: 30%;
    padding-top: 10%;
}
.arrow_txt {
  position: absolute;
}

/*---- tarot_contents ----*/
#result_Area{
position:relative;
padding:0;
margin:0;
}

.Open{
      animation-name: Open;
      -webkit-animation-name: Open;

      animation-duration: 1.2s;
      -webkit-animation-duration: 1.2s;

      animation-timing-function: ease-out;
      -webkit-animation-timing-function: ease-out;

      visibility: visible !important;
}
@keyframes Open {
      0% {
            transform: scale(1.8);
      }
      50% {
            transform: scale(0.95);
      }
      80% {
            transform: scale(1.05);
      }
      90% {
            transform: scale(0.98);
      }
      100% {
            transform: scale(1);
      }
}
@-webkit-keyframes Open {
      0% {
            -webkit-transform: scale(1.8);
      }
      50% {
            -webkit-transform: scale(0.95);
      }
      80% {
            -webkit-transform: scale(1.05);
      }
      90% {
            -webkit-transform: scale(0.98);
      }
      100% {
            -webkit-transform: scale(1);
      }
}
/*================================================
	フォーム
================================================*/



#form {
    width: 100%;
    height: auto;
    margin: 0px;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    text-align: center;
}

#contents {
    margin: 21% 5% 5%;
    background:rgba(255,255,255,0.6);
    background-repeat: repeat;
    background-size: auto auto;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    padding: 5%;
}



#contents table {
    width: 98%;
    text-align: center;
    padding: 0 auto;
    border-collapse: collapse;
}

#contents p{
  letter-spacing:3px;
  font-weight: bold;

}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

#form td.back_color {
  /* background-color: rgba( 232, 233, 210, 0.1 );
  color: #fcf5c9;*/
}


p.Btn input {
    width: 100%;
    display: block;
    position: relative;
}

p.Btn input img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.p_mark {
    width: 20%;
    display: block;
    background-color: white;
    margin-left: 80%;
}

.form_nav {
    font-size: 11px;
    letter-spacing: 7px;
    color: #3246a3;

}



.form_nav .nav_on{
color: #a93778;
}



#contents table td {
    padding-bottom: 3px;
    font-size: 14px;
    text-shadow: 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 5px #fff;
    text-align: center;
    letter-spacing: 2px !important;
    color: #3246a3;
    font-weight: bold;
}


.ui-bar-a {
    padding: 1px 5px;
    font-size: 13px;
    text-align: left;
}


.w_txt {
    font-size: 11px;
    }

.form_txt{
  font-size:11px;
  text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 5px #fff;
  padding: 3% 0 0;
  text-align: center;
  line-height: 1.5em;
  letter-spacing:1px !important;
  color: #3246a3;
}

.form_txt a:link{
color:#3246a3;
}

.form_txt a:visited{
color:#3246a3;
}

.form_txt a:active{
color:#3246a3;
}



.form_txt1 {
  font-size:14px;
  text-shadow: 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 5px #fff;
  padding: 3% 0 0;
  text-align: center;
  line-height: 1.5em;
  letter-spacing: 2px !important;
  color: #3246a3;
}

.form_txt2 {
    font-size: 13px;
    padding: 5% 0 0;
    text-align: center;
    line-height: 1.5em;
    letter-spacing: 1px !important;
    width: 90%;
    margin: 0 auto;
}

.form_txt3 {
  font-size:16px;
  text-shadow: 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 5px #fff;
  padding: 3% 0 0;
  text-align: center;
  line-height: 1.5em;
  letter-spacing: 2px !important;
  color: #3246a3;
}

/* 
.balloon {
position: relative;
width: 300px;
margin: 20px auto 20px;
padding: 20px;
text-align: center;
border-radius: 8px;
background: rgba(255,255,255,0.8);
box-shadow: 0px 5px 10px 0px rgba(114, 109, 168, 0.8);
}
.balloon::before { 
content: '';
position: absolute; 
bottom: -28px; 
left: 50%;
margin-left: -14px; 
border: 14px solid transparent; 
background: rgba(255,255,255,0.8);
}
*/


.balloon {
margin-top: 10px;
}

.second {
    position: relative;
    padding-bottom: 5%;
    position: relative;
    display: block;
    background: url(../img/second_bg.jpg)repeat-y;
    background-size: 100% auto;
}


.second img{
  width: 100%;
}

/*---------------------------------------
     サポートメニュー
---------------------------------------*/
#support{

}

#support ul{
 margin:0 auto;
 list-style: none;
}

#support ul li{
}

#support ul li a{
position:relative;
display:block;
height:44px;
margin: 0px 5%;
padding:0 15%;
font-size:14px;
font-weight:bold;
color: #fff;
text-decoration:none;
text-indent:10px;
line-height:44px;
background:-webkit-gradient(linear,left top, left bottom,color-stop(1.00,#7382ec),color-stop(0.00,#5950e6));
background:-webkit-linear-gradient(top, #7382ec 0%, #5950e6 100%);
background:-moz-linear-gradient(top, #7382ec 0%, #5950e6 100%);
background:linear-gradient(top, #7382ec 0%, #5950e6 100%);
border-radius:5px;
-webkit-border-radius:5px;
z-index: 1;
}

#support ul li a:after{
position: absolute;
    right: 2%;
    top: 25%;
    margin: -5px 0 0 0;
    display: block;
    content: "";
    width: 35px;
    height: 35px;
    background: url(../img/allow.png) no-repeat;
        background-size: auto auto;
    -webkit-background-size: 20px;
    background-size: 35px;

}


/* beginner */
#support ul li.beginner a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../img/star.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* Agree */
#support ul li.Agree a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../img/3line.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* payment */
#support ul li.payment a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../img/yen.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* privacy */
#support ul li.privacy a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../img/key.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* specific */
#support ul li.specific a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../img/exc.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* company */
#support ul li.company a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../img/company.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* drawal */
#support ul li.drawal a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../img/punish.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* info */
#support ul li.info a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../img/m.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/* shokai */
#support ul li.shokai a:before{
position:absolute;
left:2%;
top:30%;
margin:-9px 0 0 0;
display:block;
content:"";
width:40px;
height:40px;
background:url(../img/shokai.png) no-repeat;
-webkit-background-size:40px;
background-size:40px;
}

/*---------------------------------------
     tokusyo_payment
---------------------------------------*/

#tokusyo_pay{
padding:0 auto;
}

#tokusyo_pay ul{
width:100%;
text-align:center;
margin:10px auto;
list-style-type:none;
}

#tokusyo_pay ul:after{
display:block;
content:"";
clear:both;
}


#tokusyo_pay ul li{
float:left;
width:25%;
margin:0 0 10px 0;
}

#tokusyo_pay ul li:nth-child(4n){
margin:0 0 10px 0;
}


/* kanteishi */

#kanteishi{
padding:10px;
padding-bottom: 10%;
}

#kanteishi article{
margin:0 0 15px 0;
}

#kanteishi article h3{
font-size:14px;
font-weight:bold;
margin:10px 0 5px 0;
padding:0 0 0 2px;
letter-spacing:0.1em;
}

#kanteishi article:last-child{
margin:0;
}

#kanteishi article section{
padding:0 0 10px 0;
}

#kanteishi article section p{
font-size:12px;
line-height:1.6;
}

#kanteishi article section p img{
float:left;
width:100px;
margin:0 10px 6px 0;
}

#kanteishi article section p:after{
content:"";
display:block;
clear:both;
}

#kanteishi article p.w_txt {
    line-height: 1.4;
    background: rgba(255,255,255,0.6);
    font-size: 12px;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 5px #fff;
    line-height: 1.5em;
    /* font-weight: bold; */
    letter-spacing: 2px !important;
    color: #3246a3;
    font-weight: bold;
}

#kanteishi article p.w_txt a {
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;
    -webkit-box-shadow: 1px 1px 3px #3e51b1;
    box-shadow: 1px 1px 3px #3e51b1;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-shadow: none;
    background: #aa1994;
    background: -moz-linear-gradient(top, #aa1994 1%, #750d61 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aa1994), color-stop(100%,#750d61));
    background: -webkit-linear-gradient(top, #aa1994 1%,#750d61 100%);
    background: -ms-linear-gradient(top, #aa1994 1%,#750d61 100%);
    background: linear-gradient(to bottom, #aa1994 1%,#750d61 100%);
}

/*---------------------------------------
     footer
---------------------------------------*/
/*top page footer*/

footer {
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0px;
    bottom: 0;
    position: relative;
    background: #173cb2;
}

footer nav{
  margin:0 auto;
}

footer #menu-bar{
  position:relative;
  font-weight: normal;
}

footer #menu-bar ul{
  height:55px;
  margin:0 auto;
  position:relative;
  list-style: none;
}

footer #menu-bar .btn-home{
  width:80px;
  height:34px;
  background:url(../img/home_btn.png) 0 0 no-repeat;
  background-size:cover;
  position:absolute;
  left:10px;
  top:10px;
}

footer #menu-bar .btn-menu{
  width:80px;
  height:34px;
  background:url(../img/menu_btn.png) 0 0 no-repeat;
  background-size:cover;
  position:absolute;
  right:10px;
  top:10px;
}

footer #menu-bar .copy{
width: 140px;
height: 27px;
background-size: cover;
top: 5px;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;

}

footer #menu-bar .copy p{
font-size: 10px;
text-align: center;
line-height: 1.5em;

}

footer #menu-bar li>a{
display:block;
height:100%;
text-indent:-9999px;
}

/*2F footer*/

#footer02{
position: fixed;
bottom: 0;
}

/*---------------------------------------
     other
---------------------------------------*/


#official{
    background: url(../img/main_bg.jpg);
    background-repeat: repeat;
    background-size: auto auto;
    background-size: 100%;
    background-repeat: repeat-y;
    padding-bottom: 20%;

}



#write{
padding:0 3%;
margin-bottom: 10%;
line-height: 1.5;
}

#write h1 {
    font-size: 14px;
    color: #f3d156;
    font-weight: bold;
    margin: 10px 0 5px 0;
    padding: 0 0 0 2px;
    letter-spacing: 0.1em;
}

#write p.w_txt{
margin-top:5px;
line-height:1.4;
letter-spacing:0.1em;
margin-bottom: 10px;
font-size: .8em;
}

#write h2{
font-size:14px;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.4;
margin:5px 0 5px 0;
color: #f3d156;
}

/* profile3 */
#caption {
    background: #3f5cca;
    color: #fff;
    text-align: center;
    margin: 5px 0;
}


/* page top */
.pagetop{
margin:0 10px 10px 10px;
text-align:right;
}

.pagetop a{
padding:0 0 0 14px;
font-size:12px;
background:url(../index_img/all_arw.png) no-repeat left center;
-webkit-background-size:13px;
background-size:13px;
}

#main{
top:33%;
left:2%;
right:2%;
bottom:0
}

#main table td{
width:50%;
padding:0 5px;
text-align:center;
}

#main table td:first-child{
text-align:right;
}

#main table td:last-child{
text-align:left;
}

#main table td img{
width:100%;
}

#form p.c_center{
padding-bottom:10px;ion:relative;
}

#main table{
position:absolute;
width:96%;
}



}