@charset "UTF-8";

/* -------------------------------------
  (C) Copyright 2010 NAMCO
------------------------------------- */

@import "contents.css";

/* --- Reset ---------------- */

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

/* --- Setting -------------- */

body {
	line-height: 150%;
	color: #333;
	background: #f9f3ed;
	min-width: 800px;
	width: auto;
	text-align: center;
	font-size: 12px;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

a:link,
a:visited {
	color: #36f;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #69f;
	text-decoration: none;
}

table {
	border-collapse: collapse;
}

table tr {
	border: 0px;
	vertical-align: top;
}

ul {
	list-style: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

ins {
	text-decoration: underline;
}

del {
	text-decoration: line-through;
}


/* --- Global --------------- */

div#wrapper {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	background: url(../img/bg_wrapper.gif) repeat-y;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height:1%;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

img {
	behavior: expression(IEPNGFIX.fix(this));
}

/* --- Header --------------- */

#header {
	background: url(../img/bg_header.gif) no-repeat;
}

#header p.btnHome {
	padding: 23px 0 47px 18px;
}


/* --- Contents --------------- */

#main {
	background: url(../img/bg_main.gif) no-repeat bottom left;
}

#contents {
	float: right;
	width: 604px;
	background: url(../img/bg_contents.gif) no-repeat;
}


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

#navi {
	width: 196px;
	float: left;
	background: url(../img/bg_navi.gif) no-repeat;
}

#navi ul {
	padding: 0 7px 80px 12px;
}

#navi ul li {
	width: 172px;
	display: inline;
	line-height: 0;
}

#navi ul li a {
	line-height: normal;
}

#navi ul li img {
	margin-top: 10px;
	vertical-align: top;
}

#navi ul li img.home {
	margin-top: 0;
}


/* --- Footer --------------- */

#footer {
	background: #7fc53a url(../img/bg_footer.gif) no-repeat top center;
	clear: both;
}

#footer div.footer {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}

#footer div.box {
	padding: 88px 15px 20px;
}

#footer div.box p.copyright {
	text-align: right;
}

#footer div.box ul {
	margin-bottom: 20px;
}

#footer div.box ul li {
	padding: 0 20px 0 22px;
	float: left;
	background: url(../img/icon_link.gif) no-repeat center left;
	display: inline;
	line-height: 0;
}

#footer div.box ul li a {
	line-height: normal;
}

#footer div.box ul li a:link,
#footer div.box ul li a:visited {
	color: #000;
	text-decoration: underline;
}

#footer div.box ul li a:hover,
#footer div.box ul li a:active {
	color: #444;
	text-decoration: none;
}

#footer div.box address {
	display: block;
	padding: 5px 0;
	text-align: center;
	color: #000;
	clear: both;
}