@charset "UTF-8";

div#ESTIMATE {
	display:none;
	margin: 0px;
	padding: 0px;
}

#WRAPPER{
	background: url(../images/estimatemotorcycle/copy.jpg) no-repeat right top;
}
div#CONTENT h4,
div#CONTENT div,
div#CONTENT div div p,
div#CONTENT div#Q2 div p,
div#CONTENT ul{
	padding: 0px;
	margin: 0px;
}
div#CONTENT h4{
	padding: 25px 0px 5px 65px;
	margin:0px 0px 25px 30px; 
	height: 35px;
	font-size: 100%;
	background: url(../images/estimatemotorcycle/q-up.gif) no-repeat left center;
}
div#CONTENT h4.selected {
	background: url(../images/estimatemotorcycle/q-over.gif) no-repeat left center;
}
/*----Q設定-----*/
div#CONTENT div#Q0 div{
	margin-left: 60px;
}
div#CONTENT div#Q0 a#Q0-NORMAL,
div#CONTENT div#Q0 a#Q0-SMALL {
	margin:0px;
}
div#CONTENT div#Q0,
div#CONTENT div#Q1,
div#CONTENT div#Q5,
div#CONTENT div#Q6,
div#CONTENT div#Q2,
div#CONTENT div#Q3,
div#CONTENT div#Q4,
div#CONTENT div#Q7
{
	margin-bottom: 65px;
}
div#CONTENT div#Q1 div,
div#CONTENT div#Q5 div,
div#CONTENT div#Q2 div,
div#CONTENT div#Q3 div,
div#CONTENT div#Q7 div {
	margin: 15px 0px 30px 170px;
	width: 270px;
}
div#CONTENT div#Q6 div,
div#CONTENT div#Q4 div

{
	margin: 15px 65px 20px 161px;
	width: 288px;
}

div#CONTENT div#Q6 div div,
div#CONTENT div#Q4 div div{
	width:120px;
	margin: 0px;
	float: left;
}
div#CONTENT div#Q6 div div.right,
div#CONTENT div#Q4 div div.right
{
	float: right;
}

div#CONTENT div#Q6 div div p,
div#CONTENT div#Q4 div div p
{
	font-size: 85%;
	text-align: center;
	padding-top: 5px;
	margin: 0px;
}
div#CONTENT div#Q2 div a,
div#CONTENT div#Q3 div a
{
	padding-bottom: 15px;
}
div#CONTENT div#Q2 div a#Q2-A03,
div#CONTENT div#Q3 div a#Q3-A05 {
	padding-bottom: 5px;
}
div#CONTENT div#Q2 div p,
div#CONTENT div#Q3 div p
{
	margin-left: 40px;
	padding:0px 0px 15px 0px;
	font-size: 90%;
}
div#CONTENT div#QUESTIONS div#Q4 p span{
	display: block;
	width: 270px;
	margin-left: 170px;
	padding-top: 5px;
}

span#TOTAL-PRICE {
	font-size:140%;
}

/*---------------------------
TABLE
----------------------------*/

div#CONTENT div.table-wrapp01 {
	margin:120px 10px 15px 45px;
}

div#CONTENT div.table-wrapp02 table.total{
	/*border-top:1px solid #397DBF;*/
	padding-top: 15px;
}

div#CONTENT div.table-wrapp02 table thead th{
	padding-left: 105px;
	text-align: left;
	line-height:30px;
	width: 150px;
	/*background: url(../images/estimatemotorcycle/q.gif) no-repeat left;*/
}
div#CONTENT div.table-wrapp02 table thead td{
	text-align:right;
	padding-right: 100px;
	line-height:30px;
}
div#CONTENT div.table-wrapp02 table.total td {
	color: #ED1C24;
	font-weight: bold;
	font-size: 120%;
}
div#CONTENT div.table-wrapp02 table.total tbody td{
	width: 460px;
	padding-top: 15px;
	border-bottom-style: none;
	line-height: 18px;
	font-weight: normal;
	font-size: 86%;
	color: #333333;
	text-align: center;
}
div#CONTENT div.table-wrapp02 table.total tbody td strong{
	color: #ED1C24;
	font-weight: bold;
	font-size: 100%;
}
div#CONTENT div.table-wrapp02 table.total thead tr{
	width: 320px;
}


/*---------------------------
TWOBUTTON　入所案内と資料請求
----------------------------*/

div#CONTENT p span {
	color: #18A18A;
	font-size: 90%;
}

div#CONTENT div#TWOBUTTON{
	width: 510px;
	height: 55px;
	padding-left: 45px;
}

