body{margin:0px;padding:0px;}
img{border:0px;}

h1{font-size:14px;
}

h2{font-size:18px;
}
img, div { behavior: url(iepngfix.htc) }

#container{clear:both;width:1007px;margin-left:auto;margin-right:auto;padding-bottom:20px;}
#container #header{clear:both;float:left;width:990px;margin-left:10px;margin-top:20px;}
#container #header .logo{float:left;width:235px;height:87px;margin-left:20px;font:10px 'Century Gothic';color:#BABABA;line-height:12px;}

#container #header .leftbox{float:right;width:209px;height:69px;background:url('images/box.jpg') no-repeat;margin-right:26px;margin-top:10px;}
#container #header .leftbox .num{clear:both;float:left;width:209px;text-align:center;font:13px 'Century Gothic';color:#FE8B3F;margin-top:12px;line-height:14px;}
#container #header .leftbox .eml{clear:both;float:left;width:209px;text-align:center;font:13px 'Century Gothic';color:#029AFF;line-height:14px;}
#container #header .leftbox .eml a{color:#029AFF;text-decoration:none;}
#container #header .leftbox .eml a:hover{color:#029AFF;text-decoration:none;}
#container #header .leftbox .web{clear:both;float:left;width:209px;text-align:center;font:13px 'Century Gothic';color:#8CD93F;line-height:14px;}
#container #header .leftbox .web a{color:#8CD93F;text-decoration:none;}
#container #header .leftbox .web a:hover{color:#8CD93F;text-decoration:none;}

#container #menu{clear:both;float:left;width:1007px;height:58px;background:url('images/menu_bg.jpg') repeat-x;margin-top:20px;}
#container #menu ul{list-style:none;margin:0px;padding:0px;}
#container #menu ul li{float:left;font:14px 'Century Gothic';color:#999;font-weight:bold;text-align:center;line-height:50px;}

#container #menu ul li.empty{float:left;width:1px;}
#container #menu ul li.line{background-position: 0% 0%; float:left;width:2px;height:49px;background-color:transparent; background-repeat:no-repeat; background-attachment:scroll}

#container #menu ul li.hom{float:left;width:140px;}
#container #menu ul li.hom a{display:block;width:140px;height:58px;color:#099BFD;text-decoration:none;background:url('images/homeb1.jpg') no-repeat;text-indent:-9999px;}
#container #menu ul li.hom a:hover{display:block;width:140px;height:58px;color:#5AC6FF;text-decoration:none;background:url('images/homeb.jpg') repeat-x;text-indent:-9999px;}
#container #menu ul li.port{float:left;width:170px;}
#container #menu ul li.gallerly a{display:block;width:170px;height:58px;color:#099BFD;text-decoration:none;background:url('images/gallerly1.jpg') no-repeat;text-indent:-9999px;}
#container #menu ul li.gallerly a:hover{display:block;width:170px;height:58px;color:#5AC6FF;text-decoration:none;background:url('images/gallerly.jpg') repeat-x;text-indent:-9999px;}

#container #menu ul li.port{float:left;width:170px;}
#container #menu ul li.hpcreation a{display:block;width:170px;height:58px;color:#099BFD;text-decoration:none;background:url('images/hpcreation1.jpg') repeat-x;text-indent:-9999px;}
#container #menu ul li.hpcreation a:hover{display:block;width:170px;height:58px;color:#5AC6FF;text-decoration:none;background:url('images/hpcreation.jpg') repeat-x;text-indent:-9999px;}

#container #menu ul li.port{float:left;width:170px;}
#container #menu ul li.hpkanri a{display:block;width:170px;height:58px;color:#099BFD;text-decoration:none;background:url('images/hpkanri1.jpg') repeat-x;text-indent:-9999px;}
#container #menu ul li.hpkanri a:hover{display:block;width:170px;height:58px;color:#5AC6FF;text-decoration:none;background:url('images/hpkanri.jpg') repeat-x;text-indent:-9999px;}

