/* CSS Document */


*{padding:0;margin:0;list-style:none;}
body{text-align:center;background:url(../img/bg.gif);font-size:0.75em;font-family:Trebuchet, "Trebuchet MS", Arial, sans-serif;}
img{border:none;}
a:link{color:#003399;}
a:hover{color:#cc6633;}
a:visited{color:#336699;}

/* layouts */
#wrap{background:#fff;width:896px;clear:both;margin-left:auto;margin-right:auto;text-align:left;padding:17px;}

#naviskip{position:absolute;top:0;color:#fff;font-size:1px;line-height:1px;}

#header{clear:both;width:896px;height:131px;background:url(../img/mainimg.jpg) no-repeat;}
#header #homelink{float:left;display:block;text-indent:-9999px;margin:40px 0 0 20px;width:450px;height:20px;}

#gnav{clear:both;width:896px;background:url(../img/gnav_bg02.gif) repeat-x;height:40px;clear:both;}


#gnav ul li{display:inline;float:left;}
#gnav ul li a{display:block;text-indent:-9999px;}

#gnav ul li.button_jpn{background:url(../img/gnav_bg01.gif) repeat-x;border-right:1px solid #fff;height:40px;text-align:center;}
#gnav ul li.button_jpn a.button_jpn{margin:10px 55px 11px 55px;}
#gnav ul li.button_jpn .button_jpn_no{margin:10px 55px 11px 55px;}

#gnav ul li.global_nav a{height:40px;background-position:0px 1px;background-repeat:no-repeat;}
#gnav ul li.global_nav a:hover{background-position:0px -39px;}
#gnav ul li.global_nav a.now{background-position:0px -79px;}

#gnav ul li.global_nav a#gnav01{width:94px;background-image:url(../img/gnav_01.gif);}
#gnav ul li.global_nav a#gnav02{width:94px;background-image:url(../img/gnav_02.gif);}
#gnav ul li.global_nav a#gnav03{width:94px;background-image:url(../img/gnav_03.gif);}
#gnav ul li.global_nav a#gnav04{width:94px;background-image:url(../img/gnav_04.gif);}
#gnav ul li.global_nav a#gnav05{width:112px;background-image:url(../img/gnav_05.gif);}
#gnav ul li.global_nav a#gnav06{width:112px;background-image:url(../img/gnav_06.gif);}

#gnav ul li.sitemenu{text-align:left;padding-left:20px;padding-top:10px;font-size:1px;line-height:3px;}
#gnav ul li.sitemenu a{background-position:0px 0px;}
#gnav ul li.sitemenu a:hover{background-position:0px -7px;}
#gnav ul li.sitemenu a#sitemenu01{width:40px;height:7px;background-image:url(../img/gnav_home.gif);}
#gnav ul li.sitemenu a#sitemenu02{width:52px;height:7px;background-image:url(../img/gnav_sitemap.gif);}


#breadcrumb{clear:both;height:35px;width:896px;background:url(../img/breadcrum_bg.gif) repeat-x;}
#breadcrumb a{color:#555;text-decoration:none;}
#breadcrumb p{padding-top:10px;padding-left:8px;}
#breadcrumb p .now{font-weight:bold;}
#breadcrumb .siteseach{float:right;padding:7px 10px 0 18px;background:url(../img/icon_search.gif) no-repeat 0 10px;}
#breadcrumb .siteseach input{margin-right:5px;}

#mainwrap{
	width:896px;
	clear:both;
	padding-top:17px;
	background:url(../img/bg_grad.gif) repeat-x;
	line-height:150%;
}


#footer{clear:both;background:url(../img/footer_bg.gif) repeat-x left bottom;height:94px;width:896px;color:#fff;}
#footer a{color:#fff;}
#footer a:hover{color:#ccc;}
#footer ul.sitelink{float:right;padding:15px 15px 0 0;}
#footer ul.sitelink li{
}
#footer ul.sitemenu{padding:30px 0 0 20px;}
#footer ul.sitemenu li{display:inline;float:left;}
#footer ul.sitemenu a{display:block;background:url(../img/arrow_box_white.gif) left center no-repeat;padding:0 10px 0 16px;}


/* heading */
.hd1{border:solid #0B233E;border-width:3px 0 1px 0;padding:8px;}

.hd2{border-left:3px solid #4F361F;padding-left:5px;margin:8px 0;color:#4F361F;font-size:120%;}
.hd2 em{font-style:normal;font-weight:normal;font-size:70%;}
.hd3{background:url(../img/border_dot.gif) repeat-x left bottom;padding:3px 0;margin-bottom:3px;}


/* global classes */
.border1pad1{border:1px solid #B4BBC2;padding:1px;}
.border1pad5{border:1px solid #B4BBC2;padding:5px;}
.left{float:left;}
.right{float:right;}
.right img{margin:0 0 3px 5px;border:1px solid #ccc;}
.left img{
	margin:0 5px 3px 0;
	border:1px solid #ccc;
}
.bottomborder{background:url(../img/border_dot.gif) repeat-x left bottom;padding-bottom:4px;}
.topborder{background:url(../img/border_dot.gif) repeat-x left top;padding-top:4px;}
.indent10{padding-left:10px;}
.padding10{padding:10px;}
.paddingbottom{padding-bottom:2em;}
.margintop{margin-top:2em;}

.lead{font-weight:bold;color:#0e2d50;}
.kakomi{border:1px solid #ccc;padding:7px;margin-bottom:5px;}
.kakomi_grad{border:1px solid #ccc;padding:7px;background:url(../img/bg_grad.gif) repeat-x;margin-bottom:5px;}

/* list styles */
.normallist li{list-style:disc outside;margin-left:2em;}
.numberedlist li{list-style:decimal outside;margin-left:2em;}
.noliststyle li{list-style:none;margin:0;}

/* common buttons */
a.button_jpn{display:block;width:90px;height:19px;background-image:url(../img/button_jpn.gif);background-position:0px 0px;text-indent:-9999px;}
a.button_jpn:hover{background-position:0px -19px;}
#gnav ul li.button_jpn .button_jpn_no{display:block;width:90px;height:19px;background-image:url(../img/button_jpn.gif);background-position:0px -38px;text-indent:-9999px;}

.button_search{display:block;border:1px solid #ccc;width:56px;height:19px;background: #666;font-size:9px;color:#FFFFFF;font-weight:bold;font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Sans Demibold","Lucida Grande",Ludica,Trebuchet,"Trebuchet MS",Arial,sans-serif;}

.pagetop{clear:both;display:block;height:25px;}
.pagetop a{display:block;float:right;width:70px;height:15px;text-indent:-9999px;background-image:url(../img/button_pagetop.gif);background-position:0px 0px;}
.pagetop a:hover{background-position:0px -15px;}

#leftcol .pagetop{
	clear:both;
	height:25px;
	padding-left:597px;
}
#leftcol .pagetop a{display:block;width:70px;height:15px;text-indent:-9999px;background-image:url(../img/button_pagetop.gif);background-position:0px 0px;}
#leftcol .pagetop a:hover{background-position:0px -15px;}

* html div .pagetop a{/* IE6 hack */
	padding:0;
	margin:0;
	overflow:hidden;
}


/* link decorations */
.extlink{background:url(../img/icon_blank.gif) no-repeat left center;padding-left:15px;}
.arrow_blue{background:url(../img/arrow_blue.gif) no-repeat 0px 3px;padding-left:21px;display:block;margin:3px 1px;color:#003399;font-weight:bold;text-decoration:none;line-height:120%}
.arrow_blue:hover{color:#3366cc;}
.arrow_brown{background:url(../img/arrow_brown.gif) no-repeat 0px 5px;padding-left:21px;display:block;margin:3px 1px;color:#362516;font-weight:bold;text-decoration:none;}
.arrow_brown:link{background:url(../img/arrow_brown.gif) no-repeat 0px 5px;padding-left:21px;display:block;margin:3px 1px;color:#362516;font-weight:bold;text-decoration:none;}
.arrow_brown:visited{background:url(../img/arrow_brown.gif) no-repeat 0px 5px;padding-left:21px;display:block;margin:3px 1px;color:#362516;font-weight:bold;text-decoration:none;}
.arrow_brown:hover{color:#665533;}

* html div #leftcol .arrow_blue{background-position:0px 6px;}/* IE6 hack */
* html div #rightcol .arrow_blue{background-position:0px 4px;}/* IE6 hack */
*+html div #leftcol .arrow_blue{background-position:0px 6px;}/* IE7 hack */
*+html div #rightcol .arrow_blue{background-position:0px 3px;}/* IE7 hack */



/*****************************/
/* footer absolute bottom set*/
/*****************************/

html,body{
	height: 100%;
}

@media screen {
#wrap{
	position: relative;
	min-height: 95%;
}

#mainwrap{
	position: relative;
	padding-bottom: 100px;
}

#footer{
	position: absolute;
	bottom: 15px;
	right: 17px;
}
}

@media print {
#wrap{
	position: relative;
	min-height: 97%;
}

#mainwrap{
	position: relative;
}

#footer{
	position: absolute;
	bottom: 15px;
	right: 17px;
}

html>/**/body div#footer{
	position: relative;
	padding-bottom:15px;
	margin-left:17px;
} 

}

* html body #wrap{/* IE6 hack */
	position: relative;
	height: 100%;
}

/*****************************/
/* clearfix */
/*****************************/

#header:after,
#breadcrumb:after,
#wrap:after,
#mainwrap:after,
#pagetop:after,
#footer:after,
#footer ul:after{
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#header:after,
#breadcrumb:after,
#wrap:after,
#mainwrap:after,
#pagetop:after,
#footer:after,
#footer ul:after{/* ===== IE hack ===== */
	display: inline-block;
	zoom: 100%;
}

#header:after,
#breadcrumb:after,
#wrap:after,
#mainwrap:after,
#pagetop:after,
#footer:after,
#footer ul:after{/* ===== Opera ===== */
	display: block;
}