div#CONTENT div#TWOBUTTON a.button-entry{
	width: 238px;
	height: 60px;
	float: left;
	background: url(../images/estimatemotorcycle/button-entry.gif) no-repeat left top;
}
div#CONTENT div#TWOBUTTON a.button-request{
	width: 238px;
	height: 60px;
	float: right;
	background: url(../images/estimatemotorcycle/button-request.gif) no-repeat left top;
}
div#CONTENT div#TWOBUTTON a.button-entry:hover,
div#CONTENT div#TWOBUTTON a.button-request:hover{
	background-position: 0px -60px;
}
/*---------------------------
各Qのボタン画像
----------------------------*/

div#CONTENT div#Q0 div a#Q0-NORMAL{
	background: url(../images/estimatemotorcycle/select-normal-up.gif) no-repeat left top;
	width: 150px;
	height: 27px;
	display: block;
	float: left;
}
div#CONTENT div#Q0 div a#Q0-SMALL{
	background: url(../images/estimatemotorcycle/select-small-up.gif) no-repeat left top;
	width: 150px;
	height: 27px;
	display: block;
	float: left;
}
	
div#CONTENT div#Q0 div a#Q0-BIG{
	background: url(../images/estimatemotorcycle/select-big-up.gif) no-repeat left top;
	width: 150px;
	height: 27px;
	display: block;
	float: left;
}
div#CONTENT div#Q1 a#Q1-MT {
	background: url(../images/estimatemotorcycle/mt-up.gif) no-repeat left top;
	width: 102px;
	height: 27px;
	display: block;
	float: left;
}
div#CONTENT div#Q1 div a#Q1-AT{
	background: url(../images/estimatemotorcycle/at-up.gif) no-repeat left top;
	width: 102px;
	height: 27px;
	display: block;
	float: right;
}
div#CONTENT div#Q5 div a#Q5-ORDINARY {
	background: url(../images/estimatemotorcycle/ordinary-up.gif) no-repeat left top;
	width: 102px;
	height: 27px;
	display: block;
	float: left;
}
div#CONTENT div#Q5 div a#Q5-STUDENT{
	background: url(../images/estimatemotorcycle/student-up.gif) no-repeat left top;
	width: 102px;
	height: 27px;
	float: right;
}
div#CONTENT div#Q6 div div a#Q6-DAY {
	background: url(../images/estimatemotorcycle/daytime-up.gif) no-repeat left top;
	width: 120px;
	height: 27px;
	display: block;
	margin: 0px 9px;
}
div#CONTENT div#Q6 div div a#Q6-FULLDAY{
	background: url(../images/estimatemotorcycle/fulltime-up.gif) no-repeat left top;
	width: 102px;
	height: 27px;
	display: block;
	margin: 0px 9px;
}

div#CONTENT div#Q2 div a#Q2-A01 {
	background: url(../images/estimatemotorcycle/check-fourwheel-up.gif) no-repeat left top;
	width: 270px;
	height: 20px;
	display: block;
}
div#CONTENT div#Q2 div a#Q2-A02 {
	background: url(../images/estimatemotorcycle/check-atsmall-up.gif) no-repeat left top;
	width: 270px;
	height: 20px;
	display: block;
}
div#CONTENT div#Q2 div a#Q2-A03{
	background: url(../images/estimatemotorcycle/check-no-up.gif) no-repeat left top;
	width: 270px;
	height: 20px;
	display: block;
}
div#CONTENT div#Q3 div a#Q3-A01 {
	background: url(../images/estimatemotorcycle/check-fourwheel-up.gif) no-repeat left top;
	width: 270px;
	height: 20px;
	display: block;
}
div#CONTENT div#Q3 div a#Q3-A02 {
	background: url(../images/estimatemotorcycle/check-atnormal-up.gif) no-repeat left top;
	width: 270px;
	height: 20px;
	display: block;
}
div#CONTENT div#Q3 div a#Q3-A03{
	background: url(../images/estimatemotorcycle/check-small-up.gif) no-repeat left top;
	width: 270px;
	height: 20px;
	display: block;
}
div#CONTENT div#Q3 div a#Q3-A04{
	background: url(../images/estimatemotorcycle/check-atsmall-up.gif) no-repeat left top;
	width: 270px;
	height: 20px;
	display: block;
}

