@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

h1.H1 { background:url(../img/main.jpg) center center no-repeat; color:#fff; line-height:200px; font-size:20px; letter-spacing:0.2em; 	background-size:cover; position:relative; padding:10px 0; margin-bottom:30px; }
#PAGE h1 span { color:#fff; }
.BOX	{ width:700px; float:left; display:inline; clear:both; margin:0px 0px 0px 65px; padding-bottom:20px; }
.BOX img	{ float:left; display:inline; clear:none; }
.BOX p { width:960px; margin:30px 0 0 0; text-align:center; display:blork; color:000; padding-bottom:30px; }
.CONTENTS .TABLE	{  }
.CONTENTS .TABLE dl	{ border-bottom:1px solid #ccc; text-align:left; background:#eee; }
.CONTENTS .TABLE dt	{ width:24%; padding:10px 0px 10px 1%; line-height:1.2em; color:#595757; }
.CONTENTS .TABLE dt img	{ margin:3px 10px 0px 0px; float:right; padding-bottom:0; }

.CONTENTS .TABLE dd	{ padding:0px 0px; }
.CONTENTS .TABLE dd.INPUT	{ width:48%; background:#f5f5f5; color:#595757; padding:10px 0px 10px 2%; }
.CONTENTS .TABLE dd.INPUT input	{ width:385px; text-align:left;  }
.CONTENTS .TABLE dd.INPUT input.CHECK	{ width:auto; text-align:left;  float:left; clear:none; }
.CONTENTS .TABLE dd.INPUT textarea	{ width:385px; height:100px;font-size:12px;  }
.CONTENTS .TABLE dd.INPUT input.OTHER {width:200px; margin-left:10px; }
.CONTENTS .TABLE dd span { float:left; clear:none; }

.CONTENTS .TABLE dd.PS	{ width:25%; background:#eee; color:#1c0a00; padding:10px 0px; display:block;  }
select { width:200px; }
#PAGE { width:960px; margin:0 auto; }

.BOX  { width:960px; float:left; clear:none; margin:0; }

.CONTENTS .P_MARK	{ margin:30px 0px 10px 0px; width:200px; float:right; background:url(http://www.wills.co.jp/format/img/pmark.png) no-repeat; }
.CONTENTS .P_MARK p	{ margin-left:70px; font-size:10px; line-height:1.5em; }

.CONTENTS h3	{ font-weight:bold; font-size:13px; margin-top:70px; }
.CONTENTS h3 small	{ font-weight:normal; font-size:10px; }

.CONTENTS .PRIVACY_NOTE { border:1px solid #666666; clear:both; font-size:10px; height:200px; line-height:1.8em; margin:5px auto; overflow-x:hidden; overflow-y:scroll; padding:10px; width:auto; }

.CONTENTS .MAIL	{ border:1px solid #bbb; background:#fff; }
.CONTENTS .TEXT	{ margin:10px 0px 10px 50px; width:860px; text-align:left; color:#595757; }
.CONTENTS .TEXT span	{ color:#ff0000; }
.CONTENTS .TEXT hr	{ border-bottom:1px solid #bbb; }

.CONTENTS input.SEND	{ cursor:pointer; width:150px; margin:20px 0px 30px 0px; }
.CONTENTS input.BACK	{ cursor:pointer; width:150px; margin:20px 0px 0px 0px; }
.CONTENTS input.GO	{ cursor:pointer; width:150px; margin:20px 0px 0px 0px; }

input#confirm_button { width:400px; height:60px; padding: 5px 0px 5px 0px; font-size: 1.2em; background:#f39800; color: #fff; border-style: none; margin:0 0 50px 280px; }
input#confirm_button:hover { opacity:0.7; }

input#submit_button { width:400px; height:60px; padding: 5px 0px 5px 0px; font-size: 1.2em; background:#d07eaa; color: #fff; border-style: none; margin-left:280px; }


input#back_button { width:400px; height:60px; margin:0 0 50px 280px; padding: 5px 10px 5px 10px; font-size: 1.2em; background:#202020; color: #fff; border-style: none; float:left; clear:none; }

input#submit_button:hover { opacity:0.7; }
input#back_button:hover { opacity:0.7; }

.CONTENTS .PRIVACY_NOTE { border:1px solid #666666; clear:both; font-size:12px; height:200px; line-height:1.8em; margin:5px auto; overflow-x:hidden; overflow-y:scroll; padding:10px; width:auto; background:#fff; text-align:left; color:#595757; margin-top:20px; float:left; clear:none; }

/*媒体アンケート*/
.CONTENTS table td.INPUT input.CHECK	{ width:20px; float:left; display:inline; clear:none; margin:5px 0 0 0; }
.CONTENTS table td.INPUT input.OTHER { width:170px; float:left; display:inline; clear:none; }
.CONTENTS table td.INPUT span { width:auto; float:left;}
.CONTENTS table td.INPUT div { width:420px; }
.CONTENTS table td.INPUT div span { width:270px; }
#HEADER span  { width:auto; float:left; clear:none;  padding:0; margin:0; line-height:2em; padding:0; margin:0; }


@media screen and (max-width: 740px){
body { background:none; }
#PAGE { width:100%; margin:0 auto; }
.CONTENTS { width:95%; float:left; clear:none; margin:0 0 0 2.5%; }
.BOX  { width:100%; float:left; clear:none; margin:0; }
.BOX p { width:100%; margin:30px 0 0 0; text-align:left; display:blork; color:000; padding-bottom:30px; }

.CONTENTS .TABLE { width:100%; margin:0 0 0 0px; float:left; clear:none; }
.CONTENTS .TABLE  dl { width:100%; float:left; clear:none; }
.CONTENTS .TABLE dt	{ width:100%; padding:10px 0px; line-height:1.2em; color:#595757; }
.CONTENTS .TABLE dd	{ width:100%; float:left; clear:none; }
.CONTENTS .TABLE dd.INPUT	{ width:100%; background:#fff; color:#595757; padding:10px 0px 10px 0%; }
.CONTENTS .TABLE dd.PS	{ width:100%; background:#ffff; color:#595757; padding:10px 0px 10px 0%; display:none; }

.CONTENTS .TABLE dd.INPUT input	{ width:95%; height:30px; text-align:left; margin:0 0 0 0%;  }

.CONTENTS input.SEND	{ cursor:pointer; width:100%; margin:20px 0px 30px 0px; }

.CONTENTS .TABLE dd.INPUT input.CHECK	{ width:20px; height:20px; text-align:left; margin:0 10px 0 0%;  }
.CONTENTS .TABLE dd.INPUT input.OTHER {width:95%; margin-left:0px; float:left; clear:none; }
.CONTENTS .TABLE dd.INPUT textarea	{ width:98%; height:100px;font-size:12px;  }
.CONTENTS .TEXT	{ width:90%; margin:10px 0px 10px 5%; text-align:left; color:#595757; }
input#back_button { width:100%; height:50px; padding: 5px 0px 5px 0; font-size: 12px;  color: #fff; border-style: none; margin:10px 0 10px 0%; -webkit-appearance: none; float:left; clear:none; }

input#submit_button { width:100%; height:50px; padding: 5px 0px 5px 0px; font-size: 12px; color: #fff; border-style: none; margin:10px 0 10px 0%; -webkit-appearance: none; float:left; clear:none; }

input#confirm_button { width:100%; float:left; height:50px; padding: 5px 0px 5px 2.5%; font-size: 12px; background:#d07eaa; color: #fff; border-style: none; margin:0 0 20px 0%; -webkit-appearance: none; float:left; clear:none; }
img.IMG_TOP { width:100%; margin:0 auto; float:left; clear:none; }

}