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


body {
  background-color:#000000;
  font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  -webkit-font-smoothing: antialiased;
}


.sp{display:none;}

#h-wrap{
  width:100%;
  background-image:url(../portal_images/common/header_bg_n.jpg);
  background-repeat:repeat-x;
  background-position:left bottom;
}


header{
  margin:0 auto;
  padding:12px 0 14px 43px;
  width:957px;
  height:141px;
  position:relative;
}


h1#logo{
}

h2#main-title{
	position:absolute;
	top:58px;
	right:58px;
}


nav{
  padding:1px 0 1px;
  height:50px;
  background-image:url(../portal_images/common/nav/navi_bg.png);
  background-repeat:repeat-x;
}

#g-nav{
  margin:0 auto;
  padding:0;
  width:1000px;
  height:50px;
  background-repeat:no-repeat;
  clear: both;
  position: relative;
  z-index: 20;
  font-size: 0;
}


#g-nav ul{
}

#g-nav ul li{
  width:500px;
  float:left;
  position: relative;
}




/*----tab---- */
#tab {
width: 46px;
height: 154px;
background: url(../portal_images/common/twitter.png) no-repeat;
position: fixed;
right: 0;
top: 78px;
z-index:200;
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.3s;
-moz-transition: width ease-in-out 0.3s;
-ms-transition: width ease-in-out 0.3s;
-o-transition: width ease-in-out 0.3s;
transition: width ease-in-out 0.3s;
}

#tab a {
display: block;
width: 100%;
height: 100%;
}

#tab:hover {
width: 200px;
}



/* ----scrool---- */
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 70%;
	z-index:5;
}

#page-top a {
	display: block;
	text-decoration: none;
	padding-top: 79px;
	width: 142px;
	height: 0px;
	overflow: hidden;
	background:url(../portal_images/common/page_top.png) no-repeat 0 0;
}

#page-top a:hover {
	background-position: 0 -79px;
}

#sp-pagetop{
	display:none;
}


/* ----footer---- */

#contents-footer{
  padding-top:25px;
  width:100%;
  height:35px;
  background-color:#000;
  clear:both;
}

.contents-copyright{
  margin:0 auto;
  width:125px;
  height:16px;
  line-height:15px;
  color: #fff;
  font-family: verdana, sans-serif;
  font-size: 10px;
}


/* ---- newmark ---- */
.nm{
	position:absolute;
	top:111px;
	left:425px;
	z-index:100;
}

.nm2{
	position:absolute;
	top:111px;
	left:675px;
	z-index:100;
}


/*HTML 5 support */
header, section, footer, aside, nav, article, figure {
	display: block;
}


#dpn{display:none;}