/*----------------------------------------------------------
	File Name   common.css

	1. Base Style
	2. Navigation Style
	3. Footer Style
	4. Introbar Style
	5. Container Style
		- Submenu Style
		- Contents Style
	*. Clearfix
	**. FontSize & Color  & Line Style
*/
/*----------------------------------------------------------
	1. Base Style
-----------------------------------------------------------*/
html,body {
	background: #121212 url(../images/common/bg_body.gif) 0 0 repeat-x;
	color: #fff;
}
.clear {
	clear: both;
	font-size: 0.1px;
	height: 0;
	line-height: 0;
}
.clear hr {
	display: none;
}
/*----------------------------------------------------------
	2. Navigation Style
-----------------------------------------------------------*/
div#navigation {
	margin: 0 auto;
	padding: 0 5px;
	width: 900px;
	height: 255px;
	text-align: center;
	color: #666;
}
div#navigation div#flash_navigation {
	width: 900px;
	height: 240px;
}
div#navigation div#flash_navigation h1,
div#navigation div#flash_navigation h2 {
	display: none;
}
div#navigation div#flash_navigation div.swap {
	padding: 100px 0 0 0;
}
/*----------------------------------------------------------
	3. Footer Style
-----------------------------------------------------------*/
div#footer {
	background: url(../images/common/footer/bg.gif) 0 0 repeat-x;
}
div#footer div.in {
	position: relative;
	margin: 0 auto;
	width: 910px;
	height: 100px;
}
div#footer p {
	position: absolute;
}
div#footer p.info {
	top: 22px; left: 0;
}
div#footer p.copyright {
	top: 27px; right: 5px;
	line-height: 1.4em;
	font-family:Tahoma,sans-serif;
}
/*----------------------------------------------------------
	4. Introbar Style
-----------------------------------------------------------*/
div#introbar {
	height: 54px;	
	background: #000 url(../images/common/bg_introbar.gif) 0 0 repeat-x;
}
div#introbar div {
	margin: 0 auto;
	padding: 0 5px;
	width: 900px;
	height: 54px;
	background: url(../images/common/submenu/bg_t.gif) 0 bottom no-repeat;
}
div#introbar div h3 {
	padding: 7px 0 0 0;
}
/*----------------------------------------------------------
	5. Container Style
-----------------------------------------------------------*/
div#container {
	margin: 0 auto;
	width: 910px;
	min-height: 460px;
}
*html div#container {
	height: 460px;
}

/*	Submenu Style	*/
div#container div#submenu {
	float: left;
	padding: 0 0 90px 0;
	width: 216px;
	background: url(../images/common/submenu/bg_b.gif) 0 bottom no-repeat;
}
div#container div#submenu ul {
	width: 216px;
}
div#container div#submenu ul li {
	float: left;
	width: 216px;
	background: url(../images/common/submenu/bg.gif) 0 0 no-repeat;
	font-weight: bold;
}
div#container div#submenu ul li.fs {
	background: url(../images/common/submenu/bg_f.gif) 0 0 no-repeat;
}
div#container div#submenu ul li.sub_fs {
	background: url(../images/common/submenu/bg_f.gif) 0 0 no-repeat;
}
div#container div#submenu ul li.sub {
	background: url(../images/common/submenu/bg_sub.gif) 0 0 no-repeat;
}
div#container div#submenu ul li.sub2 {
	background: url(../images/common/submenu/bg_sub.gif) 0 0 no-repeat;
}
div#container div#submenu ul li a {
	display: block;
	padding: 11px 4px 9px 28px;
	margin: 0 8px;
	color: #fff;
	text-decoration: none;
	line-height: 17px;
}
div#container div#submenu ul li a:hover {
	color: #f00;
}
div#container div#submenu ul li a.on {
	color: #f00;
}
div#container div#submenu ul li a span {
	margin: 0 0 0 5px;
	font-size:86%;
	font-family:Tahoma,sans-serif;
	color: #fc0;
}
div#container div#submenu ul li.sub_fs a {
	padding: 11px 4px 4px 28px;
	margin: 0 8px;
}
div#container div#submenu ul li.sub_top a {
	padding: 11px 4px 4px 28px;
	margin: 0 8px;
}
div#container div#submenu ul li.sub a {
	padding: 0px 4px 9px 28px;
	margin: 0 8px;
}
div#container div#submenu ul li.sub2 a {
	padding: 0px 4px 0px 28px;
	margin: 0 8px;
	line-height: 16px;
}

/*	Contents Style	*/
div#container div#contents {
	float: right;
	width: 680px;
	padding: 0 0 20px 0;
}
/*----------------------------------------------------------
	*. Clearfix
-----------------------------------------------------------*/
div#container:after, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#container, .clearfix {
	zoom: 1;
}
/*----------------------------------------------------------
	**. FontSize & Color Style & Line
-----------------------------------------------------------*/
.line_dot {
	height: 60px;
	background: url(../images/common/line/dot_line.gif) repeat-x  0 center;
}
.collor_w {
	color: #fff;
}
.collor_w10 {
	font-size:63%;
	line-height: 1.5em;
}
.collor_w12 {
	font-size:75%;
	line-height: 1.5em;
}
.collor_w14 {
	font-size:88%;
	line-height: 1.4em;
	font-weight: bold;
}
.collor_y14 {
	font-size:88%;
	line-height: 1.4em;
	font-weight: bold;
	color: #fc0;
}
.collor_y {
	color: #fc0;
}
.collor_r14 {
	font-size:88%;
	line-height: 1.4em;
	font-weight: bold;
	color: #f00;
}
.collor_r12 {
	font-size:75%;
	line-height: 1.4em;
	font-weight: bold;
	color: #f00;
}
.collor_r {
	color: #f00;
}
.collor_r {
	color: #f00;
}
.msp {
	padding: 0 4px 0 0;
	font-family: "MS ゴシック","Osaka";
}