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

* {
	margin:0px;
	padding:0px;
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul li, ol li{list-style: none;}
table{margin: 0;padding: 0;font-size: 100%;}
table,pre,code,select,textarea,kbd,var,ins,del,samp{font-size: 100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight: normal;font-style: normal;}
img{border:none;}
a img{border:none;}
a, a:visited{text-decoration: none; color:#fff;}



body{
	margin:0px;
	padding:0px;
	background-color:#000;
    font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrap{
	width:970px;
	height:auto;
	margin:0 auto;
	background-color:#000;
}

/* /////ヘッダー///// */
#header{
	width:970px;
	height:92px;
	margin:0 auto;
	background-image:url(../img/header/headerImg970.jpg);
}

#bgm{
	width:75px;
	height:auto;
	padding-top:51px;
	float:right;
	cursor: pointer; 
}

#bgm li {
	list-style:none;
	display:inline;
	margin-left: 24px;	
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


/* /////メニュー///// */
#menu{
	width:970px;
	height:20px;
	margin:15px auto 15px 0px;
    position:relative;
}

#menu li {
	list-style:none;
	display:inline;
}

#menu li .lang{
	float:right;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}



#arrow_info{
	width:240px;
	height:55px;
	position:absolute;
	z-index:1;
	left:340px;
	top:-60px;
	visibility:hidden;
	background:url(../img/menu/column_info.png) no-repeat;
}


#arrow_works{
	width:240px;
	height:55px;
	position:absolute;
	z-index:1;
	left:490px;
	top:-60px;
	visibility:hidden;
	background:url(../img/menu/column_works.png) no-repeat;
}

#arrow_menuLang{
	width:240px;
	height:55px;
	position:absolute;
	z-index:1;
	left:720px;
	top:-60px;
	visibility:hidden;
	background:url(../img/menu/column_lang.png) no-repeat;
}


/* /////トップ///// */
#top{
	width:970px;
	height:400px;
	margin:0px auto;
}

#photo{
	width:700px;
	height:auto;
	float:left;
}


#topTopics{
	width:270px;
	height:auto;
	float:right;
}

#topTopics li{
	list-style:none;	  
}

#topTopics li img{
	vertical-align: bottom;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}



/* /////ニュース、トピックス、右サイドバー大枠///// */
#container{
	width:956px;
	height:720px; /*トピックス枠の高さ修正用*/
	margin:20px auto 0px;
	overflow:hidden;
	background-color:#000;
	border:solid 7px #948f8d;
}


/* /////ニュース/トピックス大枠、共通///// */
#leftBox{
	width:720px;
	height:auto;
	margin-bottom:10px;
	float:left;
	background-color:#000;
}

#title{
	width:660px;
	height:30px;
	margin:10px auto;
	padding-top:15px;
	border-bottom:solid 1px #948f8d;
	background-color:#000;
}


/* /////ニュース///// */
#news{
	width:690px;
	height:360px;
	margin-top:15px;
	padding-left:30px;
	background-color:#000;
	border-bottom:solid 7px #948f8d;
}


#news ul{
   list-style-type: none;
}


#news li{
	width:660px;
	background: url(../img/news/list_mark.png) no-repeat 0px 85%;
	padding-left: 0px;
	font-size:12px;
	color:#d4d4d4;
	line-height:156%;
}


#news ul li .title{
	width:640px;
	margin:0px 0px 0px 0px;
}

#news ul li .text{
	width:615px;
	margin:5px auto 20px 12px;
}



/* /////トピックス///// */
#topics{
	width:667px;
	height:auto;
	margin:20px auto 20px 32px ;
	background-color:#000;
}

#topics ul{
	font-size:0;
	padding-bottom:6px;
}

#topics li{
	list-style:none;
	display:inline;
}

#topics li .L{
	margin-left:6px;
}



/* /////右サイドバー///// */
#rightBox{
	width:229px;
	height:830px;	/*トピックス枠の高さ修正用*/
	float:right;
	background-color:#000;
	border-left:solid 7px #948f8d;
}

#rightBox p{
	font-size:12px;
	text-align:center;
	margin:20px auto 20px;
	color:#e14d4d;
}

#rightBox a{
	color:#e14d4d;
}

#rightBox li{
	list-style:none;
	margin-bottom:0px;
}

#rightBox li img{
	vertical-align: bottom;
}

#rightBox li .img30{
	margin-top:30px;
	margin-left:14px;
}

#rightBox li .img15{
	margin-top:15px;
	margin-left:14px;
}

#rightBox li .btn{
	margin-top:10px;
	margin-left:48px;
}

#rightBox li .link{
	margin-top:0px;
	margin-left:14px;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}



/* /////フッター///// */
#footer{
	width:970px;
	height:auto;
	margin:20px auto;
	clear:both;
	border-top:solid 1px #948f8d;
}

#footer li{
	list-style:none;
	display:inline;
}

#footer li .btn{
	margin-top:10px;
	margin-right:10px;
}

#footer li .bar{
	margin-top:10px;
	margin-right:10px;
}

#footer p{
	font-size:10px;
	color:#d4d4d4;
}

#footer .text{
	text-align:right;
	margin:0px auto 20px 5px;
	padding-bottom:20px;
}