/* CSS Document */


#wrapper_top {
	padding: 0;
	margin: 0 auto;
	width: 820px;
	height: 666px;
	text-align: center;
	background: url(../common_images/bg_wrapper.gif) repeat-y;
}



/* header */
#header_top {
	padding: 0 20px;
	margin: 0;
	width: 780px;
	height: 76px;
	text-align: left;
	vertical-align: top;
	position: relative;
}

p.header_logo_area {
	margin: 0;
	padding: 0;
	width: 172px;
	height: 66px;
	position: absolute;
	top: 10px;
	left: 20px;
}

p.header_hp_area {
	margin: 0;
	padding: 0;
	width: 152px;
	height: 66px;
	position: absolute;
	top: 10px;
	left: 192px;
}
p.header_hp_area a {
	margin: 0;
	padding: 0;
	width: 152px;
	height: 66px;
	text-indent: -9999px;
	background: url(../images/img_btn_top_hp_01.jpg) no-repeat;
	display: block;
}
p.header_hp_area a:hover {
	background: url(../images/img_btn_top_hp_02.jpg) no-repeat;
}

p.header_fl_area {
	margin: 0;
	padding: 0;
	width: 152px;
	height: 66px;
	position: absolute;
	top: 10px;
	left: 344px;
}
p.header_fl_area a {
	margin: 0;
	padding: 0;
	width: 152px;
	height: 66px;
	text-indent: -9999px;
	background: url(../images/img_btn_top_fl_01.jpg) no-repeat;
	display: block;
}
p.header_fl_area a:hover {
	background: url(../images/img_btn_top_fl_02.jpg) no-repeat;
}

p.header_mc_area {
	margin: 0;
	padding: 0;
	width: 152px;
	height: 66px;
	position: absolute;
	top: 10px;
	left: 496px;
}
p.header_mc_area a {
	margin: 0;
	padding: 0;
	width: 152px;
	height: 66px;
	text-indent: -9999px;
	background: url(../images/img_btn_top_mc_01.jpg) no-repeat;
	display: block;
}
p.header_mc_area a:hover {
	background: url(../images/img_btn_top_mc_02.jpg) no-repeat;
}

p.header_sm_area {
	margin: 0;
	padding: 0;
	width: 152px;
	height: 66px;
	position: absolute;
	top: 10px;
	left: 648px;
}
p.header_sm_area a {
	margin: 0;
	padding: 0;
	width: 152px;
	height: 66px;
	text-indent: -9999px;
	background: url(../images/img_btn_top_sm_01.jpg) no-repeat;
	display: block;
}
p.header_sm_area a:hover {
	background: url(../images/img_btn_top_sm_02.jpg) no-repeat;
}
/* header */



/* Contents Area */
#main_top {
	margin: 0 20px;
	padding: 0;
	width: 780px;
	text-align: left;
	vertical-align: top;
}

#content_top_l {
	margin: 0;
	padding: 0;
	width: 428px;
	height: 590px;
	text-align: left;
	vertical-align: top;
	float: left;
}

#content_top_r {
	margin: 0;
	padding: 0;
	width: 352px;
	height: 590px
	text-align: left;
	vertical-align: top;
	float: right;
}

#contents_top_yn_area {
	margin: 0;
	padding: 0;
	width: 428px;
	height:360px;
	text-align: left;
	vertical-align: top;
	position: relative;
}

p.top_yn_title {
	margin: 0;
	padding: 0;
	width: 142px;
	height: 121px;
	position: absolute;
	top: 0;
	left: 0px;
}

p.top_yn_p1 {
	margin: 0;
	padding: 0;
	width: 143px;
	height: 121px;
	position: absolute;
	top: 0;
	left: 142px;
}

p.top_yn_p2 {
	margin: 0;
	padding: 0;
	width: 143px;
	height: 121px;
	position: absolute;
	top: 0;
	left: 285px;
}

p.top_yn_p3 {
	margin: 0;
	padding: 0;
	width: 142px;
	height: 119px;
	position: absolute;
	top: 121px;
	left: 0px;
}

p.top_yn_p4 {
	margin: 0;
	padding: 0;
	width: 143px;
	height: 119px;
	position: absolute;
	top: 121px;
	left: 142px;
}

p.top_yn_p5 {
	margin: 0;
	padding: 0;
	width: 143px;
	height: 119px;
	position: absolute;
	top: 121px;
	left: 285px;
}

p.top_yn_p6 {
	margin: 0;
	padding: 0;
	width: 142px;
	height: 119px;
	position: absolute;
	top: 240px;
	left: 0px;
}

p.top_yn_p7 {
	margin: 0;
	padding: 0;
	width: 143px;
	height: 119px;
	position: absolute;
	top: 240px;
	left: 142px;
}

p.top_yn_p8 {
	margin: 0;
	padding: 0;
	width: 143px;
	height: 119px;
	position: absolute;
	top: 240px;
	left: 285px;
}
/* Contents Area */




/* Footer */
#footer_top {
	clear: both;
	padding: 0;
	margin: 0 auto;
	width: 820px;
	height: 38px;
	text-align: center;
}
/* Footer */



/* Banner Area */
table.top_banner_area {
	margin: 5px auto;
	padding: 0;
	width: 800px;
	border-collapse: collapse;
}

td.top_banner_text {
	margin: 0;
	padding: 0 1em 0 0;
	text-align: right;
	vertical-align: bottom;
	font-size: 10px;
	line-height: 120%;
}

td.top_banner_icon {
	margin: 0;
	padding: 0;
	width: 112px;
}
/* Banner Area */