@charset "shift-JIS";

/* Browser-style reset
------------------------------------------------------------ */
html {
	margin: 0;
	padding: 0;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));/* No More IE6 Background Flicker */
	}
body {
	text-align: center;/* for ie6 bug */
	}
body,th,td {
	font-family: "Trebuchet MS","Arial","‚l‚r ‚oƒSƒVƒbƒN","Osaka";
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #424549;
	line-height: 1.4em;
	}
table {
	border-collapse: collapse;
	}
form,p {
	margin: 0;
	padding: 0;
	}
a,label{
	cursor: pointer;
	}
img {
	border:none;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
	}
li,ul{
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	font-size: 0;
	border:none;
	line-height: 0;
	}
pre {
	margin: 0;
	padding: 0;
	}
a:link {
	color: #ffcc33;
	text-decoration: none;
	}
a:visited {
	color: #b18e26;
	text-decoration: none;
	}
a:hover {
	color: #af1600;
	text-decoration: underline;
	}
a:active {
	color: #ffe69d;
	text-decoration: underline;
	}

/* for non-CSS
------------------------------------------------------------ */
.aid {
	position: absolute;
	left: -9999px;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

/* text color
------------------------------------------------------------ */
.fontyellow {
	color: #dfad00;
	}
/* column setting (layout only)
------------------------------------------------------------ */
/* common */
html {
	height: 100%;
	}
body {
	height: 100%;
	background-color:#750004;
	}
#all{	
	margin: 0 auto 0 auto;
	min-height: 100%;
	text-align: left;
	position:relative;
	}
#popup{
	margin: 0 auto 0 auto;
	min-height: 100%;
	height:100%;
	width:100%;
	background-color:#FFFFFF;

}
* html #all {
	height: 100%;
	}

/* clearfix
------------------------------------------------------------ */
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
	}
.clearfix {
	min-height: 1px;
	display: inline-block;
	}
/* exlude MacIE5 \*/
* html .clearfix { 
	height: 1%;
	}
.clearfix {
	display:block;
	}
.clear {
	clear:both;
	}
/* end MacIE5 */

/* common item
------------------------------------------------------------ */
.fontfix {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN";
	}
	
/* common fonts
------------------------------------------------------------ */
.alertfont {
	font-size:10px;
}

.darkblue,
a:hover.darkblue,
a:visited.darkblue,
a:active.darkblue,
a:link.darkblue{
	color:#085b88;
}

.lightyellow,
a:hover.lightyellow,
a:visited.lightyellow,
a:active.lightyellow,
a:link.lightyellow{
	color:#ffd490;
}
.alertred,
a:hover.alertred,
a:visited.alertred,
a:active.alertred,
a:link.alertred{
	color:#ff0009;
}
		
.bold{
	font-weight:bold;
}


/* common parts
------------------------------------------------------------ */



#all{	
	width:710px;
	/*background-color:#ccc;*/
	}

.center{
	text-align:center;
	}

#all #topheader{
	position:relative;
 	width:710px;
	height:430px;
	}
	
#all #subheader{
	position:relative;
 	width:710px;
	height:187px;
	}
	
	
#all #topheader #subnavi,
#all #subheader #subnavi{
	position:absolute;
	top:0px;
 	left:490px;
 	width:220px;
	height:17px;
	text-aigin:right;
	/*background-color:#ccc;*/
	}
	
#all #topheader #subnavi .tip,
#all #subheader #subnavi .tip{
	position:relative;
 	width:11px;
	height:17px;
	background: url(../img/common/navi_tip.gif) no-repeat;
	display:block;
	margin-left:10px;
	float:left;
	display: inline;

	}
	
#all #topheader #subnavi .batp,		
#all #subheader #subnavi .batp{
	position:relative;
 	width:29px;
	height:17px;
	background: url(../img/common/navi_top.gif) no-repeat;
	background-position: 0 0;
	display:block;
	float:left;
	}
#all #topheader #subnavi .cont,
#all #subheader #subnavi .cont{
	position:relative;
 	width:67px;
	height:17px;
	background: url(../img/common/navi_cont.gif) no-repeat;
	background-position: 0 0;
	display:block;
	float:left;
	}
	
#all #topheader #subnavi .map,
#all #subheader #subnavi .map{
	position:relative;
 	width:60px;
	height:17px;
	background: url(../img/common/navi_sitmap.gif) no-repeat;
	background-position: 0 0;
	display:block;
	float:left;
	}
	
