@charset "utf-8";



* {
	margin: 0;
	padding: 0;
}
html{
	height: 97%;
}
body {
	color:#333;
	letter-spacing: 0.1em;
	font: 62.5%/1.5 Arial, Helvetica, Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", Meiryo, "lr oSVbN", sans-serif;
	height: 100%;
	position: relative;
	background:#000000 url(../images/wrap_bk.jpg) repeat-y left -2px;
	padding-left: 126px;
}


h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
}

p { 
	text-align:justify;
	line-height:2.2;
	font-size: 1.2em;
	}

ul li {
	padding-top: 1px;
	list-style-type:none;
}
img {
	vertical-align: bottom;
	}
a img { border:0; }

#top a,#navi01 a{
	color:#ffffff;
}
#main a{
	color:#a9a9a9;
}
a:link {
	text-decoration:none;
}
a:visited {
   text-decoration:none;
}
a:hover {
	color:#a9a9a9;
}
a:active {
	color:#a9a9a9;
}
table{
   width:100%;
   border-spacing:2px;
   margin:1.5em 0;
}
table th, table td{ padding:0.3em 0.75em }

.hidden {
   display: none;
   visibility: hidden;
}
.alignright {
   float: right;
}
.alignleft {
   float: left;
}
.clear {
   clear: both;
}


/*-----------------------clearfix*/

{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
   overflow: hidden;
}

 {
	 display: inline-block; 
}

/* exlude MacIE5 \*/
 {
	height: 1%;
}

{
	display:block;
}
/* end MacIE5 */


#wrap {
	height: 100%;
	background: url(../images/logo01.jpg) no-repeat left bottom;
	padding-left: 15px;

}
#wrap #wrap_inner {
	height: 100%;
	position: relative;
}


/*-----------------------^񒆉摜*/


#wrap #wrap_inner #main01 {
	height: 378px;
	width: 89px;
	margin-top: -189px;
	margin-left: -45px;
	left: 50%;
	top: 50%;
	position: absolute;
}
#wrap #wrap_inner #main01 img {
	display: block;
	height: 378px;
	width: 89px;
	margin-top: -189px;
	margin-left: -45px;
	left: 50%;
	top: 50%;
	position: absolute;
	z-index: 100;
}
#wrap #wrap_inner #main01 h1 {
	font-size: 1.5em;
}


/*-----------------------Rs[Cg*/


#wrap #wrap_inner #footer {
	width: 300px;
	height: 15px;
	position: absolute;
	left: 100%;
	top: 100%;
	margin-top: -30px;
	margin-left: -300px;
}
#wrap #wrap_inner #footer p {
	color: #999999;
	font-size: 1.2em;
	font-weight: bold;
}


/*-----------------------j[ݒ*/


#wrap #wrap_inner #menu01 {
	margin-top: 20px;
	width: 256px;
}
#wrap #wrap_inner #menu01 ul {

}
#wrap #wrap_inner #menu01 li,#wrap #wrap_inner #menu01 li a {
	display: block;
	text-indent: -999em;
	height: 20px;
}
#wrap #wrap_inner #menu01 .m_top {
	background: url(../images/menu.jpg) no-repeat left top;
}
#wrap #wrap_inner #menu01 .m_home {
	background: url(../images/menu.jpg) no-repeat left -21px;
}
#wrap #wrap_inner #menu01 .m_principles {
	background: url(../images/menu.jpg) no-repeat left -42px;
}
#wrap #wrap_inner #menu01 .m_policy {
	background: url(../images/menu.jpg) no-repeat left -63px;
}
#wrap #wrap_inner #menu01 .m_action {
	background: url(../images/menu.jpg) no-repeat left -84px;
}
#wrap #wrap_inner #menu01 .m_history {
	background: url(../images/menu.jpg) no-repeat left -105px;
}
#wrap #wrap_inner #menu01 .m_company {
	background: url(../images/menu.jpg) no-repeat left -126px;
}

#wrap #wrap_inner #menu01 .m_top a {
	background: url(../images/menu.jpg) no-repeat left top;
	outline:none;
}
#wrap #wrap_inner #menu01 .m_home a {
	background: url(../images/menu.jpg) no-repeat left -21px;
	outline:none;
}
#wrap #wrap_inner #menu01 .m_principles a {
	background: url(../images/menu.jpg) no-repeat left -42px;
	outline:none;
}
#wrap #wrap_inner #menu01 .m_policy a {
	background: url(../images/menu.jpg) no-repeat left -63px;
	outline:none;
}
#wrap #wrap_inner #menu01 .m_action a {
	background: url(../images/menu.jpg) no-repeat left -84px;
	outline:none;
}
#wrap #wrap_inner #menu01 .m_history a {
	background: url(../images/menu.jpg) no-repeat left -105px;
	outline:none;
}
#wrap #wrap_inner #menu01 .m_company a {
	background: url(../images/menu.jpg) no-repeat left -126px;
	outline:none;
}

#wrap #wrap_inner #menu01 .m_top a:hover {
	background: url(../images/menu.jpg) no-repeat left -147px;
}
#wrap #wrap_inner #menu01 .m_home a:hover {
	background: url(../images/menu.jpg) no-repeat left -167px;
}
#wrap #wrap_inner #menu01 .m_principles a:hover {
	background: url(../images/menu.jpg) no-repeat left -188px;
}
#wrap #wrap_inner #menu01 .m_policy a:hover {
	background: url(../images/menu.jpg) no-repeat left -209px;
}
#wrap #wrap_inner #menu01 .m_action a:hover {
	background: url(../images/menu.jpg) no-repeat left -230px;
}
#wrap #wrap_inner #menu01 .m_history a:hover {
	background: url(../images/menu.jpg) no-repeat left -251px;
}
#wrap #wrap_inner #menu01 .m_company a:hover {
	background: url(../images/menu.jpg) no-repeat left -274px;
}


#banner {
	width: 94px;
	position: absolute;
	right: 20px;
	top: 38%;
}

#banner img {
	margin-top: 10px;
}
#wrap #wrap_inner #banner span {
	color: #FFF;
}