@charset "utf-8";

/* TOP.CSS  */


/*--------------------------------------
*	
*	TITLE&PROMO
*	STRUCTURE
*
*	02.TOPICS
*	03.TOP_SIDE
*
*--------------------------------------*/


/**-------------------------------------
	00.TITLE&PROMO
---------------------------------------**/

body
{
	background: url(../common/images/title/top_bg.jpg) top center repeat-x;
}

div#headerContainer,
div#header
{
	height: 240px;
}

div#header p#logo
{
	position: absolute;
	top: 70px;
	left: 10px;
}



/**-------------------------------------
	00.STRUCTURE
---------------------------------------**/

div#topicsCont
{
	margin: 0;
	padding: 0;
	float: left;
	width: 620px;
}

div#topSideCont
{
	float: left;
	width: 280px;
}


/**-------------------------------------
	01.TOPICS
---------------------------------------**/

#topicsCont h3
{
	position: relative;
	clear: left;
	margin: 0 0 15px;
}

#topicsCont h3.second
{
	position: relative;
	clear: left;
	margin: 30px 0 15px;
}

#topicsCont h3 span.topicsArchivesLink
{
	position: absolute;
	top: 10px;
	left: 500px;
}

/*- topicsBox -*/

#topicsCont div.topicsBox01,
#topicsCont div.topicsBox02
{
	margin: 0;
	padding: 0 0 30px 10px;
	width: 550px;
	background: url(../images/topics_line.gif) bottom center no-repeat;
}

#topicsCont div.topicsBox02
{
	position: relative;
}

#topicsCont div.topicsBox01 p.topicsGroup
{
	float: left;
	margin: 0;
	padding: 5px 0 0;
	width: 95px;
}

#topicsCont div.topicsBox01 div.topicsMain
{
	float: left;
	margin: 0;
	padding: 0;
	width: 455px;
	font-size: 100%;
}

#topicsCont div.topicsBox02 p.topicsGroup
{
	position: absolute;
	left: 10px;
	top: 0;
	margin: 0;
	padding: 5px 0 0;
	width: 95px;
}

#topicsCont div.topicsBox02 div.topicsMain
{
	margin: 0 0 0 95px;
	padding: 0;
	width: 455px;
	font-size: 100%;
}

#topicsCont div.topicsBox01 div.topicsMain h5,
#topicsCont div.topicsBox02 div.topicsMain h5
{
	margin: 3px 0 6px;
	font-size: 100%;
}

#topicsCont div.topicsBox01 div.topicsMain h5
{
	font-weight: bold;
}

#topicsCont div.topicsBox02 div.topicsMain h5
{
	text-decoration: underline;
	cursor: pointer;
}

#topicsCont div.topicsBox01 div.topicsMain p,
#topicsCont div.topicsBox02 div.topicsMain p
{
	margin: 3px 0 6px;
	font-size: 92%;
}

#topicsCont div.topicsBox01 div.topicsMain div.topicsText,
#topicsCont div.topicsBox02 div.topicsMain div.topicsText
{
	margin: 0;
}

#topicsCont div.topicsBox01 div.topicsMain div.topicsText p,
#topicsCont div.topicsBox02 div.topicsMain div.topicsText p
{
	margin: 0;
}

#topicsCont div.topicsBox01 div.topicsMain div.nodisp,
#topicsCont div.topicsBox02 div.topicsMain div.nodisp
{
	display: none;
}

#topicsCont div.topicsBox01 div.topicsMain p.topicsInfo,
#topicsCont div.topicsBox02 div.topicsMain p.topicsInfo
{
	margin: 3px 0 0;
	padding: 0;
	font-size: 77%;
	color: #6F5E52;
}

#topicsCont div.topicsBox01 div.topicsMain p.topicsInfo a,
#topicsCont div.topicsBox02 div.topicsMain p.topicsInfo a
{
	color: #666666;
}

