/* CSS Document */
body {
	margin:0;
	font-family: "Hiragino Mincho Pro W3","Hiragino Mincho Pro W6","MS Mincho","MS PMincho","Meiryo";
	background-color: #000000;
	text-align:center;
	/font-size:80%;
}
body,x:-moz-any-link {
	font-size:80%;
	}

*{zoom:1;}
img { behavior: expression(IEPNGFIX.fix(this)); }

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

div.scrollable {
	position:relative;
	overflow:hidden;
	width: 720px;
	height:328px; /*300px*/
	margin-top: 10px; /*15px*/
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/

#contents {
	background-image: url(../img/room_bg.jpg);
	background-repeat: no-repeat;
	width: 800px;
	margin: 0px;
	height: 380px;
	*margin-top:-4px;
}
/*#contents,x:-moz-any-link {
	margin-top::-30px;
	}*/

#contents .menu {
	left: 0px;
	overflow: visible;
	position: absolute;
	z-index: auto;
	margin:300px auto 0 20px;
	z-index: 10;
	float: left;
	behavior: expression(IEPNGFIX.fix(this));
}

#thumbs {
	position:absolute;
	width:20000em;
	z-index: 0;
	clear:both;
	/*border:1px solid #222;*/
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
	float:left;
	width:720px;
	height:328px; /*300px*/
	padding:10px 20px;
	margin:0;
	color:#fff;
	text-align:left;
	/*border-left:1px solid #333;*/
	cursor:pointer;
}

#thumbs div#book {
	height:378px; 
	margin:0 0 0 0; 
	background:url(../img/book_bg.png) no-repeat center 50px;
	behavior: expression(IEPNGFIX.fix(this));
	color:#000000;
	}
	
/* style when mouse is over the item */
#thumbs div.hover {
	/*background-color:#444;*/
	background:url(../img/bg_contents.png) repeat-x 0 0;	
	behavior: expression(IEPNGFIX.fix(this));
}

/* style when element is active (clicked) */
/*#thumbs div.active {
	background-color:#33FF00;
	cursor:default;
}*/

#thumbs h3, #thumbs p, #thumbs span, #thumbs .box_l{
	font-family:"Hiragino Mincho Pro W3", "Hiragino Mincho Pro W6", "MS Mincho", "MS PMincho", "Meiryo";
	font-size:1em;
	line-height:1.6em;
	color:#fff;	
}

#thumbs h3 {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: 20px;
	background:url(../img/title_bg_500.png) no-repeat;
	width: 500px;
	height: 30px;
	padding:10px 0px 6px;
	margin:0px auto 10px;
	behavior: expression(IEPNGFIX.fix(this));
	text-align: center;
	
}

#thumbs .img_l {
	width:250px;
	height:200px;
	padding:10px 0px 10px 0px;
	float:left;
	
}
#thumbs .img_l_200 {
	width:210px;
	padding:10px 0px 10px 0px;
	float:left;
}
#thumbs .box_l {
	width:430px;
	height:200px;
	padding:0px;
	float:left;
}
	
#thumbs ul {
  margin: 0 0 0 1em; /* 左マージンのみ1em */
  padding: 0;  /* 左パディングを含め、すべて0 */
}
#thumbs ul li {
  list-style-type: none;  
  background: url("../img/list.png") no-repeat left top;
  _background: url("../img/list.gif") no-repeat left top; 
  padding-left: 18px; /* マーカー画像の表示スペースを確保 */
  padding-bottom:5px;
}

/*INTERVIE*/
#thumbs div#book ol{
	width:300px;
	margin:30px auto 10px; *margin-top:20px;
	text-align:left;
	font-weight:bold;
	display:inline-block;
	list-style:none;
	}
#thumbs div#book p{
	width:530px;
	margin:10px auto 0;
	color:#000000;
	font-size:90%;
	line-height:1.4em;
	text-align:left;
	}
#thumbs div#book ol a {color:#CC0000; }
#thumbs div#book ol a:hover {color:#ff0000;}
#thumbs div#book p strong{ color:#000000; }
#thumbs div#book p.notice{
	font-size:80%;
	text-align:right;
	}

#interview{ 
	width:768px; 
	height:518px; 
	margin: 0;
	padding:0;
	background:url(../img/interview_bg.png) no-repeat left top; 
	behavior: expression(IEPNGFIX.fix(this));
	overflow:hidden; 
	text-align:left;
} 
#interview div#contents{ 
	width:600px;
	height:400px;
	margin:15px 84px;
	background:none;
	display:inline-block;
}
#interview div#contents h2{ 
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: 20px;
	background:url(../img/title_bg_500.png) no-repeat;
	width: 500px;
	height: 30px;
	padding:10px 0px 6px;
	margin:0px auto 5px;
	behavior: expression(IEPNGFIX.fix(this));
	text-align: center;
}
#interview div#contents div#text{margin: 0; width:600px; height: 370px; overflow: auto;display:inline-block; }
#interview div#contents div#text dl { font-size: 1.2em; line-height: 1.4; }
#interview div#contents div#text dl dt{ width :3em; margin:0; font-weight:bold; }
#interview div#contents div#text dl dd{ margin:-1.4em 0 1em 3em; clear: both;}


ul#bookMark {
	width:768px;
	height:50px;
	list-style:none;
	background:url(../img/interview_back_bg.png) no-repeat left top;
	margin:0;
	text-indent:-9999px;
	text-align:left;
	behavior: expression(IEPNGFIX.fix(this));
}
ul#bookMark li a{
	display:block;
	width:130px;
	height:50px;
	margin:0 0 0 70px;
	background:url(../img/interview_back_n.png) no-repeat left top;
	text-align:left;
	behavior: expression(IEPNGFIX.fix(this));
}
ul#bookMark li a:hover {
	margin:0 0 0 70px;
	background:url(../img/interview_back_o.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
}


#header { margin:0px }
#menu {
	margin:10px auto; 
	text-align: center;
}
#menu a {
	color:#000000;
	text-decoration: none;
}
#menu a:hover {
	color:#33FF00;
	text-decoration: none;
}

#spec {	
	margin:15px auto; 
	text-align: center;
	}
#footer {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W6";
	font-size: 10px;
	line-height: 16px;
	color: #999999;
	text-align: center;
}
.extra {behavior: expression(IEPNGFIX.fix(this)); }
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

a, a:visited  { 
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	color:#33FF00;
	text-decoration:none;
	}