/*==================================================================================== 

main.css
2010/05/15

copyright@ foglamp co.,ltd.

====================================================================================*/



body {
	margin: 0px;
	padding: 0px;
}
* {
	margin: 0px;
	padding: 0px;
	font-size:12px;
	color: #666;
	line-height: 1.5em;
}
a {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
	color: #63A9CE;
}

li {
	list-style-type: none;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}

.clearfix {
	clear: both;
}

#container {
	width: 1000px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 20px;
}
#head {
	width: 1000px;
}
#head h1{
	width:289px;
	height:60px;
	background: url(../image/logo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}

#head h1 a{
	width:289px;
	height:60px;
	display:block;
}

#headnavi {
	float: left;
	width: 260px;
	margin-left: 380px;
}
#headnavi ul li {
	float: left;
}
#headnavi .hn1{
	width: 81px;
	height: 60px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#headnavi .hn1 a{
	background: url(../image/hn/hn1.gif) no-repeat;
	width: 81px;
	height: 60px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#headnavi .hn1 a:hover{
	background: url(../image/hn/hn1_on.gif) no-repeat;
	width: 81px;
	height: 60px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#headnavi .hn2{
	width: 114px;
	height: 60px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#headnavi .hn2 a{
	background: url(../image/hn/hn2.gif) no-repeat;
	width: 114px;
	height: 60px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#headnavi .hn2 a:hover{
	background: url(../image/hn/hn2_on.gif) no-repeat;
	width: 114px;
	height: 60px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#headnavi .hn3{
	width: 62px;
	height: 60px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#headnavi .hn3 a{
	background: url(../image/hn/hn3.gif) no-repeat;
	width: 62px;
	height: 60px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#headnavi .hn3 a:hover{
	background: url(../image/hn/hn3_on.gif) no-repeat;
	width: 62px;
	height: 60px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#maincon {
	width: 1000px;
	margin-top: 30px;
}
#sidenavi {
	float: left;
	width: 150px;
	margin-bottom: 110px;
}

