/* CSS Document */

body {
	background:url(/nol/anniversary/2011/images/content_bg.gif);
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

.title {
	background: url(/net/campaign/nobunaga30th/img/questionnaire/form_ttl.jpg) top left no-repeat;
	height:205px;
	width:800px;
	margin-bottom:50px;
}

.hide {
	display:none;
}

.enquete{
	margin-top: -120px;
}

.c_atention {
	color:#cc0000;
	font-size:10px;
}

.icon_box{
	width:170px;
	height:225px;
	float: left;
	border: solid 1px #ccbab9;
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
	padding-top: 5px;
	margin: 0 2px;
	background: #ccbab9;
}
.icon_box input{
	padding: 0;
	margin: 1px 0 3px 0;
}

.icon_box label{
	margin-left: -5px;
}

/*
.icon_box input{
	border: solid 1px #f00;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	height:0px;
	width:0px
}
*/

label img {
	cursor:pointer;
}


.c_atentiontxt {
	margin: 10px 30px;
	color:#cc0000;
	border:#cc0000 solid 1px;
	padding:5px;
}


.c_formtext {
	padding:10px 0 10px 40px;
	display:none;
}

.question_title {
	padding-bottom:20px;
}



.question {
	width:742px;
}

#confirm {
	margin:20px 40px 0 40px;
}

#c_finish {
	margin:20px 40px;
}

#footer {
	background: #7d1212;
	margin-top:30px;
	padding-top:10px;
	height:20px;
	text-align:center;
	color:#fff;
	font-size: 12px;
}

.cont4_txt {
	border-left:#2977b1 3px solid;
	padding-left:10px;
}

.cont_ttl {
	font-size:14px;
	line-height:30px;
	padding:5px 0;
	color:#2977b1;
	font-weight:bold;
}

.btn_close {
	text-align:center;
}

.btn_close a {
	line-height:20px;
	background:#900;
	width:180px;
	height:20px;
	display:block;
	color:#fff;
	margin:30px auto 50px auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.btn_close a:hover {
	background:#f00;
}

.thanks {
	font-weight:bold;
	text-align:center;
}

/* page
-------------------------------------------------------- */

.questionnaire_cont_box{
	width: 800px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	border: solid 1px #000;
	background:#fff;
}

.questionnaire_text_box{
	width: 750px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	margin-top: -50px;
}

.questionnaire_text_box h1{font-weight: normal;}
.questionnaire_text_box h2{
	width: 740px;
	font-size: 14px;
	background: #7d1212;
	color: #fff;
	padding: 5px;
	margin-bottom: 5px;
}

.questionnaire_text_box h4{
	width: 740px;
	border-bottom: dotted 1px #7d1212;
	margin-bottom: 5px;
}


.questionnaire_at_box{
	padding: 5px;
	border: solid 1px #7d1212;
}

#aq_start{
	width: 750px;
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 10px 5px;
	border: solid 1px #465058;
	font-size: 16px;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: #888888;
}


#aq_start a{
	width: 750px;
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 10px 5px;
	border: solid 1px #465058;
	font-size: 16px;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-8 */


}

#aq_start a:hover{
	background: #b0d7f9;
	color: #000;
}



.font11{
	font-size: 11px;
}

iframe.twitter-share-button {
    width: 70px!important;
}

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

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #000005;
	text-decoration: none;
	color: #fff;
	width: 50px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #ac9598;
}





/* result
------------------------------------------------------------------------ */
.result_box{
	width: 710px;
	margin: 0 auto;
	text-align: center;
	display: block;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/* border: solid 1px #000; */
}

.result_left_box{
	width: 200px;
	margin: 0 auto;
	text-align: left;
	display: block;
	padding: 10px 5px;
	float: left;
}

.result_left_box table{}
.result_left_box th , td{padding: 3px 5px 3px 3px; border: solid 1px #000; font-size: 12px; font-weight: normal;}
.result_left_box td{text-align: right;}

th.nob_c01{ background:#01c5b9; color: #272727;}
th.nob_c02{ background:#fd9f2e; color: #272727;}
th.nob_c03{ background:#9beae7; color: #272727;}
th.nob_c04{ background:#ffd0bc; color: #272727;}
th.nob_c05{ background:#f9677a; color: #272727;}
th.nob_c06{ background:#fdcf34; color: #272727;}
th.nob_c07{ background:#00c1fc; color: #272727;}
th.nob_c08{ background:#fda6d0; color: #272727;}
th.nob_c09{ background:#abe754; color: #272727;}
th.nob_c10{ background:#fcd62d; color: #272727;}
th.nob_c11{ background:#f888f8; color: #272727;}
th.nob_c12{ background:#2adb8c; color: #272727;}
th.nob_c13{ background:#ddc771; color: #272727;}


.result_right_box{
	width: 480px;
	margin: 0 auto;
	text-align: center;
	display: block;
	padding: 10px 5px;
	float: right;
}


ul.result_an_box{
	margin: 0 0 20px 0;
	padding: 0;
}
ul.result_an_box li{
	margin: 0;
	text-indent: -15px;
	line-height: 1.2;
	padding: 10px 0 5px 10px;
	border-bottom: solid 1px #e7e7e7;
}


.nob_t01{ background:#01c5b9; color: #272727; padding: 5px 0 3px 0;}
.nob_t02{ background:#fd9f2e; color: #272727; padding: 5px 0 3px 0;}
.nob_t03{ background:#9beae7; color: #272727; padding: 5px 0 3px 0;}
.nob_t04{ background:#ffd0bc; color: #272727; padding: 5px 0 3px 0;}
.nob_t05{ background:#f9677a; color: #272727; padding: 5px 0 3px 0;}
.nob_t06{ background:#fdcf34; color: #272727; padding: 5px 0 3px 0;}
.nob_t07{ background:#00c1fc; color: #272727; padding: 5px 0 3px 0;}
.nob_t08{ background:#fda6d0; color: #272727; padding: 5px 0 3px 0;}
.nob_t09{ background:#abe754; color: #272727; padding: 5px 0 3px 0;}
.nob_t10{ background:#fcd62d; color: #272727; padding: 5px 0 3px 0;}
.nob_t11{ background:#f888f8; color: #272727; padding: 5px 0 3px 0;}
.nob_t12{ background:#2adb8c; color: #272727; padding: 5px 0 3px 0;}
.nob_t13{ background:#ddc771; color: #272727; padding: 5px 0 3px 0;}



.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}