﻿#topbox {
	height: 150px;
	clear: both;
}

h1 {
	float: left;
	width: 300px;
}
a.bt_online {
	background-position: 0px 0px;
	background-image: url(../img/bt_online.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	height: 130px;
	width: 130px;
}
.bt_online {
	background-position: 0px 0px;
	background-image: url(../img/bt_online.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	height: 130px;
	width: 130px;
}
a.bt_online:hover {
	background-position: 0px -130px;
}

a.bt_online2 {
	background-position: 0px 0px;
	background-image: url(../img/bt_online.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 130px;
	width: 130px;
}
.bt_online2 {
	background-position: 0px 0px;
	background-image: url(../img/bt_online.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 130px;
	width: 130px;
}
a.bt_online2:hover {
	background-position: 0px -130px;
}
#menubox {
	float: left;
	width: 520px;
	padding-top: 60px;
}
ul#pulldown-menu li,#submenu li,#submenu p {
	position: relative;
	list-style-type: none;
	display: block;
	float: left;
}
ul#pulldown-menu li a,#submenu li a,#submenu p a {
    background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
}
a.menu1 {background-image: url(../img/menu1.gif); width: 124px; height: 28px;}
a.menu2 {background-image: url(../img/menu2.gif); width: 117px; height: 28px;}
a.menu3 {background-image: url(../img/menu3.gif); width: 98px; height: 28px;}
a.menu4 {background-image: url(../img/menu4.gif); width: 93px; height: 28px;}
a.menu5 {background-image: url(../img/menu5.gif); width: 88px; height: 28px;}

a.menu1a {background-image: url(../img/menu1a.gif); width: 120px; height: 12px;}
a.menu1b {background-image: url(../img/menu1b.gif); width: 110px; height: 12px;}
a.menu1c {background-image: url(../img/menu1c.gif); width: 120px; height: 12px;}
a.menu2a {background-image: url(../img/menu2a.gif); width: 120px; height: 12px;}
a.menu3a {background-image: url(../img/menu3a.gif); width: 185px; height: 12px;}
a.menu3b {background-image: url(../img/menu3b.gif); width: 185px; height: 12px;}
a.menu3c {background-image: url(../img/menu3c.gif); width: 210px; height: 12px;}
a.menu4a {background-image: url(../img/menu4a.gif); width: 100px; height: 12px;}
a.menu4b {background-image: url(../img/menu4b.gif); width: 100px; height: 12px;}
ul#pulldown-menu li .menu1a,
ul#pulldown-menu li .menu1b,
ul#pulldown-menu li .menu1c,
ul#pulldown-menu li .menu2a,
ul#pulldown-menu li .menu3a,
ul#pulldown-menu li .menu3b,
ul#pulldown-menu li .menu3c,
ul#pulldown-menu li .menu4a,
ul#pulldown-menu li .menu4b{clear: both;}


ul#pulldown-menu li a:hover,ul#pulldown-menu li .on {background-position: 0px -28px;}
ul#pulldown-menu li ul li a:hover {background-position: 0px -12px;}

#submenu p a:hover,#submenu p .on {background-position: 0px -16px;}
#submenu p a.menu2t {background-image: url(../img/menu2a2_t.gif); width: 140px; height: 16px;}
#submenu p a.menu1t {background-image: url(../img/menu1a2_t.gif); width: 90px; height: 16px;}
#submenu p a.menu4t {background-image: url(../img/menu4a2_t.gif); width: 90px; height: 16px;}

#submenu li a:hover,#submenu li .on {background-position: 0px -16px;}
#submenu li a.menu1a {background-image: url(../img/menu1a2.gif); width: 143px; height: 16px;}
#submenu li a.menu1b {background-image: url(../img/menu1b2.gif); width: 117px; height: 16px;}
#submenu li a.menu1c {background-image: url(../img/menu1c2.gif); width: 143px; height: 16px;}
#submenu li a.menu2a {background-image: url(../img/menu2a2.gif); width: 135px; height: 16px;}
#submenu li a.menu2b {background-image: url(../img/menu2b2.gif); width: 170px; height: 16px;}
#submenu li a.menu2b2 {background-image: url(../img/menu2b22.GIF); width: 200px; height: 16px;}
#submenu li a.menu2c {background-image: url(../img/menu2c2.gif); width: 135px; height: 16px;}
#submenu li a.menu2d {background-image: url(../img/menu2d2.gif); width: 155px; height: 16px;}
#submenu li a.menu3a {background-image: url(../img/menu3a2.gif); width: 215px; height: 16px;}
#submenu li a.menu3b {background-image: url(../img/menu3b2.gif); width: 147px; height: 16px;}
#submenu li a.menu3c {background-image: url(../img/menu3c2.gif); width: 224px; height: 16px;}
#submenu li a.menu4a {background-image: url(../img/menu4a2.gif); width: 80px; height: 16px;}
#submenu li a.menu4b {background-image: url(../img/menu4b2.gif); width: 100px; height: 16px;}
#submenu li a.menu5a {background-image: url(../img/menu5a2.GIF); width: 80px; height: 15px;}
#submenu li a.menu5b {background-image: url(../img/menu5b2.GIF); width: 80px; height: 15px;}
#submenu li a.menu6a {background-image: url(../img/menu6a2.GIF); width: 120px; height: 15px;}
#submenu ul {
	float: left;
}