#sidenavi ul li {
	margin-top: 8px;
}
#sidead {
	margin-top: 150px;
}
#sidenavi .sn1{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn1 a{
	background: url(../image/sb/sb1.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn1 a:hover{
	background: url(../image/sb/sb1_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn2{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn2 a{
	background: url(../image/sb/sb2.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn2 a:hover{
	background: url(../image/sb/sb2_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn3{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn3 a{
	background: url(../image/sb/sb3.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn3 a:hover{
	background: url(../image/sb/sb3_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn4{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn4 a{
	background: url(../image/sb/sb4.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn4 a:hover{
	background: url(../image/sb/sb4_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn5{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn5 a{
	background: url(../image/sb/sb5.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn5 a:hover{
	background: url(../image/sb/sb5_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn6{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn6 a{
	background: url(../image/sb/sb6.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn6 a:hover{
	background: url(../image/sb/sb6_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn7{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn7 a{
	background: url(../image/sb/sb7.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn7 a:hover{
	background: url(../image/sb/sb7_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn8{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn8 a{
	background: url(../image/sb/sb8.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn8 a:hover{
	background: url(../image/sb/sb8_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn9{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn9 a{
	background: url(../image/sb/sb9.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn9 a:hover{
	background: url(../image/sb/sb9_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn10{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn10 a{
	background: url(../image/sb/sb10.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn10 a:hover{
	background: url(../image/sb/sb10_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn11{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn11 a{
	background: url(../image/sb/sb11.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn11 a:hover{
	background: url(../image/sb/sb11_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn12{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn12 a{
	background: url(../image/sb/sb12.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn12 a:hover{
	background: url(../image/sb/sb12_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn13{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn13 a{
	background: url(../image/sb/sb13.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn13 a:hover{
	background: url(../image/sb/sb13_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn14{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn14 a{
	background: url(../image/sb/sb14.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn14 a:hover{
	background: url(../image/sb/sb14_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn15{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn15 a{
	background: url(../image/sb/sb15.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn15 a:hover{
	background: url(../image/sb/sb15_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn16{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn16 a{
	background: url(../image/sb/sb16.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn16 a:hover{
	background: url(../image/sb/sb16_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn17{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn17 a{
	background: url(../image/sb/sb17.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn17 a:hover{
	background: url(../image/sb/sb17_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn18{
	width: 122px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn18 a{
	background: url(../image/sb/sb18.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn18 a:hover{
	background: url(../image/sb/sb18_on.gif) no-repeat;
	width: 122px;
	height: 33px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn01{
	width: 122px;
	height: 52px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn01 a{
	background: url(../image/sb/sb01.gif) no-repeat;
	width: 122px;
	height: 52px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn01 a:hover{
	background: url(../image/sb/sb01_on.gif) no-repeat;
	width: 122px;
	height: 52px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn02{
	width: 122px;
	height: 52px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn02 a{
	background: url(../image/sb/sb02.gif) no-repeat;
	width: 122px;
	height: 52px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn02 a:hover{
	background: url(../image/sb/sb02_on.gif) no-repeat;
	width: 122px;
	height: 52px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn03{
	width: 122px;
	height: 52px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn03 a{
	background: url(../image/sb/sb03.gif) no-repeat;
	width: 122px;
	height: 52px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn03 a:hover{
	background: url(../image/sb/sb03_on.gif) no-repeat;
	width: 122px;
	height: 52px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn04{
	width: 122px;
	height: 52px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn04 a{
	background: url(../image/sb/sb04.gif) no-repeat;
	width: 122px;
	height: 52px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn04 a:hover{
	background: url(../image/sb/sb04_on.gif) no-repeat;
	width: 122px;
	height: 52px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn05{
	width: 122px;
	height: 52px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn05 a{
	background: url(../image/sb/sb05.gif) no-repeat;
	width: 122px;
	height: 52px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn05 a:hover{
	background: url(../image/sb/sb05_on.gif) no-repeat;
	width: 122px;
	height: 52px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn06{
	width: 122px;
	height: 52px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#sidenavi .sn06 a{
	background: url(../image/sb/sb06.gif) no-repeat;
	width: 122px;
	height: 52px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#sidenavi .sn06 a:hover{
	background: url(../image/sb/sb06_on.gif) no-repeat;
	width: 122px;
	height: 52px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#footer {
	width: 1000px;
	padding-bottom: 150px;
}
#footnavi {
	margin-top: 30px;
	float: left;
}
#copyright {
	float: left;
	margin-left: 60px;
	margin-top: 30px;
}

#footnavi ul li {
	margin-right: 20px;
}


#footnavi .fn1{
	width: 56px;
	height: 13px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#footnavi .fn1 a{
	background: url(../image/fn/fn1.gif) no-repeat;
	width: 56px;
	height: 13px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#footnavi .fn1 a:hover{
	background: url(../image/fn/fn1_on.gif) no-repeat;
	width: 56px;
	height: 13px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#footnavi .fn2{
	width: 43px;
	height: 13px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#footnavi .fn2 a{
	background: url(../image/fn/fn2.gif) no-repeat;
	width: 43px;
	height: 13px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#footnavi .fn2 a:hover{
	background: url(../image/fn/fn2_on.gif) no-repeat;
	width: 43px;
	height: 13px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#footnavi .fn3{
	width: 79px;
	height: 13px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#footnavi .fn3 a{
	background: url(../image/fn/fn3.gif) no-repeat;
	width: 79px;
	height: 13px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#footnavi .fn3 a:hover{
	background: url(../image/fn/fn3_on.gif) no-repeat;
	width: 79px;
	height: 13px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#footnavi .fn4{
	width: 125px;
	height: 13px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#footnavi .fn4 a{
	background: url(../image/fn/fn4.gif) no-repeat;
	width: 125px;
	height: 13px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#footnavi .fn4 a:hover{
	background: url(../image/fn/fn4_on.gif) no-repeat;
	width: 125px;
	height: 13px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#footnavi .w3c{
	width: 54px;
	height: 18px;
 	text-decoration: none;
	float:left;
	margin-left: 20px;
}