/*==============================
	body
==============================*/
body {
	text-align:			left;
	background-color:	#ffffff;
	color:				#000000;
}
a {
	color:				#000000;
	text-decoration:	none;
}
a:hover {
	color:				#7f7f7f;
}
h1 {
}
div#container {
	width:				700px;
	margin:				0 auto;
}

	div#header {
		width:			700px;
	}
		div#header h1 {
		margin: 		65px 0 35px 0;
		}
	div#footer {
		margin:			150px 0 0 0;
		text-align:		center;
	}
    	div#footer p {
    		margin:		10px 0 65px 0;
    	}
/*==============================
	main
==============================*/
div#main {
	margin:				20px 0 0 0;
}
	div#about {
	}
		div#about p {
			margin:			15px 0 0 35px;
		}
	div#info {
			margin-bottom:	50px;
	}
		div#info h2 {
			margin:			50px 0 25px 0;
		}
		div#info h3 {
			margin:			0 0 10px 35px;
		}
		div#info dl#left {
			width:			200px;
			margin-left:	35px;
			float:			left;
		}
		div#info dl#right {
			width:			320px;
			float:			right;
		}
		div#info dt {
			font-weight:	bold;
		}
		div#info dd {
			margin-left:	35px;
		}
	div#member1,
	div#member2,
	div#member3 {
		clear:				both;
		margin-bottom:		50px;
	}
		div#member1 h2,
		div#member2 h2,
		div#member3 h2 {
			margin:			0 0 15px 0;
		}
	div#sample {
			clear:			both;
			margin-bottom:	50px;
	}
		div#sample_text {
			width:			630px;
			margin:			25px 0 0 35px;
			background:		url(../img/bg.jpg) no-repeat right;
		}
		div#sample h2 {
		}
		div#sample h3 {
		}
		div#sample p {
			width:			430px;
			margin:			20px 0 30px 15px;
		}
	div#jacket {
		margin-bottom:		50px;
	}
		div#jacket p {
			margin-top:		15px;
			text-align:		center;
		}
	div#banner {
	}
		div#banner_wrap {
			margin-top:		25px;
			text-align:		center;
		}
		div#banner p {
			margin:			15px 0 15px 0;
		}
/*==============================
	menu
==============================*/
div#member1 ul,
div#member2 ul,
div#member3 ul {
	width:					630px;
	margin:					0 0 0 35px;
}
div#member1 ul li,
div#member2 ul li,
div#member3 ul li {
	float:					left;
}
div#member1 ul li a,
div#member2 ul li a,
div#member3 ul li a {
	display:				block;
	height:					60px;
	width:					305px;
	margin-bottom:			10px;
}
	ul#mem1 li a {
		background-image:	url(../img/m_01.gif);
	}
	ul#mem2 li a {
		background-image:	url(../img/m_02.gif);
	}
	ul#mem3 li a {
		background-image:	url(../img/m_03.gif);
	}
	ul#mem4 li a {
		background-image:	url(../img/m_04.gif);
	}
	ul#mem5 li a {
		background-image:	url(../img/m_05.gif);
	}
	ul#mem6 li a {
		background-image:	url(../img/m_06.gif);
	}
	ul#mem7 li a {
		background-image:	url(../img/m_07.gif);
	}
	span.text_visible {
		visibility:	hidden;
	}
	li.mem1 a {
		background-position:	0 0;
	}
	li.mem1 a:hover {
		background-position:	0 60px;
	}
	li.mem2 a {
		background-position:	325px 0;
		margin-left:			15px;
	}
	li.mem2 a:hover {
		background-position:	325px 60px;
		margin-left:			15px;
	}