/* main css */
/* text-encoding : iso-8859-1 (latin-1) */

/* 01. common selector */
*{
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
/* 01. end */

/* 02. font-family */
*{
	font-family: 'Arial', 'Osaka', monospace, sans-serif; /* gothic */
}
.contitle,
.whatsnewtitle,
.linkstitle{
	font-family: 'Georgia', serif; /* mincho */
}
.nipponia span,
.trendjapan span,
.factsheet span,
.japanlinks span,
.others span,
.kidsweb span,
.niponica span,
.videotopic span,
.regions span{
	font-family: 'Arial Narrow', monospace, sans-serif; /* gothic */
}
/* 02. end */

/* 03. color */
.top p,
.about a,
.res a,
.submenu a,/* 2010.10 */
.language a,
.nipponiatext,
.trendjapantext,
.factsheettext,
.japanlinkstext,
.otherstext,
.niponicatext,
.kidswebtext,
.videotopictext,
.regionstext,
.archivestext,
.repotext,
.leaflet span,
.webmaster,
.webmastertext,
.linksul a,
a#more{
	color: #787878;
}
.download,
.leaflet .pdf{
	color: #ffffff;
}
div.about a:hover,
a.otherlang:hover,
a.bbs:hover,
a.que:hover,
a.res:hover,
a.submenu:hover,/* 2010.10 */
a.mail:hover,
a.link:hover,
a.pri:hover,
a.ats:hover,
a.nipponia:hover,
a.trendjapan:hover,
a.factsheet:hover,
a.japanlinks:hover,
a.others:hover,
a.kidsweb:hover,
a.niponica:hover,
a.videotopic:hover,
a.regions:hover,
a.repotitle:hover,
.linksul a:hover,
a#more:hover{
	color: #f186b8;
}
.leaflet .pdf{
	background-color: #c41813;
}
.leaflet,
.download{
	border-color: #ffffff;
}
.about{
	border-color: #787878;
}
/* 03. end */

/* 04. common tag */
body{
	background-repeat: repeat-y;
}
a{
	text-decoration: none;
}
a img{
	border: 0;
}
/* 04. end */

/* 05. top section */
.top{
	position: absolute;
	width: 880px;
	height: 226px;
	z-index: 1;
}
.top p{
	position: absolute;
	top: 105px;
	left: 20px;
	font-weight: 600;
	word-spacing: 3px;
	visibility: hidden;
	font-size: 100%;
	_font-size: 90%;
}
.about{
	position: absolute;
	top: 36px;
	left: 490px;
	width: 356px;
	height: 27px;
	z-index: 2;
	font-weight: 600;
	white-space: nowrap;
	border-style:dotted;
	border-width:0 0 2px 0;
}
.about a{
	font-size: 100%;
	padding-right: 6px;
	white-space: nowrap;
}
.language{
	position: absolute;
	top: 66px;
	left: 492px;
	width: 356px;
	height: 57px;
	z-index: 2;
	font-size: 100%;
	font-weight: 600;
}
.language a{
	padding-right: 16px;
}
.language a img{
	margin-top: 6px;
}
img.chineseimg{
	background-image: url('../images/chinese.jpg');
}
a.chinese:hover img.chineseimg{
	background-image: url('../images/chinese-p.jpg');
}

/* 2010.10. */
.seo-text{
	position: absolute;
	top: 125px;
	left: 175px;
	width: 301px;
	padding:0 5px;
	z-index: 2;
}
/* 2010.10. */
a.submenu{
font-weight:bold;
}
/* 2010.10. */
.con-lead{
	color:#666666;
	font-size:85%;
 margin-bottom:15px;
}

/* 05. end */

/* 06. left section */
.leftsection{
	position: absolute;
	top: 225px;
	left: 20px;
	width: 160px;
	z-index: 2;
}
.leftsection br{
	clear: both;
}

