/*=========================
	Common Setting
=========================*/
html {
	font-family: メイリオ, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック;
	height: 100%;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
	}

body {
	color: #666;
	font-size: 12px;
	*font-size: 75%;
	line-height: 1.5;
	background-color: #ebebeb;
	height: 100%;
	margin: 0;
	padding: 0;
	}

h1,
h2,
h3,
h4,
p,
ul,
ol,
dl,
form {
  margin: 0;
  padding: 0;
  }

ul {
	list-style-type: none;
	}

p {
	text-align: left;
	width: 665px;
	margin-bottom: 16px;
	margin-left: 30px;
	}

a:link,
a:visited {
	color: #4377bf;
	text-decoration: none;
	overflow: hidden;
	}

a:hover,
a:active {
	color: #4377bf;
	text-decoration: underline;
	}

table {
	margin-bottom: 16px;
	margin-left: 30px;
	border-collapse: collapse;
	}

caption {
	text-align: left;
	margin: 0 auto 2px;
	}

th,
td {
	text-align: left;
	padding: 1px 3px;
	border-collapse: collapse;
	}

img {
	border-style: none;
	}

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

.clearfix {
  display: inline-block;
  }

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

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

.small {
	font-size: 11px;
	*font-size: 90%;
	}

.large {
	font-size: 18px;
	font-weight: bold;
	}

.bold {
	font-weight: bold;
	}

.red {
	color: #c00;
	}

.blue {
	color: #003c8e;
	}

.green {
	color: #2a8a67;
	}

.navy {
	color: navy;
	}

p.center {
	text-align: center;
	}

img.center {
	clear: both;
	margin: 0 auto 16px;
	display: block;
	}

.right {
	text-align: right;
	}

#container {
	position: relative;
	width: 970px;
	padding-top: 70px;
	border-top: 10px solid #999f9f;
	}

#main {
	background-color: white;
	width: 970px;
	padding-bottom: 5px;
	}

h1 {
	position: relative;
	width: 970px;
	height: 100px;
	}

h1 a {
	background-image: url(../img/logo_new.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 22px;
	left: 30px;
	width: 202px;
	height: 57px;
	display: block;
	}

h1#entrance {
	position: relative;
	width: 669px;
	height: 100px;
	float: left;
	}

#membersite {
	background-image: url(../img/bg_login.png);
	position: relative;
	width: 301px;
	height: 100px;
	float: left;
	}

img#reissue {
	position: absolute;
	top: 18px;
	left: 153px;
	}

#email,
#pw {
	font-size: smaller;
	position: absolute;
	left: 114px;
	height: 14px;
	border: solid 1px #d0d0d0;
	}

#email {
	top: 37px;
	width: 168px;
	}

#pw {
	top: 61px;
	width: 108px;
	}

#submit {
	position: absolute;
	top: 62px;
	left: 243px;
	}

#link, #login, #more {
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	position: absolute;
	display: block;
	}

#link {
	background-image: url(../img/link.gif);
	top: 30px;
	left: 920px;
/*	left: 820px;*/
	width: 31px;
	height: 7px;
	}

#login {
	background-image: url(../img/login.gif);
/*	top: 30px;*/
	top: -100px;
	left: 871px;
	width: 84px;
	height: 7px;
	}

#more {
	background-image: url(../img/more.gif);
	top: 16px;
	left: 181px;
	width: 37px;
	height: 8px;
	}

a#link:hover {
	background-position: -31px 0;
	}

a#login:hover {
	background-position: -84px 0;
	}

a#more:hover {
	background-position: -37px 0;
	}

#right-column {
	width: 220px;
	float: right;
	margin-right: 15px;
	}

* html #right-column {
	margin-right: 8px;
	}

#main-navi li {
	line-height: 1;
	margin-bottom: 12px;
	}

#main-navi a,
#main-navi span {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	}

a#m01,
a#m02,
a#m03,
a#m04,
a#m05,
a#m06 {
	width: 220px;
	height: 24px;
	}

a#m01:hover,
a#m02:hover,
a#m03:hover,
a#m04:hover,
a#m05:hover,
a#m06:hover {
	background-position: -220px 0;
	}

a#m01 {
	background-image: url(../img/m01.gif);
	}

a#m02 {
	background-image: url(../img/m02.gif);
	}

a#m03 {
	background-image: url(../img/m03.gif);
	}

a#m04 {
	background-image: url(../img/m04.gif);
	}

