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

@import url("reset.css");
* {
	font-size:13px;
	color:#4C4C4C;
	line-height:1.6;
}
body {
	background:url(../images/menu_back.png) repeat;
}
h1 img {
	vertical-align:bottom;
}
#gl-navi a {
	display:block;
	width:220px;
	height:60px;
	text-indent:-9999px;
}
#menu-01 a {
	background:url(../images/menu_01.png) no-repeat;
}
#menu-02 a {
	background:url(../images/menu_02.png) no-repeat;
}
#menu-03 a {
	background:url(../images/menu_03.png) no-repeat;
}
#menu-04 a {
	background:url(../images/menu_04.png) no-repeat;
}
#menu-05 a {
	background:url(../images/menu_05.png) no-repeat;
}
#menu-06 a {
	background:url(../images/menu_06.png) no-repeat;
}
#menu-07 a {
	background:url(../images/menu_07.png) no-repeat;
}
#menu-08 a {
	background:url(../images/menu_08.png) no-repeat;
}
#menu-09 a {
	background:url(../images/menu_09.png) no-repeat;
}
#gl-navi a:hover {
	background-position:0 -60px;
}
#gl-navi a.on {
	background-position:0 -120px;
}
a.btn {
	margin:5px 0 0;
	float: right;
}
a.goto-list {
	display:block;
	width:128px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/btn_goto-list.png) no-repeat;
}
a.goto-prev {
	display:block;
	width:128px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/btn_goto-history.png) no-repeat;
}
a.goto-charge {
	display:block;
	width:128px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/btn_goto-table.png) no-repeat;
}
a.goto-about {
	display:block;
	width:128px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/btn_goto-about.png) no-repeat;
}
a.goto-contract {
	display:block;
	width:128px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/btn_goto-contract.png) no-repeat;
}
a.goto-contact {
	display:block;
	width:128px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/btn_goto-contact.png) no-repeat;
}
a.goto-office {
	display:block;
	width:128px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/btn_goto-office.png) no-repeat;
}
a.goto-list:hover, a.goto-prev:hover, a.goto-charge:hover, a.goto-about:hover, a.goto-contact:hover, a.goto-contract:hover, a.goto-office:hover {
	background-position:0 -30px;
}
table {
	width:100%;
}
table th, table td {
	border:1px #000 solid;
	padding:10px;
}
table th {
	background:#F2DCDB;
	text-align:center;
}
/* layout */

#wrapper {
	width:960px;
	overflow:hidden;
}
/* side */

#side {
	width:220px;
	float:left;
}
#ban-zone {
	padding:10px;
}
#ban-zone p {
	margin-bottom:10px;
}
.link {
	margin-top:20px;
	font-size:12px;
}
/* contents */

#contents {
	width:710px;
	padding-left:30px;
	float:left;
	background:#FFF;
	min-height:100%;
}
#contents #pan {
	margin:30px 0 55px;
}
#contents #pan ul {
	overflow:hidden;
}
#contents #pan ul li {
	float: left;
	display: inline;
}
#contents #pan ul li a {
	background:url(../images/pannavi_icon.png) no-repeat right center;
	margin:0 10px 0 0;
	padding: 0 20px 0 0;
	white-space: nowrap;
}
#contents #pan ul li:first-child {
	margin:0;
	list-style:none;
}
#contents header {
	text-align:right;
	padding:0 30px 25px 0;
	border-bottom:4px #000 solid;
	margin:0 0 50px 0;
}
#contents header h1 {
	margin:0 0 10px;
}
#contents section, #contents article {
	padding:0 50px 0 20px;
	margin:0 0 20px 0;
	overflow: hidden;
}
#contents * section, #contents * article {
	padding:0;
}
#contents section p, #contents article p {
	margin:0 0 25px 0;
}
#contents h2 {
	padding:0 0 0 20px;
	background:url(../images/h2_icon.png) no-repeat;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	margin:25px 0 25px -20px;
	color:#000000;
}
#contents h3 {
	font-size: 15px;
	color: #0571A5;
	margin: 0 0 10px;
}
#contents h4 {
	color:#000000;
	font-weight:bold;
	margin:25px 0 10px;
}
#contents footer {
	margin:30px 0 0;
	padding:25px 20px 30px 20px;
	border-top:1px #CCCCCC solid;
	overflow:hidden;
	width: 645px;
}
#contents footer * {
	font-size:10px;
}
#contents footer a {
	font-size:11px;
}
#contents footer #info {
	width:320px;
	float:left;
	margin: 10px 0 0;
}
#contents footer #nav_and_copy {
	width:320px;
	float:right;
	margin: 10px 0 0;
}
#contents footer #nav_and_copy nav {
	float:right;
	margin:0 0 16px 0;
}
#contents footer #nav_and_copy nav ul {
	overflow:hidden;
}
#contents footer #nav_and_copy nav ul li {
	background:url(../images/footer_nav-icon.jpg) no-repeat left center;
	display: inline;
	list-style-position:inside;
	margin:0 0 0 10px;
	padding: 0 0 0 10px;
}
#contents footer #nav_and_copy p {
	clear:both;
	text-align:right;
}
.clear {
	clear:both;
}
.text {
	width:320px;
	float:left;
}
.text ul {
	list-style-type: square;
	list-style-position: inside;
}
.photo {
	float:right;
}
.pickup {
	padding: 20px;
	width: 640px;
	margin: 0 0 25px -20px;
	overflow: hidden;
	border: solid 2px #DD2900;
}
#contents .pickup p {
	margin:0 0 10px;
}
#contents .contact-btn {
	margin: 0 0 20px;
	overflow: hidden;
}
#contents .m-5 {
	margin: 0 0 5px;
}

#contents table .a-headding {
	background: #f0f0f0;
}
#contents table .b-headding {
	background: #cecece;
}
#contents .chargelist li {
	line-height: 1.4;
	list-style-type: disc;
	margin: 0 0 7px 1em;
}