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

body{
	margin:0;
	padding:0;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:160%;
	background:#ffffff url("../img/body_bg.gif") 50% 0 repeat-x;
	color:#666666;
	text-align:center;
}

img{
	border:0;
	vertical-align:top;
}
h1{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:100%;
	height:59px;
	width:360px;
	position:absolute;
	top:41px;
	left:220px;
}
	h1 a{
		display:block;
		height:68px;
		background:url("../img/header_logo.gif") repeat-x;
		text-indent:-8800px;
		outline:none;
	}
h2{
	margin:0px 0 15px;
	padding:0;
	font-size:100%;
	line-height:100%;
	clear:both;
}
h3{
	margin:15px 15px 10px 10px;
	padding:0.2ex 1ex;
	font-size:100%;
	clear:both;
	background:#f6f5f1;
	border-left:#c9c5a7 solid 3px;
}
p{
	margin:1.4ex 15px;
}
ul,ol{
	margin:1.4ex 15px 1.4ex 15px;
	padding-left:3ex;
}



a:link		{color:#00a0a0;text-decoration:none;}
a:visited	{color:#a000a0;text-decoration:none;}
a:hover		{color:#ff3300;text-decoration:underline;}
a:active	{color:#ff3300;text-decoration:underline;}



.root{
	margin:0 auto;
	padding:0;
	text-align:center;
	width:822px;
	background:url("../img/root_bg.gif") 0 0 repeat-y;
}
.canvas{
	margin:0 auto;
	padding:0 11px;
	text-align:center;
	width:800px;
	background:url("../img/canvas_bg.gif") 0 0 no-repeat;
}
	.header{
		position:relative;
		margin:0 auto;
		padding:0;
		text-align:left;
		height:168px;
		background:url("../img/header_bg.gif") 0 0 no-repeat;
	}
		.menu-lang{
			position:absolute;
			top:0;
			left:578px;
			width:206px;
			height:29px;
			background:url("../img/lang_menu_bg.gif") 0 0 no-repeat;
			margin:0;
			padding:0;
			list-style-type:none;
		}
			.menu-lang-jp{
				position:absolute;
				left:97px;
				top:3px;
				width:56px;
				height:22px;
				overflow:hidden;
			}
				.menu-lang-jp a{
					display:block;
					height:22px;
					background:url("../img/menu_lang_jp.gif") repeat-x;
					text-indent:-8400px;
					outline:none;
				}
				#lang-jp .menu-lang-jp a{
					background-position:0 -22px;
				}
			.menu-lang-en{
				position:absolute;
				left:153px;
				top:3px;
				width:46px;
				height:22px;
				overflow:hidden;
			}
				.menu-lang-en a{
					display:block;
					height:22px;
					background:url("../img/menu_lang_en.gif") repeat-x;
					text-indent:-9200px;
					outline:none;
				}
				#lang-en .menu-lang-en a{
					background-position:0 -22px;
				}
		.side		{
			float:left;
			width:325px;
			padding:0 0 465px;
			background:
			text-align:left;
			background:url("../img/side_bg.jpg") 0 100% no-repeat;
		}

		.main{
			float:right;
			width:460px;
			margin:0;
			padding:0;
			text-align:left;
		}

	.footer{
		clear:both;
		margin:0 auto;
		padding:25px 0;
	}
		.fmenu{
			margin:0 auto 0;
			padding:0.2ex 0;
			background:#f1eee5;
			text-align:right;
		}
		.fmenu a{
			margin:0 1ex;
		}

.clear{clear:both;}
hr.clear{visibility:hidden;}
.caution{color:#ff3300;}
.note{color:#0033ff;}