/* BASE
---------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" ,Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
	font-size: 0.75em;
	color: #666666;
	line-height: 1.5;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: 0.1em;
	white-space: normal;
}
img {
	border: 0;
}
hr {
	display: none;
}
p {
	margin: 0;
	padding: 3px 0;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover,a:active {
	text-decoration: underline;
}
/* CONTAINER
---------------------------------------------- */
#container {
	width: 970px;
	margin: auto;
	padding: 0;
	text-align: left;
}
/* HEADER
---------------------------------------------- */
#header {
	width: 970px;
	margin: auto;
	padding: 0;
	text-align: center;
}
#header h1 {
	margin: 0;
	padding: 3px 0 0 0;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
/* MAIN
---------------------------------------------- */
#main-menu {
	width: 780px;
	float: left;
	margin: 0;
	padding: 0;
}
#main {
	width: 590px;
	float: right;
	margin: 0;
	padding: 0;
	text-align: center;
}
#main_top {
	width: 590px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/bg_01.gif) center no-repeat;
}
#main_mid {
	width: 590px;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../images/bg_02.gif) center repeat-y;
}
#main_cnt1 {
	width: 530px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 0.9em;
}
#main_cnt2 {
	width: 550px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #ECECEC;
}
#main_cnt3 {
	width: 530px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
}
#main_btm {
	width: 590px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/bg_03.gif) center no-repeat;
}
/* MENU
---------------------------------------------- */
#menu {
	width: 190px;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: center;
}
#menu_top {
	width: 190px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(/images/left_bg_01.gif)  no-repeat;
	text-align: center;
}
#menu_mid {
	width: 190px;
	margin: 0;
	padding: 0;
	background: url(/images/left_bg_02.gif) repeat-y;
}
#menu_cnt {
	width: 180px;
	margin: 0 auto;
	padding: 0;
	background: url(/images/menu.gif) left no-repeat;
	text-align: left;
}
#menu_cnt ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu_cnt li, #menu_cnt a{
	display: block;
	width: 180px;
	height: 30px;
}
#menu_cnt li{
	text-indent: -9999px;
}
#menu_cnt a{
	width: 180px;
	height: 30px;
	text-decoration: none;
	background: url(/images/menu.gif) no-repeat;
}
#home a{background-position: 0 0;}
#home a:hover{background-position: -180px 0px;}
#home_on a{background-position: -180px 0px;}

#blog a{background-position: 0px -30px;}
#blog a:hover{background-position: -180px -30px;}
#blog_on a{background-position: -180px -30px;}

#download a{background-position: 0px -60px;}
#download a:hover{background-position: -180px -60px;}
#download_on a{background-position: -180px -60px;}

#gallery a{background-position: 0px -90px;}
#gallery a:hover{background-position: -180px -90px;}
#gallery_on a{background-position: -180px -90px;}

#link a{background-position: 0px -120px;}
#link a:hover{background-position: -180px -120px;}
#link_on a{background-position: -180px -120px;}

#mail a{background-position: 0px -150px;}
#mail a:hover{background-position: -180px -150px;}
#mail_on a{background-position: -180px -150px;}

#menu_btm {
	width: 190px;
	height: 110px;
	margin: 0;
	padding: 0;
	background: url(/images/left_bg_03.gif) no-repeat;
}
/* BANNER
---------------------------------------------- */
#banner {
	width: 190px;
	float: right;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: center;
}
#banner_top {
	width: 190px;
	height: 80px;
	margin: 0;
	padding: 0;
	background: url(/images/right_bg_01.gif) no-repeat;
}
#banner_mid {
	width: 190px;
	margin: 0;
	padding: 0;
	background: url(/images/right_bg_02.gif) repeat-y;
	text-align: center;
}
#banner_btm {
	width: 190px;
	height: 80px;
	margin: 0;
	padding: 0;
	background: url(/images/right_bg_03.gif) bottom no-repeat;
}
/* FOOTER
---------------------------------------------- */
#footer {
	clear: both;
	width: 970px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}
#footer a{
	color: #666666;
}
/* OTHER
---------------------------------------------- */
.font_s {
	font-size: 0.9em;
}
.wht {
	color: #FFFFFF;
}
.grn {
	color: #006600;
}