/************************************
			reset
************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}

#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }

/************************************
			common
************************************/
body {
	background-image: url(bg.jpg);
	background-attachment: scroll;
    height: 100%;
    overflow: auto;
    margin: 0px auto;
}

#pagecell {
	position: absolute;
	width: 640px;
	height: 480px;
	top: 25px;
	left: 25px;
	bottom: 25px;
	background-color: #FFFFFF;
	z-index: 0;
}
/************************************
			header area
************************************/
#head {
	position: relative;
	height: 100px;
	vertical-align: middle;
	width: 100%;
	padding: 0px;
}

/************************************
			navigation area
************************************/
div.navi{
    position: absolute;
    top:480px;
    width:640px;
    height:30px;
    left: 0px;
}
.navi ul{
    position:relative;
    bottom:0px;
    width:640px;
    height:20px;
    margin:0;
    font-size:13px;
    list-style:none;
    background-color:#aaaaaa;
/*    filter:alpha(opacity=60);
    opacity:0.6;
*/
}
.navi li{
    height:20px;
    line-height:20px;
    float:left;
    width:128px;
    text-align:center;
    position:relative;
}

.navi a{
    text-decoration:none;
    display:block;
    color:#663300;
}

.navi ul li a:hover{
    width:100%;
    height:100%;
    background-color:#cccccc;
}
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { float: left;}
/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ visibility: hidden; position: absolute; bottom: 100%; }
ul.dropdown ul li 					{ float: none; }

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ display: inline-block; height:20px; line-height:20px; width:128px;} 

/* 
	LEVEL THREE

ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
*/
/************************************
			main area
************************************/
.wrapper {
    bg-color: #CCCCCC;
	position: relative;
	float: left;
    width: 250px;
}
.contents {
    position:relative;
    top:40px;
    padding-top:0px;
    padding-left:20px;
    font-family: "MS PGothic", Osaka, "MS Gothic", Gothic, sans-serif;
    font-size:13px;
}
.logo {
    widht:640px;
    padding-top:20px;
    padding-left:20px;
}
.map {
    float:left;
}
/************************************
			footer area
************************************/
.foot {
    position:absolute;
    height: 30px;
    width: 640px;
    text-align:right;
    position:absolute;
    top:510px;
    bottom:0px;
}

/************************************
			elements area
************************************/
  .demo *{margin:0;padding:0} /*ƒŠƒZƒbƒg*/
  .demo {
    padding:1px;
    text-align:center;
    height:450px;
  }
  .caption{
    font-style:italic;
    font-size:15px;
  }
  .gallery{
    width:200px;
    margin:0 auto;
    float:left;
  }
  .gallery li{
    width:85px;height:85px;
    border:2px double #111;
    margin:2px;
    float:left;
    background:#000;
  }

  #main_image{
    position:absolute;
    top:5px;
    margin-left:200px;
    float:right;
  }
  #main_image img{
    margin-bottom:10px;
  }