ol, ul {
	list-style: none;
}

#menu {
	height: 50px;
}


#cats {
	float: right;
	height: 50px;
	margin-top: 10px;
}
#cats li {
	float: left;
	line-height: 50px;
	margin-right: 15px;
}
#cats li a {
	float: left;
	line-height: 50px;
	text-decoration:none !important;
}
#cats li a:hover, #cats li a.active {
}
#categories, #archives, #search {
	width:745px;
	overflow:hidden;
	margin-left: 140px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: -10;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: 35px;
	top: -10px;
}
#categories ul li, #archives ul li {
	float:left;
	width:160px;
	padding:0px;
	line-height:20px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#categories ul li a, #archives ul li a {
	text-decoration:none !important;
	display:block;
	width:293px;
	height:20px;
	padding:0 10px;
}
#categories ul li a span, #archives ul li a span {
	float:right;
}
#categories ul li a:hover, #archives ul li a:hover {
}
#main #menu #cats li {
	margin-left: 10px;
	word-spacing: 0.6em;
}

/**/


.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
	float:left;
}
.pro_linedrop li.line {
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 0px;
}
.pro_linedrop li.line_last {
	float:left;
	margin-right: 0px;
	margin-left: 10px;
}



.pro_linedrop .select a {
	display:block;
	height:35px;
	float:left;
	background: url(lrimages/black_0.gif);
	text-decoration:none;
	line-height:33px;
	white-space:nowrap;
	color:#fc0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}




.pro_linedrop .select a b {
	display:block;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	margin-right: 10px;
	margin-left: 10px;
	padding-left: 0px;
}

.pro_linedrop .select li.line a b {
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
	cursor:pointer;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0px;
}

.pro_linedrop .select li.lrt a:hover, 
.pro_linedrop .select li.lrt:hover a {
background: url(lrimages/blue_1.gif); 
}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
	display:block;
	cursor:pointer;
	padding-top: 0;
	padding-bottom: 0;
}

.pro_linedrop .select li.line a:hover b, 
.pro_linedrop .select li.line:hover a b {
	background-position: right top;
}

