/*  *,body
--------------------------------------*/

h1,h2,h3,p,ul,li,dl,dt,dd{ padding:0; margin:0;}

ul,li{ list-style-type: none;}


h1{ font-size: 130%;}
h2{ font-size: 120%;}
h3{ font-size: 100%;}
p,li,dt,dd{ font-size: 80%;line-height: 150%;}


html,body{
	background: url(../img/bg.gif) repeat;
	font-family: sans-serif;
	margin: 0 auto;
	overflow: hidden;
	height: 100%;
}
#wrapper{
	width: 100%;
	margin: 0 auto; 
	position: relative;
	height: 100%;
}
 
/*リンク関係
-------------------------------------------*/
a:link,
a:visited,
a:active{ color: #000;}
a:hover{ color:;}

a{text-decoration: none;}
div.linkcolor a{ color:#fff;text-decoration: underline;}
div.linkcolor a:hover{ color: #eee8aa;text-decoration: none}

#top h1#Title a,#menu li a{
	text-decoration: underline;
 }
#top h1#Title a:hover,#menu li a:hover{
	text-decoration: none;
}

#right dt a{
	font-weight: bold;
	color: #ff4500;
}
#right dt a:hover{
	color:#ffdab9
}
/*header
-------------------------------------------*/
#header{
	background: #fffff0;
    filter: Alpha(opacity=80); /* IE系 */
    opacity:0.8; /* Mozzila系 */
	position: fixed;
	top: 0;
	left: 0;
	width: 98.5%;
	height: 90px;	
	z-index: 2;
}
/*タイトル部分(#top)
---------------------------------------------*/
#top{
	width: 38%;
	padding: 1%;
	float: left;
}

#top p#Txt{
	font-size: 12px;
	font-weight: normal;
}


/*メニュー部分(#menu)
--------------------------------------------*/
#menu{
	padding: 5px 0;
	width: 56%;
	float: right;
}
#menu li{
	display: inline-block;
}
#menu li a{
	color: #b80000;
	font-weight: bold;
 	padding: 0px 10px;
	border-left: 1px solid #999;
	text-decoration: underline;
 }
#menu li a:hover{
	text-decoration: none;
}

/*pankuzu
-------------------------------------------*/
#pankuzu{
	color: #fff;
	background: #000;
	clear: both;
}
#pankuzu p{
	padding: 0.3em 1em ; 
	
}

/*container
-------------------------------------------*/
#container{
	width: 100%;
	overflow: auto;  
	position: relative;  
	height: 100%;  
	z-index: 1;
}
#containerInner{
	padding: 95px 0 105px;  
}
#right{
	width: 19%;
	float: right;
	padding: 1%;
	margin: 1%;
}
#left{
	width: 15%;
	float: left;
	padding: 1%;
}
#center{
	width: 60%;
	float: left;
}
#totop{
    text-align: center;
	margin-top: 1em;
	background: #fff;
    filter: Alpha(opacity=80); /* IE系 */
    opacity: 0.8; /* Mozzila系 */
}
#totop a{
	color: #b80000;
}
/*left
-------------------------------------------*/

#left li{
	margin-top: 0.3em; 
	padding: 0.3em;

}
#left li a{
	display: block;
	font: bold 100%/120% sans-serif;
	padding: 0.5em;
	background: #fff;
	color: #ff4500;
    filter: Alpha(opacity=80); /* IE系 */
    opacity: 0.8; /* Mozzila系 */
}
#left li a:hover{
	background: #ffdab9;
}


/*center
-------------------------------------------*/
div.box{
	padding: 0.5em;
	margin: 1em 0;
    background: #fff;
    filter: Alpha(opacity=80); /* IE系 */
    opacity:0.8; /* Mozzila系 */
}
div.box h2{
	border-bottom: 1px solid #deb887;
	color: #b80000;
	letter-spacing: 0.3em;
}
div.box p{
	padding: 0.5em;
}
/*right
-------------------------------------------*/
#right{
	margin-top: 1em;
	background: #fff url(../img/image.jpg) no-repeat;
    filter: Alpha(opacity=80); /* IE系 */
    opacity: 0.8; /* Mozzila系 */
    padding-top: 160px;
}

#right dd{
	font-size: 60%;
}

/*footer
-------------------------------------------*/
#footer{ 
	width: 98.5%;
	height: 50px;
	background: #fffff0;
 	text-align: center;
    filter: Alpha(opacity=90); /* IE系 */
    opacity:0.9; /* Mozzila系 */
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2;
	clear: both;
}
#footer p{
	color: #fff;
	background: #000;

}
/*clear
-------------------------------------------*/
.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clear {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}