/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background-image:  url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-size: small;
	line-height: 150%;
	background-color: #C7D7AA;
	
}

#layout {
	width: 801px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #006699;
	background-color:#FFFFFF;
font-size:small;
}



#head {
	height: 80px;
	width:800px;
	background-color:#ffffff;
	font-size:12px;
	color:#cccccc;
	margin: 0px;
	padding: 0px
}

#foot {
	height: 20px;
	width:780;
	background-image: url(../img/foot-bg.gif);
	background-repeat: repeat-y;
	background-color:#005500;
	font-size:12px;
	color:#cccccc;
	text-align:right;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	clear:both;
}

#rightside {
	text-align: light;
	margin: 0px 0px 0px 0px;		
	padding: 10px 5px 10px 10px;
	
	background-image: url(../img-menu/bg.gif);
	background-repeat: no-repeat;
	background-color: ;		/* ←BGの一番下の色に合わせる */
	width: 185px;
	float:left;
	

 }

#rightside {
	_margin: 40px 0px 0px 0px;		
	
 }

a{text-decoration:none}
a:hover{text-decoration:none}


#head02 a{

	color: #CCCC99;
}

#head02 a:hover{
	color:#FFCCCC;
}



/*ここからヘッドのメニュー*/

#head-menu a {
	display:block;
	text-indent:-10000px;
	width:160px;
	height:30px;
	padding-top: 0px;
	float:left;
	list-style-type: none;
	
	
	
}

#head-menu a:hover {
	display:block;
	text-indent:-10000px;
	width:160px;
	height:30px;
	padding-top: 0px;
	float:left;
	filter:Alpha(opacity=20);
  -moz-opacity:0.25;
  opacity:0.25;
	background-color:#003366;
	
}


#head-menu01{
	background-image: url(../img-menu/menu01.gif);
	background-repeat: no-repeat;
	width:158px;
	height:30px;
	background-position: 0px;
	float:left;
}

#head-menu02{
	background-image: url(../img-menu/menu02.gif);
	background-repeat: no-repeat;
	width:160px;
	height:30px;
	background-position: 0px;
	float:left;
	
}

#head-menu03{
	background-image: url(../img-menu/menu03.gif);
	background-repeat: no-repeat;
	width:160px;
	height:30px;
	background-position: 0px;
	float:left;
	
}

#head-menu04{
	background-image: url(../img-menu/menu04.gif);
	background-repeat: no-repeat;
	width:160px;
	height:30px;x;
	background-position: 0px;
	float:left;
	
}

#head-menu05{
	background-image: url(../img-menu/menu05.gif);
	background-repeat: no-repeat;
	width:160px;
	height:30px;
	background-position: 0px;
	float:left;
	
}

#head-menu06{
	background-image: url(../img-menu/menu06.gif);
	background-repeat: no-repeat;
	height: 30px;
	width:160px;
	background-position: 0px;
	float:left;
	
}




/*ここまでヘッドのメニュー*/





/*hoverの時画像ひとつひとつを入れ替える場合はこの部分削除　その際必要な情報はmenuのほうに移行　ここから*/


