@charset "utf-8";
/* CSS Document */

/*
* CSS init
*/
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-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	list-style: none;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* */
table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}
caption {
	text-align: left;
}
th {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}
td {
	vertical-align: top;
}
fieldset {
	border: 0;
}
input {
	_margin: -1px 0;
}
sup, sub {
	vertical-align: baseline;
	position: relative;
}
sup {
	top: -4px
}
sub {
	top: 4px
}
img {
	border:none;
}
.center {
	text-align:center;
}
.clearBoth {
	clear: both;
}
.clearBoth span {
	display:none;
}
body {
	background: #FFFFFF url(../img/template/wrap.gif) repeat-x left top;
}
#wrap {
	width: 767px;
	margin-right: auto;
	margin-left: auto;
}
#wrap:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#wrap {
	display: inline-block;
}
/* \*/
* html #wrap {
	height: 1%;
}
#wrap {
	display: block;
}
/* */

/**
 * リンク
 */
a{
color:0066cc;
}
a:hover{
	color:0066cc;
	text-decoration:none;
}
a:vlsted{
	color:0066cc;
}


/**
 * ヘッダ
 */
#header {
	background:url(../img/template/header.gif) no-repeat left top;
	height: 91px;
	padding:0px 0px 0px 20px;
}
#header h1{
	width:607px;
	display:block;
	float:left;
	padding: 3px 0 0 0 ;
}
#header h1 a{
	text-indent: -9999px;
	display:block;
	width:375px;
	height: 70px;
	outline:none;
}
#header ul{
	display:block;
	float:left;
	width: 126px;
}
#header li.jp{
	display:block;
	float:left;
	width: 69px;
	height: 20px;
}
#header li.jp a{
	display:block;
	width: 69px;
	height: 20px;
	float:left;
	text-indent: -9999px;
	outline: none;
}
#header li.jp a.active,
#header li.jp a:hover{
	background: url(../img/template/head_navi_over.gif) no-repeat left top;
}
#header li.en{
	display:block;
	float:left;
	padding: 0 0 0 1px;
	width: 53px;
	height: 20px;
}
#header li.en a{
	display:block;
	width: 56px;
	height: 20px;
	float:left;
	text-indent: -9999px;
	outline: none;
}
#header li.en a.active,
#header li.en a:hover{
	background: url(../img/template/head_navi_over.gif) no-repeat -70px top;
}
/**
 * メニュ
 */
