<style type="text/css">

html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, em, strong, brockquote, pre, table, caption, th, td, address, form, fieldset, input, textarea, legend, object {
	margin: 0;
	padding: 0;
	font-style:normal;
	font-size:100%;
	vertical-align:baseline;
}

body {
	margin: 0px 0px;
	padding: 0px;
	color: #000000;
	font-family: "Helvetica","Lucida Grande","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W6","‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;
	font-weight: normal;
	font-size:12px;
	line-height:2.0;
	letter-spacing:1.6px;
	width:100%;
}

a { text-decoration: none; }
a:link, a:visited { color:#000; }
a:active, a:hover { color:#B48817; }

.note {
  padding-left: 1em;
  text-indent: -1em;
}

.note2 {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.note3 {
  padding-left: 1em;
  padding-right: 1em;
}

#header {
  height: 150px;
  z-index:100;
  width:100%;
  left: 0px;
  background: url(../img/header_bak.png) repeat-x left top;
}

.naviMenu {
  color:white;
}

#contents {
  position:relative;
  left:0px;
}

#primaryNavigation {
  height: 50px;
  z-index:100;
  width:100%;
  left: 0px;
  position:absolute;
  background: url(../img/globalbtn_bak.png) repeat-x left top;
}

/*---ƒXƒ}ƒzŽž‰üs--*/
@media screen and (max-width: 768px) {
.pc{display:none;}
.sp{display:block;}
}

/*---PCŽž‰üs--*/
@media screen and (min-width:769px){
.pc{display:block;}
.sp{display:none;}
}

</style>