@charset "utf-8";
/* base */

div,p,ul,li,h1,h2,h3,h4,h5,table,tr,td,ol,dl,dt,dd,th{
	margin:0px;
	padding:0px;
	text-align:left;
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Osaka,"メイリオ","Meiryo","MS PGothic",Sans-Serif;
	}
img {
	border:0px;
}
body {
	background:#3d3832 url(../common/img/common-back.jpg) no-repeat fixed center top;
	text-align:center;
	margin:0px;
	}
div#wrapper {
	background-color:#3d3832;
	width:800px;
	height:100%;
	margin:0px auto;
	text-align:left;
	}
a {
	outline:none;
	}


 /* clearfix */  
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
 /* end---clearfix */


/* header */

div.header{
	position:relative;
	}
div.header div.dnplogo{
	background:url(img/common-logoDNP.gif) no-repeat left bottom;
	width:51px;
	height:25px;
	float:right;
	}
div.header div.dnplogo a{
	width:51px;
	height:25px;
	text-indent:-9999px;
	display:block;
	}
a.sitename {
	display:block;
	width:281px;
	height:60px;
	background:url(img/common-logo.gif) no-repeat 12px 25px;
	text-indent:-9999px;
	outline:none;
	}
h1.top {
	background:url(img/common-logo.gif) no-repeat 12px 25px;
	width:281px;
	height:60px;
	text-indent:-9999px;
	}
ul.globalnavi {
	height:40px;
	font-size:1px;
	}
ul.globalnavi li{
	float:left;
	height:40px;
	}
ul.globalnavi li a{
	}
ul.gnavisub {
	height:20px;
	width:260px;
	position:absolute;
	left:540px;
	top:36px;
	}
ul.gnavisub li {
	float:left;
	height:20px;
	}



div.topagetop{
	text-align:right;
	padding:0px 20px 10px 0px;
	background-color:#514A42;
	font-size:12px;
	}
div.topagetop a:link,
div.topagetop a:visited{
	color:#CCCCCC;
	text-decoration:underline;
	}
div.topagetop a:hover,
div.topagetop a:active{
	color:#CCCCCC;
	text-decoration:none;
	}



/* footer */

div.footer{
	clear:both;
	border-top:1px solid #6B6458;
	padding-top:7px;
	background-color:#514A42;
	}
div.footer hr{
	display:none;
	}
ul.footnavi{
	font-size:12px;
	}
ul.footnavi li{
	float:left;
	padding:0px 9px;
	background: url(img/common-line.gif) no-repeat right center;
	margin-bottom:13px;
	}
ul.footnavi li.last{
	background:none;
	}
ul.footnavi a:link,
ul.footnavi a:visited{
	color:#ccc8c1;
	text-decoration:none;
	font-size:14px;
	}
ul.footnavi a:hover,
ul.footnavi a:active{
	color:#ccc8c1;
	text-decoration:underline;
	font-size:14px;
	}
div.footer div.copyright{
	clear:both;
	color:#FFFFFF;
	font-size:10px;
	padding:0px 0px 20px 13px;
	}