#container #menu ul li.port{float:left;width:170px;}
#container #menu ul li.others a{display:block;width:170px;height:58px;color:#099BFD;text-decoration:none;background:url('images/others1.jpg') repeat-x;text-indent:-9999px;}
#container #menu ul li.others a:hover{display:block;width:170px;height:58px;color:#5AC6FF;text-decoration:none;background:url('images/others.jpg') repeat-x;text-indent:-9999px;}

#container #menu ul li.port{float:left;width:170px;}
#container #menu ul li.okinawa a{display:block;width:170px;height:58px;color:#099BFD;text-decoration:none;background:url('images/okinawa1.jpg') repeat-x;text-indent:-9999px;}
#container #menu ul li.okinawa a:hover{display:block;width:170px;height:58px;color:#5AC6FF;text-decoration:none;background:url('images/okinawa.jpg') repeat-x;text-indent:-9999px;}


#container #content{clear:both;float:left;width:1007px;background:#FFFFFF url('images/header.jpg') no-repeat;margin-top:5px;}
#container #content .left{float:left;width:770px;margin-top:200px;}
#container #content .left .left1{float:left;width:770px;}
#container #content .left .left1 .img1{float:left;width:261px;height:210px;margin-top:25px;}
#container #content .left .left1 .txt{float:left;width:247px;margin-top:70px;text-align:center;}
#container #content .left .left1 .txt .by{float:left;width:247px;font:22px Arial;color:#D9593F;}
#container #content .left .left1 .txt .by a{color:#D9593F;text-decoration:underline;}
#container #content .left .left1 .txt .by a:hover{color:#D9593F;text-decoration:none;}
#container #content .left .left1 .txt .creative{float:left;width:247px;font:34px Arial;color:#D9F2FF;}
#container #content .left .left1 .txt .int{float:left;width:247px;font:24px Arial;color:#D9593F;}
#container #content .left .left1 .img2{float:left;width:262px;height:213px;margin-top:25px;}

#container #content .left .feature{clear:both;width:729px;margin-left:auto;margin-right:auto;}
#container #content .left .feature .top{clear:both;float:left;width:729px;height:39px;background:url('images/top.jpg') no-repeat;font:22px 'Century Gothic';color:#666666;padding-left:10px;padding-top:3px;margin-top:20px;}
#container #content .left .feature .mid{clear:both;float:left;width:729px;background:url('images/middle.jpg') repeat-y;padding-bottom:4px;}
#container #content .left .feature .mid .lor{clear:both;float:left;width:600px;margin-left:30px;font:18px 'Century Gothic';color:#FF6600;}

#container #content .left .feature .mid .dwn{clear:both;float:left;width:670px;margin-left:30px;margin-top:8px;} 
#container #content .left .feature .mid .dwn .graybox{float:left;width:152px;height:120px;border:solid 1px #CCCCCC;background-color:#F8F8F8;margin-top:2px;}
#container #content .left .feature .mid .dwn .rig{float:left;width:500px;margin-left:15px;}
#container #content .left .feature .mid .dwn .rig .ltxt{clear:both;float:left;width:500px;font:13px 'Century Gothic';color:#333333;padding-bottom:12px;line-height:16px;}
#container #content .left .feature .mid .cont{clear:both;float:left;width:150px;font:22px 'Century Gothic';color:#FF6600;padding-left:16px;margin-left:562px;}
#container #content .left .feature .mid .cont a{color:#FF6600;text-decoration:none;}
#container #content .left .feature .mid .cont a:hover{color:#FF6600;text-decoration:none;}

#container #content .left .feature .btm{clear:both;float:left;width:729px;height:22px;background:url('images/bottom.jpg') no-repeat;}

#container #content .left .recent{clear:both;width:729px;margin-left:auto;margin-right:auto;}
#container #content .left .recent .top1{clear:both;float:left;width:729px;height:39px;background:url('images/top.jpg') no-repeat;font:22px 'Century Gothic';color:#666666;padding-left:10px;padding-top:3px;margin-top:20px;}
#container #content .left .recent .mid1{clear:both;float:left;width:729px;background:url('images/middle.jpg') repeat-y;padding-bottom:4px;}

