@charset "UTF-8";


/* top.css
------------------------------------------------------------
01: Explore Japan
02: This Week's Pick!
03: Manga
04: Cool, High-tech
05: Selected Previous Topics
06: Click on a Topic
------------------------------------------------------------*/


/* 01: Explore Japan
------------------------------------------------------------*/

#explore {
	position: relative;
	margin: 12px 0 0 11px;
	width: 759px;
	height: 163px;
	background: url(../../../images/explore_01.jpg) no-repeat;
}

#explore h2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 209px;
	height: 30px;
	text-indent: -9999px;
	background: url(../../../images/explore_title.gif) no-repeat;
}

#explore p#lead {
	position: absolute;
	left: 164px;
	top: 133px;
	font-weight: bold;
}

#explore li#map a {
	position: absolute;
	left: 0px;
	top: 39px;
	width: 120px;
	height: 37px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../../../images/explore_bn_2.jpg) no-repeat;
}

#explore li#map a:hover {
	background: url(../../../images/explore_bn_2_on.jpg) no-repeat;
}

#explore li#calender a {
	position: absolute;
	left: 0px;
	top: 79px;
	width: 120px;
	height: 37px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../../../images/explore_bn_3.jpg) no-repeat;
}

#explore li#calender a:hover {
	background: url(../../../images/explore_bn_3_on.jpg) no-repeat;
}

#explore li#basic a {
	position: absolute;
	left: 0px;
	top: 119px;
	width: 120px;
	height: 37px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../../../images/explore_bn_4.jpg) no-repeat;
}

#explore li#basic a:hover {
	background: url(../../../images/explore_bn_4_on.jpg) no-repeat;
}

#explore p#explore_bn a {
	position: absolute;
	left: 452px;
	top: 110px;
	width: 46px;
	height: 21px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../../../images/explore_bn_1.gif) no-repeat;
}

#explore p#explore_bn a:hover {
	background: url(../../../images/explore_bn_1.gif) no-repeat 0 -21px;
}

#ex_lang {
	height: 70px;
	position: absolute;
	left: 667px;
	top: 12px;
}

#ex_lang li {
	padding-left: 13px;
	background: url(../../images/icon_redflower.gif) no-repeat 0 1px;
	margin-bottom: 5px;
}

#ex_lang li a {
	height: 14px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

#ex_lang li#french a {
	width: 55px;
	background: url(../../../images/lang_01.gif) no-repeat;
}

#ex_lang li#french a:hover {
	background: url(../../../images/lang_01_on.gif) no-repeat;
}

#ex_lang li#german a {
	width: 55px;
	background: url(../../../images/lang_02.gif) no-repeat;
}

#ex_lang li#german a:hover {
	background: url(../../../images/lang_02_on.gif) no-repeat;
}

#ex_lang li#spanish a {
	width: 55px;
	background: url(../../../images/lang_03.gif) no-repeat;
}

#ex_lang li#spanish a:hover {
	background: url(../../../images/lang_03_on.gif) no-repeat;
}

#ex_lang li#korean a {
width: 55px;
	background: url(../../../images/lang_04.gif) no-repeat;
}

#ex_lang li#korean a:hover {
	background: url(../../../images/lang_04_on.gif) no-repeat;
}

#ex_lang li#arabic a {
	width: 55px;
	background: url(../../../images/lang_05.gif) no-repeat;
}

#ex_lang li#arabic a:hover {
	background: url(../../../images/lang_05_on.gif) no-repeat;
}

#ex_lang li#ex_chinese a {
	width: 55px;
	background: url(../../../images/lang_06.gif) no-repeat;
}

#ex_lang li#ex_chinese a:hover {
	background: url(../../../images/lang_06_on.gif) no-repeat;
}

#photo{
	position: absolute;
	left:117px;
	_left:96px;
	top:46px;
	width:580px;
	height:82px;
}

#photo dt{
	margin-left:21px;
	float:left;
}

p.attention{
	margin: 12px 0 5px 120px;
	padding:0;
	font-weight: bold;
}


/* 02: manga
------------------------------------------------------------*/

#manga {
	float: left;
	margin: 14px 0 20px 0px;
	width: 291px;
	height: 98px;
	background: url(../../../images/magna_back.gif) no-repeat;
}

img.manga_img{
	float:left;
	border: solid 1px #ec8e90;
}

#colorbox {
	margin:37px 0 10px 12px;
}

p.colorbox_txt {
	float:left;
	margin: 8px 0 0 8px ;
	width: 187px;
	font-size:12px;
	line-height:16px;
}

p.colorbox_txt a:link{
	color: #ffffff;
	text-decoration: underline;
}


/* 03: spooky
------------------------------------------------------------*/

#spooky {
	float: left;
	margin: 14px 0 10px 12px;
	width: 291px;
	height: 98px;
	background: url(../../../images/spooky_back.gif) no-repeat;
}

img.spooky_img{
	float:left;
	border: solid 1px #e98ccc;
}


/* 02: This Week's Pick!
------------------------------------------------------------*/

