@charset "utf-8";

/* 
------------------------------------------------------------
トップページ　-　レイアウト
------------------------------------------------------------ */

#wrapper {
    width: 780px; 
    margin: 0 auto;
	background-color: #FFFFFF;
	border-top: 4px solid #003399;
	border-bottom: 4px solid #003399;
}


/* 
ヘッダ
------------------------------------------------------------ */

#header {
    width: 780px;
	height: 380px;
	background: url(../img/main.jpg) no-repeat left bottom;
}
h1 {
    display: inline;
    float: left;
}
.home {
    float: right;
	margin-right: 15px;
	background: url(../img/home_on.gif) no-repeat left top;
}
.home a {
	display: block;
	width: 50px;
	height: 30px;
}
.home a:hover {
	background-color: transparent;
}
.home a:hover img {
	visibility: hidden;
}


/* 
ナビゲーションバー
------------------------------------------------------------ */

#nav {
    clear: both;
}
#nav ul {
	position: relative;
	width: 780px;
}
#nav li {
	width: 195px;
	float: left;
}

/* --- ロールオーバー設定 --- */

#nav .nav_1 {
	background: url(../img/nav_company_on.jpg) no-repeat left top;
}
#nav .nav_2 {
	background: url(../img/nav_labo_on.jpg) no-repeat left top;
}
#nav .nav_3 {
	background: url(../img/nav_products_on.jpg) no-repeat left top;
}
#nav .nav_4 {
	background: url(../img/nav_guide_on.jpg) no-repeat left top;
}
#nav a {
	display: block;
	width: 195px;
	height: 55px;
}
#nav li a:hover {
	background-color: transparent;
}
#nav li a:hover img {
	visibility: hidden;
}

/* 
メイン
------------------------------------------------------------ */

#main {
    float: left;
	width: 495px;
	padding-top: 15px;
	padding-left: 15px;
	text-align: left;
}
	
/* 
サイドバー
------------------------------------------------------------ */

#side {
    float: left;
	width: 240px;
	padding-top: 15px;
	padding-left: 15px;
}
.side_menu .tel {
    margin-bottom: 10px;
}

.side_menu {
    height: 200px;
    margin-bottom: 15px;
}
.side_menu ul {
	position: relative;
	width: 240px;
}
.side_menu li {
    clear: both;
	width: 240px;
	height: 70px;
	float: left;
}

/* --- ロールオーバー設定 --- */

.side_menu .inquiry {
    margin-bottom: 10px;
	background: url(../img/inquiry_on.jpg) no-repeat left top;
}
.side_menu .download {
	background: url(../img/download_on.jpg) no-repeat left top;
}
.side_menu a {
	display: block;
	width: 240px;
	height: 70px;
}
.side_menu li a:hover {
	background-color: transparent;
}
.side_menu li a:hover img {
	visibility: hidden;
}

/* 
フッタ
------------------------------------------------------------ */

#footer {
    clear: both;
	width: 780px;
	height: 50px;
    margin: 0 auto;
	padding-top: 50px;
	background-color: #FFFFFF;
}
#footer p {
	font-size: 90%;
}