@charset "shift_jis";

/*
-----------------------------------------------------------------
 category-enquete.css
 created : 2011.05.10
-----------------------------------------------------------------
*/


.category-enquete {}


#enquete #contents{
	color:#595757;
}
#enquete #contents .txt_mention{
	font-size:10px;
}
#enquete #contents .fsize_10{
	font-size:10px;
}



/*===================================================================

 メインエリア
===================================================================*/

#enquete .mainArea {
	width: 914px;
	float: left;
	margin: 0px;
	text-align: left;
}

#enquete .mainArea .font10 {
	font-size: 10px;
	font-weight: normal;
	color: #595757;
}

#enquete .mainArea .lower-contents {
	text-align: center;
}

#enquete .mainArea .lower-contents .section2 {
	margin: 0px;
	float: left;
	text-align: left;
	width: 690px;
	padding: 0 0 0 55px;
}

#enquete .mainArea .lower-contents .section2 h3 {
	margin: 10px 0 10px 0px0;
	padding: 0 0 10px;
	color: #583C30;
	font-size: 15px;
	line-height: 15px;
	background: url(../img/ttl_bg3.jpg) no-repeat 0 bottom;
	width: 697px;
}


/*===================================================================

 アンケートTOP
===================================================================*/

#enquete .mainArea .enquete_left {
	margin: 30px 10px 20px 20px;
	text-align: left;
	width: 380px;
	float: left;
}

#enquete .mainArea .enquete_right {
	margin: 30px 0px 0px 0px;
	text-align: left;
	width: 481px;
	height: 278px;
	float: left;
	background:url(../../enquete/img/bg_enquete.gif) no-repeat 0 top;
	padding: 20px 0px 0px 0px;
	font-weight: bold;
}

#enquete .mainArea .enquete_right img {
	padding: 10px 10px 0px 28px;
	float: left;
}

#enquete .mainArea .enquete_right .enquete_pre1 {
	padding: 20px 0px 10px 0px;
	float: left;
	width: 250px;
	font-size: 14px;
	font-weight: bold;
	color:#E12B6E;
}

#enquete .mainArea .enquete_right .enquete_pre2 {
	float: left;
/*	height: 64px;*/
	width: 250px;
	font-size: 20px;
	font-weight: bold;
}

#enquete .mainArea .enquete_right .enquete_pre3 {
	padding: 4px 14px 4px 32px;
	clear: both;
	width: 400px;
	font-size: 10px;
	font-weight: normal;
}

#enquete .mainArea .lower-contents .section2 p#enquete_hissu {
	font-size: 14px;
	font-weight: bold;
}



#enquete .mainArea .lower-contents .section2 p {
	padding: 0 0 5px;
}

#enquete .mainArea span {
	color: #E84572;
	font-size: 10px;
	font-weight: bold;
}

#enquete .mainArea .lower-contents .section2 label {
	margin: 0 5px 5px;
}

#enquete .mainArea .lower-contents .section2 input {
	vertical-align: -2px;
	padding-right: 2px;
	margin-right: 2px;
}

#enquete .mainArea .lower-contents .section2 .submit {
	margin: 30px 0;
	text-align: center;
}

#enquete .mainArea .lower-contents .section2 table {
	width: 697px;
	margin: 0 0 10px;
	border-collapse: collapse;
	border: 1px solid #C7C7C7;
}

#enquete .mainArea .lower-contents .section2 .buttons {
	margin: 0 0 20px;
	text-align: center;
}

#enquete .mainArea .lower-contents .section2 .buttons img {
	margin: 0 0 10px;
}

#enquete .mainArea .lower-contents .section2 .privacy {
	margin: 20px 0;
}

#enquete .mainArea .lower-contents .section2 .privacy strong {
	font-weight: bold;
}

#enquete .mainArea .lower-contents .section2 .privacy .secure {
	margin: 20px 0;
}

#enquete .mainArea .lower-contents .section2 .privacy .secure .cybertrust {
	float: left;
	display: inline;
	width: 158px;
}

#enquete .mainArea .lower-contents .section2 .privacy .secure p {
	float: right;
	display: inline;
	width: 500px;
	padding: 30px 0 0;
}



#enquete .mainArea .lower-contents .section2 table tr th {
	width: 200px;
	padding: 5px 10px;
 	border: 1px solid #C7C7C7;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	background-color: #FADEE9;
}

#enquete .mainArea .lower-contents .section2 table tr td {
	padding: 5px 10px;
 	border: 1px solid #C7C7C7;
	font-size: 12px;
	background-color: #FFFFFF;
}

#enquete .mainArea .lower-contents .section2 table.gray tr td {
	background-color: #F0F0F0;
}

#enquete .mainArea .lower-contents .section2 p#enquete_setumei {
	padding: 8px 0px 24px 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.8em;
	clear:both;
}

