@charset "shift_jis";

/*--------------------------------------------
	global header
--------------------------------------------*/
#globalHeader{
	width:100%;
	padding-top:15px;
	text-align:left;
	background:url(../images/header/bg_header.gif) repeat-x 0 0;
}
#globalHeader #globalHeaderWrap{
	width:958px;
	margin:0 auto;
}

/* header parts
--------------------------*/
#globalHeaderWrap #siteId{
	width:640px;
	padding:5px 0 17px 4px;
	float:left;
}
#globalHeaderWrap #siteId #logo{
	width:346px;
	padding-right:8px;
	float:left;
}
#globalHeaderWrap #siteId #catchcopy{
	width:266px;
	float:left;
}
#globalHeaderWrap #function{
	width:300px;
	padding-right:4px;
	float:right;
}
/* zoom */
#globalHeaderWrap #function #funcZoom{
	width:212px;
	margin-left:62px;
}
#funcZoom a{
	display:block;
	font-size:1px;
	overflow:hidden;
	text-indent:-9999px;
}
#funcZoom .label,
#funcZoom li{
	float:left;
}
#funcZoom #zoomResetWrap{
	margin-right:6px;
	padding-right:6px;
	background:url(../images/header/bg_zoom.gif) no-repeat right 0;
}
#funcZoom #zoomReset{
	height:25px;
	width:63px;
	z-index:1;
}
#funcZoom #zoomSmallWrap{
	margin-right:6px;
	padding-right:6px;
	background:url(../images/header/bg_zoom.gif) no-repeat right 0;
}
#funcZoom #zoomSmall{
	height:25px;
	width:28px;
	z-index:1;
}
#funcZoom #zoomLarge{
	height:25px;
	width:28px;
	z-index:1;
}
/* default */
#funcZoom.fontDefault #zoomReset{
	background-image:url(../images/header/bt_zoom_m_ov.gif);
}
#funcZoom.fontDefault #zoomSmall{
	background-image:url(../images/header/bt_zoom_s.gif);
}
#funcZoom.fontDefault #zoomSmall:hover{
	background-image:url(../images/header/bt_zoom_s_ov.gif);
}
#funcZoom.fontDefault #zoomLarge{
	background-image:url(../images/header/bt_zoom_l.gif);
}
#funcZoom.fontDefault #zoomLarge:hover{
	background-image:url(../images/header/bt_zoom_l_ov.gif);
}
/* small */
#funcZoom.fontSmall #zoomReset{
	background-image:url(../images/header/bt_zoom_m.gif);
}
#funcZoom.fontSmall #zoomReset:hover{
	background-image:url(../images/header/bt_zoom_m_ov.gif);
}
#funcZoom.fontSmall #zoomSmall{
	background-image:url(../images/header/bt_zoom_s_ov.gif);
}
#funcZoom.fontSmall #zoomLarge{
	background-image:url(../images/header/bt_zoom_l.gif);
}
#funcZoom.fontSmall #zoomLarge:hover{
	background-image:url(../images/header/bt_zoom_l_ov.gif);
}
/* large */
#funcZoom.fontLarge #zoomReset{
	background-image:url(../images/header/bt_zoom_m.gif);
}
#funcZoom.fontLarge #zoomReset:hover{
	background-image:url(../images/header/bt_zoom_m_ov.gif);
}
#funcZoom.fontLarge #zoomSmall{
	background-image:url(../images/header/bt_zoom_s.gif);
}
#funcZoom.fontLarge #zoomSmall:hover{
	background-image:url(../images/header/bt_zoom_s_ov.gif);
}
#funcZoom.fontLarge #zoomLarge{
	background-image:url(../images/header/bt_zoom_l_ov.gif);
}

/* function navi */
#globalHeaderWrap #function ul.functionNavi{
	margin-top:9px;
	padding-right:3px;
	float:right;
}
#globalHeaderWrap ul.functionNavi li{
	margin-right:6px;
	padding:.1em 7px 0 0;
	display:block;
	float:left;
	border-right:1px solid #dddddd;
	font-size:83%;
}
#globalHeaderWrap ul.functionNavi li.last{
	margin:0;
	padding-right:0;
	border:none;
}
#globalHeaderWrap ul.functionNavi li a{
	padding-left:14px;
	display:inline-block;
	background:url(../images/arrow_sqr_01.gif) no-repeat 0 .2em;
}
*:first-child+html #globalHeaderWrap ul.functionNavi li a{
	line-height:1.3;
}
* html #globalHeaderWrap ul.functionNavi li a{
	line-height:1.3;
}


/*--------------------------------------------
	global navigation
--------------------------------------------*/
#globalHeaderWrap #globalNavi{
	padding:0 4px 8px 4px;
}
#globalHeaderWrap #globalNavi li{
	float:left;
}
#globalHeaderWrap #globalNavi li a{
	display:block;
	height:45px;
	width:136px;
	text-decoration:none;
	text-indent:-12345px;
	outline:0;
}
#globalHeaderWrap #globalNavi li#home a{
	background:url(../images/header/gnavi.gif) no-repeat 0 0;
}
#globalHeaderWrap #globalNavi li#home a:hover,
#globalHeaderWrap #globalNavi li#home.current a,
#globalHeaderWrap #globalNavi li#home.current a:hover{
	background:url(../images/header/gnavi.gif) no-repeat 0 -45px;
}

