@charset "utf-8";

/* General
--------------------------------------------------*/
body {
	background: transparent url(../image/hyougo-bg.gif) left top;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Container
--------------------------------------------------*/
#container {
	width: 680px;
	margin: 17px auto 0;
	text-align: left;
}

/* Header
--------------------------------------------------*/
#header {
	position: relative;
	height: 20px;
	background: transparent url(../image/tp-bar.gif) repeat-x left top;
}

#header .logo a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 106px;
	height: 20px;
	text-indent: -9999px;
	font-size: 0px;
	background: transparent url(../image/hyogo-tp.gif) repeat-x left top;
}

/* Contents
--------------------------------------------------*/
#contents {
	float: left;
	width: 680px;
	margin: 0 auto 0;
	background: transparent url(../image/hyougo-bg2.gif) repeat-y left top;
}

h1 {
	font-size: 10px;
	margin-bottom: 5px;
	color: #fff;
	font-weight: normal;
	text-align: left;
}

p {
	margin-bottom: 14px;
}

.index_img {
	width: 600px;
	margin: 0 auto 21px;
	height: 420px;
	text-indent: -9999px;
	font-size: 0px;
	background: transparent url(../image/top/top.jpg) repeat-y left top;
}

/* Contentsnavigation
--------------------------------------------------*/
ul.contentsnavigation {
	width: 580px;
	height: 61px;
	margin: 0 auto 22px;
	padding: 39px 10px 0;
	background: transparent url(../image/contents_navigation.gif) no-repeat left top;
}

ul.contentsnavigation li {
	display: block;
	float: left;
	list-style-type: none;
	text-indent: -9999px;
}

ul.contentsnavigation li a {
	display: block;
	height: 25px;
	margin: 0 0 0 0;
}

ul.contentsnavigation li a.bankin {
	width: 99px;
}
ul.contentsnavigation li a:hover.bankin {
	background: transparent url(../image/contents_navigation.gif) no-repeat -10px -100px;
}

ul.contentsnavigation li a.spot {
	width: 130px;
}
ul.contentsnavigation li a:hover.spot {
	background: transparent url(../image/contents_navigation.gif) no-repeat -109px -100px;
}

ul.contentsnavigation li a.recicle {
	width: 135px;
}
ul.contentsnavigation li a:hover.recicle {
	background: transparent url(../image/contents_navigation.gif) no-repeat -239px -100px;
}

ul.contentsnavigation li a.custom {
	width: 123px;
}
ul.contentsnavigation li a:hover.custom {
	background: transparent url(../image/contents_navigation.gif) no-repeat -374px -100px;
}

ul.contentsnavigation li a.syaken {
	width: 93px;
}
ul.contentsnavigation li a:hover.syaken {
	background: transparent url(../image/contents_navigation.gif) no-repeat -497px -100px;
}

ul.contentsnavigation li a.syaryou {
	width: 91px;
}
ul.contentsnavigation li a:hover.syaryou {
	background: transparent url(../image/contents_navigation.gif) no-repeat -10px -125px;
}

ul.contentsnavigation li a.tokuten {
	width: 108px;
}
ul.contentsnavigation li a:hover.tokuten {
	background: transparent url(../image/contents_navigation.gif) no-repeat -101px -125px;
}

/* Footer
--------------------------------------------------*/
#footer {
	clear: both;
	position: relative;
	font-size: 13px;
	color: #fff;
	height: 20px;
	background: transparent url(../image/tp-bar.gif) repeat-x left top;
}

.copyright {
	position: absolute;
	top: 3px;
	right: 10px;
}