.search{

	position: relative;
	width: 150px;
	height: 75px;
	font-size: 90%;
	font-weight: 600;
	line-height: 1.2em;
	padding: 3px 6px;
	margin-bottom: 12px;
}
.nobdr{
	display: block;
	width: 126px;
	border: 0;
	padding: 0 3px;
	font-size: 90%;
}
.go{
		width: 36px;
	height: 23px;
	margin-top: 8px;
	margin-left: 93px;
	background: transparent none;
	border: 0;
	cursor: pointer;
}
.csearch{
	
	position: relative;
	width: 120px;
	height: 30px;
	z-index: 2;
	font-size: 90%;
	font-weight: 600;
	background: transparent none;
	float: left;
	margin-bottom: 24px;
}
.csbtn{
	
	position: relative;
	width: 33px;
	height: 14px;
}
.leaflet{
	position: relative;
	display: block;
	margin-top: 40px;
	width: 142px;
	font-size: 90%;
	font-weight: 600;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 2px;
	border-width: 1px 1px 0;
	border-style: solid;
}
.leaflet .pdf{
	height: 14px;
	font-weight: 600;
	font-size: 85%;
	padding: 0;
}
.download{
	position: relative;
	display: block;
	width: 142px;
	height: 14px;
	font-size: 90%;
	font-weight: 600;
	text-align: center;
	padding-top: 1px;
	border-width: 0 1px 1px;
	border-style: solid;
}
.bbs,
.que,
.mail,
.link,
.pri,
.ats{
	position: relative;
	display: block;
	height: 33px;
	font-size: 95%;
	font-weight: 600;
	line-height: 1.1em;
	background: transparent none;
	width: 136px;
	cursor: pointer;
}
.que{
	position: relative;
	display: block;
	height: 20px;
	font-size: 95%;
	font-weight: 600;
	line-height: 1.1em;
	background: transparent none;
	width: 136px;
	cursor: pointer;
}

.res{
	display: block;
	position: relative;
	font-size:95%;
	line-height: 1.1em;
	cursor: pointer;
	width: 130px;
	padding:1em 0 0.5em 1em;
	*padding:0 0 0 1em;
	text-indent:-1em;
}



.bbs img,
.que img,
.mail img,
.link img,
.pri img,
.ats img{
	margin-right: 4px;
	float: left;
	background-repeat: no-repeat;
}
.bbs span,
.que span,
.mail span,
.link span,
.pri span,
.ats span{
	display: block;
	height: 28px;
	padding-top: 5px;
}
.bbs img{
	background-image: url('../images/bbs.jpg');
}
.que img{
	background-image: url('../images/que.jpg');
}
.mail img{
	background-image: url('../images/mail.jpg');
}
.link img{
	background-image: url('../images/link.jpg');
}
.pri img{
	background-image: url('../images/pri.jpg');
}
.ats img{
	background-image: url('../images/ats.jpg');
}
a.bbs:hover img{
	background-image: url('../images/bbs-p.jpg');
}
a.que:hover img{
	background-image: url('../images/que-p.jpg');
}
a.mail:hover img{
	background-image: url('../images/mail-p.jpg');
}
a.link:hover img{
	background-image: url('../images/link-p.jpg');
}
a.pri:hover img{
	background-image: url('../images/pri-p.jpg');
}
a.ats:hover img{
	background-image: url('../images/ats-p.jpg');
}
.pri,
.ats{
	font-size:90%;
}

	
/* 06. end */

/* 07. center section */
.centersection{
	position: absolute;
	top: 200px;
	left: 193px;
	width: 273px;
	z-index: 2;
}
.centersection p{
	_margin-top: -8px;
	_margin-bottom: 10px;
}
.centersection br{
	clear: both;
	font-size: 0;
}
.contitle{
	position: relative;
	height: 30px;
	font-size: 130%;
	font-weight: 900;
	margin-top: 20px;
}
.contitle img,
.whatsnewtitle img,
.linkstitle img{
	margin: 3px 5px -1px 0;
}
.nipponia img,
.trendjapan img,
.factsheet img,
.japanlinks img,
.others img,
.kidsweb img,
.niponica img,
.videotopic img,
.regions img{
	display: block;
	position: relative;
	float: left;
	width: 38px;
	height: 70px;
}

.nipponia span,
.trendjapan span,
.factsheet span,
.japanlinks span,
.others span,
.kidsweb span,
.niponica span,
.videotopic span,
.regions span{
	position: relative;
	vertical-align: top;
	font-size: 120%;
	font-weight: 900;
	left: 3px;
	cursor: pointer;
	_width: 199px;
}

