@charset "utf-8";
/* CSS Document */


body {
	background:#ffffff url(../img/bg_body.gif) top repeat-x;
	color:#333333;
	font-family:'ヒラギノ丸ゴ Pro W3', 'Hiragino Maru Gothic Pro, Me', 'osaka', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif ;
	line-height:140%;
	font-size:0.75em;
	margin:0;
	}

a{
	color:#ff8400;
	}

a:hover{
	color:#ffb65f;
	background-color:transparent;
	}

img {
	border:0;
	}

p {
	margin:0;
	padding:0;
	}

ul {
	list-style-type: none;
	margin:0;
	padding:0;
	}

ol {
	margin:5px 0 0 30px;
	padding:0;
	}

ol li {
	list-style-type:1;
	color:#444444;
	}

form {
	margin:0;
	padding:0;
	}

table {
	border-collapse:collapse;
	}

.clear {
	clear:both;
	}

.imgBlock {
	display:block;
	}


/* layout */

h1 {
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	line-height:20px;
	margin:0;
	padding:0;
	}

#header {
	width:840px;
	margin:0 auto;
	}

#headerLeft {
	width:300px;
	float:left;
	}

#headerRight {
	width:540px;
	float:right;
	text-align:right;
	padding:10px 0 0 0;
	}

#headerRight li {
	float:right;
	display:block;
	margin:0 0 7px 5px;
	}

#headerRight input,#headerRight img {
	vertical-align:middle;
	}

#headerRight .searchBox {
	width:150px;
	}

#navi {
	background:url(../img/bg_navi.gif) bottom left repeat-x;
	height:45px;
	}

#navi ul {
	width:845px;
	margin:0 auto;
	}

#navi li {
	float:left;
	display:block;
	}

#navi ul li.navi01 img {background:url(../img/navi01.gif) top left no-repeat;}
#navi ul li.navi02 img {background:url(../img/navi02.gif) top left no-repeat;}
#navi ul li.navi03 img {background:url(../img/navi03.gif) top left no-repeat;}
#navi ul li.navi04 img {background:url(../img/navi04.gif) top left no-repeat;}
#navi ul li.navi05 img {background:url(../img/navi05.gif) top left no-repeat;}

#navi ul li.navi01 a:hover img {background:url(../img/navi01.gif) bottom left no-repeat;}
#navi ul li.navi02 a:hover img {background:url(../img/navi02.gif) bottom left no-repeat;}
#navi ul li.navi03 a:hover img {background:url(../img/navi03.gif) bottom left no-repeat;}
#navi ul li.navi04 a:hover img {background:url(../img/navi04.gif) bottom left no-repeat;}
#navi ul li.navi05 a:hover img {background:url(../img/navi05.gif) bottom left no-repeat;}

#footerNavi {
	float:left;
	width:740px;
	color:#339900;
	font-size:90%;
	padding:0 0 5px 0;
	}

#footerNavi a {
	color:#333333;
	text-decoration:none;
	}

#footerNavi a:hover {
	color:#369900;
	}

#pagetop {
	float:right;
	width:90px;
	}

#footer {
	background:#ececec;
	padding:20px 0;
	clear:both;
	font-size:90%;
	}

#footer div {
	width:840px;
	margin:0 auto;
	}

#footer div span {
	color:#2d7c02;
	}

#copyright {
	background:url(../img/bg_copyright.gif) top left repeat-x #ff9e2b;
	text-align:center;
	color:#FFFFFF;
	font-size:85%;
	line-height:20px;
	}