@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
}
ul {
	list-style: none;
}
#whywrapper h1, 
#whywrapper h2,
#whywrapper h3,
#whywrapper h4,
#whywrapper h5,
#whywrapper h6 {
	text-indent: -9999px;
	overflow: hidden;
}
#whywrapper {
	width: 733px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
}

/* ------------------------------ */
/* header */

#whyheader {
	background:url(../img/why/why_header.gif) no-repeat;
	width: 733px;
	height: 142px;
	position: relative;
	margin-bottom: 25px;
}
#whyheader p {
	width: 535px;
	position: absolute;
	left: 175px;
	top: 70px;
	color: #FFFFFF;
}

/* ------------------------------ */
/* contents */

#why {
	width: 733px;
	background: url(../img/why/why.gif) no-repeat;
	height: 346px;
	margin-bottom: 25px;
}
#why p,
#why dl {
	text-indent: -9999px;
	overflow: hidden;
}
/* ------------------------------ */
#question {
	width: 733px;
	background: url(../img/why/w_question.gif) no-repeat;
	height: 145px;
	position: relative;
	margin-bottom: 25px;
}
#question ul {
	font-size: 13px;
	line-height: 1.75em;
}
ul#q1 {
	position: absolute;
	top: 35px;
}
ul#q2 {
	position: absolute;
	top: 35px;
	left: 400px;
}
#question ul li {
	text-indent: 20px;
	background: url(../img/arrow.gif) no-repeat;
	background-position: 0 6px;
}

#question a {
	text-decoration: none;
}
#question a:hover {
	text-decoration: underline;
}
/* ------------------------------ */
#separate {
	text-indent: -9999px;
	overflow: hidden;
	height: 25px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000000;
}