a#m05 {
	background-image: url(../img/m05.gif);
	}

a#m06 {
	background-image: url(../img/m06.gif);
	}

span#m01,
span#m02,
span#m03,
span#m04,
span#m05,
span#m06 {
	text-indent: -9999px;
	width: 220px;
	height: 24px;
	display: block;
	}

span#m01 {
	background-image: url(../img/m01_on.gif);
	}

span#m02 {
	background-image: url(../img/m02_on.gif);
	}

span#m03 {
	background-image: url(../img/m03_on.gif);
	}

span#m04 {
	background-image: url(../img/m04_on.gif);
	}

span#m05 {
	background-image: url(../img/m05_on.gif);
	}

span#m06 {
	background-image: url(../img/m06_on.gif);
	}

#main-navi ul {
	margin-top: 12px;
	}

#information {
	color: #a6a6a6;
	font-size: 11px;
	line-height: 1.2;
	background-image: url(../img/information.gif);
	background-repeat: repeat-x;
	position: relative;
	width: 220px;
	margin-bottom: 10px;
	*margin-bottom: 6px;
	padding-top: 12px;
	}

#information dl dd {
	margin-bottom: 6px;
	margin-left: 0;
	}

a.info:link,
a.info:visited {
	color: #666;
	text-decoration: none;
	}

a.info:hover,
a.info:active {
	color: black;
	text-decoration: underline;
	}

#whatsnew {
	color: #a6a6a6;
	font-size: 11px;
	line-height: 1.2;
	background-image: url(../img/whatsnew.gif);
	background-repeat: no-repeat;
	padding-top: 40px;
	position: relative;
	width: 220px;
	height: 180px;
	}

#whatsnew dl {
	width: 200px;
	margin: 0 auto;
	}

#whatsnew dl dd {
	color: #808080;
	margin-bottom: 6px;
	margin-left: 0;
	}

#left-column {
	width: 715px;
	float: left;
	}

#type-navi li {
	display: inline;
	}

#type-navi a {
	text-decoration: none;
	text-indent: -9999px;
	height: 21px;
	float: left;
	display: block;
	}

#type-navi a:hover {
	background-position: 0 -21px;
	}

#p01 {
	background-image: url(../img/p01.gif);
	width: 64px;
	}

#p02 {
	background-image: url(../img/p02.gif);
	width: 63px;
	}

#p03 {
	background-image: url(../img/p03.gif);
	width: 64px;
	}

#p04 {
	background-image: url(../img/p04.gif);
	width: 63px;
	}

#p05 {
	background-image: url(../img/p05.gif);
	width: 64px;
	}

#p06 {
	background-image: url(../img/p06.gif);
	width: 86px;
	}

#p07 {
	background-image: url(../img/p07.gif);
	width: 66px;
	}

#p08 {
	background-image: url(../img/p08.gif);
	width: 64px;
	}

#p09 {
	background-image: url(../img/p09.gif);
	width: 63px;
	}

#p10 {
	background-image: url(../img/p10.gif);
	width: 63px;
	}

#p11 {
	background-image: url(../img/p11.gif);
	width: 55px;
	}

#footer {
	background-image: url(../img/footer.gif);
	position: relative;
	width: 970px;
	height: 38px;
	}

#footer-link {
	position: absolute;
	top: 7px;
	left: 358px;
	}

#footer-link li {
	display: inline;
	}

#footer-link a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 22px;
	float: left;
	margin-right: 12px;
	}

#footer-link a:hover {
	background-position: 0 -22px;
	}

#f01 {
	background-image: url(../img/f01.gif);
	width: 53px;
	}

#f02 {
	background-image: url(../img/f02.gif);
	width: 125px;
	}

#f03 {
	background-image: url(../img/f03.gif);
	width: 62px;
	}

/*=========================
	2nd Layer Setting
=========================*/
body#top #left-column {
	border-top: 1px solid #d9d9d9;
	}

#topicpath {
	font-size: 11px;
	margin-top: 6px;
	*font-size: 90%;
	}

#bottom-navi {
	position: relative;
	width: 715px;
	height: 50px;
	clear: both;
	margin-top: 36px;
	border-top: 1px solid #d9d9d9;
	}

#bottom-navi p {
	font-size: 11px;
	margin-top: 8px;
	*font-size: 90%;
	}

#bottom-navi span {
	font-size: 11px;
	*font-size: 90%;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	position: absolute;
	top: 8px;
	left: 633px;
	padding-left: 9px;
	}