.submenu a {
	display:block;	
	width:100px;
	height:20px;
	margin: 5px 10px 0px 20px;
	padding: 0px 10px 0px 35px;
	background-image: url(../img-menu/submenu-bg.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dashed #0099CC;
	color: #666666;
	text-decoration: none;	
}

.submenu a:hover{
	display:block;	
	width:100px;
	height:20px;
	margin: 5px 10px 0px 20px;
	padding: 0px 10px 0px 35px;
	background-image: url(../img-menu/submenu-bg-on.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dashed #0099CC;
	color:#0099CC;
	text-decoration: none;	}

.submenu2 a {
	display:block;	
	width:100px;
	height:20px;
	margin: 5px 10px 0px 20px;
	padding: 0px 10px 0px 35px;
	background-image: url(../img-menu/submenu-bg.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dashed #dddddd;
	color: #666666;
	text-decoration: none;	
}

.submenu2 a:hover{
	display:block;	
	width:100px;
	height:20px;
	margin: 5px 10px 0px 20px;
	padding: 0px 10px 0px 35px;
	background-image: url(../img-menu/submenu-bg-on.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dashed #dddddd;
	color:#0099CC;
	text-decoration: none;	}

.sub-menu a{
	display:block;	
	width:105px;
	height:20px;
	margin: 0px 10px 0px 20px;padding: 0px 10px 0px 30px;
	border-bottom: 1px dashed #dddddd;
	color:#FF6699;
	text-decoration:none;}

.sub-menu a:hover{
	display:block;	
	width:105px;
	height:20px;
	margin: 0px 10px 0px 20px;padding: 0px 10px 0px 30px;
	border-bottom: 1px dashed #dddddd;
	color:#666666;
	text-decoration:none;
	background-color:#FFeeee;}

.sub-menu2 a{
	display:block;	
	width:105px;
	height:20px;
	margin: 0px 10px 0px 20px;padding: 0px 10px 0px 30px;
	border-bottom: 1px dashed #0099CC;
	color:#FF6699;
	text-decoration:none;}

.sub-menu2 a:hover{
	display:block;	
	width:105px;
	height:20px;
	margin: 0px 10px 0px 20px;padding: 0px 10px 0px 30px;
	border-bottom: 1px dashed #0099CC;
	color:#666666;
	text-decoration:none;
	background-color:#FFeeee;}

/*hoverの時画像を入れ替える場合はこの部分削除　ここまで*/

/*hover画像をひとつひとつを変えない場合（メニューがテキストの場合など）は、ここをのaを削り画像も削る。hoverすべて削除　ここから*/
#menu1{
	display:block;				
	text-indent:-10000px;
	background-image: url(../img-menu/menu1.gif);
	background-repeat: no-repeat;
	width:185px;
	height:55px;
	background-position: 0px;
}

#menu2{
	display:block;				
	text-indent:-10000px;
	background-image: url(../img-menu/menu2.gif);
	background-repeat: no-repeat;
	width:185px;
	height:55px;
	background-position: 1px;	
	margin-top:10px;
	
}

#menu3{
	display:block;				
	text-indent:-10000px;
	background-image: url(../img-menu/menu3.gif);
	background-repeat: no-repeat;
	width:185px;
	height:55px;
	background-position: 1px;	
	margin-top:10px;
	
}

#menu4{
	display:block;				
	text-indent:-10000px;
	background-image: url(../img-menu/menu4.gif);
	background-repeat: no-repeat;
	width:185px;
	height:55px;
	background-position: 1px;	
	margin-top:10px;
	
}













/*hover画像をひとつひとつを変えない場合（メニューがテキストの場合など）は、ここをのaを削り画像も削る。hoverすべて削除　ここまで*/

/*menu00はバナーなどに使う*/
#menu00 a{
	display:block;
	text-indent:-10000px;
	margin-top: 20px;
	
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	background-image: url(../../img-menu/to-top.gif);
	background-repeat: no-repeat;
	height:30px;
	width: 134px;
	
}


#menu00 a:hover{
	display:block;
	text-indent:-10000px;
	margin-top: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	background-image: url(../img-menu/to-top-on.gif);
	background-repeat: no-repeat;
	height:30px;
	width: 134px;
	
}

/*以上大まかなレイアウト　以下細部のレイアウト*/
#rightside #kaisha-jouhou {
	text-indent: -10000px;
	background-image: url(../img-menu/juusho-bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 66px;
	width: 157px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top:10px;
margin-left:5px;
	font-size: 12px;
	line-height: normal;
}

.float-left {
	float:left;
}
.float-right {
	float:right;
}

.float-kaijo {
	clear: both;
}

.migiyose {
	text-align: right;
}
.nakayose {
	text-align: center;
}


.b-kaika {
	padding-left: 10px;
	padding-top:15px;
}
.hidariyose {

	text-align: left;
}
.float-kaijo {
	clear: both;
}
.border-0 {
	margin: 0px;
	padding: 0px;
	border: none;
}