#container #content .left .recent .mid1 .toptitle{clear:both;float:left;width:680px;margin-left:15px;padding-bottom:10px;}

#container #content .left .recent .mid1 .toptitle .site1{float:left;width:155px;;margin-left:15px;}

#container #content .left .recent .mid1 .toptitle .site1 .ttl{clear:both;float:left;width:153px;font:18px Arial;color:#66CC00;border-bottom:solid 1px #CCCCCC;margin-left:2px;}

#container #content .left .recent .mid1 .toptitle .site1 .brief{clear:both;float:left;width:155px;font:12px 'Century Gothic';color:#333333;line-height:13px;}
#container #content .left .recent .mid1 .toptitle .site1 .gbox{clear:both;float:left;width:145px;height:120px;border:solid 1px #CCCCCC;background-color:#F8F8F8;margin-top:2px;margin-left:2px;}

#container #content .left .recent .mid1 .cont{clear:both;float:left;width:150px;font:22px 'Century Gothic';color:#66CC00;padding-left:16px;margin-left:562px;}
#container #content .left .recent .mid1 .cont a{color:#66CC00;text-decoration:none;}
#container #content .left .recent .mid1 .cont a:hover{color:#66CC00;text-decoration:none;}

#container #content .left .recent .btm1{clear:both;float:left;width:729px;height:22px;background:url('images/bottom.jpg') no-repeat;}

#container #content .left .contact{clear:both;width:729px;margin-left:auto;margin-right:auto;}
#container #content .left .contact .top2{clear:both;float:left;width:729px;height:33px;background:url('images/top1.jpg') no-repeat;font:22px 'Century Gothic';color:#666666;padding-left:10px;padding-top:3px;margin-top:20px;}
#container #content .left .contact .mid2{clear:both;float:left;width:729px;background:url('images/middle.jpg') repeat-y;padding-bottom:13px;}

#container #content .left .contact .mid2 .lbox{float:left;width:160px;height:100px;border:solid 1px #CCCCCC;background-color:#F8F8F8;margin-left:30px;margin-top:5px;}

#container #content .left .contact .mid2 .ctext{float:left;width:500px;margin-left:15px;}

#container #content .left .contact .mid2 .ctext .eml{clear:both;float:left;width:450px;font:33px 'Century Gothic';color:#029AFF;padding:0px;}
#container #content .left .contact .mid2 .ctext .eml a{color:#029AFF;text-decoration:none;}
#container #content .left .contact .mid2 .ctext .eml a:hover{color:#029AFF;text-decoration:none;}

#container #content .left .contact .mid2 .ctext .nmb{clear:both;float:left;width:450px;font:52px 'Century Gothic';color:#029AFF;line-height:46px;}

#container #content .left .contact .mid2 .ctext .amt{clear:both;float:left;width:450px;font:18px 'Century Gothic';color:#333333;margin-top:8px;}
#container #content .left .contact .mid2 .ctext .amt2{clear:both;float:left;width:698px;font:18px 'Century Gothic';color:#333333;margin-top:8px;}


#container #content .left .contact .btm2{clear:both;float:left;width:729px;height:22px;background:url('images/bottom.jpg') no-repeat;}


#container #content .right{float:left;width:211px;margin-left:5px;margin-top:244px;}
#container #content .right .rtop{clear:both;float:left;width:211px;height:19px;background:url('images/top.png') no-repeat;}
#container #content .right .rmid{clear:both;float:left;width:211px;background:url('images/middle.png') repeat-y;}
#container #content .right .rmid .prt{background-position: left center; clear:both;float:left;width:170px;color:#666666;background:url('images/img1.jpg') no-repeat left center;margin-left:15px;padding-left:16px;padding-bottom:5px; font-style:normal; font-variant:normal; font-weight:normal; font-size:22px; font-family:Century Gothic; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll}

