@charset "utf-8";

/* BODY
---------------------------------------------*/

html {
	background-color: #fff;
	width: 100%;
	height: 100%;}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;}

body {
        text-align: center;
        font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	font-size: 12px;}

input, select {padding: 1px;}

img {
	vertical-align: bottom;
	border: none;}

a   {
	color: #333;
	text-decoration: none;}

a:hover {
	color: #300;
	text-decoration: underline;}

em,address {font-style: normal;}

strong {font-weight: bold;}

p {line-height: 1.7em;}

.clear {clear: both;}

/* ALL
---------------------------------------------*/

#all {
	width: 890px;
        margin: 0 auto;
	padding: 16px 33px;
        text-align: left;
	letter-spacing: 0.05em;
	background: url(../img/bg_all.jpg) center top repeat-y;}


/* HEADER
---------------------------------------------*/

#header {
	position: relative;}

#header h1 {
	position: absolute;
	left: 0; top: 0;}

#header em {
	position: absolute;
	right: 0; top: 0;}

/* forIE6 */
* html #header em {
	position: absolute;
	right: 33px; top: 0;}

#header .topimg {
	margin: 0 0 15px 135px;}

#header .secimg {
	margin: 0 0 5px 135px;}

.top {position: relative;}

#leftnavi {
	position: absolute;
	left: 33px; top: 146px;}

#rightnavi {
	position: absolute;
	right: 33px; top: 48px;}

.topnavi li {
	width: 115px;
	margin-bottom: 10px;
	text-indent: -9999px;}

.topnavi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 83px;
	padding-top: 83px;
	background-image: url(../img/topnavi.jpg);}

.navi01 a {background-position: 0 0;}
.navi02 a {background-position: 0 -83px;}
.navi03 a {background-position: 0 -166px;}
.navi04 a {background-position: 0 -249px;}
.navi05 a {background-position: 0 -332px;}
.navi06 a {background-position: 0 -415px;}
.navi07 a {background-position: 0 -498px;}

.navi01 a:hover {background-position: -115px 0;}
.navi02 a:hover {background-position: -115px -83px;}
.navi03 a:hover {background-position: -115px -166px;}
.navi04 a:hover {background-position: -115px -249px;}
.navi05 a:hover {background-position: -115px -332px;}
.navi06 a:hover {background-position: -115px -415px;}
.navi07 a:hover {background-position: -115px -498px;}

#pagenavi li {
	display: inline;}

#topbox {
	width: 625px;
	padding: 0 132px;}

#toptxt {
	width: 620px;
	margin-top: 15px;}

#toptxt p {
	line-height: 2em;
	margin-left: 2px;}

#toptxt dt {margin-bottom: 20px;}

/* CONTENTS
---------------------------------------------*/

#contents {
	clear: both;
	padding-bottom: 15px;}

/* MAIN
---------------------------------------------*/

#main {
	clear: both;}

/* FOOTER
---------------------------------------------*/
#footer {
	clear: both;
	text-align: center;
	padding-bottom: 30px;
	letter-spacing: 0.05em;}

.footnavi {
	color: #fff;
	padding: 8px 0;
	background-color: #300;}

.footnavi ul li {
	display: inline;
	line-height: 2em;}

.footnavi ul li a {
	color: #fff;
	margin: 0 2px;}

.footnavi ul li a:hover {
	color: #fff;
	text-decoration: underline;}

#footer address {
	margin-top: 1em;}

#copy {
	padding: 10px;}

#mdc {
	text-align: center;
	margin: -30px 0 0 730px}


/* CLEARFIX
---------------------------------------------*/

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

.clearfix{ display: inline-block; }

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