#globalHeaderWrap #globalNavi li#safety a{
	background:url(../images/header/gnavi.gif) no-repeat -272px 0;
}
#globalHeaderWrap #globalNavi li#safety a:hover,
#globalHeaderWrap #globalNavi li#safety.current a,
#globalHeaderWrap #globalNavi li#safety.current a:hover{
	background:url(../images/header/gnavi.gif) no-repeat -272px -45px;
}
#globalHeaderWrap #globalNavi li#instructions a{
	background:url(../images/header/gnavi.gif) no-repeat -136px 0;
}
#globalHeaderWrap #globalNavi li#instructions a:hover,
#globalHeaderWrap #globalNavi li#instructions.current a,
#globalHeaderWrap #globalNavi li#instructions.current a:hover{
	background:url(../images/header/gnavi.gif) no-repeat -136px -45px;
}
#globalHeaderWrap #globalNavi li#encyclopedia a{
	background:url(../images/header/gnavi.gif) no-repeat -408px 0;
}
#globalHeaderWrap #globalNavi li#encyclopedia a:hover,
#globalHeaderWrap #globalNavi li#encyclopedia.current a,
#globalHeaderWrap #globalNavi li#encyclopedia.current a:hover{
	background:url(../images/header/gnavi.gif) no-repeat -408px -45px;
}
#globalHeaderWrap #globalNavi li#kids a{
	background:url(../images/header/gnavi.gif) no-repeat -544px 0;
}
#globalHeaderWrap #globalNavi li#kids a:hover,
#globalHeaderWrap #globalNavi li#kids.current a,
#globalHeaderWrap #globalNavi li#kids.current a:hover{
	background:url(../images/header/gnavi.gif) no-repeat -544px -45px;
}
#globalHeaderWrap #globalNavi li#about a{
	background:url(../images/header/gnavi.gif) no-repeat -680px 0;
}
#globalHeaderWrap #globalNavi li#about a:hover,
#globalHeaderWrap #globalNavi li#about.current a,
#globalHeaderWrap #globalNavi li#about.current a:hover{
	background:url(../images/header/gnavi.gif) no-repeat -680px -45px;
}
#globalHeaderWrap #globalNavi li#contact a{
	width:134px;
	background:url(../images/header/gnavi.gif) no-repeat -816px 0;
}
#globalHeaderWrap #globalNavi li#contact a:hover,
#globalHeaderWrap #globalNavi li#contact.current a,
#globalHeaderWrap #globalNavi li#contact.current a:hover{
	background:url(../images/header/gnavi.gif) no-repeat -816px -45px;
}


/*--------------------------------------------
	global footer
--------------------------------------------*/
#globalFooter{
	height:32px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
}
*:first-child+html div#globalFooter{
	height:31px;
}
* html div#globalFooter{
	height:31px;
}
#globalFooter #globalFooterWrap{
	width:950px;
	margin:0 auto;
	padding:10px 0 0 0;
	text-align:left;
	border-top:1px solid #e5e5e5;
}
#globalFooterWrap ul.functionNavi{
	float:right;
}
#globalFooterWrap ul.functionNavi li{
	margin-left:12px;
	padding-left:14px;
	float:left;
	background:url(../images/arrow_sqr_01.gif) no-repeat 0 .2em;
	font-size:83%;
}
*:first-child+html #globalFooterWrap ul.functionNavi li{
	line-height:1.3;
}
* html #globalFooterWrap ul.functionNavi li{
	line-height:1.3;
}
#globalFooterWrap #copyright{
	vertical-align:bottom;
}


/*--------------------------------------------
	content
--------------------------------------------*/
#contents{
	padding-bottom:3em;
	background:url(../images/bg_contents.gif) repeat-x 0 0;
}
#contents #contentsWrap{
	width:950px;
	margin:0 auto;
	padding:19px 4px 0 4px;
	text-align:left;
	background:url(../images/bg_contentswrap.png) no-repeat 0 0;
}

/* sidebar
--------------------------*/
#contentsWrap #sidebar{
	float:left;
	position:relative;
}

/* main content
--------------------------*/
#contentsWrap #mainContent{
	float:left;
	position:relative;
}
#mainContent #mainContentWrap{
	padding:0 19px;
}

/* content title
--------------------------*/
#mainContent #contentTitle{
}

/* breadcrumbs
--------------------------*/
#mainContent dl.breadcrumbs{
	margin:0 0 1.2em 16px;
}
#mainContent dl.breadcrumbs dd{
}
#mainContent dl.breadcrumbs dd a,
#mainContent dl.breadcrumbs dd span{
	/*display:inline-block;*/
}
	
/* pagetop
--------------------------*/
.pagetop{
	margin:10px 0 40px 0;
	padding-top:13px;
	text-align:right;
	background:url(../images/bg_pagetop.gif) repeat-x 0 0;
}
.pagetop span{
	display:inline-block;
	padding-right:11px;
	border-right:1px solid #ededed;
}
.pagetop a{
	display:inline-block;
	padding-left:23px;
	border-left:1px solid #ededed;
	background:url(../images/arrow_pagetop.gif) no-repeat 9px .35em;
}
.pagetop.end{
	margin-left:19px;
	margin-right:239px;
}
.pagetop.end.other{
	margin-left:19px;
	margin-right:19px;
}
