@charset "Shift_JIS";


/* ::::::::::::::::::::: ALLROUND ::::::::::::::::::::: */

* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;margin:0px;padding:0px;
}


html, body, div,h1, h2, h3, h4, h5, h6, p,a, img,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration:none;
}

.white{
	color:#FFF;
}


html,body {
	height: 100%;
	margin: 0;
}

body{
	background: url(../img/main.png) ;
	background-position:10% 110px;
	background-repeat: repeat-x;
}


#container {
	min-height: 100%;
	height: auto;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

#header {
	height: 110px;
	background: url(../img/headback.gif) ;
	background-color:#eeeeef;
	border-bottom:7px solid #000000;
}

.box{
	width:800px;
	margin:0 auto;
}

#menu{
	float:right;
	position:relative;
	top:82px;
	right:0px;
	width:296px;
	height:28px;
}


#main {
	position:absolute;
	top:161px;
	bottom:50px;
	width: 100%;
}

.mainbox{
	padding:40px 15px 0px 15px;
	position:relative;
	bottom:43px;
	width: 770px;
	height:100%;
	background: url(../img/mainback.png) ;
	margin:0 auto;
	overflow-y: auto;
	text-align:center;
	border:1px solid #FFF;
}

#footer {
	height: 50px;
	width:100%;
	position: absolute;
	bottom: 0;
	background: url(../img/footback.gif);
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
}

* html #footer {
	bottom:expression(document.getElementById("container").offsetHeight % 2 == 0 ? 0 : -1);
}

/* ::::::::::::::::::::: mark ::::::::::::::::::::: */


.center{
	text-align:center;
}




/* ::::::::::::::::::::: box ::::::::::::::::::::: */




.accessbox{
	padding:30px 0px 10px 0px;
	position:relative;
	bottom:43px;
	width: 800px;
	height:100%;
	background: url(../img/mainback.png) ;
	margin:0 auto;
	overflow-y: auto;
	text-align:center;
	border:1px solid #FFF;
}

.accesstext{
	margin-top:15px;
	margin-left:50px;
	text-align:left;
	width:600px;
	font-size:12px;
}




/* ::::::::::::::::::::: footer::::::::::::::::::::: */

.copyright{
	color:#ffffff;
	position:absolute;
	top:8px;
	left:35px;
}


/* ::::::::::::::::::::: under (copy + menu + footer) ::::::::::::::::::::: */




#menu ul {
	padding:0 0 0 0;
}
#menu li {
	display:inline;
	list-style-type:none;
}
#menu li a {
	margin: 0 8px; 
	height:20px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#menu li.menu01 a {
	background:url(../img/menu/01.png);
	background-position: bottom;
	width:50px;
	position:relative;
	top:8px;

}
#menu li.menu02 a {
	background:url(../img/menu/02.png);
	background-position: bottom;
	width:50px;
	position:relative;
	top:8px;

}
#menu li.menu03 a {
	background:url(../img/menu/03.png);
	background-position: bottom;
	width:50px;
	position:relative;
	top:8px;
}
#menu li.menu04 a {
	background:url(../img/menu/04.png);
	background-position: bottom;
	width:50px;
	position:relative;
	top:8px;
}

/*------hover*/
#menu li.menu01 a:hover {
	background:url(../img/menu/01.png);
	background-position: top;
}
#menu li.menu02 a:hover {
	background:url(../img/menu/02.png);
	background-position: top;
}
#menu li.menu03 a:hover {
	background:url(../img/menu/03.png);
	background-position: top;
}
#menu li.menu04 a:hover {
	background:url(../img/menu/04.png);
	background-position: top;
}


/*------other menu*/
#menu li.menuhome a {
	background:url(../img/menu/home.png);
	background-position: bottom;
	height:28px;
	width:50px;
}
#menu li.menuabout a {
	background:url(../img/menu/about.png);
	background-position: bottom;
	width:50px;
	height:28px;
}
#menu li.menuworks a {
	background:url(../img/menu/works.png);
	background-position: bottom;
	height:28px;
	width:50px;
}
#menu li.menuaccess a {
	background:url(../img/menu/access.png);
	background-position: bottom;
	height:28px;
	width:50px;
}