/* reset */
html {
	overflow-y: scroll;
}

body, div, ul {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

object,embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,abbr,acronym,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

/* basic */
html {
	width: 100%;
	height: 100%;
	font-size: 90%;
	font-family: "ＭＳ Ｐゴシック", "HiraMaruPro-W4", "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color:#000;
	text-align:center;
}

body {
	width: 100%;
	height: 100%;
}

a {
	color: rgb(70, 92, 27);
}

/* container */
#container {
    width: 100%;
    margin:0px auto;
    position:relative;
    min-height: 100%;
    background-color: white;
	/*background: url(../img/bg.png) repeat;*/
}

* html div#container {
    height:100%;
}

body > #container {
	height: auto;
}

/* top */
#top {
	height: 20px;
	width: 100%;
	background-color: black;
	text-align: right;
}

#utilityNavi {
	padding-right: 5px;
}

#utilityNavi li {
	display: inline;
	padding-left: 5px;
}

#utilityNavi a:link {
	font-size: 70%;
	color: white;
}

#utilityNavi a:visited {
	color: white;
}

/* header */
#header {
	width: 100%;
	height: 80px;
	background: url(../img/header_bg.gif) repeat-x;
}

#header #logo {
	float: left;
	width: 300px;
}

#header #navi {
	float: right;
	padding-right: 10px;
	width: 600px;	
}

#header #navi {
	text-align: right;
}

#header #navi li {
	display: inline;
}

#header #navi #globalNavi {
	padding-top: 65px;
}

#header a {
	text-decoration: none;
}

/* contents */
#contents {
	padding-bottom: 60px;
}

/* main */
#main {
	width: 100%;
}

#main .page_title {
	margin-bottom: 20px;
}

/* footer */
#footer{
    position:absolute;
    left: 0px;
    bottom:0px;
    height:60px;
    width:100%;
	background: url(../img/footer_bg.gif) repeat-x;
	text-align: center;
}

#footer p.copyright {
	margin-top: 25px;
	color: white;
	font-size: 80%;
}

#left-contents {
	float: left;
	width: 145px;
	padding-top: 10px;
	text-align: left;
}

#member {
	margin-bottom: 10px;
}

#member ul li {
	height: 65px;
}

#menu {
	margin-bottom: 10px;
}

#menu ul li {
	height: 30px;
}

#member-only {
	margin-top: 10px;
	margin-bottom: 10px;
}

#member-only ul {
	margin-bottom: 10px;
}

#member-only ul li {
	height: 30px;
}


#center-contents {
	float: left;
	width: 800px;
	padding-top: 10px;
	padding-left: 10px;
	background: url(../img/div_line.png) repeat-y;
}

/* ----------------------------------------------------------------------------- 
   helper class 
------------------------------------------------------------------------------ */
span.red {
	color: red;
}

.wrapper {
	margin: 0 auto;
	width: 990px;
}

.content-title {
	font-size: 90%;
	color: rgb(83, 108, 35);
	height: 32px;
	text-align: left;
	padding-left: 24px;
	background: url(../img/content_banner.png) no-repeat;
}

.disp-clear {
	clear: both;
	width: 0;
	height: 0;
}