/*----------------------------------------*/
/* a */
/*----------------------------------------*/
a{text-decoration: none;}
a:visited{text-decoration: none;color:#666666;}
a:hover{text-decoration: underline;color:#0064FF;}
a:link{text-decoration: none;color:#666666;}
a:active{text-decoration: underline;}

/*----------------------------------------*/
/* base */
/*----------------------------------------*/
html{overflow-y:scroll;}

body{
	background: #D4E0E9 url(../img/base/background.gif) repeat-x;
	text-align:center;
	width:800px;
	margin:0px auto;
	padding:0;
	color:#666666;
	font-family: arial,helvetica,sans-serif;
	font-size:0.75em;
	line-height:140%;
}

h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd{
	margin: 0;
	padding :0;
	font-style:normal;
	font-weight:normal;
}

img{border:0px;}
.clearBoth{clear:both;}

br.clear{
	clear:both;
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
}
.text_small{
	font-size:0.8em;
}

/* --------- stage --------- */
div#stage{
	width:800px;
	height:100%;
	min-height: 100%;
	text-align:left;
}
/* for modern browser */
html>body>#stage {
	height: auto;
}
/* --------- container --------- */
div#container{
	position:relative;
	width:800px;
	margin: 0px;
	background-color:#FFFFFF;
}
/* --------- content --------- */
div#content{
	width:800px;
	padding-top: 7px;
	background-color:#F7F8F8;
}

/*----------------------------------------*/
/* header */
/*----------------------------------------*/
div#header{
	position:relative;
	width:800px;
	height:86px;
}
#header_line_top{
	background: url(../img/base/header_line_top.gif) repeat-x;
	width:800px;
	height:20px;
}
#logo{
	position:absolute;
	top:41px;
	width:252px;
	height:33px;
}
#logo_e{
	position:absolute;
	top:50px;
	width:227px;
	height:24px;
}
#header_line_bottom_left{
	float:left;
	position:absolute;
	background: url(../img/base/header_line_bottom_l.gif) repeat-x;
	width:654px;
	height:7px;
	top: 79px;
}
#header_line_bottom_right{
	float:right;
	position:absolute;
	background: url(../img/base/header_line_bottom_r.gif) no-repeat;
	width:146px;
	height:17px;
	top: 69px;
	left:654px;
}

/*----------------------------------------*/
/* topNavi */
/*----------------------------------------*/
#topNavi {
	position:absolute;
	top:64px;
	left:366px;
	width:215px;
	height:10px;
	display:inline;
	float:left;
}
/*----------------------------------------*/
#topNavi ul{
	margin:0;
	padding:0;
	width:215px;
	height:10px;
	list-style:none;
	background:url(../img/base/topnavi.gif) no-repeat;
}
#topNavi li{
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size:0px;
	float:left;
}
#topNavi li a {
	display:block;
	height:10px;
	text-decoration:none;
}
/*----------------------------------------*/
#topNavi01{
	width:58px;
}
#topNavi01 a:hover {
	width:58px;
	background: url(../img/base/topnavi.gif) 0 -15px;
}
#topNavi01On {
	width:58px;
	background: url(../img/base/topnavi.gif) 0 -15px;
}
/*----------------------------------------*/
#topNavi02{
	width:71px;
}
#topNavi02 a:hover {
	width:71px;
	background: url(../img/base/topnavi.gif) -58px -15px;
}
#topNavi02On {
	width:71px;
	background: url(../img/base/topnavi.gif) -58px -15px;
}
/*----------------------------------------*/
#topNavi03{
	width:86px;
}
#topNavi03 a:hover {
	width:86px;
	background: url(../img/base/topnavi.gif) -129px -15px;
}
#topNavi03On {
	width:86px;
	background: url(../img/base/topnavi.gif) -129px -15px;
}


/*----------------------------------------*/
/* topNavi-e */
/*----------------------------------------*/
#topNavi-e {
	position:absolute;
	top:64px;
	left:366px;
	width:215px;
	height:10px;
	display:inline;
	float:left;
}
/*----------------------------------------*/
#topNavi-e ul{
	margin:0;
	padding:0;
	width:215px;
	height:10px;
	list-style:none;
	background:url(../img/base/topnavi-e.gif) no-repeat;
}
#topNavi-e li{
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size:0px;
	float:left;
}
#topNavi-e li a {
	display:block;
	height:10px;
	text-decoration:none;
}
/*----------------------------------------*/
#topNavi01-e{
	width:52px;
}
#topNavi01-e a:hover {
	width:52px;
	background: url(../img/base/topnavi-e.gif) 0 -15px;
}
#topNavi01On-e {
	width:52px;
	background: url(../img/base/topnavi-e.gif) 0 -15px;
}
/*----------------------------------------*/
#topNavi02-e{
	width:63px;
}
#topNavi02-e a:hover {
	width:63px;
	background: url(../img/base/topnavi-e.gif) -52px -15px;
}
#topNavi02On-e {
	width:63px;
	background: url(../img/base/topnavi-e.gif) -52px -15px;
}
/*----------------------------------------*/
#topNavi03-e{
	width:100px;
}
#topNavi03-e a:hover {
	width:100px;
	background: url(../img/base/topnavi-e.gif) -115px -15px;
}
#topNavi03On-e {
	width:100px;
	background: url(../img/base/topnavi-e.gif) -115px -15px;
}

