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

@import url("base.css");

/* Header Styling =========================================== */

div#header {
	padding: 75px 0 60px 100px;
	background: url(../img/logo.gif) 0px 45px no-repeat;
	height: 140px;
}

h1 {
	padding: 10px 0 15px 100px;
	text-align: left;
	color: #000;
}

h2 {
	margin: 10px 0;
	padding: 50px 0 0 80px;
	background: url(../img/icon_houou_green.gif) 0px 0px no-repeat;
	text-align: left;
}

h3, h4, h5, h6 {
	padding: 0 0 0 20px;
	background: url(../img/arrow01.gif) 0px 8px no-repeat;
	text-align: left;
}



/* Content Styling ========================================== */

/* ----------------------- Navi ----------------------------- */


div#sideBar {
	padding: 20px 0 20px 0;
	background-color: #ffffee;
	float: left;
	width: 300px;
}

div#pageContents {
	padding: 10px 30px 20px 30px;
	background-color: #eeffee;
	float: right;
	left: 410px;
	width: 600px;
}

div#pageContents hr {
	display: block;
	border: 0;
	height: 15px;
	background: url(../img/line01.gif) 0 0 no-repeat;
}

ol {
	list-style-type: decimal; /*for IE */
	list-style-type: decimal-leading-zero;
}

a.anchor {
	color: #030;
}

img {
	padding: 10px;
	border: none;
	vertical-align: middle;
}

p {
	text-align: left;
}

pre {
	text-align: left;
}

blockquote {
	padding: 2em;
	text-align: left;
}

hr {
/*	display: block;
	border: 0;
	background: url(../img/line01.gif) no-repeat;
	height: 15px;*/
	display: block;
	border: 0;
}



/* Footer Styling ========================================= */

hr#beforeFooter {
	display: block;
	border: 0;
	height: 50px;
	background: url(../img/line01.gif) 40px 20px no-repeat;
	text-align: center;
	clear: both;
}

div#footer {
	font-size: 80%;
	text-align: right;
	clear: both;
}

div#globalNavi {
	padding: 10px 0 10px 10px;
	background-color: #ffffee;
	text-align: left;
}