/* iizuka website css */

body
{
	margin: 0;
	font-family: verdana, arial;
	font-size: 70%;
}

img
{
	border: none;
}

/* header */

#header
{
	height: 84px;
}

#header-logo
{
	position: absolute;
	left: 12px;
	top: 17px;
}

#header-left
{
	position: absolute;
	left: 144px;
}

#header-middle
{
	height: 84px;
	margin: 0 64px 0 288px;
	background: url('../images/header-middle.png') top repeat-x;
}

#header-right
{
	position: absolute;
	right: 12px;
}

/* nav */

#nav
{
	border-top: #e73430 solid 3px;
	border-bottom: #e3e3e3 solid 3px;
	padding: 5px 11px;
	background: #737373;
	color: #e3e3e3;
}

#nav a
{
	color: #e3e3e3;
	text-decoration: none;
}

#nav a:hover
{
	text-decoration: underline;
}

#nav-left
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-left li
{
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
}

#nav-right
{
	text-align: right;
}

/* breadcrumbs */

#breadcrumbs
{
	color: black;
	padding: 5px 11px 8px 212px;
	background: url('../images/breadcrumbs-middle.jpg') bottom left no-repeat #e3e3e3;
}

#breadcrumbs a
{
	color: black;
	text-decoration: none;
}

#breadcrumbs a:hover
{
	text-decoration: underline;
}

#breadcrumbs ul
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#breadcrumbs li
{
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
}

/* leftbox */

#leftbox
{
	float: left;
	width: 160px;
	background: #e3e3e3;
}

#leftbox-image
{
	display: block;
}

#leftbox-container
{
	margin: 5px;
	border: solid 1px white;
	background: white;
	color: #737373;
}

#leftbox-container a
{
	display: block;
	padding: 5px;
	color: #737373;
	text-decoration: none;
}

#leftbox-container a:hover
{
	color: #FD7717;
	text-decoration: underline;
}

#leftbox-container a.leftbox-selected
{
	background: #e3e3e3;
	color: black;
}

#leftbox-container a.leftbox-selected:hover
{
	color: black;
	text-decoration: none;
}

#leftbox-container ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#leftbox-container ul ul li a
{
	padding-left: 20px;
}

#leftbox-container ul ul ul li a
{
	padding-left: 40px;
}

#leftbox-container ul ul ul ul li a
{
	padding-left: 60px;
}

#leftbox-container ul ul ul ul ul li a
{
	padding-left: 80px;
}

/* rightbox */

#rightbox
{
	position: absolute;
	right: 0;
	width: 160px;
	margin-top: 24px;
}

/* box */

.box
{
	margin: 0 5px 12px 0;
}

.box a
{
	color: #737373;
}

.box a:hover
{
	color: #FD7717;
}

.box-title
{
	padding: 6px 6px;
	vertical-align: bottom;
	background: url('../images/rightbox-corner.jpg') top right no-repeat #e3e3e3;
}

.box-container
{
	border: solid 1px #e3e3e3;
	border-top: none;
	padding: 5px 5px 0 5px;
	color: #737373;
}

.box-container p
{
	margin: 0 0 8px 0;
}

/* container */

#container
{
	background: url('../images/leftbox-bg.png') left repeat-y;
}

/* content */

#content
{
	margin: 0 160px;
	padding: 24px 24px 16px 24px;
}

#content h1
{
	margin: 0 0 11px 0;
	padding: 0 0 4px 0;
	border-bottom: solid 1px #e3e3e3;
	font-size: 150%;
	font-weight: bold;
	color: #e73430;
}

#content h2
{
	margin: 0 0 8px 0;
	font-size: 100%;
	font-weight: bold;
}

#content h3
{
	margin: 0 0 8px 0;
	font-size: 100%;
	font-weight: bold;
	color: #737373;
}

#content p
{
	margin: 0 0 8px 0;
}

#content a
{
	color: #e73430;
}

#content a:hover
{
	color: #fd7717;
}

#content ul, ol
{
	margin: 0;
	padding: 0 12px 0 48px;
}

