@charset "iso-8859-1";


/* -- import(don't edit) --*/
@import url("reset.css");
@import url("utility_popup.css");




/*****************************************************************
		general style
*****************************************************************/

body {
	-webkit-text-size-adjust: none;
	color: #333333;
	font: 14px/1.4 Arial, Helvetica, sans-serif;
	background: #d5dce0;
}
body sup { line-height:1.4; }
#popup_contents {
	margin: 0 auto;
	text-align: left;
}
#popup_contents .main {
	padding: 15px 0 0;
}
#popup_contents .main_contents {
	margin-bottom: 0;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0;
}


/* === Link === */
a:link {
	color:#006699;
	text-decoration:underline;
}
a:visited {
	color:#800080;
	text-decoration:underline;
}
a:hover,
a:active {
	color:#800080;
	text-decoration:none;
}



/* ================ body width ================== */
body#w760 #popup_contents,
body#w760 #popup_contents .main { width: 760px; padding: 15px 0 15px; }

body#w745 #popup_contents,
body#w745 #popup_contents .main { width: 745px; padding: 15px 0 15px; }

body#w730 #popup_contents,
body#w730 #popup_contents .main { width: 730px; padding: 15px 0 15px; }

body#w620 #popup_contents,
body#w620 #popup_contents .main { width: 620px; padding: 15px 0 15px; }

body#w480 #popup_contents,
body#w480 #popup_contents .main { width: 480px; padding: 15px 0 15px; }


/* === corner top bottom === */
#v11a-contens-top,
#v11a-contens-top div,
#v11a-contens-btm,
#v11a-contens-btm div {
	height: 4px;
	line-height: 0px;
	font-size: 0px;
}
#v11a-contens-top div,
#v11a-contens-btm div {
	margin-left: 10px;
}

#v11a-contens-top     { background: url("../img/popup/bg_popup_top_l.gif") no-repeat left bottom; }
#v11a-contens-top div { background: url("../img/popup/bg_popup_top_r.gif") no-repeat right bottom; }
#v11a-contens-btm     { background: url("../img/popup/bg_popup_btm_l.gif") no-repeat left top; }
#v11a-contens-btm div { background: url("../img/popup/bg_popup_btm_r.gif") no-repeat right top; }




/* ================ general ================== */
#popup_contents .main {
	background: #ffffff;
}
#popup_contents .main .main-inner {
	padding:33px 30px 30px 30px;
}
body#w745 #popup_contents .main .main-inner {
	padding:16px 20px 20px 20px;
}

#popup_contents div.logo {
	padding: 15px 0;
}




/* ================ questionnaire_footer ================== */
#questionnaire_footer {
	clear:both;
	margin-top: 20px;
	font-size: 12px;
}
#questionnaire_footer form#enquete {
	position: relative;
	padding:    15px 0;
	background: #e5f0f3;
}
#questionnaire_footer form#enquete p {
	text-align: center;
	margin:     0;
	padding:    0;
}

#questionnaire_footer form#enquete .enquete_msg {
	float: left;
	min-height: 58px;
	_height: 58px;
	margin-right: -1px;
	padding: 0 20px;
	border-right: 1px solid #899092;
}
#w760 #questionnaire_footer form#enquete .enquete_msg { width: 250px; }
#w745 #questionnaire_footer form#enquete .enquete_msg { width: 235px; }
#w730 #questionnaire_footer form#enquete .enquete_msg { width: 220px; }
#w620 #questionnaire_footer form#enquete .enquete_msg { width: 110px; }
#w480 #questionnaire_footer form#enquete .enquete_msg {
	float: none;
	min-height: 10px;
	_height: 10px;
	margin: 0 20px;
	padding: 0 0 10px;
	border-right: none;
	border-bottom: 1px solid #899092;
}

#questionnaire_footer form#enquete .enquete_msg p {
	text-align: left;
}
#questionnaire_footer form#enquete div.form,
#questionnaire_footer form#enquete div.thanks,
#questionnaire_footer form#enquete div.error {
	float: right;
	width: 429px;
	min-height: 58px;
	_height: 58px;
	padding: 0 20px;
	border-left: 1px solid #899092;
}
#w480 #questionnaire_footer form#enquete div.form,
#w480 #questionnaire_footer form#enquete div.thanks,
#w480 #questionnaire_footer form#enquete div.error {
	float: none;
	width: auto;
	min-height: 58px;
	_height: 58px;
	padding: 10px 20px 0;
	border-left: none;
}
#questionnaire_footer form#enquete div.yesno {
	float: left;
	padding-bottom: 10px;
}
#questionnaire_footer form#enquete div.yesno p {
	float: left;
	text-align: left;
}
#questionnaire_footer form#enquete div.yesno ul {
	float: left;
}
#questionnaire_footer form#enquete div.yesno li {
	display: inline;
	list-style: none;
	margin-left: 20px;
}
#questionnaire_footer form#enquete div.yesno label {
	cursor: pointer;
	vertical-align:	middle;
}
#questionnaire_footer form#enquete div.yesno input {
	vertical-align:	middle;
	margin: 0;
}
#questionnaire_footer form#enquete div.comment {
	float:   left;
}
#questionnaire_footer form#enquete div.comment textarea {
	color:  #999999;
	width:  330px;
	height: 50px;
	padding: 5px;
}
#questionnaire_footer form#enquete div.comment textarea.on {
	color: #000000;
}
#questionnaire_footer form#enquete div.comment p {
	font-size:  11px;
	text-align: left;
	width:      250px;
	margin:     0;
}
#questionnaire_footer form#enquete div.action {
	padding: 40px 0 0 10px;
	float:   left;
}
#questionnaire_footer form#enquete div.action input {
	width: 60px;
}
#questionnaire_footer form#enquete div.thanks,
#questionnaire_footer form#enquete div.error {
	display: none;
}
#questionnaire_footer form#enquete div.thanks strong,
#questionnaire_footer form#enquete div.error strong {
	font-size: 14px;
	color:     #cc0000;
}

/* === Clear === */
#questionnaire_footer form#enquete:after,
#questionnaire_footer form#enquete div.form:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
#questionnaire_footer form#enquete,
#questionnaire_footer form#enquete div.form {
	zoom:100%;
}




/* ================ footer ================== */
#popup-footer {
	color: #666666;
	padding: 0 0 20px 0;
	position: relative;
}
#popup-footer address {
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	margin: 11px 0 0 0;
}
#popup-footer .popup-close {
	text-align: right;
	margin: -25px 0 0 0;
}

#overlay-trademark {
	margin-top: 10px;
}
#overlay-trademark p {
	text-align: left;
	margin: 0 auto;
}
#overlay-trademark p a {
	background:url("../img/icn_arrow_navy.gif") no-repeat scroll left center transparent !important;
	padding:0 16px;
	font-size: 12px;
}



/* ===== out foot copyright ===== */
.out-foot-copyright {
	background: url("../img/icn_arrow_navy.gif") no-repeat left;
	padding-left:16px;
	font-size: 10px;
}