#pick {
	position: relative;
	float: left;
	margin: 22px 0 10px 0;
	padding-left: 26px;
	width: 284px;
	background: url(../../../images/pick_back.gif) repeat-y right;
}

#pick_head {
	position: relative;
	width: 284px;
	height: 60px;
	background: url(../../../images/pick_head.gif) no-repeat;
}

#pick_head h3 {
	position: absolute;
	width: 222px;
	height: 49px;
	text-indent: -9999px;
	background: url(../../../images/pick_title2.gif) no-repeat;
}

#pick_head strong {
	position: absolute;
	left: 16px;
	top: 41px;
}

#pick_pic {
	float: left;
	padding: 0 8px 0 15px;
}

#pick_pic img {
	border: solid 2px #FFFFFF;
}

#pick_txt {
	margin: 0px 15px 0 15px;
}

#pick_bn a {
	float: right;
	margin-top: 5px;
	width: 46px;
	height: 21px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../../../images/pick_bn.gif) no-repeat;
}

#pick_bn a:hover {
	background: url(../../../images/pick_bn.gif) no-repeat 0 -21px;
}

#pick_bottom {
	clear: both;
	width: 284px;
	height: 17px;
	background: url(../../../images/pick_bottom.gif) no-repeat;
}


/* 03: Manga+spooky
------------------------------------------------------------*/

#manga_spooky_container {
	_margin-bottom: 12px;
}

*:first-child+html #manga_spooky_container {
	margin-bottom: 20px;
}

#spooky_title {
	position: absolute;
	left: 11px;
	top: 151px;
	width: 110px;
	height: 38px;
	text-indent: -9999px;
	background: url(../../../images/spooky_title_new.gif) no-repeat;
}

#spooky_pic {
	position: absolute;
	left: 118px;
	top: 84px;
}

#spooky_txt {
	position: absolute;
	left: 60px;
	top: 35px;
	width: 180px;
	height: 40px;
	text-align: center;
}

#spooky_bn a {
	position: absolute;
	left: 46px;
	top: 120px;
	width: 43px;
	height: 21px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../../../images/spooky_bn_new.gif) no-repeat;
}

#spooky_bn a:hover {
	background-image: url(../../../images/spooky_bn_p_new.gif);
	left: 46px;
	top: 120px;
	
}

/* 04: Cool, High-tech
------------------------------------------------------------*/

#update {
	padding-top: 15px;
	float: left;
	width: 446px;
}

#update img {
	margin: 12px 0;
	border: solid 1px #999999;
}

#cool {
	float: left;
	width: 217px;
	background: url(../../../images/cool_bg.gif) repeat-y ;
}

#cool_box {
	padding: 0 12px 12px 12px;
	background: url(../../../images/cool_btm.gif) no-repeat bottom;
}

#cool_title a {
	display: block;
	width: 217px;
	height: 29px;
	text-indent: -9999px;
	background: url(../../../images/cool_title.gif) no-repeat bottom;
	margin: 0 0 0 0;
	_margin: 0 0 0 0;
}

#hitech {
	float: right;
	width: 217px;
	background: url(../../../images/hitech_bg.gif) repeat-y ;
}

#hitech_box {
	padding: 0 12px 12px 12px;
	background: url(../../../images/hitech_btm.gif) no-repeat bottom;
}

#hitech_title a {
	display: block;
	width: 217px;
	height: 29px;
	text-indent: -9999px;
	background: url(../../../images/hitech_title.gif) no-repeat bottom;
	margin: 0 0 0 0;
	_margin: 0 0 0 0;
}

/* 05: Selected Previous Topics
------------------------------------------------------------*/

#previous {
	padding-top: 15px;
	float: right;
	width: 136px;
}

#previous_title {
	width: 136px;
	height: 43px;
	text-indent: -9999px;
	background: url(../../../images/spt_title.gif) no-repeat;
}

#previous dl {
	width: 136px;
	height: 100px;
	background: url(../../../images/spt_line.gif) no-repeat bottom;
}

#previous dl dd {
	float: left;
	margin: 15px 0;
	border: solid 1px #038598;
	/*\*//*/
		float: none;
	/**/
}

#previous dl dt {
	float: right;
	margin: 15px 0;
	width: 80px;
}

#previous dl dt a {
	padding-left: 8px;
	background: url(../../images/arrow_dgreen02.gif) no-repeat 0 0.3em;
}

/* 06: Click on a Topic
------------------------------------------------------------*/

#topic {
	float: left;
	width: 595px;
	margin: 30px 0 0 0;
}

#topic_title {
	width: 595px;
	height: 27px;
	text-indent: -9999px;
	background: url(../../../images/topic_title.gif) no-repeat;
}

#topic dl {
	float: left;
	margin: 15px 12px 0 0;
	width: 190px;
}

#topic dl.right {
	float: left;
	margin: 15px 0 0 0;
	width: 190px;
}

#topic dl dd.icon {
	float: left;
	margin: 0 7px 0 0;
	width: 50px;
	height: 50px;
}

#topic dl dd.text {
	float: right;
	margin: 0;
	width: 133px;
}

#topic dl dt {
	float: right;
	width: 133px;
}