@charset "UTF-8";


/*///////共通///////*/

*{padding:0;margin:0;}
#wrapper{
width:640px;margin:auto;
padding-top:200px;
border-left:2px solid #444;
border-right:2px solid #444;
background-repeat:no-repeat;
}

img{border:none;}

body{background-color:#000;margin:0px;padding:0px;font-size:18px;line-height:140%;font-family:sans-serif;}
#contents{width:600px;margin:auto;padding:20px;}
#foot{background-image:url("../img/foot.jpg");width:640px;height:200px;border-top:1px solid #444;border-bottom:1px solid #444;}
.mini{font-size:80%;}
.blue{color:#0BF;}
.strong{font-size:120%;color:#0DF;margin-bottom:8px;display:block;}

/*共通*/
.red{
color:red;
}


/*////outline/////*/

#outline #wrapper{background-image:url("../img/head.png");}

#outline #contents .btn{margin:20px 14px 10px;float:left;}
#outline #contents .btn.right{margin-left:4px;float:left;}
#outline #contents .btn_wide{margin-top:30px;clear:both;}
#outline .text{color:#FFF;padding:20px;border:1px solid #444;}
#outline p{font-size:230%;color:#FFF;font-weight:600;margin-bottom:18px;}



/*////index/////*/


#index #wrapper{padding-top:970px;background-image:url("../img/bg.jpg");}

#index #contents .btn{margin:10px 0 10px;}
#index .text{color:#0BF;padding:20px 0 20px;}


/*////finish/////*/

#wrapper.finish{padding-top:0px;background-image:url("../img/head.png");}
.finish .btn{width:600px; margin:20px auto 10px;}
.finish .btn_wide{margin-top:30px;clear:both;}


.finish .text{color:#FFF;padding:20px;border:1px solid #444;}
.finish .howto{color:#FFF;padding:15px;border:1px solid #444;margin-top:10px;font-size:150%;line-height:150%;font-weight:600;}
.finish  a{color:#0DF;text-decoration:none;}
.finish  a:hover{color:#F00;text-decoration:none;}
.finish .howto a{color:#FFF;text-decoration:none;}
.finish .howto a:hover{color:#F00;text-decoration:none;}

.finish #message{width:530px;margin:10px 0 10px;padding:15px;color:#FFF;font-size:150%;line-height:150%;border-radius: 10px;border:1px solid #FFF;text-align:center;}
.finish #message .code{font-size:150%;color:#FFF;}

.finish #date{width:540px;margin:10px 0 10px;padding:10px;color:#FFF;font-size:100%;line-height:150%;text-align:center;background-image: url("/doa5/plus/campaign/img/attention.gif");background-repeat:no-repeat;
height: 144px;}

.finish p{font-size:230%;color:#FFF;font-weight:600;margin-bottom:18px;line-height:120%;}
.finish .strong{font-size:120%;color:#0DF;margin-bottom:8px;display:block;}
.finish .title_original{margin:10px 0 10px;}
.finish .img_original{width:585px;margin:10px auto 10px;}

.finish .box{width:600px;margin:auto;padding:10px 30px 10px;}

.finish .btn_p{ width:113px;height:65px;float:left;margin-top:10px;}
.finish .btn_p.upside{  width:142px;height:65px;float:left;margin-top:10px;}

.finish .btn_p.leftmargin{margin-left:5px;}

.finish .pic_exp{margin:auto;width:580px;padding:5px;color:#FFF;}

/*////coment_list/////*/

#wrapper.comment_list{padding-top:0px;}
.comment_list .btn{width:600px; margin:20px auto 10px;}
.comment_list .btn_wide{margin-top:30px;clear:both;}


.comment_list .text{color:#FFF;padding:20px;border:1px solid #444;margin-bottom:20px;}
.comment_list .comentBox{width:530px;margin:10px 0 20px;padding:15px;color:#FFF;line-height:150%;background-color:#444;border-radius: 10px;text-align:left;}
.comment_list .comentBox .message{color:#FFF;font-size:150%;line-height:150%;display:block;margin-bottom:5px;}
.comment_list #form .code{font-size:150%;color:#FFF;}

.comment_list .comentBox .date{font-size:100%;margin-top:5px;}
.comment_list p{font-size:230%;color:#FFF;font-weight:600;margin-bottom:18px;line-height:120%;}
.comment_list .box{width:600px;margin:auto;padding:10px 30px 10px;}

.comment_list .btn_return{float:left;}
.comment_list .btn_next{float:right;}



/*////app_tw/////*/


#app-tw body{background-color:#000;margin:0px;padding:0px;font-size:18px;line-height:140%;}
#app-tw #wrapper{width:640px;margin:auto;padding:0px;border-left:2px solid #444;border-right:right:2px solid #444;}
#app-tw #contents{width:600px;margin:auto;padding:50px 20px 50px;}

#app-tw #contents input{width:277px;margin:auto;display:block;}

#app-tw .text{color:#FFF;padding:20px;border:1px solid #444;}
#app-tw textarea{width:530px;background-color:#FFF;margin:10px 0 20px;padding:15px;color:#000;font-size:150%;line-height:120%;border-radius: 10px;}
#app-tw p{font-size:230%;color:#FFF;font-weight:600;margin-bottom:18px;}

#app-tw .form #contents input{width:277px;height:64px;background-image:url("../img/btn_confirm.jpg");border-width:0;margin:30px auto 10px;display:block;}


#app-tw .confirm .messageArea{width:530px;background-color:#FFF;margin:10px 0 10px;padding:15px;color:#000;font-size:150%;line-height:120%;border-radius: 10px;}

#app-tw .confirm #contents input{width:277px;margin:auto;display:block;float:left;}
#app-tw .confirm #contents input.right{margin: 0 -15px 0 25px ;width:252px;height:58px;background-image:url("../img/btn_toukou.jpg");border-width:0;}
#app-tw .confirm #contents input.left{margin: 0 0px 0 10px ;width:252px;height:58px;background-image:url("../img/btn_retry.jpg");border-width:0;}

#app-tw .confirm #contents .box {width:530px;margin:0px auto 30px;padding:5px 10px 5px;text-align:center;color:whiteF;/*background-color:#f00;*/border:1px solid #444;line-height:150%;font-size:80%;}
#app-tw .confirm #contents .box .checkbox{width:200px;margin:auto;text-align:left;} 
#app-tw .confirm #contents .box input{width:23px;height:23px;margin:auto;}