.pro_linedrop .select li.lrt a:hover b, 
.pro_linedrop .select li.lrt:hover a b {
background:url(lrimages/blue_1.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b.arrow, 
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(lrimages/blue_1a.gif) right top; 
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
	height:16px;
	display:block;
	position:absolute;
	float:left;
	width:500px;
	top:30px;
	left:0;
	text-align:center;
	padding: 0px;
	margin-left: -60px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a 
{
	display:block;
	height:25px;
	line-height:22px;
	float:left;
	background:transparent url(line/transparent.gif);
	margin:0;
	white-space:nowrap;
	color:#333;
	font-size:10px;
	padding-top: 0;
	padding-right: 11px;
	padding-bottom: 0;
	padding-left: 11px;
}

.pro_linedrop .select :hover .sub li.subline a {color:#c00;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{
	line-height:20px;
	position:relative;
	background-position: left bottom;
}



#main .pro_linedrop .select .line .sub li {
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#main .pro_linedrop .select .line_last {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.style5 {font-size: 43px}
.style6 {font-size: 10px}
#main #background #container .pro_linedrop {
	width: 700px;
}
/*通常、リストタグはul li の順序ですが、ここでは「ul id="nav"」として、navがulの役割を果たしています */
.select li.home {
	list-style-type: none;	margin-right: 30px;
}
.select li.home a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 55px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button2/1_home.png);
	background-repeat: no-repeat; 
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
.select li.home a:hover {
	background-image: url(../images/menu_button2/1_home.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}

.select li.home_v {
	list-style-type: none;	margin-right: 30px;
}
.select li.home_v a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 55px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button3/aka/1_home2.png);
	background-repeat: no-repeat; 
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */


}
.select li.home_v a:hover {
	background-image: url(../images/menu_button3/aka/1_home2.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}


.select li.line {
	list-style-type: none;	margin-right: 30px;
}
.select li.line a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 103px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button2/2_about.png);
	background-repeat: no-repeat; 
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
.select li.line a:hover {
	background-image: url(../images/menu_button2/2_about.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}

.select li.line_v {
	list-style-type: none;
	margin-right: 30px;
	margin-left: 10px;
}
.select li.line_v a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 103px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button3/aka/2_about2.png);
	background-repeat: no-repeat; 
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
.select li.line_v a:hover {
	background-image: url(../images/menu_button3/aka/2_about2.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}

.select li.news {
	list-style-type: none;	margin-right: 30px;
}
.select li.news a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 69px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button2/3_news.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
.select li.news a:hover {
	background-image: url(../images/menu_button2/3_news.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}

.select li.news_v {
	list-style-type: none;	margin-right: 30px;
}
.select li.news_v a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 69px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button3/aka/3_news2.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
.select li.news_v a:hover {
	background-image: url(../images/menu_button3/aka/3_news2.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}

.select li.event {
	list-style-type: none;	margin-right: 30px;
}
.select li.event a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 66px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button2/4_event.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
.select li.event a:hover {
	background-image: url(../images/menu_button2/4_event.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}
.select li.event_v {
	list-style-type: none;	margin-right: 30px;
}
.select li.event_v a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 66px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button3/aka/4_event2.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
.select li.event_v a:hover {
	background-image: url(../images/menu_button3/aka/4_event2.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}

.select li.access {
	list-style-type: none;	margin-right: 30px;
}
.select li.access a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 95px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button2/5_access.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
.select li.access a:hover {
	background-image: url(../images/menu_button2/5_access.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}

.select li.access_v {
	list-style-type: none;	margin-right: 30px;
}
.select li.access_v a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 95px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button3/aka/5_access2.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
.select li.access_v a:hover {
	background-image: url(../images/menu_button3/aka/5_access2.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}

.select li.contact {
	list-style-type: none;
	margin-right: 0px;

}
.select li.contact a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 77px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button2/6_contact.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
.select li.contact a:hover {
	background-image: url(../images/menu_button2/6_contact.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}
.select li.contact_v {
	list-style-type: none;
	margin-right: 0px;

}
.select li.contact_v a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 77px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button3/aka/6_contact2.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
.select li.contact_v a:hover {
	background-image: url(../images/menu_button3/aka/6_contact2.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}
.pro_linedrop .select :hover .sub {
	height:15px;
	display:block;
	position:absolute;
	float:left;
	width:500px;
	top:30px;
	left:0;
	text-align:center;
	padding: 0px;
	margin-left: -43px;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.pro_linedrop .select :hover .sub li:hover
{
	line-height:20px;
	position:relative;
	background-position: left bottom;
}



#main .pro_linedrop .select .line .sub li {
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


#main #background #container .pro_linedrop .select .line .sub .sub1 {
	list-style-type: none;
	margin-right: 0px;

}
#main #background #container .pro_linedrop .select .line .sub .sub1 a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 116px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button2/7_about-a.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
#main #background #container .pro_linedrop .select .line .sub .sub1  a:hover {

	background-image: url(../images/menu_button2/7_about-a.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}


#main #background #container .pro_linedrop .select .line .sub .sub2 {
	list-style-type: none;
	margin-right: 0px;

}
#main #background #container .pro_linedrop .select .line .sub .sub2 a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 103px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button2/8_about-b.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
#main #background #container .pro_linedrop .select .line .sub .sub2  a:hover {

	background-image: url(../images/menu_button2/8_about-b.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}

#main #background #container .pro_linedrop .select .line .sub .sub3 {
	list-style-type: none;
	margin-right: 0px;

}
#main #background #container .pro_linedrop .select .line .sub .sub3 a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 84px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button2/9_about-c.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
#main #background #container .pro_linedrop .select .line .sub .sub3  a:hover {

	background-image: url(../images/menu_button2/9_about-c.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}


#main .pro_linedrop .select .line_v .sub li {
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


#main #background #container .pro_linedrop .select .line_v .sub .sub1 {
	list-style-type: none;
	margin-right: 0px;

}
#main #background #container .pro_linedrop .select .line_v .sub .sub1 a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 116px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button2/7_about-a.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
#main #background #container .pro_linedrop .select .line_v .sub .sub1  a:hover {

	background-image: url(../images/menu_button2/7_about-a.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}


#main #background #container .pro_linedrop .select .line_v .sub .sub2 {
	list-style-type: none;
	margin-right: 0px;

}
#main #background #container .pro_linedrop .select .line_v .sub .sub2 a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 103px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button2/8_about-b.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
#main #background #container .pro_linedrop .select .line_v .sub .sub2  a:hover {

	background-image: url(../images/menu_button2/8_about-b.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}

#main #background #container .pro_linedrop .select .line_v .sub .sub3 {
	list-style-type: none;
	margin-right: 0px;

}
#main #background #container .pro_linedrop .select .line_v .sub .sub3 a {
	display: block; /* ポイント：aタグ要素をblockで囲んでいます */
	height: 16px;
	width: 84px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
	background-image:url(../images/menu_button2/9_about-c.png);
	background-repeat: no-repeat;
	background-position: left top; /* ポイント：背景画像の位置を左上に指定します。一枚の画像でhoverの時と画像をスライスして使います */
}
#main #background #container .pro_linedrop .select .line_v .sub .sub3  a:hover {

	background-image: url(../images/menu_button2/9_about-c.png);
	background-repeat: no-repeat;
	background-position: left bottom; /* ポイント：背景画像の位置を左下に指定します。まるで画像が切り替わったように見えます。 */
}