#enquete .mainArea .lower-contents .section2 p#enquete_no1 {
	padding: 18px 0px 0px 0px;
}
/*上部タブ*/
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab{
	margin:0;
	padding: 18px 0px 0px 0px;
	list-style:none;
	clear:both;
	width:790px;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li{
	list-style:none;
	display:block;
	border:0px none;
	height:56px;
	float:left;
	width:100px;
	background: no-repeat bottom left;
	font-size:11px;
	background:url(../img/enquete/img_tab.gif) bottom right;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li span{
	display:block;
	color:#e84472;
	padding: 0 12px 0 7px;
}

/*　上下中央寄せ　*/
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li span{
display:table-cell;
height:56px;
margin-bottom:1px;
vertical-align:middle;
}
* html #enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li span{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li span{/* IE 7 */
display:inline;
zoom:1;
}
/*　上下中央寄せ　*/

#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li.selected{
	z-index:190!important;
	width:112px;
	margin-left:-15px;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li.selected span{
	padding-left:20px;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li.tab_top{
	z-index:160;
	background:url(../img/enquete/img_tab_top.gif) bottom left;
	width:100px;
	margin-left:0px;
}

#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li.tab_top span{
	padding-left:7px;
	padding-right:10px;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li.tab_end{
	background:url(../img/enquete/img_tab_end.gif) bottom right;
	width:116px;
	margin-left:-15px;
	z-index:170;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li.tab_end span{
	color:#e15500;
	padding-left:20px;
	padding-right:5px;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li.selected{
	background-position:top;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab li.selected span{
	color:#fff;
}


/*


#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab .tab01{
	background:url(../img/enquete/img_tab_top.gif) bottom left;
	width:100px;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab .tab02{
	background:url(../img/enquete/img_tab.gif) bottom left;
	margin-left:88px;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab .tab03{
	background:url(../img/enquete/img_tab.gif) bottom left;
	margin-left:187px;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab .tab04{
	background:url(../img/enquete/img_tab04.gif) bottom left;
	margin-left:286px;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab .tab05{
	background:url(../img/enquete/img_tab05.gif) bottom left;
	margin-left:385px;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab .tab06{
	background:url(../img/enquete/img_tab06.gif) bottom left;
	margin-left:484px;
}
#enquete #contents .mainArea .lower-contents .section2 ul#enquete_tab .tab07{
	background:url(../img/enquete/img_tab_end.gif) bottom right;
	width:116px;
	margin-left:-15px;
	z-index:150;
	margin-left:583px;}*/

#enquete .mainArea .lower-contents .section2 div.enquetePiece_a {
	border: 1px;
	background-color: #FF77CC;
	margin: 18px 4px 12px 0px;
	padding: 1px;
	width: 695px;
}

#enquete .mainArea .lower-contents .section2 .enquetePiece_a div.enqueteHead {
	text-align: left;
	background-color: #FFC0E5;
	margin: 0;
	padding: 4px 8px 4px 8px;
}

#enquete .mainArea .lower-contents .section2 div.enquete-mention {
	border-top: 1px #FF77CC solid;
	background-color: #FFFFFF;
	padding: 8px 4px 12px 8px;
	text-align: left;
	margin: 0;
}

#enquete .mainArea .lower-contents .section2 div.enquete-mention2 {
	border-top: 2px #CCCCCC dashed;
	background-color: #FFFFFF;
	padding: 8px 4px 12px 8px;
	text-align: left;
	margin: 0;
}


#enquete .mainArea .lower-contents .section2 .enquetePiece_a .enqueteHead .enquete-title span {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 4px 0px 0px;
}

#enquete .mainArea .lower-contents .section2 .enquetePiece_a .enqueteHead .enquete-title {
	font-weight: bold;
}



#enquete .mainArea .lower-contents .section2 table#border0 {
	border: 0;
	margin: 0px;
	padding: 0px;
	width: 680px;
}
#enquete .mainArea .lower-contents .section2 table#border0 tr th {
	border: 0;
	margin: 0px;
	padding: 0px;
}
#enquete .mainArea .lower-contents .section2 table#border0 tr td {
	border: 0;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}




#enquete .mainArea .lower-contents .section2 .text-center .step4-block {
	position: relative;
	width: 410px;
	height: 211px;
	margin: 25px auto;
	background: url(../img/members/step4_block_bg.jpg) no-repeat;
}

#enquete .mainArea .lower-contents .section2 .text-center .step4-block .t1 {
	position: absolute;
	top: 48px;
	left: 24px;
	width: 382px;
	color: #DD365D;
	font-size: 32px;
	line-height: 32px;
}

#enquete .mainArea .lower-contents .section2 .text-center .step4-block .t2 {
	position: absolute;
	top: 122px;
	left: 54px;
	width: 292px;
	color: #5C411C;
	font-size: 18px;
	font-weight: bold;
	line-height: 32px;
}



/*
	SSLシール【20100729】
----------------------------------------------------------------*/
.sideColumn .sslBox {
	width: 228px;
	margin: 0 0 10px 0;
	padding: 12px 10px;
	border: 1px dotted #cccccc;
}
.sideColumn .sslBox .sslSeal {
	margin: 0 auto 8px auto;
	padding: 6px;
	/*border: 1px solid #eeeeee;*/
	text-align: center;
}