#navi{
	float:left;
	width:151px;
	background:url(../img/template/menu_bottom.gif) no-repeat left bottom;
	padding: 0 0 7px 0;
}
#navi ul.global{
	clear:both;
	display:block;
	padding: 0 0 0 3px;
	background: url(../img/template/menu.gif) no-repeat left top;
}
#navi ul.global li{
	display: inline;
}
#navi ul.global a{
	display:block;
	text-indent: -9999px;
	outline: none;
	width:142px;
}
#navi ul.global .A a{
	height: 49px;
}
#navi ul.global .B a{
	height: 48px;
}
#navi ul.global .C a{
	height: 48px;
}
#navi ul.global .D a{
	height: 48px;
}
#navi ul.global .E a{
	height: 48px;
}
#navi ul.global .F a{
	height: 48px;
}
#navi ul.global .G a{
	height: 48px;
}
#navi ul.global .H a{
	height: 48px;
}
#navi ul.global .A a.active,
#navi ul.global .A a:hover{
	background:url(../img/template/menu.gif) -154px top;
}
#navi ul.global .B a.active,
#navi ul.global .B a:hover{
	background:url(../img/template/menu.gif) -154px -49px;
}
#navi ul.global .C a.active,
#navi ul.global .C a:hover{
	background:url(../img/template/menu.gif) -154px -97px;
}
#navi ul.global .D a.active,
#navi ul.global .D a:hover{
	background:url(../img/template/menu.gif) -154px -145px;
}
#navi ul.global .E a.active,
#navi ul.global .E a:hover{
	background:url(../img/template/menu.gif) -154px -241px;
}
#navi ul.global .F a.active,
#navi ul.global .F a:hover{
	background:url(../img/template/menu.gif) -154px -289px;
}
#navi ul.global .G a.active,
#navi ul.global .G a:hover{
	background:url(../img/template/menu.gif) -154px -337px;
}
#navi ul.global .H a.active,
#navi ul.global .H a:hover{
	background:url(../img/template/menu.gif) -154px -193px;
}
#navi form{
	display:inline;
}
#navi h5{
	display: none;
}
#navi fieldset{
	display:block;
	background:url(../img/template/login.gif) no-repeat left top;
	height: 120px;
}
#navi legend,
#navi label{
	display:none;
	text-indent: -9999px;
}
#navi .text{
	display: block;
	padding: 41px 0 0 63px;
}
#navi .password{
	display: block;
	padding: 3px 0 0 37px;
	_padding: 2px 0 0 37px;
	float:left;
	width:71px;
}
#navi .submit{
	padding: 3px 0 0 0px;
	display: block;
	float:left;
	width:31px;
	height:18px;
}
#navi .text input{
	width:60px;
	padding:2px;
	height: 14px;
	margin:0;
	border:none;
	outline:none;
	display:block;
	background: transparent url(../img/template/transparent.gif) ;
}
#navi .password input{
	width:66px;
	padding:6px 0 0 0;
	height: 13px;
	margin:0;
	border:none;
	outline:none;
	display:block;
	background: transparent url(../img/template/transparent.gif) ;
	font-size:8px;
}
#navi .submit input{
	border:none;
	background: transparent url(../img/template/transparent.gif) ;
	display: block;
	width:31px;
	height:18px;	
	text-indent: -9999px;
	cursor:pointer;
}
#navi #repassword{
	display:block;
	clear:both;
	padding: 8px 0 0 11px;
	_padding: 6px 0 0 11px;
	height:9px;
}
#navi #repassword input{
	display:block;
	height:9px;
	width:80px;
	text-indent: -9999px;
	margin:0;
	border:none;
	outline:none;
	background: url(../img/template/to_repassword.gif) no-repeat left top;
	overflow:hidden;
	cursor:pointer;
}
#navi #repassword input.hover{
	background:url(../img/template/to_repassword.gif) no-repeat left -9px;
}
#navi #help{
	display:block;
	clear:both;
	padding: 5px 0 0 11px;
	height:9px;
}
#navi #help a{
	display:block;
	height:9px;
	width:35px;
	text-indent: -9999px;
	outline: none;
	background: url(../img/template/to_help.gif) no-repeat left top;
	overflow:hidden;
}
#navi #help a:hover{
	background:url(../img/template/to_help.gif) no-repeat left -9px;
}


/**
 * banner
 */
#rightBanner{
	float:left;
	width:141px;
	padding: 10px 0 0 5px;
	text-align:center;
}

/**
 * コンテンツ
 */
#main {
	width: 755px;
	padding: 0px 8px 24px 4px;
	background:url(../img/template/main_back.gif) repeat-y;
}
#main:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#main {
	display: inline-block;
}
/* \*/
* html #main {
	height: 1%;
}
#main {
	display: block;
}
/* */

#contents {
	width: 575px;
	float:right;
	padding: 20px 14px 0 15px;
}
/**
 * フッタ
 */
#footer {
	clear:both;
	background: url(../img/template/main_bottom.gif) no-repeat left top;
	padding: 11px 0 0 0 ;
}
#banner {
	background: url(../img/template/footer_bottom.gif) no-repeat left bottom;
	padding: 0 0 11px 0;
}
#banner ul{
	padding: 14px 0 3px 0 ;
	display:block;
	background: url(../img/template/footer_back.gif) repeat-y left;
	text-align:center;
}
#banner li{
	display: inline;
}
#banner img{
	margin: 0 4px;
}
#footer dl{
	padding: 12px 0 0 0 ;
}
#footer dt{
	font-size: 0.75em;
	text-align:center;
	font-weight:bold;
	line-height:150%;
	padding: 0px 0 5px 0 ;
}
#footer dd{
	font-size: 0.69em;
	text-align:center;
}