@charset "utf-8";

/* ========== for INDEX ========== */

/* ===============================================
1:Layout
2:Rail Navi
3:Rail Info
4:Em News
5:Top-Left
6:Top-Right

99:Clearfix and For Print(IE)
=============================================== */

/* === 1.Layout === */

body#site-index #header #header-box {
	padding: 0;
}
body#site-index #header #header-box #header-flash {
	height:80px;
	padding:0;
}
body#site-index #header #header-box #header-flash .header-no-flash{
	padding: 0 0 8px 10px;
}
body#site-index #main {
	width: 980px;
	margin: 0;
	padding: 0;
}
body#site-index .column-on #contents {
	width: 750px;
}
body#site-index #sub-nav div.mobile-box,
body#site-index #sub-nav div.pass-box{
	margin-top: 10px;
}
body#site-index #top-container {
	width: 730px;
	margin: 10px 0 0;
}
body#site-index #top-left {
	float: left;
	width: 273px;
	padding: 10px 0 0;
}
body#site-index #top-right {
	float: right;
	width: 427px;
}

/* === 2.Rail Navi === */
body#site-index ul.rail-nav {
	margin: 1px 0 0;
}
body#site-index ul.rail-nav li {
	float: left;
}
/* === 3.Rail Info === */
body#site-index div.rail-info {
	position: relative;
	width: 715px;
	margin: 5px 0 0 15px;
}
body#site-index div.rail-info dl {
	background: url(/images/index_bg001.gif) no-repeat bottom right;
	width:100%;
}
body#site-index div.rail-info dt {
	float: left;
	width: 88px;
}
body#site-index div.rail-info dd {
	float: right;
	width: 620px;
	margin: 3px 0 6px;
}
body#site-index div.rail-info dd.first {
	width: 480px;
	padding: 0 130px 0 0;
}
* html body#site-index div.rail-info dd.first {
	width: 620px;
}
body#site-index div.rail-info p#go-delay {
	position:absolute;
	top: 3px;
	right: 0;
	width: 125px;
}
/* === 4.Em News === */
body#site-index div.em-news {
	width: 715px;
	margin: 15px 0 0 15px;
	background: url(/images/index_bg002.gif) no-repeat top left;
}
body#site-index div.em-news dl {
	width: 715px;
	padding: 5px 0;
	background: url(/images/index_bg003.gif) repeat-x bottom left;
}
body#site-index div.em-news dl dt {
	float: left;
	width: 132px;
	padding: 0 10px;
}
body#site-index div.em-news dl dd {
	float: right;
	width: 558px;
	padding: 0 0 3px;
}

/* === 5.Top-Left === */
body#site-index #top-left p {
	padding: 8px 5px 0 12px;
}
body#site-index #top-left dl {
	padding: 8px 5px 0 12px;
}
body#site-index #top-left dd {
	padding-bottom: 3px;
}

body#site-index #top-left .left-info {
	padding-bottom: 24px;
}

/* === 6.Top-Right === */
body#site-index #top-right div.right-topic dl.type-long,
body#site-index #top-right div.right-topic div.topic-container {
	width: 418px;
	margin: 0 0 0 9px;
}
body#site-index #top-right div.right-topic dl.type-short {
	width: 203px;
}
body#site-index #top-right div.right-topic dl.type-left {
	float: left;
}
body#site-index #top-right div.right-topic dl.type-right {
	float: right;
}
body#site-index #top-right div.right-topic dt {
	margin: 10px 0 0;
	padding: 0 0 1px;
	font-weight: bold;
	letter-spacing:-0.06em;
}
body#site-index #top-right div.right-topic p.photo {
	width: 80px;
	float: left;
	margin-right: 5px;
}
body#site-index #top-right div.right-topic dl.type-long div.topic-txt {
	width: 325px;
	float: right;
}
body#site-index #top-right div.right-topic dl.type-short div.topic-txt {
	width: 110px;
	float: right;
}
body#site-index #top-right div.right-magazine {
	margin: 25px 0 0;
}
body#site-index #top-right div.magazine-box {
	width: 418px;
	margin: 15px 0 0 9px;
}
body#site-index #top-right div.magazine-box p.magazine-photo {
	float: left;
	width: 215px;
}
body#site-index #top-right div.magazine-box div.magazine-txt {
	float: right;
	width: 193px;
}
body#site-index #top-right div.magazine-box p.button-line {
	margin-top: 12px;
}


body#site-index #top-flash {
	display:block;
	height: 275px;
}

body#site-index #top-container p.top-bn {
	padding: 0 27px 20px 23px;
}

.mb10 {
	margin-bottom: 10px;
}


/* === 99.Clearfix and For Print(IE) === */
body#site-index #top-container:after,
body#site-index ul.rail-nav:after,
body#site-index div.rail-info dl:after,
body#site-index div.em-news dl:after,
body#site-index #top-right div.magazine-box:after,
body#site-index #top-right div.right-topic dd.topic-body:after,
body#site-index #top-right div.right-topic div.topic-container:after,
body#site-index #header #header-box #header-flash:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	font-size:1px;
	visibility: hidden;
}
body#site-index #top-container,
body#site-index ul.rail-nav,
body#site-index div.rail-info dl,
body#site-index div.em-news dl,
body#site-index #top-right div.magazine-box,
body#site-index #top-right div.right-topic dd.topic-body,
body#site-index #top-right div.right-topic div.topic-container,
body#site-index #header #header-box #header-flash {
	display: inline-block;
}

@media print {
 #sub-nav {
	margin-left: -1px;
 }
}