@charset "UTF-8";
/* CSS Document */

body {
	background: #A1D38B url(../images/body_bg.png) repeat-x center top;
	font: "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	color: #333333;
}

/*header {
	width: 100%;
	height: 74px;
	padding: 17px 0 0 0;
	margin: 0 auto 25px;
	background: url(../images/logo_bg.png) repeat-x left top;
	text-align: center;
}*/
header {
	width: 100%;
	height: 74px;
	padding: 17px 0 0 0;
	margin: 0 auto 25px;
	background-color:#ffead6;
	text-align: center;
}

header h1 {
	padding: 0 0 0 0;
	margin: 0 auto;
}

h2 {
	width: 550px;
	margin: 0 auto;
	line-height: 1.45em;
	padding: 0 0 15px 0;
}

/* --コンテンツ-- */

div#wrap {
	padding: 0 14px;
	margin: 0 auto;
	width: 572px;
}

section.step_number {
	padding: 0 0 15px 0;
}

label {
	display:block;
	float:inherit;	
}

.medium_red{
	color: #CC0000;
	font-weight:bold;
}

/* --STEP01-- */

ul.kihon {
	width: 100%;
}

ul.kihon li {
	padding: 5px 0;
	background: url(../images/line.png) repeat-x center bottom;
}

ul.kihon li:last-child {
	background: none;
}

table.step01 {
	border: none;
	width: 550px;
	padding: 0 25px;
	margin: 0 auto;
	text-align: left;
}

table.step01 th {
	width: 200px;
	font-size: 24px;
}

table.step01 th.smallQ {
	font-size: 16px;
}

table.step01 select {
	font-size: 16px;
	width: 270px;
	height: 43px;
	margin: 5px 0;
	vertical-align: middle;
	/*padding: 15px 0;*/
	text-align: center;
}

table.step01 input {
	font-size: 16px;
	width: 270px;
	height: 43px;
	margin: 5px 0;
	vertical-align: middle;
	/*padding: 15px 0;*/
	text-align: center;
}

td.green {
	width: 60px;
	font-size: 18px;
	font-weight: bold;
	color: #060;
	text-align: left;
}

p.check {
	margin: 0 auto;
	text-align: center;
}

p.check input {
	font-size: 16px;
	width: 270px;
	height: 43px;
	margin: 5px 0;
	/*padding: 15px 0;*/
	text-align: center;
}

/* --STEP02-- */

h2#c_lead {
	height: 54px;
	padding: 3px 0 3px 100px;
	background: url(../images/icon_A.png) no-repeat top left;
	font-size: 20px;
}

h2#c_lead span.medium_red {
	font-size: 16px;
}

dl#qlist,
dl#resultanswer {
	width: 100%;
	margin: 10px 0;
}

dl#qlist dt,
dl#resultanswer dt{
	padding: 10px 14px;
	background: #C9D8EE url(../images/line.png) repeat-x center top;
	line-height: 1.45em;
	font-size: 24px;
}

dl#qlist dt.title,
dl#resultanswer dt.title  {
	border-top: solid 1px #060;
	background: none;
}

dl#qlist dt h3,
dl#resultanswer dt h3 {
	padding: 0 0 0 75px;
	background: url(../images/icon_B.png) no-repeat left center;
}

dl#qlist dd,
dl#resultanswer dd {
	line-height: 1.45em;
	font-size: 20px;
}

dl#qlist dd ul li {
	padding: 5px 14px;
	margin: 0 0 1px 0;
	background: #F4F4F4;
}

dl#qlist dd ul li.li-odd {
	background: #EBEBEB;
}

dl#qlist dd ul li:last-child {
	margin: 0;
}

dl#qlist dd ul li input {
	float: left;
}

dl#qlist dd ul.intext li input {
	height: 35px;
	width: 100%;
}

dl#qlist dd ul li select {
	font-size: 16px;
	width: 270px;
	height: 43px;
	margin: 5px 0;
	vertical-align: middle;
	text-align: center;
	float: left;
}

span.bol {
	font-weight: bold;
}

p.next,
p.back,
p.search {
	margin: 0 auto;
	text-align: center;
}

p.next input {
	font-size: 16px;
	width: 270px;
	height: 43px;
	margin: 5px 0;
	text-align: center;
}

p.back input {
	font-size: 16px;
	width: 270px;
	height: 43px;
	margin: 5px 0;
	text-align: center;
	background: #999;
	color: #FFF;
}

p.search input {
	font-size: 16px;
	width: 270px;
	height: 43px;
	margin: 5px 0;
	text-align: center;
}

div.attention h4 {
	width: 100%;
	padding: 10px 0;
	margin: 10px 0;
	font-size: 24px;
	font-weight: bold;
	color: #060;
	text-align: center;
	background: #FFF;
}

div.attention section {
	padding: 15px;
	margin: 0 14px 14px;
	background: #FFFFEE;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	line-height: 1.45em;
}

div.attention section p {
	margin-bottom: 0.8em;
}

ul.checklist {
	width: 100%;
	margin: 10px 0;
}

ul.checklist li {
	padding: 5px 14px;
	margin: 0 0 1px 0;
	background: #F4F4F4;
	line-height: 1.45em;
	font-size: 20px;
}

ul.checklist li.li-odd {
	background: #EBEBEB;
}

ul.checklist li input {
	float: left;
}

ul.checklist li.intext input {
	height: 35px;
	width: 100%;
}

ul.checklist li.nob {
	margin: 0;
}

/* --STEP4-- */

h2#result {
	height: 20px;
	width: 485px;
	padding: 15px 0 22px 65px;
	margin: 0 0 10px 0;
	background: url(../images/icon_C.png) no-repeat left center;
	font-size: 20px;
}

h2#c_lead span.medium_red {
	font-size: 16px;
}

p.resultimg {
	width: 560px;
	margin: 0 auto;
}

dl#resultanswer dd {
	background: #FFF;
	padding: 10px 14px;
}

/* --探す-- */

h2#megane {
	height: 20px;
	width: 485px;
	padding: 4px 0 14px 35px;
	margin: 0 0 10px 0;
	background: url(../images/icon_D.png) no-repeat left center;
	font-size: 24px;
	color: #060;
}

/* clearfix */
dl#qlist dd ul li:after,
ul.checklist li:after {
	content: ".";
	display: block;
	clear: both;
	height:0;
	visibility: hidden;
}