#content li
{
	padding: 0 0 8px 0;
}

#content li ul li, #content li ol li
{
	padding: 8px 0 0 0;
}

#content li p
{
	margin: 0;
}

#content div.table
{
	margin: 8px 0;
}

#content table
{
	border: solid 1px #bcbcbc;
	border-collapse: collapse;
	font-size: 100%; /* ie */
}

#content thead tr, tfoot tr
{
	background: #e3e3e3;
}

#content tr.table-odd
{
	background: #f8f8f8;
}

#content th
{
	border-left: solid 1px #bcbcbc;
	padding: 5px;
	text-align: center;
	font-weight: normal;
}

#content td
{
	border-left: solid 1px #bcbcbc;
	padding: 5px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

#content th p, #content td p
{
	margin: 0;
}

#content table.layout, #content table.layout th, #content table.layout td
{
	border: none;
}

#content div.quote
{
	float: right;
	clear: right;
	width: 222px;
	margin: 0 0 5px 11px;
	background: url('../images/quote-middle.png') left repeat-y;
}

#content div.quote-top
{
	background: url('../images/quote-top.png') top no-repeat;
}

#content div.quote-bottom
{
	background: url('../images/quote-bottom.png') bottom no-repeat;
	padding: 11px 11px 24px 11px;
}

#content .lflow
{
	float: left;
	margin: 0 11px 5px 0;
}

#content .rflow
{
	float: right;
	margin: 0 0 5px 11px;
}

#content .lflow img, #content .rflow img
{
	border: solid 3px #e3e3e3;
}

/* footer */

#footer
{
	clear: left;
	border-bottom: solid 3px #737373;
	background: #e3e3e3;
	color: #737373;
}

#footer a
{
	color: #e3e3e3;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

#footer ul
{
	float: left;
	margin: 0;
	padding: 5px 32px 2px 11px;
	background: url('../images/footer-middle.jpg') top right no-repeat #737373;
	color: #e3e3e3;
	list-style: none;
}

#footer li
{
	display: inline;
	padding: 0 5px 0 0;
}

#footer-right
{
	text-align: right;
	padding: 3px 11px 4px 11px;
}

#footer-right a
{
	color: #737373;
}

/* footnote */

#footnote
{
	padding: 5px 6px 5px 11px;
	font-size: 80%;
	color: #737373;
}

#footnote p
{
	margin: 0;
}

#footnote-right
{
	float: right;
}


form fieldset
{
   display: block;
   margin: 0 0 1em 0;
   border: 0 solid #FFFFFF;
   border-top: 1px solid #000000;
   padding: 0 1em 1em 1em;
}

form legend {
   font-size: 1.2em;
   color: #000000;
}

form fieldset.radio
{
   margin: 0 0 0 -1em !important;
   margin: 0 0 0 -0.5em;
   border: 0 solid #FFFFFF;
}

form fieldset.radio input
{
   position: static;
   clear: both;
   float: left;
   border: 0px none #000000;
}

form fieldset.radio label
{
   position: relative;
   top: -1.25em;
   display: inline;
   width: auto;
   margin: 0 0 0 8em;
   font-weight: bold;
   font-weight: normal;
}

form fieldset.radio legend
{
   float: left;
   font-weight: bold;
   margin: 0 0 0 0 !important;
   margin: 0 0 0 -1.3em;
}

form input
{
   position: relative;
   top: -1.4em;
   left: 20em;
   display: block;
   border: 1px solid #000000;
   font-size: 1em;
}

form input.submit
{
   border : 1px solid #000000;
   color: white;
   background : #000000 url(buttonback.gif) repeat scroll left;
   margin-left: 11px;
}

form label
{
   clear: both;
   float: left;
   display: block;
   width: 20em;
   margin-top: -1em;
   font-weight: bold;
}

form p
{
   clear: both;
   float: left;
   display: block;
   margin-top: -1em;
   margin-bottom: 1.2em;
}

form label.first
{
   margin-top: 1em;
}

form select
{
   position: relative;
   top: -1.4em;
   left: 20em;
   display: block;
   font-size: 1em;
}