@charset 'UTF-8';

/*==========================

	** TOC **
	reset
	common module
	center layout

============================*/


/* reset
-------------------------------*/
html {
	height:100%;
}
body,h1,h2,h3,h4,h5,h6,form,p,ul,ol,li,table,tr,th,td,dl,dd,dt{
	margin:0;padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
}
img{border:none;}
li{list-style:none;}
* html h1,
* html h2,
* html h3,
* html h4,
* html h5,
* html table{
	font-size:100%;
}
address{font-style:normal;}



/* common module
------------------------------ */
.clear{
	height:0px;
	clear:both;
}
* html .clear{
	overflow:hidden;
}
.alt {
	position:absolute;
	top:-5000px;
	left:-999px;
}
.floatleft{float:left;}
.floatright{float:right;}
.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}
.bold{
	font-weight:bold;
}
.align_right{
	text-align:right;
}
.align_center{
	text-align:center;
}
.align_left{
	text-align:left;
}
.font07em{
	font-size:0.7em;
}

/* center layout
------------------------------ */
body {
	text-align:center;/* for IE center layout */
	height:100%;
}
#container {
	text-align:left;/*for reset text-align:center;*/
	width:980px;
	margin:0 auto;
}

/* tag size */
.tag a, .tag1 a, .tag2 a {
	color:#336699;
	text-decoration:underline;
	line-height:30px;
	}
.tag a:hover, .tag1 a:hover, .tag2 a:hover {
	color:#0099cc;
	text-decoration:none;
	font-family: "Gothic", "verdane";
	}
.tag .xs, .tag1 .xs, .tag2 .xs {
	font-size:10px;
	font-family: "Gothic", "verdane";
	}

.tag .s, .tag1 .s, .tag2 .s {
	font-size:11px;
	font-family: "Gothic", "verdane";
	}

.tag .m, .tag1 .m, .tag2 .m {
	font-size:12px;
	font-family: "Gothic", "verdane";
	}
.tag .l, .tag1 .l, .tag2 .l {
	font-size:14px;
	font-weight:bold;
	font-family: "Gothic", "verdane";
	}
.tag .xl, .tag1 .xl, .tag2 .xl {
	font-size:20px;
	font-weight:bold;
	font-family: "Gothic", "verdane";
	}
.tag .es, .tag1 .es, .tag2 .es {
	color:#ffffff;
	background:#336699;
	font-size:12px;
	font-family: "Gothic", "verdane";
	}