/* ===== Main Visual Area ===== */

#mainVisualArea {
	width: 900px;
	height: 350px;
	background-image: url(../image/index/flash_img.jpg);
	background-repeat: no-repeat;
}


/* ===== Info Area ===== */

#infoArea {
	width: 900px;
	height: 125px;
	margin-top: 20px;
}
#infoArea #infoArea-space {
	width: 900px;
}
#infoArea #infoArea-space:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#infoArea #greetingArea {
	width: 894px;
	text-align: left;
	border:3px solid #FA7E9D;
	text-align:center;
	vertical-align:middle;
	padding:10px 0;
	margin-bottom:20px;
	color: #597177;
	font-size: 85%;
	line-height: 150%;
}
#infoArea #apologyArea {
	width: 854px;
	text-align: left;
	border:3px solid #CCC;
	text-align:center;
	vertical-align:middle;
	padding:10px 20px;
	margin-bottom:20px;
	color: #597177;
	line-height: 150%;
}

#infoArea #apologyArea dl {
	color: #597177;
	line-height: 150%;
}

#infoArea #apologyArea dt {
	text-align:center;
}

#infoArea #apologyArea dd {
	margin-top:0.5em;
	text-align:left;
	font-size:85%;
}

#infoArea #apologyArea a.btn_square{
	font-size:75%;
	float:right;
	padding:1px 5px 1px 38px;
}

#infoArea .imageArea {
	float: left;
	width: 150px;
	margin-right: 20px;
	display: inline;
	text-align: left;
}
#infoArea .textArea {
	float: left;
	width: 730px;
	display: inline;
	text-align: left;
}
#infoArea .textArea img {
	float: right;
}
#infoArea .textArea h2 {
	color: #f73a68;
	font-size: 85%;
	line-height: 150%;
	font-weight: bold;
}
#infoArea .textArea p {
	margin-top: 10px;
	color: #597177;
	font-size: 75%;
	line-height: 150%;
}


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

#bannerArea {
	clear:both;
	width: 900px;
	height: 108px;
	padding-top: 20px;
}
#bannerArea ul {
	list-style-type: none;
}
#bannerArea ul li {
	float: left;
	margin-right: 15px;
}
#bannerArea ul li.li-last {
	margin-right: 0;
}