@charset "EUC-JP";
*{font-family	: "ＭＳ Ｐゴシック","ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;}
body{
	background-color		: #f9ffe0;
	margin					: 0;
	padding					: 0 0 20px 0;
	font-size				: 9pt;
}
img{border : 0;}
ul,dl,ol{
	margin				: 0;
	padding				: 0;
}
.clr{clear				: both;}
.fll{float				: left;}
.flr{float				: right;}
.tl{	text-align		: left;}
.tr{	text-align		: right;}
.tc{	text-align		: center;}
.vt{	vertical-align	: top; }
.vm{	vertical-align	: middle; }
.vb{	vertical-align	: bottom; }
.f8{	font-size		: 8pt; }
.f9{	font-size		: 9pt; }
.f10{	font-size		: 10pt; }
.f11{	font-size		: 11pt; }
.f12{	font-size		: 12pt; }
.ime-a{ ime-mode	: active; }
.ime-d{ ime-mode	: inactive; }

div.spacer5{
	clear			: both;
	display			: block;
	height			: 5px;
}
div.spacer20{
	clear			: both;
	display			: block;
	height			: 20px;
}
div#container{
	display				: block;
	width				: 820px;
	margin				: 10px;
}
a{
	text-decoration		: none;
	color				: #31b144;
}
a:link{border : 0;}
a:visited{border : 0;}
a:hover{
	text-decoration		: underline;
	color				: #ff9900;
}
a:active{border : 0;}
a.yajirushi{
	background	: url('../image/yajirushi03.gif') no-repeat 0 0;
	padding		: 2px 0 0 24px;
}
a.yajirushi_l{
	background	: url('../image/yajirushi03.gif') no-repeat 0 0;
	padding		: 0 0 0 24px;
	font-size	: 11pt;
	font-weight	: bold;
}
span.green{ color : #339900; }
span.red{   color : #ff0000; }
span.orange{color : #ff9900; }
span.c60{ color : #cc6600; }
span.f60{ color : #ff6600; }
span.c630{ color : #663300; }

ul.pankuzu{
	position		: absolute;
	bottom			: 6px;
	right			: 10px;
	display			: block;
	margin			: 0;
	padding			: 0;
}
ul.pankuzu li{
	list-style-type	: none;
	display			: inline;
	margin			: 0 4px 0 0;
	font-size		: 9pt;
	color			: #ffffff;
	line-height		: 14px;
}
ul.pankuzu li a{
	color			: #ffffff!important;
	font-weight		: bold;
}

/* --- コンテンツ部分 --- */
div#main{
	display		: block;
	width		: 620px;
	float		: right;
	background-color	: #ffffff;
	border		: #31b144 2px solid;
	min-height	: 697px;
}
div#menu{
	display		: block;
	width		: 180px;
	float		: left;
	border		: #31b144 2px solid;
}

/* -- メニュー --*/
a#top{
	display		: block;
	width		: 150px;
	height		: 80px;
	background	: url('../mt/img/mente.gif') no-repeat 0 0;
	margin		: 15px 0 0 15px;
	text-indent	: -9999px;
}
div#menu h3{
	display		: block;
	width		: 150px;
	text-indent	: -9999px;
	margin		: 0 0 0 15px;
}
h3.menu_01{ background : url('../mt/img/mente01.gif') no-repeat 0 0; height : 50px; }
h3.menu_02{ background : url('../mt/img/mente02.gif') no-repeat 0 0; height : 50px; }
h3.menu_03{ background : url('../mt/img/mente03.gif') no-repeat 0 0; height : 70px; }
div#menu ul{
	display		: block;
	margin		: 0 0 15px 15px;
	padding		: 0;
}
div#menu ul li{
	list-style-type	: none;
	line-height		: 1.5em;
}