.nipponiatext,
.trendjapantext,
.factsheettext,
.japanlinkstext,
.otherstext,
.kidswebtext,
.niponicatext,
.videotopictext,
.regionstext{
	position: relative;
	left: 4px;
	font-size: 85%;
	padding-left: 36px;
	_padding-left: 0;
	_padding-top: 8px;
	_width: 199px;
}
.otherstext{
	position: relative;
	left: 4px;
	font-size: 85%;
	padding-left: 36px;
	_padding-left: 0;
	_padding-top: 8px;
	_width: 199px;
}
.archives{
	position: relative;
}
.archivestext{
	position: relative;
	width: 156px;
	height: 30px;
	font-size: 85%;
	float: right;
	_padding-top: 8px;
}
/* 07. end */

/* 08. right section */
.rightsection{
	position: absolute;
	top: 202px;
	left: 499px;
	z-index: 2;
	width: 340px;
}
.whatsnewtitle{
	position: relative;
	display: block;
	width: 200px;
	height: 16px;
	font-size: 120%;
	font-weight: 900;
	float: left;
	white-space: nowrap;
}
.whatsnewhr{
	display: block;
	position: relative;
	width: 166px;
	height: 1px;
	border: 0;
	margin: 3px 6px;
	margin-top: 10px;
	_margin-top: 4px;
}
.whatsnewblock{
	clear: both;
	position: relative;
	width: 366px;
	padding-top: 12px;
	_padding-top: 6px;
	padding-bottom: 1.5em;
}
.rightimage,
.leftimage,
.noimage{
	clear: both;
	margin-bottom: 9px;
}
.repotitle{
	display: block;
	font-size: 90%;
	font-weight: 600;
}

.repotitle2{
	display: block;
	font-size: 90%;
	font-weight: 600;
}

.repotitle img{
	margin-left: 6px;
	margin-bottom: -2px;
}
.repotext{
	position: relative;
	font-size: 90%;
}
.repoimg{
	position: relative;
	margin-top: 4px;
}
.rightimage .repotext{
	font-size: 95%;
	width: 262px;
	float: left;
}
.rightimage .repotitle{
	font-size: 85%;
}
.rightimage .repoimg{
	margin-left: 7px;
}
.leftimage .repoimg{
	float: left;
	margin-right: 7px;
}
.leftimage .repotext{
	padding-left: 98px;
	_padding-left: 0;
}
.noimage .repotext{
	width: 350px;
	margin-top: 4px;
}
a#more{
	font-style: italic;
	font-size: 90%;
	margin-right: 280px;
	font-weight: 600;
}
.linkstitle{
	margin-top: 8px;
	position: relative;
	width: 70px;
	height: 16px;
	font-size: 130%;
	font-weight: 900;
	float: left;
	white-space: nowrap;
}
.linkshr{
	position: relative;
	width: 240px;
	height: 1px;
	border: 0;
	margin: 3px 6px;
	margin-top: 28px;
	_margin-top: 14px;
}
.linksul{
	clear: both;
	position: relative;
	width: 317px;
	height: 190px;
	font-size: 90%;
	font-weight: 600;
	white-space: nowrap;
	padding-top: 12px;
	_padding-top: 8px;
}
.linksul a{
	display: block;
	margin-bottom: 4px;
	text-indent: 18px;
}
.linksul a span.floattext{
	display: block;
	float: left;
	cursor: pointer;
}
.linksul a img{
	margin: 3px;
	vertical-align: bottom;
}

.linksul a img.icon{
	margin-right: 0px;
	margin-left: 235px;
	margin-bottom: -5px;
	margin-top: -35px;
}

.linksul a img.icon02{
	margin-right: 0px;
	margin-left: 70px;
	margin-bottom: 10px;
	margin-top: 5px;
}


.webmastertext{
	clear: both;
	position: relative;
	font-size: 90%;
	white-space: nowrap;
	margin-top: 120px;
}

.otherstitle{
	margin-top: 8px;
	position: relative;
	width: 70px;
	height: 16px;
	font-size: 150%;
	font-weight: 900;
	float: left;
	white-space: nowrap;
}
.othershr{
	position: relative;
	width: 240px;
	height: 1px;
	border: 0;
	margin: 3px 6px;
	margin-top: 28px;
	_margin-top: 14px;
}

.footer{
	clear: both;
	position: relative;
	font-size: 90%;
	white-space: nowrap;
	margin-top: 150px;
}



/* �����ݒ�

.webmastertext{
	clear: both;
	position: relative;
	font-size: 90%;
	white-space: nowrap;
	margin-top: 4em;
}


*/

/* 08. end */


input,button,textarea,select,optgroup,option {
	font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;
}
input,button,textarea,select {
	*font-size:100%;
}