/* 共通指定 */
#why1,
#why2,
#why3,
#why4,
#why5,
#why6,
#why7,
#why8,
#caution {
	width: 733px;
	margin-bottom: 25px;
	position: relative;
}
#why1 .w101,
#why2 .w201,
#why3 .w301,
#why4 .w401,
#why5 .w501,
#why6 .w601,
#why7 .w701,
#why8 .w801 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33em;
	position: absolute;
}
/* ------------------------------ */
/* why1 */
#why1 {
	background: url(../img/why/w101.gif) no-repeat;
	height: 306px;
}
#why1 .w101 {
	top: 70px;
	left: 85px;
}
#why1 .w102 {
	width: 400px;
	position: absolute;
	top: 115px;
	left: 85px;
}
#why1 .w103 {
	width: 400px;
	position: absolute;
	top: 215px;
	left: 85px;
}
#why1 #w104 {
	background: url(../img/why/w102.gif) no-repeat;
	width: 207px;
	height: 188px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#w104 .w1041 {
	width: 187px;
	position: absolute;
	top: 75px;
	left: 20px;
}
#w104 .w1042 {
	width: 187px;
	position: absolute;
	top: 140px;
	left: 20px;
}
/* ------------------------------ */
/* why2 */
#why2 {
	background: url(../img/why/w201.gif) no-repeat;
	height: 290px;
}
#why2 .w201 {
	top: 65px;
	left: 85px;
}
#why2 .w202 {
	width: 400px;
	position: absolute;
	top: 130px;
	left: 85px;
}
#why2 .w203 {
	width: 400px;
	position: absolute;
	top: 233px;
	left: 85px;
}
#why2 #w204 {
	background: url(../img/why/w202.gif) no-repeat;
	width: 207px;
	height: 224px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#w204 .w2041 {
	width: 187px;
	position: absolute;
	top: 68px;
	left: 20px;
}
#w204 .w2042 {
	width: 187px;
	position: absolute;
	top: 125px;
	left: 20px;
}
#w204 .w2043 {
	width: 187px;
	position: absolute;
	top: 180px;
	left: 20px;
}
/* ------------------------------ */
/* why3 */
#why3 {
	background: url(../img/why/w301.gif) no-repeat;
	height: 279px;
}
#why3 .w301 {
	top: 65px;
	left: 85px;
}
#why3 .w302 {
	width: 400px;
	position: absolute;
	top: 153px;
	left: 85px;
}
#why3 .w303 {
	width: 400px;
	position: absolute;
	top: 218px;
	left: 85px;
}
#why3 #w304 {
	background: url(../img/why/w302.gif) no-repeat;
	width: 207px;
	height: 183px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#w304 .w3041 {
	width: 187px;
	position: absolute;
	top: 70px;
	left: 20px;
}
#w304 .w3042 {
	width: 187px;
	position: absolute;
	top: 133px;
	left: 20px;
}
/* ------------------------------ */
/* why4 */
#why4 {
	background: url(../img/why/w401.gif) no-repeat;
	height: 258px;
}
#why4 .w401 {
	top: 65px;
	left: 85px;
}
#why4 .w402 {
	width: 400px;
	position: absolute;
	top: 133px;
	left: 85px;
}
#why4 .w403 {
	width: 400px;
	position: absolute;
	top: 213px;
	left: 85px;
}
#why4 #w404 {
	background: url(../img/why/w402.gif) no-repeat;
	width: 207px;
	height: 192px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#w404 .w4041 {
	width: 187px;
	position: absolute;
	top: 70px;
	left: 20px;
}
#w404 .w4042 {
	width: 187px;
	position: absolute;
	top: 128px;
	left: 20px;
}
/* ------------------------------ */
/* why5 */
#why5 {
	background: url(../img/why/w501.gif) no-repeat;
	height: 244px;
}
#why5 .w501 {
	top: 65px;
	left: 85px;
}
#why5 .w502 {
	width: 400px;
	position: absolute;
	top: 133px;
	left: 85px;
}
#why5 .w503 {
	width: 400px;
	position: absolute;
	top: 200px;
	left: 85px;
}
#why5 #w504 {
	background: url(../img/why/w502.gif) no-repeat;
	width: 207px;
	height: 111px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#w504 .w5041 {
	width: 187px;
	position: absolute;
	top: 73px;
	left: 20px;
}
/* ------------------------------ */
/* why6 */
#why6 {
	background: url(../img/why/w601.gif) no-repeat;
	height: 308px;
}
#why6 .w601 {
	top: 63px;
	left: 85px;
}
#why6 .w602 {
	width: 465px;
	position: absolute;
	top: 128px;
	left: 85px;
}
#why6 .w603 {
	position: absolute;
	top: 213px;
	left: 85px;
}
#why6 #w604 {
	background: url(../img/why/w602.gif) no-repeat;
	width: 202px;
	height: 25px;
	position: absolute;
	left: 85px;
	bottom: 0px;
}
#w604 .w6041 {
	width: 438px;
	position: absolute;
	top: 3px;
	left: 210px;
}
/* ------------------------------ */
/* why7 */
#why7 {
	background: url(../img/why/w701.gif) no-repeat;
	height: 221px;
}
#why7 .w701 {
	top: 65px;
	left: 85px;
}
#why7 .w702 {
	width: 465px;
	position: absolute;
	top: 125px;
	left: 85px;
}
#why7 .w703 {
	position: absolute;
	top: 190px;
	left: 85px;
}
/* ------------------------------ */
/* why8 */
#why8 {
	background: url(../img/why/w801.gif) no-repeat;
	height: 308px;
	margin-bottom: 50px;
}
#why8 .w801 {
	top: 65px;
	left: 85px;
}
#why8 .w802 {
	width: 400px;
	position: absolute;
	top: 133px;
	left: 85px;
}
#why8 .w803 {
	width: 400px;
	position: absolute;
	top: 203px;
	left: 85px;
}
#why8 #w804 {
	background: url(../img/why/w802.gif) no-repeat;
	width: 207px;
	height: 175px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#w804 .w8041 {
	width: 187px;
	position: absolute;
	top: 75px;
	left: 20px;
}
#w804 .w8042 {
	width: 187px;
	position: absolute;
	top: 140px;
	left: 20px;
}
/* ------------------------------ */
/* caution */
#caution {
	background: url(../img/why/w901.gif) no-repeat;
	height: 479px;
}
#caution #c1,
#caution #c2,
#caution #c3 {
	width: 226px;
	height: 447px;
	position: absolute;
	top: 32px;
}
#caution #c1 {
	background: url(../img/why/c1.gif) no-repeat;
}
#caution #c2 {
	background: url(../img/why/c2.gif) no-repeat;
	left: 254px;
}
#caution #c3 {
	background: url(../img/why/c3.gif) no-repeat;
	left: 508px;
}
#c1 p,
#c2 p,
#c3 p {
	width: 180px;
	position: absolute;
	top: 165px;
	left: 23px;
}
/* ------------------------------ */
/* whyfooter */
#whyfooter {
	background: url(../img/why/why_footer.gif) no-repeat;
	width: 733px;
	height: 161px;
	margin-bottom: 15px;
}
#whyfooter p {
	text-indent: -9999px;
	overflow: hidden;
}