div#CONTENT div#Q3 div a#Q3-A05{
	background: url(../images/estimatemotorcycle/check-no-up.gif) no-repeat left top;
	width: 270px;
	height: 20px;
	display: block;
}
div#CONTENT div#Q4 div div a#Q4-NORMAL {
	background: url(../images/estimatemotorcycle/normal-up.gif) no-repeat left top;
	width: 120px;
	height: 27px;
	display: block;
	margin: 0px 9px;
}
div#CONTENT div#Q4 div div a#Q4-ATNORMAL{
	background: url(../images/estimatemotorcycle/atnormal-up.gif) no-repeat left top;
	width: 102px;
	height: 27px;
	display: block;
	margin: 0px 9px;
}

div#CONTENT div#Q7 div a#Q7-YES {
	background: url(../images/estimatemotorcycle/yes-up.gif) no-repeat left top;
	width: 102px;
	height: 27px;
	display: block;
	float: left;
}

div#CONTENT div#Q7 div a#Q7-NO{
	background: url(../images/estimatemotorcycle/no-up.gif) no-repeat left top;
	width: 102px;
	height: 27px;
	display: block;
	float: right;
}


/*********************
selected
*********************/

div#CONTENT div#Q0  div a#Q0-NORMAL.selected{
	background: url(../images/estimatemotorcycle/select-normal-over.gif) no-repeat left top;
}
div#CONTENT div#Q0  div a#Q0-SMALL.selected{
	background: url(../images/estimatemotorcycle/select-small-over.gif) no-repeat left top;
}
div#CONTENT div#Q0  div a#Q0-BIG.selected{
	background: url(../images/estimatemotorcycle/select-big-over.gif) no-repeat left top;
}
div#CONTENT div#Q1 a#Q1-MT.selected {
	background: url(../images/estimatemotorcycle/mt-over.gif) no-repeat left top;
}
div#CONTENT div#Q1 div a#Q1-AT.selected{
	background: url(../images/estimatemotorcycle/at-over.gif) no-repeat left top;
}
div#CONTENT div#Q5 div a#Q5-ORDINARY.selected {
	background: url(../images/estimatemotorcycle/ordinary-over.gif) no-repeat left top;
}
div#CONTENT div#Q5 div a#Q5-STUDENT.selected{
	background: url(../images/estimatemotorcycle/student-over.gif) no-repeat left top;
}
div#CONTENT div#Q6 div div a#Q6-DAY.selected {
	background: url(../images/estimatemotorcycle/daytime-over.gif) no-repeat left top;
}
div#CONTENT div#Q6 div div a#Q6-FULLDAY.selected{
	background: url(../images/estimatemotorcycle/fulltime-over.gif) no-repeat left top;
}
div#CONTENT div#Q2 div a#Q2-A01.selected {
	background: url(../images/estimatemotorcycle/check-fourwheel-over.gif) no-repeat left top;
}
div#CONTENT div#Q2 div a#Q2-A02.selected {
	background: url(../images/estimatemotorcycle/check-atsmall-over.gif) no-repeat left top;
}
div#CONTENT div#Q2 div a#Q2-A03.selected{
	background: url(../images/estimatemotorcycle/check-no-over.gif) no-repeat left top;
}
div#CONTENT div#Q3 div a#Q3-A01.selected {
	background: url(../images/estimatemotorcycle/check-fourwheel-over.gif) no-repeat left top;
}
div#CONTENT div#Q3 div a#Q3-A02.selected {
	background: url(../images/estimatemotorcycle/check-atnormal-over.gif) no-repeat left top;
}
div#CONTENT div#Q3 div a#Q3-A03.selected{
	background: url(../images/estimatemotorcycle/check-small-over.gif) no-repeat left top;
}
div#CONTENT div#Q3 div a#Q3-A04.selected{
	background: url(../images/estimatemotorcycle/check-atsmall-over.gif) no-repeat left top;
}
div#CONTENT div#Q3 div a#Q3-A05.selected{
	background: url(../images/estimatemotorcycle/check-no-over.gif) no-repeat left top;
}
div#CONTENT div#Q4 div div a#Q4-NORMAL.selected {
	background: url(../images/estimatemotorcycle/normal-over.gif) no-repeat left top;
}
div#CONTENT div#Q4 div div a#Q4-ATNORMAL.selected{
	background: url(../images/estimatemotorcycle/atnormal-over.gif) no-repeat left top;
}
div#CONTENT div#Q7 div a#Q7-YES.selected {
	background: url(../images/estimatemotorcycle/yes-over.gif) no-repeat left top;
}

div#CONTENT div#Q7 div a#Q7-NO.selected{
	background: url(../images/estimatemotorcycle/no-over.gif) no-repeat left top;
}


/*--------------------for MacIE--------------------*/
div#CONTENT a span
{
	text-indent:-9999px;
}
/*--------------------Hides from IE-mac--------------------\*/
div#CONTENT div a span
{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}