* {
	margin: 0px;
	padding: 0px;
}
a {
	color: #7B82A8;
	text-decoration: underline;
}
a:hover {
	color: #7B82A8;
	text-decoration: none;
}
h1, h2, h3, h4, p {
	font-size: 100%;
}
body {
	background: url(../images/top/top_bg_body.gif) repeat-x 0px 0px;
	text-align: center;
	color: #333333;
}
#containaer {
	margin: 0px auto;
	width: 750px;
	text-align: center;
	background: url(../images/top/top_bg_container.gif) no-repeat 0px 100%;
	padding-bottom: 27px;
}
#header {
	background: url(../images/top/top_promotion.jpg) no-repeat 10px 0px;
	text-align: left;
	text-indent: -9999px;
	height: 494px;
	width: 750px;
}

#footer {
	clear: both;
	background: url(../common/images/bg_footer.gif) repeat-x;
	height: 50px;
	width: 100%;
	text-align: center;
}
#footer-inner {
	text-align: right;
	margin: 0px auto;
	width: 750px;
	background: url(../common/images/logo_footer.gif) no-repeat 10px 10px;
	height: 50px;
	position: relative;
}
#footer-menu {
	list-style: none;
	position: absolute;
	top: 10px;
	right: 0px;
	width: 316px;
}
#footer-menu li {
	float: left;
	text-align: left;
	text-indent: -9999px;
}
#footer-menu a {
	height: 10px;
	display: block;
	text-decoration: none;
}
#footer-menu01 {
	background: url(../common/images/btn_footmenu_01.gif) no-repeat;
	width: 41px;
}
#footer-menu02 {
	background: url(../common/images/btn_footmenu_02.gif) no-repeat;
	width: 119px;
}
#footer-menu03 {
	background: url(../common/images/btn_footmenu_03.gif) no-repeat;
	width: 119px;
}
#footer-menu04 {
	background: url(../common/images/btn_footmenu_04.gif) no-repeat;
	width: 37px;
}
#footer-menu01 a {
	width: 41px;
}
#footer-menu02 a {
	width: 119px;
}
#footer-menu03 a {
	width: 119px;
}
#footer-menu04 a {
	width: 37px;
}
#footer-menu01 a:hover {
	background: url(../common/images/btn_footmenu_ovr_01.gif) no-repeat;
}
#footer-menu02 a:hover {
	background: url(../common/images/btn_footmenu_ovr_02.gif) no-repeat;
}
#footer-menu03 a:hover {
	background: url(../common/images/btn_footmenu_ovr_03.gif) no-repeat;
}
#footer-menu04 a:hover {
	background: url(../common/images/btn_footmenu_ovr_04.gif) no-repeat;
}

#copyright {
	font-size: 10px;
	clear: left;
	position: absolute;
	right: 0px;
	bottom: 10px;
}

/*contents*/
.contents {
	margin: 10px auto 0px;
	width: 730px;
}
#leftbox {
	float: left;
	background: #F5F5F5;
	width: 360px;
}
#rightbox {
	float: right;
	background: #F5F5F5;
	width: 360px;
}

.contents h2 {
	height: 36px;
	width: 360px;
	text-align: left;
	text-indent: -9999px;
}
.contents ul {
	margin: 10px;
}
.contents li {
	list-style: none;
	margin-top: 5px;
	text-align: left;
	text-indent: -9999px;
	float: left;
}
.contents li a {
	width: 160px;
	height: 16px;
	text-decoration: none;
	display: block;
}
.contents .txt {
	font-size: 12px;
	line-height: 18px;
	background: url(../common/images/bg_dotline.gif) repeat-x 0px 100%;
	margin: 10px;
	padding-bottom: 10px;
	text-align: left;
}

#ttl01 {
	background: url(../images/top/top_ttl_01.gif) no-repeat;
}
#ttl02 {
	background: url(../images/top/top_ttl_02.gif) no-repeat;
}
#btn01 {
	background: url(../images/top/top_menu_01.gif) no-repeat;
}
#btn02 {
	background: url(../images/top/top_menu_02.gif) no-repeat;
}
#btn03 {
	background: url(../images/top/top_menu_03.gif) no-repeat;
}
#btn04 {
	background: url(../images/top/top_menu_04.gif) no-repeat;
}
#btn05 {
	background: url(../images/top/top_menu_05.gif) no-repeat;
}
#btn06 {
	background: url(../images/top/top_menu_06.gif) no-repeat;
}
#btn07 {
	background: url(../images/top/top_menu_07.gif) no-repeat;
}

div.sample{
    position:relative;
	height: 494px;
	width: 750px;
}
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
}