@charset "UTF-8";
@import url("base.css");
@import url("extensions.css");

ul.cmplist {
	padding: 0px 10px 0px 200px;
}
ul.cmplist li {
	padding: 5px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 120%;
}
div.subnvt {
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity:0.90;
	opacity:0.90;
	position: absolute;
	padding: 0px;
	background-image: url(../images/nvbg.gif);
	border: solid 1px #005E14;
	display: none;
}
ul.subnv {
	border: solid 1px #CCCCCC;
}
ul.subnv li {
	display: inline;
}
ul.subnv li a {
	padding: 3px;
	display: block;
	color: #FFFFFF;
}
ul.subnv li a:active,ul.subnv li a:link,ul.subnv li a:visited {
	color: #FFFFFF;
}
ul.subnv li a:hover {
	background-color: #005E14;
	text-decoration: none;
	color: #FFFFFF;
}
div#sub01 {
	top: 50px;
	left: 600px;
}
div#sub02 {
	top: 50px;
	left: 440px;
}
div#sub03 {
	top: 50px;
	left: 30px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 01.wrapper style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#wrapper {
	width: 100%;
	text-align: center;
	background-image: url(../images/background.gif);
	/*background-repeat: no-repeat;*/
	background-repeat: repeat-x;
	/*background-color: #CC0000;*/
	/*background-color: #2B5918;*/
	margin: 0px auto 0px auto;
	padding: 0px;
}
div#navigator,div#navigator ul {
	width: 850px;
	height: 82px;
}
div#navigator ul li {
	float: left;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 02.header style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#header {
	display: block;
	overflow: hidden;
	width: 850px;
	height: 40px;
	text-align: left;
	background-image: url(../images/header.gif);
	margin: 0px auto 0px auto;
	padding: 0px 0px;
	position: relative;
}
div#header h1 {
	float: left;
	width: 300px;
	height: 40px;
	padding: 0px 0px;
}
div#header ul {
	float: right;
	margin: 0px;
	padding: 15px 0px 0px 0px;
} 
div#header ul li {
	float: left;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	line-height: 2em;
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
div#header li a {
	color: #232323;
	padding: 0px 0px 0px 0px;
}
div#header li a:hover {
	color: #993300;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
}
h2 {
	width: 850px;
	margin: 0px auto;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 03.navigation style                                                    */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#navigation {
	display: block;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 04.container style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#container {
	clear: both;
	display: block;
	overflow: hidden;
	width: 100%;
	/*background-image: url(../images/bg_container.gif);*/
	background-repeat: repeat-x;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
}
div#flashcolumn {
	display: block;
	width: 850px;
	height: 350px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
}
div#flash {
	clear: both;
	text-align: center;
	display: block;
	width: 850px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 05.sidebar style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#sidebar {
	float: left;
	display: block;
	overflow: hidden;
	width: 180px!important;
	width/**/: 200px;
	padding: 0px 10px 0px 10px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 06.contents style                                                      */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#contents {
	font-size: 12px;
	text-align: left;
	clear: both;
	display: block;
	width: 850px;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	position: relative;
}
div#contents h2 {
	color: #;
	
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 07.footer style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#footer {
	width: 850px;
	height: 95px;
	clear: both;
	text-align: left;
	margin: 0px auto;
	background-image: url(../images/bg_foot.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#menu {
	margin: 0px;
	padding: 5px 0px 0px 15px;
}
#menu li {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	line-height: 1.5em;
	background-image: url(../images/icon_arrow_02.gif);
	background-repeat: no-repeat;
	background-position: 50% left;
	list-style: none;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px 5px 0px 14px;
}
#menu li a {
	color: #666666;
}
#menu li a:hover {
	color: #999999;
	text-decoration: underline;
}
#submenu {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	clear: both;
}
#submenu li {
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	line-height: 1.5em;
	background-image: url(../images/icon_arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 50% left;
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px 5px 0px 10px;
}
#submenu li a {
	color: #666666;
}
#submenu li a:hover {
	color: #999999;
	text-decoration: underline;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul.main_menu {
	width: auto;
	clear: both;
	margin: 0px;
	padding: 35px 0px 0px 100px;
}
ul.main_menu li {
	display: block;
	float: left;
	font-size: 10px;
	line-height: normal;
	padding: 0px 10px 0px 3px;
	background-image: url(../images/li_footer_main_menu.gif);
	background-repeat: no-repeat;
}
ul.main_menu li a {
	display: block;
	width: auto;
	padding: 0px 5px 0px 5px;
}
ul.main_menu li a:active,ul.main_menu li a:link,ul.main_menu li a:visited{
	color: #464646;
}
ul.main_menu li a:hover {
	color: #CC0000;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 08.copyright style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
p#copyright {
	text-aling: left;
	text-indent: -5000px;
}
a.pagetop {
	display: block;
	width: 104px;
	height: 12px;
	float: right;
	clear: both;
	padding: 5px;
}

.textgre {
	color : #2e681f;
	font-weight:bold;
}


/*++++++++++++font-change++++++++++++++++*/
ul#fontarea {
	overflow: hidden;
	float: right;
	width: 200px;
	position: absolute;
	top: -14px;
	left: 694px;
}
ul#fontarea li {
	text-align: left;
	float: right;
	font-size: 10px;
	color: #CCCCCC;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}
ul#fontarea li span {
	font-size: 10px;
	color: #CCCCCC;
	
}
div#textarea {
	font-size: 12px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}
body.fontL #textarea {
	font-size: 16px;
}
body.fontM #textarea {
	font-size: 14px;
}
body.fontS #textarea {
	font-size: 12px;
}

/*+++++++++++*/
p.blue {
	padding: 0px 0px 0px 16px;
	background-image: url(../contents/compe/images/blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
}