/*----------------------------------------*/
/* english_link */
/*----------------------------------------*/
#english_link{
	position:absolute;
	top:37px;
	left:467px;
	width:57px;
	height:18px;
	text-indent:-9999px;
	font-size:0px;
	background: url(../img/base/english_link.gif) no-repeat;
}
#english_link a {
	display:block;
	height:18px;
	text-decoration:none;
}
#english_link a:hover {
	width:57px;
	background: url(../img/base/english_link.gif) 0px -18px;
}


/*----------------------------------------*/
/* japanese_link */
/*----------------------------------------*/
#japanese_link{
	position:absolute;
	top:37px;
	left:467px;
	width:73px;
	height:18px;
	text-indent:-9999px;
	font-size:0px;
	background: url(../img/base/japanese_link.gif) no-repeat;
}
#japanese_link a {
	display:block;
	height:18px;
	text-decoration:none;
}
#japanese_link a:hover {
	width:73px;
	background: url(../img/base/japanese_link.gif) 0px -18px;
}



/*----------------------------------------*/
/* SiteSearch */
/*----------------------------------------*/
#siteSearch{
	position:absolute;
	top:32px;
	left:560px;
	width:240px;
	height:20px;
}

#siteSearch form{
	margin:0;
	padding:0;
}

#siteSearch input.wl{
width: 150px;
}

#siteSearch input.wr{
width: 80px;
}


#siteSearch p#search01{
	float:left;

}
#siteSearch p#search02{
	float:right;
}
/* --------------- IEHack --------------- */
* html body #searchForm{
	margin-top:-1px;
}

/*--------------------------------------------*/
/* Frame */
/*--------------------------------------------*/
.frame_l_body{
	background: url(../img/base/frame_bg_l.gif) repeat-y;
	width:555px;
	padding:10px 11px 0 11px;
}


/*--------------------------------------------*/
/*window */
/*--------------------------------------------*/
#window{
	width:500px;
	padding:20px;
	background-color:#ffffff;
	text-align:left;
}

.win{
	background-color:#cccccc;
	padding:3px 3px;}

.win_th{
	float:left;
	width:160px;
	margin-bottom:10px;
	margin-right:10px;}

.win_th_r{
	float:left;
	width:160px;
	margin-bottom:10px;}

.win_left{
	float:left;
	width:245px;
	margin-bottom:10px;
	margin-right:10px;}
	
.win_right{
	float:left;
	width:245px;
	margin-bottom:10px;}

#window dl dt {
	font-weight: bold;
	padding-left: 0px;
	float:left}
	
#window dl dd {padding-left:150px;}


/*----------------------------------------*/
/* prolist */
/*----------------------------------------*/
/*----------------------------------------*/

#prolist{
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 202px;
}

#prolist li {
  width: 202px;
  height: 40px;
  display: inline;
}


#prolist a {
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  width: 202px;
  height: 40px;
  background-image: url(../img/base/prolist.jpg);
  background-repeat: no-repeat;
}

#prolist01 a { background-position: 0 0; }
#prolist02 a { background-position: 0 -40px; }
#prolist03 a { background-position: 0 -80px; }
#prolist04 a { background-position: 0 -120px; }
#prolist05 a { background-position: 0 -160px; }
#prolist06 a { background-position: 0 -200px; }
#prolist07 a { background-position: 0 -240px; }
#prolist08 a { background-position: 0 -280px; }
#prolist09 a { background-position: 0 -320px; }

#prolist a:hover {
  text-decoration: none;
  background-image: url(../img/base/prolist.jpg);
  background-repeat: no-repeat;
}

#prolist01 a:hover { background-position: -202px 0; }
#prolist02 a:hover { background-position: -202px -40px; }
#prolist03 a:hover { background-position: -202px -80px; }
#prolist04 a:hover{ background-position: -202px -120px; }
#prolist05 a:hover{ background-position: -202px -160px; }
#prolist06 a:hover{ background-position: -202px -200px; }
#prolist07 a:hover{ background-position: -202px -240px; }
#prolist08 a:hover{ background-position: -202px -280px; }
#prolist09 a:hover{ background-position: -202px -320px; }



/*----------------------------------------*/
/* prolist-e */
/*----------------------------------------*/
/*----------------------------------------*/

#prolist-e{
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 202px;
}

#prolist-e li {
  width: 202px;
  height: 40px;
  display: inline;
}


#prolist-e a {
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  width: 202px;
  height: 40px;
  background-image: url(../img/base/prolist-e.jpg);
  background-repeat: no-repeat;
}

#prolist01-e a { background-position: 0 0; }
#prolist02-e a { background-position: 0 -40px; }
#prolist03-e a { background-position: 0 -80px; }
#prolist04-e a { background-position: 0 -120px; }
#prolist05-e a { background-position: 0 -160px; }
#prolist06-e a { background-position: 0 -200px; }
#prolist07-e a { background-position: 0 -240px; }

#prolist-e a:hover {
  text-decoration: none;
  background-image: url(../img/base/prolist-e.jpg);
  background-repeat: no-repeat;
}

#prolist01-e a:hover { background-position: -202px 0; }
#prolist02-e a:hover { background-position: -202px -40px; }
#prolist03-e a:hover { background-position: -202px -80px; }
#prolist04-e a:hover{ background-position: -202px -120px; }
#prolist05-e a:hover{ background-position: -202px -160px; }
#prolist06-e a:hover{ background-position: -202px -200px; }
#prolist07-e a:hover{ background-position: -202px -240px; }