a.bt_online_s {
	background-position: 0px 0px;
	background-image: url(../img/bt_online_s.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	height: 47px;
	width: 190px;
}
a.bt_online_s:hover {
	background-position: 0px -47px;
}

.bt_online_ss {
	background-position: 0px 0px;
	background-image: url(../img/bt_online_s.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	height: 47px;
	width: 220px;
}
a.bt_online_ss:hover {
	background-position: 0px -47px;
}


/* 下層のメニューを不可視に */
ul#pulldown-menu li ul {display: none;}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
	float: none;
	display: block;
	position: absolute;
	z-index: 100;
	left: 12px;
	top: 28px;
	padding-top: 10px;
}
ul#pulldown-menu li ul li {
	float: none;
	line-height: 16px;
	clear: right;
}

ul#pulldown-menu { /* IE6 対策 */
        behavior: url("csshover.htc");
}

#fotter {
	clear: both;
	margin-bottom: 40px;
}
#fotter .copy {
	float: right;
	font-size: 70%;
	color: #bbb;
	text-align: right;
}
#fotter ul {
	float: left;
	list-style-type: none;
}
#fotter li {
	float: left;
	line-height: 12px;
	margin-right: 10px;
}
#fotter li a {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 12px;
}
a.foot1 {background-image: url(../img/foot1.gif); width: 56px;}
a.foot2 {background-image: url(../img/foot2.gif); width: 128px;}
a.foot3 {background-image: url(../img/foot3.gif); width: 117px;}
a.foot4 {background-image: url(../img/foot4.gif); width: 63px;}
a.foot5 {background-image: url(../img/foot5.gif); width: 100px;}
a.foot6 {background-image: url(../img/foot6.GIF); width: 56px;}
#fotter li a:hover {background-position: 0px -12px;}

#pan {
	clear: both;
	margin-bottom: 40px;
	padding-right: 12px;
	padding-left: 12px;
	color: #3588bf;
	font-size: 11px;
}
#pan a {
	padding-left: 5px;
	padding-right: 10px;
}
#pan a:link {color: #3588bf; text-decoration: none; overflow: hidden;}
#pan a:visited {color: #3588bf; text-decoration: none; overflow: hidden;}
#pan a:hover {color: #3588bf; text-decoration: underline; overflow: hidden;}
#pan a:active {color: #3588bf; text-decoration: underline; overflow: hidden;}