#container #content .right .rmid .red{clear:both;float:left;width:185px;margin-left:15px;margin-top:8px;}
#container #content .right .rmid .red .rline{float:left;width:3px;height:19px;background:url('images/img5.jpg') no-repeat;}
#container #content .right .rmid .red .rtxt a{float:left;width:164px;height:19px;background:url('images/list_bg.jpg') repeat-x;margin-left:3px;font:12px 'Century Gothic';color:#333333;padding-left:10px;line-height:17px;}
#container #content .right .rmid .red .rtxt a:hover{float:left;width:164px;height:19px;background:url('images/list_bgred.jpg') repeat-x;margin-left:3px;font:12px 'Century Gothic';color:#333;padding-left:10px;line-height:17px;}

#container #content .right .rmid .org{clear:both;float:left;width:185px;margin-left:15px;margin-top:8px;}
#container #content .right .rmid .org .rline{float:left;width:3px;height:19px;background:url('images/img4.jpg') no-repeat;}
#container #content .right .rmid .org .rtxt a{float:left;width:164px;height:19px;background:url('images/list_bg.jpg') repeat-x;margin-left:3px;font:12px 'Century Gothic';color:#333333;padding-left:10px;line-height:17px;}
#container #content .right .rmid .org .rtxt a:hover{float:left;width:164px;height:19px;background:url('images/list_bgorange.jpg') repeat-x;margin-left:3px;font:12px 'Century Gothic';color:#333;padding-left:10px;line-height:17px;}


#container #content .right .rmid .grn{clear:both;float:left;width:185px;margin-left:15px;margin-top:8px;}
#container #content .right .rmid .grn .rline{float:left;width:3px;height:19px;background:url('images/img3.jpg') no-repeat;}
#container #content .right .rmid .grn .rtxt a{float:left;width:164px;height:19px;background:url('images/list_bg.jpg') repeat-x;margin-left:3px;font:12px 'Century Gothic';color:#333333;padding-left:10px;line-height:17px;}
#container #content .right .rmid .grn .rtxt a:hover{float:left;width:164px;height:19px;background:url('images/list_bggreen.jpg') repeat-x;margin-left:3px;font:12px 'Century Gothic';color:#333;padding-left:10px;line-height:17px;}


#container #content .right .rmid .blu{clear:both;float:left;width:185px;margin-left:15px;margin-top:8px;}
#container #content .right .rmid .blu .rline{float:left;width:3px;height:19px;background:url('images/img2.jpg') no-repeat;}
#container #content .right .rmid .blu .rtxt a{float:left;width:164px;height:19px;background:url('images/list_bg.jpg') repeat-x;margin-left:3px;font:12px 'Century Gothic';color:#333333;padding-left:10px;line-height:17px;}
#container #content .right .rmid .blu .rtxt a:hover{float:left;width:164px;height:19px;background:url('images/list_bgblue.jpg') repeat-x;margin-left:3px;font:12px 'Century Gothic';color:#333;padding-left:10px;line-height:17px;}


#container #content .right .rmid .new{background-position: left center; clear:both;float:left;width:170px;color:#666666;margin-left:15px;padding-left:16px;padding-bottom:10px;margin-top:35px; font-style:normal; font-variant:normal; font-weight:normal; font-size:22px; font-family:Century Gothic; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll}

#container #content .right .rmid .ttop{clear:both;float:left;width:180px;margin-left:18px;margin-top:10px;}
#container #content .right .rmid .ttop .td{clear:both;float:left;width:170px;}
#container #content .right .rmid .ttop .td ul{list-style:none;margin:0px;padding:0px;}
#container #content .right .rmid .ttop .td ul li{float:left;font:13px 'Century Gothic';color:#000000;margin-right:4px;}
#container #content .right .rmid .ttop .td ul li a{color:#039AFF;text-decoration:none;}
#container #content .right .rmid .ttop .td ul li a:hover{color:#039AFF;text-decoration:none;}

#container #content .right .rmid .ttop .occ{clear:both;float:left;width:170px;font:12px 'Century Gothic';color:#333333;margin-top:3px;line-height:15px;}

#container #content .right .rbtm{clear:both;float:left;width:211px;height:22px;background:url('images/bottom.png') no-repeat;}

