@charset "euc-jp";

/*	おすすめチャート	*/

body {
	margin:0;
	padding:0;
	text-align: center;
	color:#595959;
	/*background-color:#fcc;*/
	background-color:#fff;
}

img{
	border-width: 0;
}

table {
	width: 100%;
	border-collapse:collapse;
	color: #595959;
	background-color:#fff;
	line-height: 120%;
}

th, td{
	padding:0;
	text-align: left;
}

div.chartBox{
	margin: 0 auto;
	/*width: 370px;*/
	width: 366px;
}

div.wideBox{
	/*width: 440px;*/
	width: 436px;
}

div.wideBox2{
	/*width: 580px;*/
	width: 576px;
}

div.chartBox p{
	margin: 0 0 0.5em 0;
}

div.chartBox td.qNum{
	padding-left: 11px;
	width: 100px;
}

div.chartBox div.question{
	margin-right: 15px;
	text-align: left;
	font-weight: bold;
}

div.chartBox div.inner{
	width: 100%;
	overflow: hidden;
	color: #595959;
	background-color:#fff;
	border-left: 2px solid #fc9;
	border-right: 2px solid #fc9;
}

div.floatL{
	float: left;
}

div.answer{
	margin: 50px 0;
}

div.answer span{
	padding: 0 30px;
}

ul.answer{
	margin: 20px 5px 20px 40px;
	list-style-type: none;
	text-align: left;
}

ul.answer li{
	margin: 0 0 5px 0;
}

ul.answer li img{
	vertical-align: middle;
}

table.answer td{
	width: 50%;
	height: 120px;
	padding: 0 10px;
	text-align: center;
}

table.sel3 td{
	width:33.3%;
	padding: 0 5px;
}

table.answer td img{
	vertical-align: middle;
}

div.itemPhoto{
	margin: 15px 0 5px 0;
	width:100%;
	overflow: hidden;
}

div.itemPhoto div.halfBox{
	width: 50%;
	float: left;
}

div.itemCaption{
	padding:0 30px;
	text-align: left;
}

div.chartBox div.back{
	clear: both;
	margin-top: 10px;
	padding-left: 11px;
	text-align: left;
}

/*<フッターをウインドウ最下部に固定>*/
div#popupFooter{
	width:100%;
	position:absolute;	/* for Win IE6 */
	left:0;
	bottom:0;
}

html>body div#popupFooter{
	position:fixed;
}
/*<フッターをウインドウ最下部に固定>*/