@charset "UTF-8";
/* ==============================
  css-special-top
=================================
main
---------------------------------
connection
============================== */

/* ------------------------------
  main
------------------------------ */
#main-top,
#main-btm {
	width: 958px;
	background-color: #e8e8e8;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
#main-top {
	height: 11px;
	background-image: url(../contents/img/special/main_bg_top.gif);
	background-position: left top;
}
#main-btm {
	height: 22px;
	background-image: url(../contents/img/special/main_bg_btm.gif);
	background-position: left bottom;
	margin-bottom: 20px;
}


#main {
	width: 958px;
	height: 523px;
	background-color: #e8e8e8;
}

#main ul {
	width: 958px;
	position: relative;
}

#main li {
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	position: absolute;
}
#main li a {
	text-decoration: none;
	display: block;
	outline: none;
	background-repeat: no-repeat;
}

#main li#main-nav_mente {
	width: 923px;
	height: 102px;
	top: 0px;
	left: 17px;
	background-image: url(../contents/img/special/main_nav_mente.jpg);
}

#main li#main-nav01 {
	width: 671px;
	height: 300px;
	top: 15px;
	left: 17px;
}
#main li#main-nav01 a {
	width: 671px;
	height: 300px;
	background-image: url(../contents/img/special/main_nav01.jpg);
}
#main li#main-nav01 a:hover {
	background-position: 0 -300px;
}

#main li#main-nav02 {
	width: 235px;
	height: 308px;
	top: 8px;
	right: 18px;
}
#main li#main-nav02 a {
	width: 235px;
	height: 308px;
	background-image: url(../contents/img/special/main_nav02.jpg);
}
#main li#main-nav02 a:hover {
	background-position: 0 -308px;
}

#main li#main-nav03 {
	width: 327px;
	height: 186px;
	top: 335px;
	left: 17px;
}
#main li#main-nav03 a {
	width: 327px;
	height: 186px;
	background-image: url(../contents/img/special/main_nav03.jpg);
}
#main li#main-nav03 a:hover {
	background-position: 0 -186px;
}

#main li#main-nav04 {
	width: 327px;
	height: 87px;
	top: 335px;
	left: 361px;
}
#main li#main-nav04 a {
	width: 327px;
	height: 87px;
	background-image: url(../contents/img/special/main_nav04.jpg);
}
#main li#main-nav04 a:hover {
	background-position: 0 -87px;
}

#main li#main-nav05 {
	width: 327px;
	height: 87px;
	top: 434px;
	left: 361px;
}
#main li#main-nav05 a {
	width: 327px;
	height: 87px;
	background-image: url(../contents/img/special/main_nav05.jpg);
}
#main li#main-nav05 a:hover {
	background-position: 0 -87px;
}

#main li#main-nav06 {
	width: 235px;
	height: 188px;
	top: 335px;
	right: 18px;
}
#main li#main-nav06 a {
	width: 235px;
	height: 188px;
	background-image: url(../contents/img/special/main_nav06.jpg);
}
#main li#main-nav06 a:hover {
	background-position: 0 -188px;
}

/* ------------------------------
  connection
------------------------------ */
#connection {
	width: 465px;
	background: url(../contents/img/special/line01.gif) no-repeat right bottom;
	padding-left: 493px;
	padding-bottom: 24px;
}

#connection h4 {
	width: 125px;
	height: 30px;
	background: url(../contents/img/special/title_link.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-top: 33px;
	float: left;
}

#connection ul {
	width: 340px;
	float: right;
}

#connection li {
	width: 159px;
	height: 86px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 11px;
	float: left;
}
#connection li a {
	width: 159px;
	height: 86px;
	text-decoration: none;
	display: block;
	outline: none;
	background-repeat: no-repeat;
}
#connection li#site01 a {
	background-image: url(../contents/img/special/nav_site01.jpg);
}
#connection li#site02 a {
	background-image: url(../contents/img/special/nav_site02.jpg);
}
#connection li#site03 a {
	background-image: url(../contents/img/special/nav_site03.jpg);
}
#connection li#site04 a {
	background-image: url(../contents/img/special/nav_site04.jpg);
}