#topicsCont div.topicsBox01 div.topicsMain p.topicsInfo span.topicsDate,
#topicsCont div.topicsBox02 div.topicsMain p.topicsInfo span.topicsDate
{
	font-family: "Trebuchet MS","Verdana";
}

#topicsCont div.topicsBox01 div.topicsMain div.topicsText p.topicsFileLink,
#topicsCont div.topicsBox02 div.topicsMain div.topicsText p.topicsFileLink
{
	margin: 6px 0 0;
	padding: 3px 0 0 22px;
	background: url(../common/images/parts/icon_file.jpg) top left no-repeat;
	height: 20px;
	overflow: hidden;
	vertical-align: middle;
	line-height: 1;
}

#topicsCont div.topicsBox01 div.topicsMain div.topicsText p.topicsPageLink,
#topicsCont div.topicsBox02 div.topicsMain div.topicsText p.topicsPageLink
{
	margin: 6px 0 0;
	padding: 3px 0 0 22px;
	background: url(../common/images/parts/icon_page02.jpg) top left no-repeat;
	height: 20px;
	overflow: hidden;
	vertical-align: middle;
	line-height: 1;
}

#topicsCont div.topicsBox01 div.topicsMain h5 a,
#topicsCont div.topicsBox02 div.topicsMain h5 a,
#topicsCont .topicsFileLink a,
#topicsCont div.topicsBox01 div.topicsMain div.topicsText p a,
#topicsCont div.topicsBox02 div.topicsMain div.topicsText p a
{
	color: #666666;
	text-decoration: underline;
}

#topicsCont div.topicsBox01 div.topicsMain h5 a:hover,
#topicsCont div.topicsBox02 div.topicsMain h5 a:hover,
#topicsCont .topicsFileLink a:hover,
#topicsCont div.topicsBox01 div.topicsMain div.topicsText p a:hover,
#topicsCont div.topicsBox02 div.topicsMain div.topicsText p a:hover
{
	color: #000000;
	text-decoration: underline;
}

/*bigTarget*/
#topicsBox ul li.btOver
{
	margin: 0;
	padding: 0;
	background: url(../images/index_topics_back.gif) no-repeat;
	background-color: #EBEBEB;
}


/**-------------------------------------
	02.TOP_SIDE
---------------------------------------**/

#topSideCont div.pickupBox01
{
	margin: 0 0 20px;
	padding: 0 0 10px;
	background: url(../images/pickup_box_01_bg.jpg) bottom left no-repeat;
}

#topSideCont div.pickupBox02
{
	margin: 0 0 20px;
	padding: 0 0 10px;
	background: url(../images/pickup_box_02_bg.jpg) bottom left no-repeat;
}

#topSideCont div.pickupBox04
{
	margin: 0 0 20px;
	padding: 0 0 10px;
	background: url(../images/pickup_box_04_bg.jpg) bottom left no-repeat;
}

#topSideCont div.pickupBox01 p,
#topSideCont div.pickupBox02 p,
#topSideCont div.pickupBox04 p
{
	padding: 0 0 10px 20px;
	width: 240px;
	font-size: 92%;
	line-height: 1.3;
}

#topSideCont div.linksBox
{
	margin: 10px 0 20px;
	padding: 0 0 20px;
	background: url(../images/pickup_box_03_bg.jpg) bottom left no-repeat;
}

#topSideCont div.linksBox p
{
	margin: 0;
	padding: 0 0 0 30px;
	width: 220px;
	font-size: 77%;
	line-height: 1.0;
}

#topSideCont div.linksBox p.linksBnr
{
	padding: 10px 0 3px 20px;
}

#topSideCont div.linksBox ul
{
	margin: 10px 0 0;
	padding: 30px 0 0 20px;
	background: url(../images/links_line.gif) top center no-repeat;
}

#topSideCont div.linksBox ul li
{
	margin: 0;
	padding: 0 0 5px 20px;
	background: url(../images/links_pin.gif) top left no-repeat;
	font-size: 92%;
}