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

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

img{
	border:0;
	vertical-align:top;
}
h1{
	margin:0;
	padding:80px 0 7px 60px;
	font-size:100%;
	line-height:100%;
	height:36px;
	width:280px;
}
	h1 a{
		display:block;
		height:36px;
		background:url("../img/header_logo.gif") repeat-x;
		text-indent:-9800px;
		outline:none;
	}
h2{
	margin:0 0 5px;
	padding:0;
	font-size:100%;
	line-height:100%;
}

h3{
	margin:10px 5px;
	padding:0.5ex;
	font-size:100%;
	line-height:100%;
	background:url("../img/h3_bg.gif") 0 50% repeat-x;
	border-width:1px 1px 1px 5px;
	border-style:solid;
	border-color:#cccccc;
	border-left-color:#333333;
}
p{
	margin:1ex 10px;
}

form{
	margin:0;
	padding:1px 0;
}

fieldset{
	margin:10px 0 20px;
}

legend{
	color:#666699;
}




.root{
	width:958px;
	margin:0 auto;
	padding:0;
	background:url("../img/root_bg.gif") repeat-y;
}
.canvas{
	width:850px;
	margin:0;
	padding:0 54px;
	background:url("../img/canvas_bg.gif") no-repeat;
	text-align:left;
}
	.header{
		width:850px;
		background:url("../img/header_bg.gif") no-repeat;
		position:relative;
		margin:0 0 22px;
	}
		.hmenu{
			position:absolute;
			top:0;
			left:650px;
			width:200px;
			margin:0;
			padding:0;
			list-style-type:none;
		}
			.hmenu li{
				float:left;
				margin:0;
				padding:0 0 0 5px;
				width:95px;
			}
			.hmenu li a{
				display:block;
				text-indent:-9500px;
				height:36px;
				outline:none;
			}
			.hmenu li.hmenu-toppage a{background:url("../img/hmenu_toppage.gif") 0 100% repeat-x;}
			.hmenu li.hmenu-contact a{background:url("../img/hmenu_contact.gif") 0 100% repeat-x;}
	
			.hmenu li a:hover,
			.hmenu li a:active{
				height:42px;
			}
	
		.header-img{
			margin-top:8px;
			padding:0 13px 12px;
			background:url("../img/header_bottom.gif") 0 100% no-repeat;
		}

	.side{
		width:204px;
		float:left;
		padding:0 2px 50px;
	}
		.gmenu{
			width:204px;
			margin:0;
			padding:0 0 8px;
			list-style-type:none;
			background:url("../img/gmenu_footer.gif") 0 100% no-repeat;
		}
			.gmenu ul{
				margin:0;
				padding:0;
				list-style-type:none;
			}
			.gmenu li{
				margin:0;
				padding:0;
			}
			
			.gmenu01 .gmenu-head,
			.gmenu02 .gmenu-head,
			.gmenu03 .gmenu-head,
			.gmenu04 .gmenu-head{
				display:block;
				text-indent:-9996px;
				height:39px;
			}
			.gmenu01 .gmenu-head{
				height:40px;
				background:url("../img/gmenu01_head.gif") 0 100% repeat-x;
			}
			.gmenu02 .gmenu-head{
				background:url("../img/gmenu02_head.gif") 0 100% repeat-x;
			}
			.gmenu03 .gmenu-head{
				background:url("../img/gmenu03_head.gif") 0 100% repeat-x;
			}
			.gmenu04 .gmenu-head{
				background:url("../img/gmenu04_head.gif") 0 100% repeat-x;
			}
			
			.gmenu li a{
				display:block;
				text-indent:-9996px;
				height:27px;
				outline:none;
			}
			.gmenu li.gmenu01-01 a	{background:url("../img/gmenu01_01.gif") 0 0 repeat-x;}
			.gmenu li.gmenu01-02 a	{background:url("../img/gmenu01_02.gif") 0 0 repeat-x;}
			.gmenu li.gmenu01-03 a	{background:url("../img/gmenu01_03.gif") 0 0 repeat-x;}
			.gmenu li.gmenu02-01 a	{background:url("../img/gmenu02_01.gif") 0 0 repeat-x;}
			.gmenu li.gmenu02-02 a	{background:url("../img/gmenu02_02.gif") 0 0 repeat-x;}
			.gmenu li.gmenu02-03 a	{background:url("../img/gmenu02_03.gif") 0 0 repeat-x;}
			.gmenu li.gmenu03-01 a	{background:url("../img/gmenu03_01.gif") 0 0 repeat-x;}
			.gmenu li.gmenu03-02 a	{background:url("../img/gmenu03_02.gif") 0 0 repeat-x;}
			.gmenu li.gmenu03-03 a	{background:url("../img/gmenu03_03.gif") 0 0 repeat-x;}
			.gmenu li.gmenu04-01 a	{background:url("../img/gmenu04_01.gif") 0 0 repeat-x;}
			.gmenu li.gmenu04-02 a	{background:url("../img/gmenu04_02.gif") 0 0 repeat-x;}
			.gmenu li.gmenu04-03 a	{background:url("../img/gmenu04_03.gif") 0 0 repeat-x;}
	
			.gmenu li a:hover,
			.gmenu li a:active{
				background-position:0 -27px;
			}

			.side-bnnr{
				margin:20px 0;
				padding:0;
				list-style-type:none;
			}
			.side-bnnr li{
				margin:10px 0;
				padding:0;
				text-align:center;
			}

	.main{
		float:right;
		width:620px;
		padding-right:5px;
	}

	.footer{
		clear:both;
		background:url("../img/footer_bg.gif") no-repeat;
		height:158px;
		position:relative;
	}
		.footer-copy{
			position:absolute;
			overflow:hidden;
			width:340px;
			height:16px;
			top:104px;
			left:500px;
		}
		.footer-create{
			position:absolute;
			overflow:hidden;
			width:340px;
			height:14px;
			top:127px;
			left:500px;
			visibility:hidden;
		}
				.footer-copy a{
					display:block;
					text-indent:-9860px;
					height:14px;
					background:url("../img/footer_txt_copy.gif") 0 0 repeat-x;
				}
				.footer-create a{
					display:block;
					text-indent:-9860px;
					height:16px;
					background:url("../img/footer_txt_create.gif") 0 0 repeat-x;
				}


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


/* index.html */

.index-3recommends{
	margin:0;
	padding:0;
	list-style-type:none;
}
.index-3recommends li{
	margin:0;
	padding:0px 10px 10px 0;
	float:left;
}



.news-table,
.news-table td,
.news-table th{
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	vertical-align:top;
}
.news-table tr{
	background:url("../../img/index_line_news.gif") 0 100% repeat-x;
}

.news-table{
	width:100%;
}
.news-table td{
	padding:0.6ex 0 0.6ex 10px;
}
.news-table th{
	padding:0.6ex 0 0.6ex 0;
}

/* contact */

.form-table textarea{
	width:400px
}
.form-table{
	margin:1ex 10px;
}
.form-table th{
	background:#f9f3e9;
	padding:0 1ex;
}