@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	background-color: #FAF7F0;
	background-image: url(../img/bg01.gif);
	background-repeat: repeat-y;
	font-size: 0.8em;
	font-family: "ＭＳ Ｐゴシック", Osaka;
}

/* Design */
img {
	border: none;
}

.img {
	display: block;
	border: 0;
}

.ind {
	text-indent: 1em;
}

.cr {
	clear: both;
}

.margin30 {
	margin-left: 30px;
}

.marginR30 {
	margin-right: 30px;
}

.margin50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.centering {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.alignright {
	text-align: right;
}

ul {
	list-style-type: none;
}

.bold {
	font-weight: bold;
}

h1 {
	margin: 0px;
	padding: 0px;
}

h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

h3 {
	font-size: 1.1em;
	color: #0E3193;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0E3193;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0E3193;
}

h4 {
	font-size: 0.9em;
	color: #4E3A1B;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #8799C9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8799C9;
}

.toph2 {
	margin-left: 0px;
}

p {
}


dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

/* header */
#header {
	background-image: url(../img/header02.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

/* Toppage Design */
#index {
	padding: 0px;
	margin: 0px;
}

#concept {
	width: 750px;
	padding: 0px;
	background-image: url(../img/bg02.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#concept #conceptR {
	float: right;
	padding-right: 15px;
}

#concept #conceptR .mainConcept1,
#concept #conceptR .mainConcept2,
#concept #conceptR .mainConcept3,
#concept #conceptR .mainConcept4 {
	text-indent: -9999px;
	font-size: 0.1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

#concept #conceptR .mainConcept1 a,
#concept #conceptR .mainConcept2 a,
#concept #conceptR .mainConcept3 a,
#concept #conceptR .mainConcept4 a {
	display:block;
	background-image: url(../img/concept01.gif);
	background-repeat: no-repeat;
	height: 104px;
	width: 204px;
	text-decoration: none;
}

#concept #conceptR .mainConcept2 a {
	background-image: url(../img/concept02.gif);
}

#concept #conceptR .mainConcept3 a {
	background-image: url(../img/concept03.gif);
}

#concept #conceptR .mainConcept4 a {
	background-image: url(../img/concept04.gif);
	height: 60px;
}

#concept #conceptR .mainConcept1 a:hover {
	background-image: url(../img/concept01-2.gif);
}

#concept #conceptR .mainConcept2 a:hover {
	background-image: url(../img/concept02-2.gif);
}

#concept #conceptR .mainConcept3 a:hover {
	background-image: url(../img/concept03-2.gif);
}

#concept #conceptR .mainConcept4 a:hover {
	background-image: url(../img/concept04-2.gif);
}

#concept #conceptL {
	width: 510px;
	height: 600px;
	margin: 0px;
	padding: 0px;
}

#concept #conceptL h2,
#concept #conceptL p {
	text-indent: -9999px;
	font-size: 0.1em;
	margin: 0px;
}

#conceptL img {
	margin-top: 383px;
	margin-left: 50px;
}

/* main */
#main {
	padding: 0px;
	margin: 0px;
	width: 770px;
}

#new {
	float: right;
}

#new #headline,
#new #what {
	background-image: url(../img/newbg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

#new p {
	margin: 0px;
	padding: 0px;
}

#new ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#new li {
	margin: 0px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D7D3C9;
	color: #645738;
	width: 350px;
}

#new .last {
	border-bottom: none;
}

#new .date {
	color: #0E9393;
	font-weight: bold;
}

/* Contents Design */
#breadcrumb {
	font-size: 0.9em;
	color: #4E3A1B;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8799C9;
}

#breadcrumb a {
	color: #0E3193;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #ED6D3D;
}

#breadcrumb strong {
	color: #0E3193;
}

#details {
	margin: 30px;
	padding: 0px;
	line-height: 140%;
}

#details p {
	font-size: 1.1em;
	color: #4E3A1B;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}

#details .thqdoor,
#details .selyedoor {
	text-indent: -9999px;
	font-size: 0.1em;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 100px;
}