#container #footer{clear:both;float:left;width:1007px;margin-top:30px;background: #F8F8F8 url('images/footer_line.jpg') repeat-x;padding-bottom:40px;}
#container #footer .copy{clear:both;float:left;width:950px;text-align:center;color:#000;font:13px 'Century Gothic';margin-top:20px;}
#container #footer .copy a{color:#000;text-decoration:none;}
#container #footer .copy a:hover{color:#000;text-decoration:underline;}

#container #footer .downlinks{clear:both;float:left;width:600px;margin-left:245px;margin-top:5px;}
#container #footer .downlinks ul{list-style:none;margin:0px;padding:0px;}
#container #footer .downlinks ul li{float:left;font:13px 'Century Gothic';color:#000;margin-right:0px;}
#container #footer .downlinks ul li a{color:#000;text-decoration:none;}
#container #footer .downlinks ul li a:hover{color:#000;text-decoration:underline;}

/*home*/

#container #content .left .recent .mid1 .numbs{clear:both;width:160px;margin-left:auto;margin-right:auto;margin-top:5px;}
#container #content .left .recent .mid1 .numbs ul{list-style:none;margin:0px;padding:0px;}
#container #content .left .recent .mid1 .numbs ul li{float:left;height:23px;color:#FFFFFF;font:22px 'Century Gothic';margin-left:7px;text-align:center;line-height:20px;}
#container #content .left .recent .mid1 .numbs ul li a{display:block;width:20px;height:23px;background-color:#66CC00;color:#FFFFFF;text-decoration:none;}
#container #content .left .recent .mid1 .numbs ul li a:hover{display:block;width:20px;height:23px;background-color:#FFFFFF;color:#66CC00;text-decoration:none;}
#container #content .left .recent .mid1 .numbs .nxt{float:left;width:65px;color:#66CC00;font:22px 'Century Gothic';margin-left:5px;line-height:22px;}
#container #content .left .recent .mid1 .numbs .nxt a{color:#66CC00;text-decoration:none;}
#container #content .left .recent .mid1 .numbs .nxt a:hover{color:#66CC00;text-decoration:none;}

#container #content .left .contact .top3{clear:both;float:left;width:729px;height:35px;background:url('images/top2.jpg') no-repeat;font:22px 'Century Gothic';color:#666666;padding-left:10px;padding-top:3px;margin-top:20px;}


#container #content .left .contact .mid2 .one{clear:both;float:left;width:710px;margin-left:7px;margin-top:11px;}
#container #content .left .contact .mid2 .one .sider1{float:left;width:155px;margin-left:22px;}
#container #content .left .contact .mid2 .one .sider1 .cl{clear:both;float:left;width:150px;font:15px 'Century Gothic';color:#029AFF;line-height:15px;}
#container #content .left .contact .mid2 .one .sider1 .clor{clear:both;float:left;width:150px;font:12px 'Century Gothic';color:#333333;margin-top: 5px;}
#container #content .left .contact .mid2 .one .more{float:left;width:80px;font:22px 'Century Gothic';color:#029AFF;padding-left:20px;margin-left:70px;margin-top:15px;}
#container #content .left .contact .mid2 .one .more a{color:#029AFF;text-decoration:none;}
#container #content .left .contact .mid2 .one .more a:hover{color:#029AFF;text-decoration:none;}
#container #content .left .contact .mid2 .one .nextstep{float:left;width:80px;font:22px 'Century Gothic';color:#029AFF;padding-left:20px;margin-left:10px;margin-top:15px;}

.bg01 {
	background: #F9F9F9;
}
.btm20 {
	margin-bottom: 20px;
}
table {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
div .border {
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 15px;
	margin-left: 15px;
}
div .border table {
	border-style: none;
	width: 100%;
}
div .border table th {
	color: #61C202;
	border: 1px solid #65CC00;
	padding: 5px;
	background: #C5F893;
	vertical-align: top;
}
div  .border  table   td {
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
}
a {text-decoration:none; color:#333;}
a:hover {text-decoration: underline;}

div#title {
margin-left:20px;
}
div#title2 {
margin-left:4px;
}
div#catches {
float:center;
margin-top:220px;
}
div#arrow{

float:left;
margin-left: 215px;
margin-bottom: 20px;

}