@charset "utf-8";

html,body,
div,span,
object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,
a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,strong,sub,sup,tt,var,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,label,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
}

img{
border:0;
vertical-align:top;
}


html,body
{
background-color:#bfc5ca;

min-width:900px;
min-height:600px;

font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

font-size:12px;
line-height:18px;

}

#wrapper
{
	position:relative;
	width:100%;
}

/* header */
#wrap-header
{
	overflow:hidden;
	position:relative;
	z-index:10;
	width:100%;
	height:30px;
}

#wrap-header .logo
{
	position:absolute;
	top:10px;
	left:27px;
}

#wrap-header ul.gnavi
{
	display:inline;
	position:absolute;
	top:0px;
	left:129px;
	height:30px;		
}
#wrap-header ul.gnavi li
{
	overflow:hidden;
	position:relative;
	float:left;
	height:30px;
	margin-right:17px;
	list-style:none;
}

#wrap-header .product
{
	display:block;
	overflow:hidden;
	position:absolute;
	top:0px;
	right:16px;
	height:30px;
}

#wrap-header ul.gnavi li a,
#wrap-header .product a
{
	display: block;
}

#wrap-header ul.gnavi li a:hover,
#wrap-header .product a:hover
{
	position:relative;
	top:-30px;
}

#wrap-header ul.gnavi li a.selected:hover{
	position:relative;
	top:0px;
}


/* footer */
#wrap-footer
{
	overflow:hidden;
	position:relative;
	width:100%;
	height:33px;
	margin:0 auto;
}

#wrap-footer .copyright
{
	position:relative;
	margin-top:4px;
	text-align:center;
}

#wrap-footer .pagetop
{
	overflow:hidden;
	position:absolute;
	top:0px;
	right:10px;
	width:33px;
	height:33px;
	cursor:pointer;
	
}

#wrap-footer .pagetopOv img
{
	position:relative;
	top:-33px;	
}