@charset "utf-8";

/*クリア------------------------------------------------------------------*/
.clearfix { zoom: 1; min-height:1%;  /* for IE 7*/ }
.clearfix:after { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; }
/*クリア------------------------------------------------------------------*/

.t10 { margin-top: 10px; }
.t20 { margin-top: 20px; }
.b5 { margin-bottom: 5px; }
.b10 { margin-bottom: 10px; }
.b20 { margin-bottom: 20px; }
.l20 { margin-left: 20px; }

.red { color: #ff0000; }
.center { text-align: center; }
.size120 { font-size: 120%; }

body { background: #daecff -webkit-gradient(linear, left top, left bottom, from(#6eb1f9), color-stop(0.3, #daecff), to(#daecff)) no-repeat; }
#wrapper { width: 320px; margin: 0 auto; background: #ffffff; }
#header { background: url(../../../support/smph/android/images/header.jpg); height: 35px; text-indent: -9999px; }
#main { padding: 10px; }

#main p { font-size: 90%; margin-bottom: 10px; }

h2 { border-bottom: 2px solid #1d89d2; margin-bottom: 10px; }

dl { margin-bottom: 10px; }
dt { background: url(/cs/enq/ifandroid/common/images/bullet/square.gif) no-repeat 0 2px; font-size: 110%; padding: 0 0 0 18px; line-height: 18px; margin-top: 10px; margin-bottom: 6px; color: #177EC1; border-bottom: 1px solid #177EC1; }
dd { font-size: 90%; }
dd li { font-size: 90%; text-indent: -0.8em; margin-left: 0.8em; }

h3 { background: url(/cs/enq/ifandroid/common/images/bullet/square.gif) no-repeat 0 2px; font-size: 110%; padding: 0 0 0 18px; line-height: 18px; margin-top: 10px; margin-bottom: 6px; color: #177EC1; border-bottom: 1px solid #177EC1; }

form { margin-top: 20px; }
form div { background: #E1EBFF; border: 2px solid #187FC3; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 20px; padding: 10px; padding-bottom: 20px; }

h4 { background: url(/cs/enq/ifandroid/common/images/bullet/arrow.png) no-repeat; padding-left: 20px; padding-top: 1px; line-height: 18px; color: #177EC1; margin-bottom: 5px; margin-top: 20px; /*margin-right: -15px;*/ font-weight: bold; }
div h4:nth-of-type(1) { margin-top: 0; }
h4 img { vertical-align: sub; }

input.name { width: 100px; }
input.mail { width: 274px; }
input.tel { width: 50px; }

input.btnbck,
input.btnon { background: url(/cs/enq/ifandroid/common/images/button/w140.png) no-repeat; color: #ffffff; font-size: 140%; padding-top: 3px; width: 140px; height: 35px; border: none; }
textarea { width: 274px; height: 100px; }

#copy { margin: 0 0 0 8px; font-size: 70%; }

#footer { background: -webkit-gradient(linear, left top, left bottom, from(#1d89d2), to(#4aa8e8)); height: 59px; margin-top: 10px; }
#footer p { font-size: 70%; color: #ffffff; text-align: right; padding: 5px; }


/*入力エラー*/
.error { background: url(/cs/common/images/share/bullet/error/small.gif) no-repeat; font-weight: bold; color: #ff0000; padding-top: 4px; padding-left: 25px; padding-bottom: 2px; }


/*############################################################################################################################################
### 個人情報保護 #############################################################################################################################
############################################################################################################################################*/

form div#tos,
form div#tos div { background: none; border: none; margin: 0; padding: 0; }
form div#tos { margin-top: 10px; margin-bottom: 20px; }
div#tos h4 { background: url(/cs/enq/ifandroid/common/images/bullet/arrow.png) no-repeat; font-size: 18px; padding: 0 0 0 18px; line-height: 18px; margin-bottom: 6px; color: #177EC1; }
div#tos h5 { background: url(/cs/enq/ifandroid/common/images/bullet/plus.gif) no-repeat; padding-left: 16px; color: #0000ff; margin: 10px 0; }
div#tos h5.minus { background: url(/cs/enq/ifandroid/common/images/bullet/minus.gif) no-repeat; }
div#tos p.agree { font-weight: bold; border: 1px solid #187FC3; color: #464646; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 14px; line-height: 32px; margin-bottom: 10px; margin-top: 20px; }

div#tos input.btnoff { background: url(/cs/enq/ifandroid/common/images/button/w288_off.png) no-repeat; font-size: 140%; padding-top: 3px; width: 288px; height: 35px; border: none; margin-top: 10px; }
div#tos input.btnon { background: url(/cs/enq/ifandroid/common/images/button/w288.png) no-repeat; color: #ffffff; width: 288px; margin-top: 10px; }

form div#secom { width: 280px; margin: 10px auto; background: none; border: none; padding: 0; }
form div#secom div { width: 50px; float: left; background: none; border: none; padding: 0; margin-right: 10px; }
form div#secom p { padding-top: 15px; text-align: left; font-size: 70%; }



/*############################################################################################################################################
### フォーム部分 #############################################################################################################################
############################################################################################################################################*/

/*入力確認ページ*/
.answer { background: #ffffff; margin-left: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px; padding-right: 0; }
#main p.answer { font-size: 110%; }


li span.price { display: block; margin-top: 10px; margin-left: 23px; }


#complete h2 + p { margin-bottom: 260px; }