@charset "utf-8";

/******************************************************************************

	top.css

***************************************************************************** */

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

h1{
	margin:0;
	padding:0;
}

h2{
	font-size: 113%;
}

/* ------------------------------------------------------------------------------

	manualArea

/* ------------------------------------------------------------------------------ */
#manualArea {
	padding:10px 0px 10px 0px;
	float:right;
}

#manualArea .manualBtn{
	font-family:inherit;
	color:#FFFFFF;
}

#manualArea .manualBtn{
	height:29px;
	padding:0px 10px 0px 35px;
	background:url(/contents/common/images2/static_images/ico_manual.png) no-repeat 7.0px,url(/contents/common/images2/static_images/bg_manualbtn_off.jpg) repeat-x;
	border-color:#8b4513;
	/* for IE*/
	position:relative;
	behavior: url("/contents/common/js/pie/PIE.htc");/* CSS3 PIE */
	 -pie-background:url(/contents/common/images2/static_images/ico_manual.png) no-repeat 7.0px,url(/contents/common/images2/static_images/bg_manualbtn_off.jpg) repeat-x;
}

#manualArea .manualBtn:hover{
	background:url(/contents/common/images2/static_images/ico_manual.png) no-repeat 7.0px,url(/contents/common/images2/static_images/bg_manualbtn_on.jpg) repeat-x;
	/* for IE*/
	position:relative;
	behavior: url("/contents/common/js/pie/PIE.htc");/* CSS3 PIE */
	 -pie-background:url(/contents/common/images2/static_images/ico_manual.png) no-repeat 7.0px,url(/contents/common/images2/static_images/bg_manualbtn_on.jpg) repeat-x;
}

/* ------------------------------------------------------------------------------

	contetnsArea

/* ------------------------------------------------------------------------------ */
#contentsWrap{
	padding:25px 25px 0;
	margin-bottom:1.5em;
}

#contentsWrap:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

#contentsWrap .boxArea{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:20px;
}

#contentsWrap .boxArea:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

/*- topEasysearch -*/
#contentsWrap #topEasysearch{
	clear:both;
	zoom:100%;
	margin-bottom:1em;
}

#contentsWrap #topEasysearch .boxArea{
	min-height:425px;
}

#contentsWrap #topEasysearch p{
	margin-bottom:1em;
}

/*- topCatalog -*/
#contentsWrap #topCatalog{
	clear:both;
	zoom:100%;
}

#contentsWrap #topCatalog h2{
	position: relative;
}

#contentsWrap #topCatalog p{
	position: absolute;
	top: 15px;
	left: 20px;
}

#contentsWrap #topCatalog .boxArea{
	background:#EAEAEA;
	padding:15px 20px;
	zoom:100%;
}

#contentsWrap #topCatalog .boxArea ul{
	zoom:100%;
}

#contentsWrap #topCatalog .boxArea ul li{
	list-style:none;
	clear:both;
}

#contentsWrap #topCatalog .boxArea ul li dt{
	float:left;
	width:55px;
	margin-bottom:0.2em;
}

#contentsWrap #topCatalog .boxArea ul li dd{
	float:right;
	width:395px;
	padding-top:0.2em;
	margin-bottom:0.2em;
}

/* -- -- */
#topEasysearch ul,
#topEasysearch li {
  margin:0;
  padding:0;
  list-style:none;
}


/* ------------------------------------------------------------------------------

	#image-navigation-text

/* ------------------------------------------------------------------------------ */
/* -- -- */
#contentsWrap #topEasysearch  #image-navigation-text{
	position:relative;
}

#topEasysearch #image-navigation-text .navi-image a.active{
	z-index:10;
}

#topEasysearch #image-navigation-text .navi-image a.last-active {
	z-index:9;
}

/* -- -- */
#topEasysearch #image-navigation-text .navi {
	float:left;
}

#topEasysearch #image-navigation-text .navi-image {
	float:right;
}

#topEasysearch #image-navigation-text p{
	float:left;
	width:115px;
  	background:url(/contents/common/images2/static_images/ico_dot.png) left 0.1em no-repeat;
	color:#001C78;
	padding:0 0 10px 25px;
	font-weight:bold;
}

#topEasysearch #image-navigation-text ul li a {
	margin-left:160px;/* change 140 to 160 */
	display:block;
	width:180px;/* change 200 to 180 */
	color:#333;
	/*height:25px;*/
	/*overflow:hidden;*/
	padding:2px 10px;
	background:url(/contents/common/images2/static_images/ico_arrow.gif) no-repeat 190px 0.5em;/* change 210px to 190px */
}


#topEasysearch #image-navigation-text a.active {
	color:#fff;
	background:url(/contents/common/images2/static_images/ico_arrow_on.gif) no-repeat 190px 0.5em #042275;/* change 210 to 190 */
}


#topEasysearch #image-navigation-text .navi-image a {
	position:absolute;
	top:0;
	right:0;
	z-index:8;
	display:block;
}


/* ------------------------------------------------------------------------------

	#starArea

/* ------------------------------------------------------------------------------ */
#starArea{
	clear:both;
	zoom:100%;
	background:url(/contents/common/images2/static_images/top_bg_stararea.jpg) repeat-x #EBEBEB;
}

#starArea .starbt{
	padding:0 0 0 25px;
	border-bottom:3px #E60012 solid;
	position: relative;
}

#starArea .starbt .favorite_title{
    width: 279px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: url(/contents/common/images2/static_images/top_btn_favorite.jpg) no-repeat;
}

#starArea > div.starbt p {
    color: white;
}

#starArea > div.news_slider > a.prev > img {
	margin-top: 50px;
}

#starArea > div.news_slider > a.next > img {
	margin-top: 50px;
}

/* -----  ----- */
