@charset "utf-8";
/* CSS Document */

/*トップページ中段のレイアウト*/

#main_g {
	width: 960px;
	height: 345px;
	background-image: url(../images/main_g_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
}

#top_flash {
	width: 938px;
	height: 328px;
	position: absolute;
	top: 9px;
	left: 11px;
}

#main_navi {
	width: 960px;
	height: 65px;
	background-image: url(../images/main_navi_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
}

#m_navi {
	width: 900px;
	height: 50px;
	position: absolute;
	top: 8px;
	left: 31px;
}

#m_navi li {
	display: inline;
	float: left;
}

#m_navi li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 225px;
	height: 50px;
}

#m_navi1 {
	background-image: url(../images/m_navi1.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#m_navi1:hover {
	background-image: url(../images/m_navi1-r.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#m_navi1 {
	background-image: url(../images/m_navi1.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#m_navi1:hover {
	background-image: url(../images/m_navi1-r.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#m_navi2 {
	background-image: url(../images/m_navi2.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#m_navi2:hover {
	background-image: url(../images/m_navi2-r.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#m_navi3 {
	background-image: url(../images/m_navi3.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#m_navi3:hover {
	background-image: url(../images/m_navi3-r.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#m_navi4 {
	background-image: url(../images/m_navi4.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#m_navi4:hover {
	background-image: url(../images/m_navi4-r.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#middle_bottom {
	width: 960px;
	height: auto;
}

#middle_bottom_left {
	float: left;
	width: 660px;
	height: auto;
}

#information {
	width: 660px;
	height: 205px;
	background-image: url(../images/information_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
}

#information h2 {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 120px;
	height: 176px;
	background-image: url(../images/information_title.jpg);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	top: 24px;
	left: 22px;
}

#information iframe {
	width: 506px;
	height: 176px;
	position: absolute;
	top: 24px;
	left: 142px;
}

#information a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 120px;
	height: 35px;
	background-image: url(../images/blog_btn.jpg);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	top: 160px;
	left: 22px;
}

#information a:hover {
	background-image: url(../images/blog_btn-r.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#facebook {
	float: left;
	width: 660px;
	height: 80px;
	background-image: url(../images/facebook_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
}

#facebook h2 a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 120px;
	height: 66px;
	background-image: url(../images/facebook_title.jpg);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	top: 7px;
	left: 22px;
}

#facebook h2 a:hover {
	background-image: url(../images/facebook_title-r.jpg);
}

#facebook iframe {
	width: 490px;
	height: 66px;
	position: absolute;
	top: 7px;
	left: 142px;
}

#r_navi {
	float: right;
	width: 300px;
	height: 300px;
	background-image: url(../images/r_navi_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
}

#r_navi ul {
	width: 280px;
	height: 180px;
	position: absolute;
	top: 25px;
	left: 6px;
}

#r_navi ul li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 280px;
	height: 80px;
	margin-bottom: 10px;
}

#r_navi1 {
	background-image: url(../images/r_navi1.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#r_navi1:hover {
	background-image: url(../images/r_navi1-r.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#r_navi2 {
	background-image: url(../images/r_navi2.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#r_navi2:hover {
	background-image: url(../images/r_navi2-r.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#r_navi3 {
	background-image: url(../images/r_navi3.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#float_clear {
	clear: both;
	width: 960px;
	height: 5px;
}