@charset "utf-8";
/***************************colum*****************************/

/* colum COMMON
コラムのベース*/


#contents {
   background-color: #999999;}
/************************************************/
.head {
   display:block;
   background:url(../img/bg.gif) 0 10%;
   border-bottom:#000000 solid 5px;}
* html .head{border-bottom:#000000 solid 7px;}

/************************************************/
	  
#side {
   background-color:#999999;
   padding-bottom:30px;}
   
#side {
	width:194px;
	float:left;
	padding:0 0 20px 0;}
	
	
#side ul{
       margin:0 0 20px 0;}    

#side li{
       margin:0;
	   padding:0;
	   height:37px;
	   overflow:hidden;}


#side ul li a{
width:184px;}
   

#side ul li a {
   text-indent:0; 
   text-decoration:none;
   color:#FFFFFF; 
   font-size:140%; 
   font-weight:bold; 
   letter-spacing:2px;
   padding:9px 0 0 10px; }

#side ul li {border-bottom:#777777 solid 1px;}


#side ul li.sidenavi1_c a {
   background: url(../img/sidenavi1_c.gif) 0px 0% no-repeat; color:#333333;}
#side ul li.sidenavi2_c a {
   background-color:#b29d46;}
#side ul li.sidenavi3_c a {
   background-color:#85998c;}
#side ul li.sidenavi4_c a {
   background-color:#996d3c;}
#side ul li.sidenavi5_c a {
   background-color:#535959;}


#side ul li.sidenavi1_c a:hover {
   background: url(../img/sidenavi1_c-o.gif) 0px 0% no-repeat;}
#side ul li.sidenavi2_c a:hover {
   background-color:#c1b06b;}
#side ul li.sidenavi3_c a:hover {
   background-color:#99a69f;}
#side ul li.sidenavi4_c a:hover {
   background-color:#a88258;}
#side ul li.sidenavi5_c a:hover {
   background-color:#6b6f6f;}

/************************************************/

#main,
* html #main {
width:780px;
padding:0 25px;}

/*********logo***********/

#logo {
z-index:3;}

#logo div {
	float:left;
	width:460px;
}

#logo div span {
	display:block;
	float:left;
	position:relative;
	top:-27px;
}

#logo h1 {
	float:left;
	padding:3px 15px 3px 8px;
	width:200px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:120%;
	color:#FFFFFF;
	letter-spacing:1px;
	background-color:#000000;

}


#logo span.lg {
display:block;
float:right;
margin:10px 0 0 0;}


#logo:after,
.co1:after{ 
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden; } 
#logo,
.co1{display: inline-block;} 
/* Hides from IE-mac \*/ 
* html #logo,
* html .co1 {height: 1%;} 
#logo,
.co1{
	display: block;
	position: relative;
} 
/* End hide from IE-mac */


/**********co***********/
.co1{
clear:both;
position:relative;}

.rgt {
line-height:175%;}
/*************************columEND**************************/