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

body {
	margin:0;
	padding:0;
	font-family:sans-serif;
	font-size: 12px;
	line-height:1.7em;
	color: #464646;
}

a:link { text-decoration: none; color:#3796e6}
a:visited { text-decoration: none;color:#3796e6}
a:hover { text-decoration: underline;color:#3796e6}
a:active { text-decoration: none;color:#501e0a}

/* HEADER 
----------------------------------------*/
#header {
	position:relative;
	width:800px;
	margin:0 auto 10px auto;
	padding:0;
}

#header .heading {
	width:100%;
	margin:10px 0;
	font-size:10px;
}

h1 {
	width:250px;
	height:45px;
	margin:0;
	padding:0;
	float:left;
}

#header ul {
	margin:0;
	padding:0;
}

#header li {
	width:210px;
	height:45px;
	float:right;
	text-indent:-300em;
	overflow:hidden;
}

#header li a {
	width:210px;
	height:45px;
	float:right;
	text-indent:-300em;
}

#header li.mail_button a {
	width:210px;
	height:45px;
	background-image: url(../img/mail_button.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#header li.mail_button a:hover {
	width:210px;
	height:45px;
	background-image: url(../img/mail_button.gif);
	background-repeat: no-repeat;
	background-position: 0px -45px;
}

#header li.mail_button_on {
	width:210px;
	height:45px;
	background-image: url(../img/mail_button.gif);
	background-repeat: no-repeat;
	background-position: 0px -45px;
}

/* PAGEBODY 
----------------------------------------*/
#wrap {
	width:100%;
	background:url(../img/main_bg.gif) repeat-x top #fff;
}
	
#pagebody {
	position:relative;
	width:800px;
	margin:0 auto;
	clear:both;
}

/* MENU 
----------------------------------------*/
#pagebody ul {
	width:800px;
	height:120px;
	margin:0 auto;
	padding:0;
}

#pagebody ul li {
	width:160px;
	height:120px;
	float:left;
	text-indent:-300em;
	overflow:hidden;
}

#pagebody ul li a {
	width:160px;
	height:120px;
	float:left;
	text-indent:-300em;
}

/* OFF-------*/
#pagebody li.menu01 a {
	width:160px;
	height:120px;
	background-image: url(../img/menu_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#pagebody li.menu02 a {
	width:160px;
	height:120px;
	background-image: url(../img/menu_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#pagebody li.menu03 a {
	width:160px;
	height:120px;
	background-image: url(../img/menu_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#pagebody li.menu04 a {
	width:160px;
	height:120px;
	background-image: url(../img/menu_04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#pagebody li.menu05 a {
	width:160px;
	height:120px;
	background-image: url(../img/menu_05.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* HOVER-----*/
#pagebody li.menu01 a:hover {
	width:160px;
	height:120px;
	background-image: url(../img/menu_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px -120px;
}

#pagebody li.menu02 a:hover {
	width:160px;
	height:120px;
	background-image: url(../img/menu_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -120px;
}

#pagebody li.menu03 a:hover {
	width:160px;
	height:120px;
	background-image: url(../img/menu_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px -120px;
}

#pagebody li.menu04 a:hover {
	width:160px;
	height:120px;
	background-image: url(../img/menu_04.jpg);
	background-repeat: no-repeat;
	background-position: 0px -120px;
}

#pagebody li.menu05 a:hover {
	width:160px;
	height:120px;
	background-image: url(../img/menu_05.jpg);
	background-repeat: no-repeat;
	background-position: 0px -120px;
}

/* ON--------*/
#pagebody li.menu01_on {
	width:160px;
	height:120px;
	background-image: url(../img/menu_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px -120px;
}

#pagebody li.menu02_on {
	width:160px;
	height:120px;
	background-image: url(../img/menu_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -120px;
}

#pagebody li.menu03_on {
	width:160px;
	height:120px;
	background-image: url(../img/menu_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px -120px;
}

#pagebody li.menu04_on {
	width:160px;
	height:120px;
	background-image: url(../img/menu_04.jpg);
	background-repeat: no-repeat;
	background-position: 0px -120px;
}

#pagebody li.menu05_on {
	width:160px;
	height:120px;
	background-image: url(../img/menu_05.jpg);
	background-repeat: no-repeat;
	background-position: 0px -120px;
}


/* FOOTER 
----------------------------------------*/
#footer {
	width:800px;
	margin:60px auto 0 auto;
	padding:25px 0 0 0;
	text-align:center;
	border-top: 1px solid #dcdcdc;
}

#footer .copylight {
	width:100%;
	margin:10px 0 20px 0;
}


/* CLEAFIX 
----------------------------------------*/
.clearBoth{
clear:both;
}

#pagebody:after,
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* IE6 */
* html #pagebody,
* html .clearfix
{ zoom: 1; }

/* IE7 */
*:first-child+html #pagebody,
*:first-child+html .clearfix
{ zoom: 1; }