@charset "UTF-8";

/* -------------------------------------------------------------------------------------- visiual image */

#visual-image{
width:960px;
height:360px;
margin-left:auto;
margin-right:auto;
}

/* -------------------------------------------------------------------------------------- main */

#main{
margin-top:13px;
width:960px;
margin-left:auto;
margin-right:auto;
}

#contentsMiddle{
width:500px;
margin-right:20px;
float:left;
padding-top:0px;
}

div#what p.interview{
	margin-top:0px;
margin-bottom:11px;
}

div#what p.interview a{
	border:0;

}

div#what  h2,
div#event h2{
width:500px;
position:relative;
margin-bottom:11px;
}

div#what  h2 a,
div#event h2 a{
width:66px;
height:19px;
position:absolute;
top:0px;
right:0px;
}

div#what{
width:500px;
padding-bottom:25px;
}

div#event{
width:500px;
}


#main dl{
width:500px; width:490px;
margin-bottom:10px;
border-bottom:1px solid #e4e4e4;
padding-bottom:12px;
padding-left:5px;
padding-right:5px;
padding-top:4px;
}

#main dt{
float:left;
width:80px;
padding-left:5px;
}

#main dd{
float:left;
line-height:200%;
margin-top:-5px;
margin-bottom:-10px;
}

#main dd a:link,
#main dd a:visited{
color:#333333;
text-decoration:none;
}
#main dd a:hover{
color:#666666;
text-decoration:underline;
}


#main dl:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#main dl {
  min-height: 1px;
}

* html #main dl {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


#main dd span{
	font-weight:bold;
	color:#FF0000;
}


/* -------------------------------------------------------------------------------------- banner */

#contentsLeft{
width:210px;
float:left;
margin-right:20px;
}

#contentsRight{
width:210px;
float:right;
}

#contentsLeft ul,
#contentsRight ul{
margin:0; padding:0;
list-style:none;
width:210px;
}
#contentsLeft li,
#contentsRight li{
margin-bottom:8px;
}

/* -------------------------------------------------------------------------------------- END */