@charset "utf-8";

/*-------------------------------------------------------

headline css

---------------------------------------------------------*/

/* mini reset */
#headline p,
#headline h1,
#headline a,
#headline img{
	padding:0;
	margin:0;
	line-height:normal;
	border:0;
	vertical-align:bottom;
}

/**** clearfix ****/
#headline:after,
.group:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#headline,
.group { min-height:1px; }

* html #headline,
* html .group {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* headline wrap */
#headline {
	border:1px solid #FFF;
	background:url(../image/box_bg.jpg) bottom repeat-x #fff;
	padding:10px;
	margin:8px;
}

/* main-area */
#headline #main-area {
	width:410px;
	height:412px;
	float:left;
	position:relative;
}
#headline #main-area p.lead {
	display:block;
	width:231px;
	height:33px;
	background:url(../image/ja_lead.png);
	text-indent:-9999px;
	position:absolute;
	z-index:10;
	top:20px;
	left:0;
}
#headline.eng #main-area p.lead { background:url(../image/en_lead.png); }
#headline #main-area h1 {
	display:block;
	width:348px;
	height:70px;
	text-indent:-9999px;
	position:absolute;
	bottom:20px;
	left:20px;
	z-index:10;
	background:url(../image/ja_title.png);
}
#headline #main-area #slides {
	width:410px;
	height:412px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

/* sub-area */
#headline #sub-area {
	width:282px;
	float:right;
	background:url(../image/line_y.gif) repeat-y left;
}
#headline #sub-area .box {
	background-color:#FFF;
	border:1px solid #CCC;
	padding:3px;
	text-align:center;
}
#headline #sub-area #east-btn {
	padding-bottom:9px;
	margin-bottom:9px;
	margin-left:10px;
	background:url(../image/line_x.gif) bottom repeat-x;
}
#headline #sub-area #youtube {
	margin-left:10px;
}
#headline #sub-area #youtube .box {
	padding-bottom:26px;
	background:url(../image/ja_youtube_title.gif) no-repeat center bottom #fff;
}
#headline.eng #sub-area #youtube .box { background:url(../image/en_youtube_title.gif) no-repeat center bottom #fff; }