@charset "utf-8";

/* ///////////////////////////////////////////////////////////////////

[heading]
[unitHomeMain]
[unitSpecial]
[blockSecondaly]
[unitThirdly]

-- FontSize --
  BASE:  75% (12px)

 SMALL:  83% (10px)
 LARGE: 150% (18px)

/////////////////////////////////////////////////////////////////// */

#container {
	position: relative;
	z-index: 3;
}

/* =========================================================
■heading
========================================================= */
/* h2
----------------------------------------------- */
body div#main h2 {
	margin: 0 0 10px;
	padding-left: 0;
	background: none;
}

body div#main h2 a {
	margin: 0;
	padding-left: 0;
	background: none;
}


/* h3
----------------------------------------------- */
body div#main h3 {
	margin: 0 0 10px;
}



/* =========================================================
■unitHomeMain
========================================================= */
div#unitHomeMain {
	width: 100%;
	margin: 0 auto 20px;
	text-align: center;
}



/* =========================================================
■unitSpecial
========================================================= */
div#main div#unitSpecial {
	position: relative;
	margin: 0 0 20px;
	background: url(/img/home/box_rdt_top_01.png) no-repeat 0 0;
}

div#main div#unitSpecial div#innerUnitSpecial {
	padding: 0 10px 10px;
	background: url(/img/home/box_rdt_bottom_01.png) no-repeat 0 100%;
}

div#main div#unitSpecial div#innerUnitSpecial h2 {
	position: absolute;
	top: 0px;
	right: 10px;
	margin: 0;
}

div#main div#unitSpecial div#innerUnitSpecial p {
	margin: 0;
}



/* =========================================================
■blockSecondaly
========================================================= */
div#main div#blockSecondaly {
	width: 710px;
	margin: 0 auto;
	padding: 10px 0 0;
	background: url(/img/home/box_rdt_top_02.png) no-repeat 0 0;
}

div#main div#blockSecondaly div#innerBlockSecondaly {
	margin: 0 0 20px;
	padding: 0 0 10px;
	background: url(/img/home/box_rdt_bottom_02.png) no-repeat 0 100%;
}


/* unitRecommends
--------------------------------------------------------- */
div#main div#blockSecondaly div#unitRecommends {
	display: inline;
	float: left;
	width: 350px;
}

div#main div#blockSecondaly div#unitRecommends h2 {
	margin: 0 10px 10px;
}

div#main div#blockSecondaly div#unitRecommends p {
	margin: 10px 10px 15px;
}

div#main div#blockSecondaly div#unitRecommends p.txt {
	margin: 15px 20px;
}

div#main div#blockSecondaly div#unitRecommends ul {
	margin: 0 20px 10px;
	font-size: 116%;
}

div#main div#blockSecondaly div#unitRecommends ul li {
	margin: 0 0 10px;
}



/* unitWorks
--------------------------------------------------------- */
div#main div#blockSecondaly div#unitWorks {
	display: inline;
	float: right;
	width: 350px;
}

div#main div#blockSecondaly div#unitWorks h2 {
	margin: 0 10px 10px;
}

div#main div#blockSecondaly div#unitWorks ul.pics {
	margin: 0 0 15px 10px;
}

div#main div#blockSecondaly div#unitWorks ul.pics li {
	display: inline;
	float: left;
	width: 160px;
	margin: 0 10px 0 0;
}

div#main div#blockSecondaly div#unitWorks h3 {
	margin: 0 20px 5px;
	font-weight: bold;
	font-size: 116%;
}

div#main div#blockSecondaly div#unitWorks h3 span {
	padding-left: 20px;
	background: url(/shared/img/ico_link_01.gif) no-repeat 100% 48%;
	zoom: 1;
}

div#main div#blockSecondaly div#unitWorks p {
	margin: 0 20px 5px;
}

div#main div#blockSecondaly div#unitWorks p.date {
	color: #000000;
	font-weight: bold;
	text-align: right;
}

div#main div#blockSecondaly div#unitWorks dl#listLinkCategory {
	margin: 0 20px;
}

div#main div#blockSecondaly div#unitWorks dl#listLinkCategory dt {
	float: left;
	width: 50px;
	font-size: 1px;
	line-height: 1;
}

div#main div#blockSecondaly div#unitWorks dl#listLinkCategory dd {
	overflow: hidden;
	width: 250px;
}

div#main div#blockSecondaly div#unitWorks dl#listLinkCategory dd ul {
	margin: 0 0 0 -11px;
}

div#main div#blockSecondaly div#unitWorks dl#listLinkCategory dd ul li {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	padding-left: 11px;
	background: url(/shared/img/ico_dash_01.gif) no-repeat 0 3px;
	font-weight: bold;
	font-size: 83%;
}



/* =========================================================
■unitThirdly
========================================================= */
div#main div#unitThirdly {
	background: url(/img/home/box_rdt_top_01.png) no-repeat 0 0;
}

div#main div#unitThirdly div#innerUnitThirdly {
	padding: 10px 10px 5px;
	*padding: 10px; /* for IE6,7 */
	background: url(/img/home/box_rdt_bottom_01.png) no-repeat 0 100%;
}

div#main div#unitThirdly div#innerUnitThirdly ul {
	width: 708px;
	margin: 0 -10px 0 0;
}

div#main div#unitThirdly div#innerUnitThirdly ul li {
	display: inline;
	float: left;
	width: 226px;
	margin: 0 6px 5px 0;
}


/* =========================================================
■addision
========================================================= */
div#main div#blockSecondaly div#innerBlockSecondaly ul.otherLink {
font-size:100%;
margin:5px 20px;
}

div#main div#blockSecondaly div#innerBlockSecondaly ul.otherLink li{
font-size:100%;
padding:0 0 0 12px;
background: url(/shared/img/ico_list_01.png) no-repeat 0 7px;
font-weight: bold;
}


#topic {
	position: absolute;
	top: 95px;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 280px;
}

#topic li {
	display: block;
	float: left;
	margin: 0 20px 0 0;
}

#topic-navigation {
	position: relative;
	*z-index: 100;
	width: 980px;
	height: 280px;
	margin: 0 auto 20px;
}

#topic-navigation li {
/*	display: block;*/
	position: absolute;
	z-index: 100;
	top: 125px;
	cursor: pointer;
}

#topic-navigation li.prev {
	right: 0;
}

#topic-navigation li.next {
	left: 0;
}

#topic-background {
	position: absolute;
	z-index: 1;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

#topic-background-overlay {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #A5DA72;
	opacity: 0.65;
}