@charset "utf-8";

/* Table Of Contents
----------------------------------------

# visual
# content
# sidebar

----------------------------------------*/


/* # visual
---------------------------------------------------------------------------- */

div#visual .debugTxt {
	color: #666;
	font-size: 80px;
	left: 300px;
	position: absolute;
	top: 80px;
}

div#visual {
	background: url(../images/bg_visual.gif) no-repeat center top;
	clear: both;
	height: 468px;
	margin: 0 auto 6px;
	overflow: hidden;
	padding: 14px;
	width: 860px;
}

div#visual ul#visualMain {
	visibility: hidden;
}

div#visual div#visualMainArea,
div#visual ul#visualMain {
	height: 395px;
	overflow: hidden;
	position: relative;
	width: 860px;
}

/* for debug */
div#visual ul#visualMain li a img {
	visibility: hidden;
}

div#visual ul#visualNav {
	display: none;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 215px;
}

* html div#visual ul#visualNav li {
	width: 215px;
}

div#visual ul#visualNav a {
	background: url(../images/bg_visual_nav.png) no-repeat 0 0;
	display: block;
	height: 98px;
	overflow: hidden;
	text-indent: -9999px;
	width: 215px;
}

div#visual ul#visualNav li#visualNav01 a {
	background-position: 0 0;
	height: 99px;
}

div#visual ul#visualNav li#visualNav02 a {
	background-position: 0 -99px;
}

div#visual ul#visualNav li#visualNav03 a {
	background-position: 0 -197px;
}

div#visual ul#visualNav li#visualNav04 a {
	background-position: 0 -295px;
	height: 100px;
}

div#visual ul#visualNav li#visualNav01 a:hover { background-position: -215px 0; }
div#visual ul#visualNav li#visualNav02 a:hover { background-position: -215px -99px; }
div#visual ul#visualNav li#visualNav03 a:hover { background-position: -215px -197px; }
div#visual ul#visualNav li#visualNav04 a:hover { background-position: -215px -295px; }

div#visual div#visualExtraArea {
	margin-top: 12px;
}

div#visual ul#visualExtraNav li {
	float: left;	
}


/* # content
---------------------------------------------------------------------------- */

div#content {
	float: left;
	min-height: 275px;
	width: 645px;
}

* html div#content {
	height: 275px;
}

div#content h2 {
}

div#content div#topInfo {

}

div#content div#topInfo div.header {
	position: relative;
}

div#content div#topInfo div.header p.headerMore {
	position: absolute;
	right: 20px;
	top: 10px;
}

div#content div#topInfo div.aContent01In {
	min-height: 252px
}

* html div#content div#topInfo div.aContent01In {
	height: 252px;
}

div#content div#topInfo table#topInfoTbl tbody th {
	background-color: #f4f4f4;
	border-bottom: 1px solid #fff;
	padding: 8px 17px;
	text-align: center;
	width: 86px;
}

div#content div#topInfo table#topInfoTbl tbody td {
	background-color: #fff;
	border-bottom: 1px dotted #ccc;
	padding: 8px 17px;
}

div#content div#topInfo table#topInfoTbl tbody tr.lastTR th,
div#content div#topInfo table#topInfoTbl tbody tr.lastTR td {
	border-bottom: none;
}

div#content div#topInfo table#topInfoTbl tbody td a {
	display: inline-block;
	*display: inline;
	vertical-align: baseline;
	*zoom: 1;
}

div#content div#topInfo table#topInfoTbl tbody td .ico {
	margin-left: 6px;
	vertical-align: middle;
}


/* # sidebar
---------------------------------------------------------------------------- */

div#sidebar div.sAContent {
	margin-top: 0;
}