@charset "utf-8";
/* Y-GSA index.css */

div#visualSection {
	float: left;	
	width: 481px;
	height: 247px;
}
div#newsSection {
	float: right;
	width: 287px;
}
div#headlineSection {
	clear: both;
	width: 768px;
}
ul.topic {
	border-bottom: #999999 solid 1px;
	height: 27px;
}
ul.topic li {
	float: left;
}
ul.topic li h2 {
	float: left;	
	text-indent: -100em;
	overflow: hidden;
	padding: 0 5px 0 0;
	height: 27px;	
}
h2#h2_news {
	background: transparent url(/images/index/h2_news.gif) no-repeat 0 7px;
	width:47px;
}
h2#h2_headline {
	background: transparent url(/images/index/h2_headline.gif) no-repeat 0 7px;
	width:51px;
}
li.rssBtn {
	border-left: #000000 dotted 1px;	
}
li.listBtn,
li.rssBtn {	
	float: left;	
	width: 38px;
	padding: 0 14px;
	height: 27px;
}
li.listBtn,
li.listBtn a {
	height: 27px;
}
li.rssBtn a img {
	display: block;
}
li.rssBtn {
    overflow: hidden;
    position: relative;
    top: 7px;
    width:38px;
    height:13px;
}
li.rssBtn a {
    overflow: hidden;
    display:block;
    position: relative;
    width:38px;
    height:13px;
}
li.rssBtn a:hover img {
    margin-left:-39px;
}
li.listBtn a {
	position: absolute;
	text-indent: -100em;
	overflow: hidden;
}
li.listBtn a {
	width: 38px;
	background: transparent url(/images/index/btn_list.gif) no-repeat 0 7px;	
}
li.listBtn a:hover {
	background: transparent url(/images/index/btn_list.gif) no-repeat 0 -42px;	
}
ul.newsList,
ul.newsList li {
	width: 287px;
	list-style: none;
	margin: 0;	
	padding: 0;
}
ul.newsList li {
    overflow: hidden;
    display: block;
    position: relative;
	height: 36px;
	border-top: 7px solid #fff;
}
ul.newsList li a {
    overflow: hidden;
    display: block;
	position: relative;
	width: 273px;
	height: 36px;
	padding: 0 0 0 14px;
	background: #fcf7ee url(/images/index/arrow_list.gif) no-repeat 4px 23px;	
	border-left: 0;
}
ul.newsList li a span.date {
    display: block;
	color: #666666;
	font-size: 10px;
	padding: 6px 0 3px 0;
	line-height: 1;
}
ul.newsList li a span.sentence {
    display: block;
	color: #000000;
	font-weight: 800;
	font-size: 12px;
	line-height: 1;
}
ul.newsList li a:hover {
	background: #e5e0d8 url(/images/index/arrow_h_list.gif) no-repeat 4px 23px;
	text-decoration: none;	
}
p#prevArrow,
p#nextArrow {
	position: relative;
	width: 27px;	
	height: 189px;
	padding: 22px 0;
}
p#prevArrow.hidden,
p#nextArrow.hidden {
    visibility: hidden;
}

p#prevArrow {
	float: left;
	background: transparent url(/images/index/arrow_prev.gif) no-repeat 4px 108px;
}
p#nextArrow {
	float: right;	
	background: transparent url(/images/index/arrow_next.gif) no-repeat 17px 108px;
	margin-top: -233px;
}
p#prevArrow a,
p#nextArrow a {
	position: absolute;
	width: 27px;	
	height: 189px;
	text-indent: -100em;
	overflow: hidden;
}

div#headline-container{
	padding: 0;
}

ul#headline {	
	float: left;	
}
ul#headline li {
	float: left;
	width: 122px;
	height: 225px;
	padding: 9px;
}

ul#headline li.item-hover {
    background: #cccccc;
    cursor: pointer;
}
ul#headline li h3 {
	height: 14px;	
}
ul#headline li h3 a {
	position: absolute;
	width: 14px;	
	height: 122px;
	text-indent: -100em;
	overflow: hidden;
}
h3.topics {
	background: transparent url(/images/index/h3_topics.gif) no-repeat 0 0;
}
h3.yamamoto {
	background: transparent url(/images/index/h3_yamamoto.gif) no-repeat 0 0;
}
h3.kitayama {
	background: transparent url(/images/index/h3_kitayama.gif) no-repeat 0 0;
}
h3.iida {
	background: transparent url(/images/index/h3_iida.gif) no-repeat 0 0;
}
h3.kojima {
	background: transparent url(/images/index/h3_kojima.gif) no-repeat 0 0;
}
h3.nishizawa {
	background: transparent url(/images/index/h3_nishizawa.gif) no-repeat 0 0;
}
ul#headline li p {
	font-size: 7.5pt;
	line-height: 12pt;
	color: #989898;
}
ul#headline li p.date {	
	padding: 6px 0 0 0;
	line-height: 10.5pt;
	color: #666666;
}
ul#headline li p.title {
	width: 122px;
	height: 30px;
	padding: 0 0 12px 0;
}
ul#headline li p.title a {
	font-size: 9pt;
	line-height: 13.5pt;
	font-weight: 800;	
	color: #000;	
}
ul#headline li p .item-img {
    display: block;
    overflow: hidden;
    width: 122px;
    height: 97px;
    margin: 0 0 2px 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 0 50%;
}