#details .thqdoor a,
#details .selyedoor a {
	display:block;
	background-image: url(../img/thqlink.gif);
	background-repeat: no-repeat;
	height: 104px;
	width: 304px;
	text-decoration: none;
}

#details .selyedoor a {
	background-image: url(../img/selyelink.gif);
}

#details .thqdoor a:hover {
	background-image: url(../img/thqlink-2.gif);
}

#details .selyedoor a:hover {
	background-image: url(../img/selyelink-2.gif);
}

#details .contact {
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 70px;
}

#details .contact p {
	margin-left: 0px;
	margin-bottom: 5px;
}

#details .contact a {
	margin-left: 100px;
	text-indent: -9999px;
	font-size: 0.1em;
	display:block;
	background-image: url(../img/contact.gif);
	background-repeat: no-repeat;
	width: 152px;
	height: 53px;
	text-decoration: none;
}

#details .contact a:hover {
	background-image: url(../img/contact-2.gif);
}

#details .relation {
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
}

#details dl {
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#details dt a {
	font-size: 1.1em;
	color: #23429A;
	background-image: url(../img/arrow.gif);
	padding-left: 20px;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-bottom: 3px;
}

#details dt a:hover {
	color: #ED6D3D;
	background-image: url(../img/arrow-2.gif);
}

#details dd {
	font-size: 1.1em;
	color: #4E3A1B;
	padding-left: 30px;
	margin-bottom: 15px;
}

#details .ready {
	color: #CC0000;
	font-weight: bold;
	margin: 15px;
	text-align: center;
}

#details #flash {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#checkh3 {
	font-size: 1px;
	background-image: url(../img/h3-marathon.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 41px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-top: 30px;
	border: none;
}

#check {
	background-image: url(../img/marathon01.gif);
	background-repeat: repeat-y;
	width: 650px;
	margin-left: 15px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	background-position: left bottom;
}

#check h4 {
	margin-bottom: 15px;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	padding-top: 15px;
}

#check p {
	margin-top: 0px;
	margin-left: 35px;
	margin-right: 30px;
	padding-top: 5px;
	line-height: 150%;
}

#check form {
	margin: 0px;
	padding: 0px;
}

#check dl {
	margin-bottom: 15px;
	margin-top: 30px;
	margin-left: 40px;
	margin-right: 30px;
	padding: 0px;
}

#check dt {
	float: left;
	font-size: 1.2em;
	color: #4E3A1B;
	font-weight: bold;
	white-space: nowrap;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	margin-bottom: 10px;
	background-image: url(../img/marathon02.gif);
	background-repeat: no-repeat;
}

#check dd {
	font-size: 1.3em;
	color: #4E3A1B;
	font-weight: bold;
	white-space: nowrap;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	margin-left: 250px;
}

#check span {
	font-size: 1.35em;
	color: #CC0000;
	margin-left: 15px;
	background-color: #FFFFFF;
}

#check #result {
	padding-top: 5px;
	padding-bottom: 65px;
	background-image: url(../img/check05.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

#check .satisfaction {
	margin-bottom: 15px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#check #result #graph {
	border: 1px solid #D9D1BF;
	padding: 0px;
	height: 200px;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#check #yourself {
	padding: 0px;
	padding-top: 10px;
	width: 540px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border-width: 3px;
	border-style: solid;
	border-color: #CC0000;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 160%;
	text-align: center;
}

#check #yourself p.comment {
	font-size: 1.0em;
	font-weight: normal;
	line-height: 160%;
	text-align: left;
	border-top-width: 3px;
	border-top-style: dotted;
	border-top-color: #CC0000;
	margin: 15px;
}


.aroma {
	padding: 10px;
	margin: 15px;
	border: 2px dashed #ED6D3D;
}

.aroma dl {
	margin: 15px;
	padding: 0px;
}

.aroma dt {
	font-weight: bold;
	color: #ED6D3D;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(../img/button01.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	margin: 0px;
}

.aroma dd {
	margin-bottom: 20px;
}

.aroma li {
	font-weight: bold;
	color: #ED6D3D;
}

