@charset "Shift_JIS";


/*========================================↓「バーバラのＱ＆Ａ」*/


/*========================================↓詳細説明部分：固有設定*/


/*------------------------------------------↓以下、フォーム回り設定*/

div.detail_box1 div.form_box,
div.detail_box2 div.qa_box,
div.detail_box1 div.thanks_box {
	width:720px;
	height:auto;
	margin:0;
	padding:0;
	background-image:url(../qanda/img2/ka_bg.gif);
	background-repeat:repeat-y;
	}

table.form_table {
	width:680px;
	height:auto;
	margin:0 20px;
	padding:0;
	}

table.form_table td.td_midashi,
table.form_table td.td_midashi2 {
	width:65px;
	height:auto;
	margin:0;
	padding:5px 2px;
	vertical-align:top;
	}
table.form_table td.td_item,
table.form_table td.td_item2 {
	width:615px;
	height:auto;
	margin:0;
	padding:5px 2px;
	vertical-align:bottom;
	}

/*table.form_table input {
	height:20px;
	}*/

table.form_table input.box_type1,
table.form_table input.box_type2,
table.form_table textarea {
	height:20px;
	color:#fff;
	font-size:12px;
	border:1px #625689 solid;
	background-color:#222;
	}
table.form_table input.box_type1 {
	width:300px;
	}
table.form_table input.box_type2 {
	width:50px;
	}
table.form_table textarea {
	width:580px;
	height:auto;
	line-height:1.5em;
	padding:5px;
	}

table.form_table td p.cyuigaki {
	width:560px;
	height:auto;
	margin:5px 10px;
	padding:0;
	color:#fff100;
	font-size:10px;
	line-height:1.5em;
	text-align:right;
	}

/*↓画像に対してテキストを上下揃え、ここから_____*/
p.tatesoroe {
	width:auto;
	height:24px;
	text-align:left;
	margin:0;
	font-size:10px;
	color:#fff100;
	line-height:1em;
	float:left;
	}

/*リンクさせるので、要素を p から span に変更*/

p.tatesoroe span {
	display:table-cell;
	vertical-align:bottom;
	margin:0;
	padding:0;
	}

/*for IE6 */  
* html p.tatesoroe span {
	display:inline;
	zoom:1;
	}

/*for IE7 */
*:first-child+html p.tatesoroe span {
	display:inline;
	zoom:1;
	}


/*↑画像に対してテキストを上下揃え、ここまで_____*/


/*------------------------------------------↓以下、しつもんサンプルと正式Ｑ＆Ａ*/

/*リンクさせるので、要素を p から span に変更*/

div.name_simobe, div.name_simobe2 {
	width:680px;
	height:24px;
	margin:0 20px;
	padding:0;
	clear:both;
	}
div.name_simobe2 {
	/*width:700px;*/
	height:14px;
	margin:2px 0 0;
	}

/*ここからハック*/
div.name_simobe:after, div.name_simobe2:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
	}
div.name_simobe, div.name_simobe2 {/* for IE7*/
    zoom:1;
	}
/*ここまでハック*/

p.name_bros, p.name_sist,
p.name_head, p.age_dl1, p.age_dl2 {
	width:auto;
	height:24px;
	margin:0;
	padding:0;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#6699ff;
	line-height:1em;
	float:left;
	}
p.name_sist {
	color:#ea6182;
	}
p.name_head {
	color:#ff99ff;
	}
p.age_dl1, p.age_dl2 {
	color:#ff99ff;
	width:80px;
	height:24px;
	margin:0;
	padding:0;
	/*text-align:right;*/
	font-size:12px;
	font-weight:normal;
	float:right;
	}

p.name_bros span, p.name_sist span,
p.name_head, p.age_dl1, p.age_dl2 {
	display:table-cell;
	vertical-align:bottom;
	line-height:24px;
	}

/*for IE6 */  
* html p.name_bros span,
* html p.name_sist span,
* html p.name_head span,
* html p.age_dl1,
* html p.age_dl2 {
	display:inline;
	zoom:1;
	}

/*for IE7 */
*:first-child+html p.name_bros span,
*:first-child+html p.name_sist span,
*:first-child+html p.name_head span,
*:first-child+html p.age_dl1,
*:first-child+html p.age_dl2 {
	display:inline;
	zoom:1;
	}


/*↑画像に対してテキストを上下揃え、ここまで_____*/

table.qa_sample {
	width:680px;
	height:auto;
	margin:0 20px;
	padding:0;
	}

table.qa_sample td.qa_dotline {
	width:680px;
	height:auto;
	margin:2px 0 2px 0;
	padding:0;
	}

table.qa_sample td.qa_img,
table.qa_sample td.qa_text {
	width:60px;
	height:auto;
	margin:0;
	padding:2px 0;
	vertical-align:top;
	}
table.qa_sample td.qa_text {
	width:618px;
	font-size:12px;
	line-height:20px;
	}
/*ここからハック*/
table.qa_sample:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
	}
table.qa_sample {/* for IE7*/
    zoom:1;
	}
/*ここまでハック*/

/*バーバラのオススメの表*/
table.ba_osusume, table.ba_osusume2 {
	/*width:680px;*/
	height:auto;
	margin:10px 0 0;
	padding:0;
	border-collapse:collapse;
	}

table.ba_osusume th, table.ba_osusume td,
table.ba_osusume2 th, table.ba_osusume2 td {
	/*width:680px;*/
	height:auto;
	margin:0;
	padding:4px;
	background-color:#222222;
	border:solid 2px #000000;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	}
table.ba_osusume th, table.ba_osusume2 th {
	color:#ff99ff;
	}
table.ba_osusume td, table.ba_osusume2 td {
	/*width:680px;*/
	background-color:#151515;
	text-align:left;
	}
table.ba_osusume td.com_wrap, table.ba_osusume2 td.com_wrap {
	white-space:normal;
	}