/* ===== Flash Area ===== */

#flash {
	width: 800px;
	height: 356px;
}


/* ===== Contents Area ===== */

#contents #side-space {
	margin: 15px auto 0 auto;
	width: 770px;
	height: 100%;
}


/* ===== Contents Area ===== */

#left-box {
	float: left;
	width: 505px;
	margin-right: 15px;
}

#right-box {
	float: left;
	width: 250px;
}


/* ===== Left Box Area ===== */
/* ===== News ===== */

#news {
	width: 505px;
	text-align: left;
}

#news .space {
	margin: 10px 10px 0 10px;
	width: 485px;
}

#news .space ul li {
/*	padding-left: 17px;
	background: url(../img/bg/bg_list_mark.jpg) 0 0.2em no-repeat;*/
	font-size: 75%;
	line-height: 150%;
	margin-bottom: 5px;
	border-bottom: #bcbcbc dashed 1px;
}

#news .space ul li a {
	color: #333;
}

#news .space ul li span {
	color: #f29a2c;
}



/* ===== About ===== */

#about {
	width: 505px;
	margin-top: 30px;
	text-align: left;
}

#about .space {
	margin: 0px 10px 0 10px;
	width: 485px;
}

#about .space div.left {
	float: left;
	width: 165px;
	margin-top: 15px;
	margin-bottom: 0px;
}

#about .space div.right {
	float: left;
	width: 320px;
	margin-top: 15px;
	margin-bottom: 0px;
}

#about .space div.right img {
	float: right;
}

#about h4 {
	color: #333;
	font-size: 85%;
	line-height: 150%;
	font-weight: bold;
}

#about p {
	margin-top: 5px;
	color: #444;
	font-size: 75%;
	line-height: 150%;
}

#about p.line {
	margin-top: 0px;
}

#about table {
	width: 485px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
}

#about table td {
	width: 175px;
	padding-bottom: 10px;
	vertical-align: top;
	text-align: left;
}

#about table td.right {
	width: 310px;
	padding-bottom: 10px;
	vertical-align: top;
	text-align: left;
}



/* ===== Customer ===== */

#customer {
	width: 485px;
	margin: 15px 10px 0 10px;
	text-align: left;
	background: url(../image/common/window_back_485.jpg) center top repeat-y;
}

#customer .space {
	width: 485px;
	background: url(../image/common/window_back_485_bottom.jpg) center bottom no-repeat;
}

#customer .space-inner {
	width: 463px;
	margin: 10px 10px 0 10px;
}

#customer .space div.left {
	float: left;
	width: 175px;
}

#customer .space div.left img {
	float: right;
	margin-bottom: 10px;
}

#customer .space div.right {
	float: left;
	width: 288px;
}

#customer p {
	margin-top: 2px;
	color: #444;
	font-size: 75%;
	line-height: 150%;
}

#customer .space div.right img#customer-button {
	float: right;
	margin-top: 5px;
}



/* ===== Caution ===== */

#caution {
	width: 505px;
	margin-top: 15px;
	text-align: left;
}

#caution .space {
	margin: 0px 10px 0 10px;
	width: 485px;
}

#caution p {
	color: #f29a2c;
	font-size: 75%;
	line-height: 150%;
}










/* ===== Contact ===== */

#contact {
	width: 250px;
	text-align: left;
	background: url(../image/common/window_back_250.jpg) center top repeat-y;
}

#contact .back {
	width: 250px;
	background: url(../image/common/window_back_250_bottom.jpg) center bottom no-repeat;
	padding-bottom: 10px;
}

#contact .space {
	margin: 15px 10px 0 10px;
	width: 230px;
}

#contact img.photo {
}

#contact h4 {
	margin-top: 10px;
	color: #333;
	font-size: 75%;
	line-height: 150%;
	font-weight: bold;
}

#contact p {
	margin-top: 5px;
	color: #444;
	font-size: 65%;
	line-height: 150%;
}

#contact p span {
	color: #8c8613;
}

#contact p img {
	float: right;
}



/* ===== Banner ===== */

#banner {
	width: 250px;
	margin-top: 20px;
	text-align: center;
}

#banner img.img-inner {
	margin-top: 20px;
}