.aroma span {
	font-weight: normal;
	color: #4E3A1B;
}

#details .attention {
	color: #CC0000;
}

/* thq */
#thq {
	margin: 30px;
	padding: 0px;
	line-height: 140%;
}

#thq form {
	margin: 0px;
	padding: 0px;
	}

#thq p {
	color: #4E3A1B;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}

#thq p.thanks {
	font-size: 1.1em;
	line-height: 150%;
}

#thq ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#thq ol {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding: 0px;
}

#thq .question {
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #D6DCED;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #D6DCED;
	padding-top: 5px;
	padding-bottom: 5px;
}

#thq ul li {
	color: #4E3A1B;
	background-image: url(../img/button06.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin-left: 15px;
	margin-bottom: 15px;
	padding-left: 12px;
}

#thq ol li {
	color: #4E3A1B;
	margin-left: 30px;
	padding-left: 0px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}

#thq span {
	color: #ff0000;
	font-weight: normal;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#thq .odd {
	background-color: #EAE9E3;
}

#thq label,
#thq .confirm {
	font-weight: normal;
}

#thq ul .nolist {
	background-image: none;
}

#thq p.thanks a {
	color: #23429A;
}

#thq p.thanks a:hover {
	color: #ED6D3D;
}

/* menu */
#menu {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#menu2 {
	padding: 0px;
	margin-top: 10px;
	margin-right: 30px;
	_margin-right: 15px;
	margin-bottom: 30px;
	margin-left: 5px;
	float: right;
}

#menu ul {
	margin: 0px;
	background-image: url(../img/menuH.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#menu2 ul {
	margin: 0px;
	padding: 0px;
	width: 200px;
	background-image: url(../img/menuH.gif);
	background-repeat: no-repeat;
	border-top-width: 10px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #8799C9;
	border-left-color: #8799C9;
}

#menu li,
#menu2 li {
	padding: 0px;
	margin: 0px;
}

#menu li a {
	display:block;
	background-image: url(../img/menubg.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 17px;
	text-decoration: none;
	width: 366px;
	color: #0E3193;
	margin-bottom: -1px;
}

#menu2 li a {
	display:block;
	background-image: url(../img/menubg.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
	width: 190px;
	_width: 200px;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 6px;
	padding-right: 5px;
	text-decoration: none;
	color: #0E3193;
	margin-bottom: -1px;
}

#menu li a:hover,
#menu2 li a:hover {
	background-image: url(../img/menubg-2.gif);
}

#menu .last a,
#menu2 .last a {
	background-image: url(../img/menuF.gif);
	padding-bottom: 8px;
}

#menu .last a:hover,
#menu2 .last a:hover {
	background-image: url(../img/menuF-2.gif);
}

#index #main #menu .toyotabanner {
	padding: 0px;
	width: 385px;
	margin: 0px;
	margin-bottom: 5px;

}

#index #main #menu .toyotabanner a {
	background-image: url(../img/toyotabanner.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 375px;
	font-size: 1px;
	text-indent: -9999px;
	display: block;
}

#index #main #menu .toyotabanner a:hover {
	background-image: url(../img/toyotabanner-2.gif);
}

/* footer */
#footer {
	margin: 0px;
	padding: 0px;
	width: 780px;
	background-image: url(../img/footer01.gif);
	background-repeat: no-repeat;
}

#footer .top {
	text-indent: -9999px;
	font-size: 0.1em;
	padding-top: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 620px;
}

#footer .top a {
	display:block;
	background-image: url(../img/pagetop.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 114px;
	text-decoration: none;
}

#footer .top a:hover {
	background-image: url(../img/pagetop-2.gif);
}

#footer .copy {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 0.85em;
	width: 750px;
	color: #645738;
	text-align: right;
	padding-bottom: 17px;
}

/* form */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #A5ACB2;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #ED6D3D;
}
input.validation-passed, textarea.validation-passed {
}

.validation-advice {
	margin: 0.3em 0; padding: 0.1em 0.5em;
	background-color: #ED6D3D;
	color : #FFF;
	font-weight: bold;
	font-size: 0.8em;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}