@charset "utf-8";
/* CSS Document */


/* --------------------------------------------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;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0;}
/* ------------------------------------------RESET END-------------------------------------------- */
@font-face { font-family:MaruFoPro; src:url(A-OTF-MaruFoPro-Regular.otf);}

body { margin:0; padding:0; background-color: #f2eee0; font-family:MaruFoPro;}

.btn_top{ width:69px; height:80px; display:none; background:url(images/btn_top.png); 
		position:fixed; bottom:10px; right:10px; z-index:10; cursor:pointer;}
		.btn_top:hover{ background-position:0 -80px;}


.top{ width:100%; height:82px; display:block; background:#d0cab3; position:fixed; z-index:20;}
.top .bottomline{ width:100%; height:2px; display:block; background:#f2eee0; position:absolute; bottom:0;}
.top ul{ width:980px; height:80px; display:block;
		position:absolute; left:50%; margin:0 0 0 -480px;}
.top li{ width:160px; height:80px; display:block; float:left;}
	.top li img{ position:absolute;}
	.top li .btn_h{ opacity:0; filter: alpha(opacity=0); cursor:pointer;}


.bottom{ width:980px; height:80px; display:block; text-align:center; color:#7a7357; margin: 80px 0 0 20px; font-size: 14px;
	position: relative;}

::selection {
    background: #d0cab3;
    color: #f2eee0;
}
::-moz-selection {
    background: #d0cab3;
    color: #f2eee0;
}