@charset "utf-8";

/*====================================================================================================

 enquete-index

====================================================================================================*/
/* IE6 hover対応ハック */
body { behavior:url("/style/script/csshover.htc"); }

body#enquete-index h1{
	padding:0.5em 14px;
	font-size:134%;
	color:#fff;
	margin:0.6em -12px;
	zoom:1;
}

body#enquete-index h2{
	font-size:117%;
	color:#00A0C6;
	padding-left:10px;
	margin:1em 0 0.6em;
	border-left:4px solid #00A0C6;
}

p.enquete-attention{
	padding:0 14px 0.6em;
	margin:0 -12px 0.8em;
	font-weight:bold;
	zoom:1;
}

p.enquete-attention2{
	padding:0 14px 0.6em;
	margin:0 -12px 0.8em;
	zoom:1;
}

p.enquete-attention3{
	padding:0 14px 1.5em;
	margin:0 -12px 0.8em;
	text-align:center;
	line-height:200%;
	zoom:1;
}

ul.security-marks{
	margin:1em 0 1.5em;
	font-size:84%;
	color:#643900;
	zoom:1;
}

ul.security-marks:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

ul.security-marks li{
	margin:0;
	padding:5px 0;
	list-style:none;
	width:286px;
	float:left;
	text-align:center;
}

#message-box {
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	padding-top:80px;
}

/*====================================================================================================

 enquete (questions)

====================================================================================================*/
body#enquete div.question{
	clear:both;
	margin:0 0 1.5em 0;
	zoom:1;
}
/* #16545 add by Nghi 2016.03.07*/
body#enquete div.question_none{
     display: none;
 }

body#enquete div.question h1{
	//background-image: url(/style/media/3/common/upper_line.gif);
	//background-repeat: repeat-x;
	border-bottom:2px dotted #bbb;
	font-size:100%;
	padding-top:1.0em;
	padding-bottom:0.5em;
	margin-bottom:2em;
	zoom:1;
}

body#enquete div.question h1:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

body#enquete div.question h1 em{
	font-weight:normal;
	color:#00f;
	margin-left:0.5em;
}


.tablePattern01 th, .tablePattern01 td {
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: 5px;
}
.tablePattern01 .topTh {
	background: #ADFF2F;
	font-weight: normal;
	font-size: 10pt !important;
}
.tablePattern01 .oddLftTh {
	padding:8px 15px;
	background: #E8EDFF;
	font-weight: normal;
	font-size: 10pt !important;
	white-space:nowrap
}
.tablePattern01 .evenLftTh {
	padding:8px 15px;
	background: #F5F5F5;
	font-weight: normal;
	font-size: 10pt !important;
	white-space:nowrap
}
.tablePattern01 .oddTd {
	background: #E8EDFF;
	font-size: 10pt !important;
}
.tablePattern01 .evenTd {
	background: #F5F5F5;
	font-size: 10pt !important;
}

.tablePattern01 tr.oddhoverTr:hover td,
.tablePattern01 tr.oddhoverTr:hover th,
.tablePattern01 tr.evenhoverTr:hover td,
.tablePattern01 tr.evenhoverTr:hover th {
	background-color:#D0DAFD;
}



/* 幅を等間隔にする指定 */
.colwidth_1 p{
	text-align: center;
	margin:0 5px;
}
.colwidth_2 {
	text-align: center;
	min-width:120px;
}
.colwidth_3 {
	text-align: center;
	min-width:140px;
}
.colwidth_4 {
	text-align: center;
	min-width:80px;
}
.coltype_vertical {
	min-width:24px; /*chienva #11342*/
}
.coltype_horizontal {
	min-width:45px;
	text-align: center;
	white-space:nowrap
}


/* 縦書きにする指定 */
div.tate-area{
	margin-right:auto;
	margin-left:auto;
	display: block;
	width: 100%;
	text-align: center;
	font-size:10pt;
}
div.tate-area a{
	color:#ADFF2F;
	text-decoration:none;
}

div.tate-line{
	float:right;
	width:1.00em;
	line-height:1.00em;
	margin-right:0.1em;
	margin-left:0.1em;
	padding-bottom:0.1em;
	font-family:'Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic Pro W3' , 'ＭＳ ゴシック','MS Gothic' ,monospace;
	word-wrap:break-word;
	direction:ltr;
    letter-spacing: 1em; /* #15532 add styles */
}

span.tate-kuto{
	display:block;
	width:0.4em;
	line-height:0.1em;
	margin-bottom:0.9em;
	margin-left:0.6em;
}
span.tate-cho{
	display:block;
	-moz-transform:matrix(0, 1, 1, 0, 0, 0);
	-webkit-transform:matrix(0, 1, 1, 0, 0, 0);
	-o-transform:matrix(0, 1, 1, 0, 0, 0);
	transform:matrix(0, 1, 1, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
span.tate-komoji{
	display:block;
	line-height:0.7em;
	margin-bottom:0.3em;
	margin-left:0.1em;
}
span.tate-kakko{
	display:block;
	-moz-transform:rotate( 90deg );
	-webkit-transform:rotate( 90deg );
	-o-transform:rotate( 90deg );
	transform:rotate( 90deg );
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
div.tate-separator{
	clear:both;
	height:2em;
}


/*数値設問合計欄*/
.totalArea{
	min-width: 210px;
	border:1px solid;
	padding-top: 3px;
	padding-bottom: 3px;
}
/*数値設問合計欄文言*/
.total_before_text, .total_after_text{
	display: inline-block;
}

/* タイトル線1 */
body#enquete div.question div.line01{
	text-align:left;
	width: 800px;
	height: 2px;
	border: none;
	background-color: #ddd;
	margin-bottom:1px;
}


/* タイトル線2 */
body#enquete div.question div.line02{
	text-align:left;
	width: 800px;
	height: 1px;
	border: none;
	background-color: #ddd;
}

/*for IE*/
body#enquete textarea {
	white-space: pre-wrap;
}

body#enquete div.question div.line01_none {
    display: none;
}

body#enquete div.question div.line02_none {
    display: none;
}