a#logo{
	display			: block;
	width			: 150px;
	height			: 120px;
	background		: url('../mt/img/mente04.gif') no-repeat 0 0;
	text-indent		: -9999px;
	margin			: 10px 0 15px 15px;
	padding			: 0;
}
/* -- フッター --*/
div#footer{
	clear			: both;
	display			: block;
	padding			: 10px;
	font-size		: 8pt;
}
div#footer ul.link{
	display			: block;
	width			: 330px;
	margin			: 0;
}
div#footer ul.link li{
	list-style-type	: none;
	display			: inline;
}
div#footer div.copy{
	display			: block;
	width			: 240px;
	float			: right;
	margin			: 0;
	color			: #666666;
}
/* -- メイン --*/
div#main p{
	color			: #666666;
	line-height		: 1.6em;
	margin			: 0 10px 0 20px;
	padding			: 0;
}
div.border{
	display			: block;
	height			: 1px;
	width			: 600px;
	margin			: 0 auto;
	padding			: 0;
	background		: #cccccc;
}

/* --- contents --- */
h1.top{
	display			: block;
	width			: 600px;
	height			: 280px;
	background		: url('../mt/img/mente05.gif') no-repeat 10px 30px;
	margin			: 0;
	padding			: 20px 0 0 10px;
	font-size		: 11pt;
	color			: #009900;
	font-weight		: normal;
}
h2.normal{
	display			: block;
	margin			: 20px 0 6px 20px;
	padding			: 0;
	font-size		: 12pt;
	color			: #009900;
}
ol.riyou{
	display			: block;
	margin			: 0 0 0 40px;
	padding			: 0;
}
ol.riyou li{
	margin			: 0;
	padding			: 0 0 0 10px;
	color			: #666666;
	line-height		: 1.6em;
}
div.header{
	display			: block;
	width			: 600px;
	height			: 100px;
	position		: relative;
	margin			: 20px 0 0 10px;
	padding			: 0;
	background		: url('../mt/img/mente06.gif') no-repeat 0 20px;
}
div.header h1{
	position		: absolute;
	left			: 0;
	bottom			: 0;
	font-size		: 12pt;
	color			: #009900;
	margin			: 0;
	padding			: 0;
}
div.header p{
	color			: #009900!important;
	position		: absolute;
	top				: 0;
	left			: 0;
	font-size		: 11pt;
	margin			: 0!important;
	padding			: 0;
}
img.img_r{
	float			: right;
	margin			: 0 10px 0 10px;
}
img.img_l{
	float			: left;
	margin			: 0 10px 0 10px;
}
div.navi{
	display			: block;
	width			: 600px;
	height			: 30px;
	position		: relative;
	left			: 10px;
	top				: 10px;
}
div.navi ul{
	display			: block;
}
div.navi li{
	list-style-type	: none;
	margin			: 0;
	padding			: 0;
}
li.totop{
	display			: block;
	width			: 600px;
	position		: absolute;
	top				: 0;
	left			: 0;
	text-align		: center;
	z-index			: 1;
}
li.pre{
	display			: block;
	position		: absolute;
	top				: 0;
	left			: 0;
	z-index			: 2;
}
li.next{
	display			: block;
	position		: absolute;
	top				: 0;
	right			: 0;
	z-index			: 2;
}


dl.navi_block{
	display			: block;
	width			: 600px;
	margin			: 20px auto 20px auto;
	padding			: 0;
	text-align		: center;
}
dl.navi_block dd{
	display			: block;
	width			: 200px;
	height			: 60px;
	float			: left;
	margin			: 0;
	padding			: 0;
	vertical-align	: middle;
}
dl.navi_block dd.nav1{
	text-align		: left;
	vertical-align	: middle;
	background		: url('../image/navi_01.gif') no-repeat 0 0;
}
dl.navi_block dd.nav3{
	text-align		: left;
	vertical-align	: middle;
	background		: url('../image/navi_03.gif') no-repeat 0 0;
}
dd.nav1 a{
	display			: block;
	width			: 190px;
	height			: 60px;
	line-height		: 60px;
	text-align		: right;
}
dd.nav3 a{
	display			: block;
	width			: 200px;
	height			: 60px;
	line-height		: 60px;
	padding			: 0 0 0 10px;
}
dd.nav2 a{
	display			: block;
	width			: 200px;
	height			: 60px;
	background		: url('../image/navi_02.gif') repeat-y 0 0;
	text-indent		: -9999px;
}
dd.nav2 a:hover{
	background-position	: 0 60px;
}