@charset "utf-8";

@import url("common.css");

a:link{color:#000000; text-decoration:underline;}
a:visited{color:#000000; text-decoration:underline;}
a:active{color:#555555; text-decoration:underline;}
a:hover{color:#555555; text-decoration:underline;}

body {	
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../../common/img/bg_main.gif);
	text-align: center;
	font-size:11px;
	font-family: Arial, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:160%;
	color:#111111;
	}

a.img_alp:hover img {
	filter:Alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
a.img_alp:active img {
	filter:Alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
}

.on {
	filter:Alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50
	}

#page-title { display:none;}

h1,h2,h3,h4,h5,h6,
p,
ul,ol,li,dl,dt,dd,
img,
form {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
	font-weight: normal;
	border: 0;}

/*floatの回り込み解除 START*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}

.clearfix {
	min-height: 1px;
	}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
/*floatの回り込み解除 END*/

#header {
	width:880px;
	}

#header_left {
	float:left;
	margin:18px 0 0 0;
	}

#header_right {
	float:right;
	text-align:right;
	margin:35px 0px 0px 0;
	}

#sub_navi {
	margin:25px 0px 4px 0;
	}

#flash_image {
	width:880px;
	}

#title_image {
	text-align:left;
	margin:10px 0 10px 0;
	}

#wrapper {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	padding-left:20px;
	padding-bottom:20px;
	}

#container1{
	width:880px;
	margin:20px 0px 0px 0;
	}

#container2{
	width:880px;
	}

#container_error{
	width:880px;
	height:250px;
	text-align:left;
	margin:50px 0px 0px 0;
	}

#local_navi {
	text-align:right;
	}

#footer {
	width: 880px;
	float: left;
	padding: 60px 0 5px;
	}

#footer ul {
	width: 500px;
	float: left;}

#footer li {
	width: 102px;
	float: left;
	text-align: left;}

#footer p {
	float: right;
	}

#footer p.footerLogo {
	padding: 0;}
	
#footer a:link{color:#333333; text-decoration:none;}
#footer a:visited{color:#333333; text-decoration:none;}
#footer a:active{color:#555555; text-decoration:underline;}
#footer a:hover{color:#555555; text-decoration:underline;}

#contents {
width:880px;
	text-align:left;
	padding:20px 0px 0px 0px;
	}

#contact_body{
width:880px;
height:auto;
}
#contact_body a:link{color:#111111;text-decoration:underline;}
#contact_body a:visited{color:#111111;text-decoration:underline;}
#contact_body a:active{color:#2D2D2D;text-decoration:underline;}
#contact_body a:hover{color:#2D2D2D;text-decoration:none;background:#EAEAEA;position:relative; top:1px;left:1px;}

.table01{
	border-collapse:collapse;
	border-left:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
	border-top:#111111 solid 1px;
	border-bottom:#111111 solid 1px;
	}
.table01 th {
	border:#cccccc dotted 1px;
	width:55px;
	text-align:right;
	}
.table01 td {
	border-bottom:#cccccc dotted 1px;
	}

.table02{
	border-collapse:collapse;
	border-left:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
	border-top:#111111 solid 1px;
	border-bottom:#111111 solid 1px;
	}
.table02 th {
	border:#cccccc dotted 1px;
	width:250px;
	text-align:right;
	}
.table02 td {
	border-bottom:#cccccc dotted 1px;
	}

.chara_box {
	float:left;
	width:250px;
	margin-left:20px;
	margin-bottom:30px;
	}

#tab {
	border-bottom:#000000 solid 3px;
	margin-bottom:10px;
	}

.tabbox {
	width:820px;
	height:1200px;
	overflow:hidden;
	position:relative;
	}

.tabinner {
	width:1940px;
	position:absolute;
	top:0;left:0px;
	}

.tab {
	width:820px;
	float:left;
	}