@import url("reset.css");
@import url("base.css");
@import url("font.css");



/* contents.css */
/*--------------------------------------*/

#contentsArea {
	width:830px;
	margin:0 35px;
	text-align:left;
	}

#contentsArea h3 {
	margin:0 0 10px;
	padding:0 0 0 58px;
	font-size:16px;
	line-height:34px;
	color:#FFFFFF;
	}

#contentsArea h5 {
	position:relative;
	background:url("../images/h5_line_bg.gif") no-repeat bottom;
	font-size:16px;
	margin:0 0 10px;
	padding:0 10px 3px;
	}

#contentsArea h5 .notice {
	position:absolute;
	right:10px;
	bottom:5px;
	font-size:10px;
	}



/* intro box */
/*--------------------------------------*/

.introBox {
	position:relative;
	width:780px;
	height:344px;
	margin:0 0 30px;
	padding:30px 30px 0 20px;
	}

#contentsArea .introBox h4 {
	margin:0 0 10px;
	font-size:20px;
	font-weight:bold;
	}

#contentsArea .introBox h4 span {
	font-size:14px;
	}

.introBox .txt {
	float:right;
	width:560px;
	font-size:14px;
	line-height:1.8;
	}
.introBox .txt03 {
	margin: 0 0 50px;
	font-size:14px;
	line-height:1.8;
	}
.introBox .img {
	float:left;
	width:210px;
	margin:0 10px 0 0;
	}
.introBox .img02 {
	float:left;
	width:178px;
	margin:0 10px 0 0;
	}
.introBox .imgLast {
	float:left;
	width:178px;
	margin:0 0 0 0;
	}

.introBox .img img {
	margin:0 0 10px;
	}

/* clearfix */
/*--------------------------------------*/
.introBox:after {
	clear:both;
	display:block;
	visibility:hidden;
	content:" ";
	height:0;
	font-size:0;
	}

/* IE6 */
* html .introBox {
	zoom:1;
	}

/* IE7 */
*:first-child+html .introBox {
	zoom:1;
	}
/*--------------------------------------*/

/* icon */
ul.icon {
	clear:both;
	position:absolute;
	top:25px;
	right:30px;
	}

ul.icon li {
	display:inline;
	margin:0 0 0 5px;
	}

/* link */
ul.link {
	clear:both;
	position:absolute;
	bottom:30px;
	right:30px;
	}

ul.link li {
	margin:0;
	padding:0;
	text-align:left;
	font-size:10px;
	}

ul.link li a {
	display:block;
	width:157px;
	height:16px;
	margin:0;
	padding:10px 0 7px 3px;
	}

* html ul.link li {
	font-size:84%;
	}

ul.link li a:link    {color:#666666; text-decoration:none;}
ul.link li a:visited {color:#666666; text-decoration:none;}
ul.link li a:hover   {color:#FF0000; text-decoration:none;}
ul.link li a:active  {color:#FF0000; text-decoration:none;}



/* contents model box */
/*--------------------------------------*/

ul.modelBox {
	width:808px;
	border:1px solid #CBCBCB;
	margin:0 5px 10px;
	padding:5px;
	}

ul.modelBox li {
	display:inline;
	margin:0 1em 0 0;
	white-space:nowrap;
	font-size:10px;
	zoom:1;
	}



/* history */
/*--------------------------------------*/

/* history icon example */
ul.example {
	text-align:right;
	margin:0 0 10px;
	padding:0 10px 0 0;
	}

ul.example li {
	display:inline;
	font-size:10px;
	margin:0 0 0 1em;
	}

ul.example li img {
	vertical-align:middle;
	}


/* history timetable */
/*--------------------------------------*/

.history {
	margin:0 0 30px 5px;
	}

.history ul li {
	position:absolute;
	height:35px;
	font-size:10px;
	line-height:1.2;
	}

.history ul li.b_a {
	height:30px;
	background:url("../images/balloon_a.gif") no-repeat;
	padding:2px 3px 0;
	font-weight:bold;
	color:#FFFFFF;
	}

.history ul li.b_n {
	height:30px;
	background:url("../images/balloon_n.gif") no-repeat;
	padding:2px 3px 0;
	font-weight:bold;
	color:#FFFFFF;
	}

.history ul li.c_a {
	background:url("../images/icon_circle_a.gif") no-repeat;
	padding:4px 0 0 30px;
	}

.history ul li.c_n {
	background:url("../images/icon_circle_n.gif") no-repeat;
	padding:4px 0 0 30px;
	}

.history ul li.s_a {
	background:url("../images/icon_star_a.gif") no-repeat;
	padding:4px 0 0 35px;
	}

.history ul li.s_n {
	background:url("../images/icon_star_n.gif") no-repeat;
	padding:4px 0 0 35px;
	}



/* info button */
/*--------------------------------------*/

ul.info_btn {
	margin:0 0 40px 35px;
	}

ul.info_btn li {
	display:inline;
	}

ul.info_btn li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}


/* back button */
/*--------------------------------------*/

.back_btn {
	margin:0 auto 40px;
	text-align:center;
	}

.back_btn a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}


/* linktop */
/*--------------------------------------*/
.linktop {
	margin-bottom:40px;
	text-align:right;
}

.linktop02 {
	margin-bottom:8px;
	text-align:right;
}

.linktop a,
.linktop02 a {
	padding-right:12px;
	font-size:11px;
	background:url(../images/linktop.gif) no-repeat right center;
}

.lt_cont {
	margin-top:-35px;
}

.linktop_nt {
	margin-top:-20px;
}

/* kayBox */
/*--------------------------------------*/

.kayBox {
  	margin: 0 0 30px;
  	border: 1px solid #999;
  	padding: 10px 0 10px 10px;
	font-size: 12px;
}

#contentsArea .kayBox p{
	padding: 0 5px 0 0;
}

#contentsArea .kayBox .r_note{
	color: #FF0000;
}