@charset "UTF-8";
/* CSS Document */

/* Override to common settings
------------------------------*/
.whiteBox {
	width: 445px;
	padding:18px 20px 20px 20px;
	}
	
h3.boxHeader{
	display: block;
	width: 425px;
	margin: 0 auto 0 auto;
	padding-bottom:30px;
	}



/* TEXT
------------------------------*/
p.text12{
	display:block;
	font-size: 1.2em;
	line-height: 1.5em;
	}
.text12-2{
	display:block;
	margin-bottom: 1.5em;
	font-size: 1.2em;
	line-height: 1.5em;
	}
span.qandaNoTxt{
	padding-left:5px;
	font-size:1.2em;
	}	
	
	
/* H3
------------------------------*/
h3.header{
	padding:0 30px 0 30px;
	font:italic bolder 1.6em Geneva, Arial, Helvetica, sans-serif;
	color: #FF0000;
	background: transparent url(../images/q_header_bg.gif) repeat-y bottom left;
	}	
	
	
/* mainContents ctnMainBox
------------------------------*/

	.ctnMainBox{
		width:420px;
		margin: 0 auto 10px auto;
		padding:15px 10px 0 10px;
		border-top:1px solid #EAEAEA;
		border-left:1px solid #EAEAEA;
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		background:#FFFFFF url(../images/qanda_cnt_bg.gif) no-repeat left bottom;
		}	

/* qandaTxtBox
------------------------------*/
/* Q */
	.ctnQbox,
	.ctnAbox{
		font-size:1.2em;
		line-height:　1.5em;}
		.ctnQbox{
			padding:10px 10px 15px 30px;
			background: transparent url(../images/q_txtbox_bg.gif) repeat-y top left;}
			
	p.qName{
		display:block;
		min-height:15px;
		padding:5px 20px 10px 30px;
		font-size:1.2em;
		font-weight:bold;
		text-align:right;
		background: transparent url(../images/q_p_btm_bg.gif) no-repeat top left;
		}
		* html p.qName{
			height:15px;
			}
		
/* A */
	.ctnAbox{
		padding:25px 20px 15px 10px;
		background: transparent url(../images/a_txtbox_bg.gif) no-repeat top right;}
	
	p.aName{
		display:block;
		margin-bottom:10px;
		padding:5px 50px 0 30px;
		font:italic bolder 1.6em Geneva, Arial, Helvetica, sans-serif;
		color:#005097;
		text-align:right;
		background: transparent url(../images/a_header_bg.gif) repeat-y top right;
		}
		p.aName img{vertical-align:middle;}
		
		
		
/*pagenate
------------------------------*/
.pagenate{
	display:block;
	margin:20px auto 20px auto;
	font-size:1.2em;
	text-align:center;}



/* 質問応募
------------------------------*/
fieldset {
	/*display: block;*/
	border: 1px solid #DDD;
	/*margin: 0 0 10px 0;*/
	}
	
	legend {
		margin-left: 10px;
		padding: 0 10px;
		color: #999;
		font-size: 1.2em;
		font-weight: bold;
		}
	.indispensable {
		color: #CC3300;
		font-size: 1.4em;
		line-height: 1.4em;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-weight: bold;
		vertical-align: bottom;
		}

		
.inputFormTable {
	/*width: 600px;*/
	border-collapse: collapse;
	border-spacing: 0;
	}
	
	.inputFormTable th,
	.inputFormTable td,
	.inputFormTable td.indispensable {
		vertical-align: top;
		background: transparent repeat-x url(/common/images/break-line.gif) left bottom;
		}
	.inputFormTable .end_row th,
	.inputFormTable .end_row td,
	.inputFormTable .end_row td.indispensable {
		background: none;
		}

	
	.inputFormTable th {
		width: 100px;
		padding: 10px 0 15px 10px;
		font-size: 1.2em;
		line-height: 1.5em;
		color: #333;
		text-align: right;
		}
	.inputFormTable td.inputCell {
		width: 290px;
		padding: 10px 10px 15px 10px;
		font-size: 1.2em;
		line-height: 1.5em;
		color: #999999;
		text-align: left;
		}
		
		.existingImage {
			display: block;
			width: 408px;
			margin: 5px 0;
			padding: 5px 5px 4px 5px;
			border: 1px dotted #FF9900;
			line-height: 1em;
			}
			
		.existingImage img {
			border: 1px solid #DCDCDC;
			}
	
	.inputFormTable td {
		padding: 10px 0 0 5px;
		}
	
		.inputFormTable .inputArea {
			display: block;
			position: relative;
			width: 290px;
			}
		.inputFormTable td .example {
			display: block;
			padding: 0.2em 0 0 0;
			color: #999999;
			}
			
		.inputFormTable td input.input_text {
			padding: 0.2em;
			border: 1px solid #999;
			color: #666666;
			}
		.inputFormTable td input.input_file {
			width: 290px;
			padding: 0.2em;
			color: #666666;
			}
		.inputFormTable td input#add {
			width: 290px;
			}
		.inputFormTable td input#age {
			width: 50px;
			}

		.inputFormTable td textarea {
			width: 290px;
			border: 1px solid #999;
			color: #666666;
			}
		/*
		.inputFormTable td label {
			display: block;
			width: 415px;
			padding: 0;
			color: #666666;
			}*/
	.thanks{
		font-size:1.8em;
		text-align:center;
		}	
		
		
	#errmsg {
		display: block;
		list-style: none;
		margin-bottom: 3em;
		padding: 0.5em 0.5em 0 0.5em;
		border: 1px dotted #FF6600;
		}
		#errmsg li {
			font-size: 1.2em;
			color: #FF3300;
			margin-bottom: 0.3em;
			}

	.form_btn_area {
		text-align: center;
		}
		
		.form_btn_area p {
			margin-bottom: 0.6em;
			text-align: center;
			font-size: 1.2em;
			line-height: 1.5em;
			}