/*---　css for all　----*/
p{margin:0;}

/*---　body　----*/
body.t{background-image:url(../img/top/bg.jpg);background-repeat:repeat-x;text-align:center;padding:0 10px;margin:0px}
.JUMP{position:absolute;top:-1000px;left:-1000px;background-color:#FFF;}
#t-wrapper{background-color:#FFF;width:753px;padding:0px;}
#index{width:723px;background-color:#FFF;}

/*---　index　---*/
.env{font-size:80%;}
.env a:link {color:#666;text-decoration:none;padding:5px 15px 5px 5px;}
.env a:visited {color:#666;text-decoration:none;padding:5px 15px 5px 5px;}
.env a:hover {color:#009999;text-decoration:none;padding:5px 15px 5px 5px;}
.env a:active {color:#009999;text-decoration:none;padding:5px 15px 5px 5px;}
.env img{margin-top:5px;}

#leftarea{background-color:pink;vertical-align:top;padding-left:30px;width:215px;background-color:#FFF;}
#rightarea{background-color:#FFF;vertical-align:top;padding-top:20px;padding-right:30px;width:508px;background-color:#FFF;}
#rightarea p{color:#5D5D5D;font-size:100%;}
#rightarea .intro{padding-left:5px;line-height:1.3;font-size:85%;}
#banner1{width:187px;vertical-align:top;padding:5px 10px 10 0;
background-image:url(../img/top/menu-b.jpg);background-position:right bottom;background-repeat:no-repeat;}



/*---　information　----*/
#topinfo{width:492px;background-image:url(../img/top/infotitle.gif);background-repeat:no-repeat;
padding-top:10px;margin-top:20px;padding-top:12px;}
#topinfo p{text-align:right;}
#topinfo p a:link {color:#1D3C7C;text-decoration:none;}
#topinfo p a:visited {color:#1D3C7C;text-decoration:none;}
#topinfo p a:hover {color:#9ABD0D;text-decoration:underline;}
#topinfo p a:active {color:#9ABD0D;text-decoration:underline;}
#topinfo p img{vertical-align:middle;}

#topinfo ul{list-style-image:url(../img/top/infolist.gif);margin-top:13px;line-height:1.3;}
#topinfo li{margin-top:3px;}
#topinfo a:link {color:#2D426C;text-decoration:underline;}
#topinfo a:visited {color:#2D426C;text-decoration:underline;}
#topinfo a:hover {color:#9ABD0D;text-decoration:none;}
#topinfo a:active {color:#9ABD0D;text-decoration:none;}

.info-box{border:1px solid #999;padding:10px;margin:0 0 10px 20px;}
.info-box p{text-align:left !important;}

/*---　Pickup　----*/
#pickup{width:318px;float:left;padding-right:15px;}
#pickup ul{list-style-image:url(../img/top/picklist.gif);margin-top:5px;margin-right:25px;font-weight:bold;color:#DF5959;line-height:1.3;}
#pickup li{margin-top:3px;}
.sub{color:#666;font-weight:normal;font-size:85%;}
#pickup a:link {color:#DF5959;text-decoration:underline;font-weight:bold;}
#pickup a:visited {color:#DF5959;text-decoration:underline;}
#pickup a:hover {color:#9ABD0D;text-decoration:none;}
#pickup a:active {color:#9ABD0D;text-decoration:none;}


/*---　pamph　----*/
#pampharea{padding-top:20px;padding-left:5px;background-color:#FFF;}
#pampharea .p1{margin-top:0px;}
#pampharea .p2{margin-top:10px;}


/*---　footer　----*/
.topfooter{width:718px;height:75px;font-size:80%;color:#333;height:25px;text-align:right;
background-image:url(../img/footer.gif);background-repeat:repeat-x;padding-top:5px;padding-right:5px;margin-top:30px;}
*html .topfooter{width:723px;}
.topfooter a:link {color:#333;text-decoration:none;}
.topfooter a:visited {color:#333;text-decoration:none;}
.topfooter a:hover {color:#009999;text-decoration:none;}
.topfooter a:active {color:#009999;text-decoration:none;}
.topfooter img{vertical-align:middle;}
.mail{float:left;}


/*---　MENU　----*/
#MENUAREA{margin-top:1px;margin-left:1px;width:187px;vertical-align:top;
background-image:url(../img/top/menu-b.jpg);background-position:right bottom;background-repeat:no-repeat;}
#MENUAREA p.m1{margin-left:5px;margin-top:10px;margin-bottom:0;}
#MENUAREA p{margin-left:5px;margin-top:0;margin-bottom:0;}
.m1{margin-top:30px;margin-left:10px;}

#MENUAREA a:hover{color:#FFF;display:block;width:156px;text-align:center;}
#MENUAREA a.link1{text-decoration: none;	display: block;
	background-image: url(../img/menu1.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 22px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link1:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu1on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 22px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link1-1{text-decoration: none;	display: block;
	background-image: url(../img/menu1-1.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link1-1:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu1-1on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link1-2{text-decoration: none;	display: block;
	background-image: url(../img/menu1-2.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link1-2:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu1-2on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link1-3{text-decoration: none;	display: block;
	background-image: url(../img/menu1-3.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link1-3:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu1-3on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
	
#MENUAREA a.link1-4{text-decoration: none;	display: block;
	background-image: url(../img/menu1-4.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link1-4:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu1-4on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link1-5{text-decoration: none;	display: block;
	background-image: url(../img/menu1-5.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link1-5:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu1-5on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link1-6{text-decoration: none;	display: block;
	background-image: url(../img/menu1-6.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link1-6:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu1-6on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link1-7{text-decoration: none;	display: block;
	background-image: url(../img/menu1-7.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link1-7:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu1-7on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link-pf{text-decoration: none;	display: block;
	background-image: url(../img/menu-pf.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 22px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link-pf:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu-pfon.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 22px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link-pf1{text-decoration: none;	display: block;
	background-image: url(../img/menu-pf1.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link-pf1:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu-pf1on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link-pf2{text-decoration: none;	display: block;
	background-image: url(../img/menu-pf2.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link-pf2:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu-pf2on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link-pf3{text-decoration: none;	display: block;
	background-image: url(../img/menu-pf3.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link-pf3:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu-pf3on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link-pf4{text-decoration: none;	display: block;
	background-image: url(../img/menu-pf4.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link-pf4:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu-pf4on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link2{text-decoration: none;	display: block;
	background-image: url(../img/menu2.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 22px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link2:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu2on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 22px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link2-1{text-decoration: none;	display: block;
	background-image: url(../img/menu2-1.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link2-1:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu2-1on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link2-2{text-decoration: none;	display: block;
	background-image: url(../img/menu2-2.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link2-2:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu2-2on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link2-3{text-decoration: none;	display: block;
	background-image: url(../img/menu2-3.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link2-3:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu2-3on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link2-4{text-decoration: none;	display: block;
	background-image: url(../img/menu2-4.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link2-4:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu2-4on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link3{text-decoration: none;	display: block;
	background-image: url(../img/menu3.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 22px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link3:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu3on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 22px;	width: 156px;text-indent:-1000px;}


#MENUAREA a.link-kg{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 22px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link-kg:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu-kgon.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 22px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link-kg1{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg1.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link-kg1:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg1on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link-kg2{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg2.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link-kg2:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg2on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link-kg3{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg3.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link-kg3:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg3on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link-kg4{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg4.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link-kg4:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg4on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}

#MENUAREA a.link-kg5{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg5.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link-kg5:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg5on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
	
#MENUAREA a.link-kg6{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg6.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}
#MENUAREA a.link-kg6:hover{text-decoration: none;	display: block;
	background-image: url(../img/menu-kg6on.gif);	background-repeat: no-repeat;	background-position: left top;
	height: 20px;	width: 156px;text-indent:-1000px;}