#all #topheader #subnavi a:hover.batp,
#all #topheader #subnavi a:hover.cont,
#all #topheader #subnavi a:hover.map,
#all #subheader #subnavi a:hover.batp,
#all #subheader #subnavi a:hover.cont,
#all #subheader #subnavi a:hover.map{
	background-position:  0 -17px;
	}
	
	
	
#all #topheader #topmenuflash{
	position:absolute;
	top:17px;
 	left:0px;
 	width:509px;
	height:142px;
}
#all #topheader #topeventflash{
	position:absolute;
	top:159px;
 	left:0px;
 	width:710px;
	height:271px;
}
#all #subheader #subflash{
	position:absolute;
	top:17px;
 	left:0px;
 	width:509px;
	height:170px;
}



	
#all #topheader #loginBefore,
#all #topheader #loginAfter{
	position:absolute;
	top:17px;
 	left:509px;
 	width:201px;
	height:142px;
}
	
#all #subheader #loginBefore,
#all #subheader #loginAfter{
	position:absolute;
	top:17px;
 	left:509px;
 	width:201px;
	height:170px;
}

#all #topheader #loginBefore,
#all #subheader #loginBefore{
	background: url(../img/common/acount_bgloginBefore.jpg) no-repeat;
	background-position: 0 0;
}

#all #topheader #loginBefore .text,
#all #subheader #loginBefore .text{
	position:absolute;
	top:110px;
 	left:45px;
 	width:147px;
	height:25px;
	font-size: 10px;
	color:#ccc;
	line-height:14px;
}

#all #topheader #loginBefore .mail,
#all #topheader #loginBefore .pass,
#all #subheader #loginBefore .mail,
#all #subheader #loginBefore .pass{
	position:absolute;
	top:36px;
 	left:85px;
 	width:90px;
	height:16px;
	font-size:12px;
	margin:0;
	padding:0;
	background:none;
	border:none;
}

#all #topheader #loginBefore .pass,
#all #subheader #loginBefore .pass{
	top:62px;
}

#all #topheader #loginBefore .checkbox,
#all #subheader #loginBefore .checkbox{
	position:absolute;
	top:108px;
 	left:23px;
 	width:14px;
	height:14px;
	font-size:10px;
}

#all #topheader #loginBefore a.btLogin,
#all #subheader #loginBefore a.btLogin{
	position:absolute;
	top:89px;
 	left:72px;
 	width:68px;
	height:22px;
	background: url(../img/common/bt_login.gif) no-repeat;
	background-position: 0 0;
}

#all #topheader #loginBefore a:hover.btLogin,
#all #subheader #loginBefore a:hover.btLogin{
	background: url(../img/common/bt_login.gif) no-repeat;
	background-position: 0 -22px;
}


#all #topheader #loginAfter,
#all #subheader #loginAfter{
	background: url(../img/common/acount_bglogout.jpg) no-repeat;
	background-position: 0 0;
}

#all #topheader #loginAfter .text,
#all #subheader #loginAfter .text{
	position:absolute;
	top:35px;
 	left:13px;
 	width:180px;
	height:50px;
	color:#ccc;
	line-height:14px;
	text-align:center;
	line-height:16px;
}

#all #topheader #loginAfter a.btLogout,
#all #subheader #loginAfter a.btLogout{
	position:absolute;
	top:92px;
 	left:70px;
 	width:68px;
	height:22px;
	background: url(../img/common/bt_logout.gif) no-repeat;
	background-position: 0 0;
}

#all #topheader #loginAfter a:hover.btLogout,
#all #subheader #loginAfter a:hover.btLogout{
	background: url(../img/common/bt_logout.gif) no-repeat;
	background-position: 0 -22px;
}

#all #topheader #logo,
#all #subheader #logo{
	position:absolute;
	top:2px;
 	left:5px;
 	width:148px;
	height:58px;
}





/* coppyright
------------------------------------------------------------ */
#all #copyright{
	position:relative;
 	width:710px;
	height:59px;
	background: url(../img/common/copyright.jpg) no-repeat;
	text-align:center;
}
#all #copyright .navi{
	padding-top:15px;
	font-size:10px;
	color:#ddd;
}
#all #copyright .navi a:link,
#all #copyright .navi a:active,
#all #copyright .navi a:visited,
#all #copyright .navi a:link{
	color:#CCC;
}