@charset "utf-8";

/*----------------------------------------*/
/* initialize */
/*----------------------------------------*/
h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,ul,ol,li,address,td,th,div,em,strong {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none; 
}

table {
	border-collapse:collapse;
}

th {
	vertical-align:top;
	text-align:left;
}

img{
	border:0;
}
hr {
	position:absolute;
	display:none;
}

.clearBoth{
	line-height:0;
	font-size:0;
	clear:both;
}

/*----------------------------------------*/
/* base */
/*----------------------------------------*/
html{
	height:100%;
}
body{
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
/*	font-family: "MS UI Gothic", Osaka;*/
    font-family: -apple-system, ‘Helvetica Neue’, ‘Hiragino Kaku Gothic ProN’, ‘游ゴシック Medium’, ‘メイリオ’, meiryo, sans-serif;

}
a {
	color:#369;
	text-decoration:none;
}
a:hover {
	outline:0px;
	text-decoration:underline;
}

a#top {
	display:none;
}

/* --------- stage --------- */
div#stage{
	padding:0;
	margin:0 auto;
	text-align:left;
}
/* for modern browser */
html>body>#stage{
	height:auto;
}
/* --------- container --------- */
div#container{
	width:1000px;
	position:relative;
	margin:0px auto 0px auto;
}
/*----------------------------------------*/
/* header */
/*----------------------------------------*/
div#header {
	position:relative;
	background:url('../images/header-bg.gif') bottom left repeat-x;
}

/* --------- header-container --------- */
div#header div#header-container {
	width:960px;
	margin:0px auto;
}

/* --------- header-inner --------- */
div#header div#header-inner {
	padding:5px 0px 0px 0px;
}
/* --------- header left --------- */
div#header div#header-left {
	padding:0px 0px 10px 10px;
	float:left;
}
/* --------- logo --------- */
div#header div#header-left h1{
	font-size:0px;
}

/* --------- header right --------- */
div#header div#header-right {
	float:right;
	height:70px;
}

div#header div#local-site-id {
	padding:10px;
	text-align:right;
}

div#header div#header-bottom {
}

/* --------- header description --------- */
div#header #header-description {
	display:block;
	margin-left:10px;
}
/*----------------------------------------*/
/* contents */
/*----------------------------------------*/
#contents {
	font-size:1em;
	color:#555;
	position:relative;
	background:url('../images/contents-bg.gif')  top left repeat-x;
}

/* --------- contents-container --------- */
#contents #contents-container {
	margin:0px auto;
	background:url('../images/contents-container-bg.gif') ;
}

/* --------- contents-inner --------- */
#contents #contents-inner {
	margin:0px auto;
	width:960px;
}

#contents #contents-main {
	padding-top:10px;
}

/*----------------------------------------*/
/* footer */
/*----------------------------------------*/
#footer {
	position:relative;
	background:url('../images/footer-bg.gif') left top repeat-x;
}


/* --------- footer-container --------- */
#footer #footer-container {
}

/* --------- footer-inner --------- */
#footer #footer-inner {
	width:960px;
	margin:0px auto;
}
/* --------- footer-left --------- */
#footer #footer-left {
	padding-top:24px;
	float:left;
}

#footer #footer-left p {
	text-align:center;
}


/* --------- footer-right --------- */
#footer #footer-right {
	float:left;
	padding:30px 0px 30px 70px;
	font-size:0.7em;
	line-height:2em;
}
#footer #footer-right li {
	background:url('../images/list-icon01.gif') left 0.6em no-repeat;
	padding-left:20px;
}

#footer #footer-optional {
	float:left;
	padding:30px 0px;
}

#footer-menu {
	float:left;
	width:450px;
}

#footer-menu  li{
	width:180px;
	float:left;
}

#footer-menu  li .detail {
	padding-left:10px;
}

/* --------- footernavigation --------- */
#footer-navigation {
	font-size:0.9em;
}
#footer-navigation ul {
	float:left;
}

#footer #footer-bottom {
	background:url('../images/footer-bottom-bg.gif') repeat-x;
}
#footer #footer-bottom address {
	height:30px;
	width:960px;
	margin:0px auto;
	font-size:0px;
	text-indent:-9999px;
	display:block;
	background:url('../images/copyright.gif') left top no-repeat;
}