@charset "utf-8";

/* main */

#main {
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
}

#main p {
	background: url(images/top_main_i.jpg) no-repeat;
	height: 179px;
	width: 730px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1px;
	text-indent: -9999px;
}

#main .ippan {
	height: auto;
	width: 730px;
	background-color: #ffffff;
}

#main .ippan p {
	background: url(images/top_main_i.jpg) no-repeat;
	height: 179px;
	width: 730px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1px;
	text-indent: -9999px;
}

#outer {
	float:left;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 720px;
	height: 100px;
	padding: 0px;
	margin:0 auto 0 auto;
	}

#outer #h5 {
	float:left;
	width: 500px;
	height: 100px;
	font-size: 18px;
	line-height: 28px;
	font-color: #003333;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#outer #enq {
	float:left;
	width: 220px;
	height: 95px;
	text-align: left;
	font-color: #003333;
	margin-top: 5px;
	margin-bottom: 0px;
}

#outer #enq ul{
	margin-top: 0px;
	list-style: none;
}

#outer #enq li {
	font-size: 12px;
	line-height: 120%;
	margin-bottom: 0px;
}

#outer #chalenge {
	float:right;
	width: 70px;
	height: 75px;
	margin-top: 15px;
	margin-bottom: 0px;
}

#column {
	clear: both;
	width: 730px;
	text-align: left;
	height: auto;
	float: left; 
}
/* left-column */

#column #left-column {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	width: 700px;
	margin-top: 0px;
	float: left; 
}

#column #left-column ul { 
	width: 700px;
list-style: none;
}

#column #left-column #whats_new {
	width: 600px;
	margin-top: 0px;
}

#column #left-column #whats_new h5 {
	height: 18px;
	/*width: 600px;*/
	font-size: 28px;
	font-color: #003333;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#column #left-column #whats_new h3 {
	background: url(images/whats_new.gif) no-repeat;
	height: 14px;
/*	width: 600px;*/
	margin-bottom: 10px;
	margin-top: 0px;
	text-indent: -9999px;
}

#column #left-column #whats_new ul {
	margin-top: 0px;
	width: 700px;
	overflow: auto;
	height:200px;
	padding: 0;
	margin: 0;
}

#column #left-column #whats_new li {
	font-size: 12px;
	line-height: 120%;
	margin-bottom: 14px;
}

#column #left-column #nomal {
	font-size: 10px;
	margin-bottom: 12px;
}

#column #left-column #nomal #red {
	color: #ff0000;
}

#column #left-column #nomal ul {
	padding: 0;
	margin: 0;
	margin-top: 13px;
}

#column #left-column #nomal li {
	font-size: 12px;
	line-height: 120%;
	background: url("images/midashi.gif") no-repeat;
	margin-bottom: 12px;
}

#column #left-column .midashi {
	padding-left: 22px;
	font-size: 12px;
	background: url("images/midashi.gif") no-repeat;
	margin-left: 26px;
}

#column .midashi {
	padding-left: 22px;
	font-size: 12px;
	margin-left: 26px;
}

#column .koumoku {
	padding-left: 22px;
	font-size: 12px;
	margin-left: 26px;
}

#column #left-column .koumoku {
	width: 600px;
	padding-left: 22px;
	font-size: 12px;
	background: url("images/koumoku.gif") no-repeat;
	margin-left: 26px;
}

#column .koumoku {
	width: 600px;
	padding-left: 22px;
	font-size: 12px;
	background: url("images/koumoku.gif") no-repeat;
	margin-left: 26px;
}

#column .itil {
	width: 600px;
	padding-left: 10px;
	margin-left: 10px;
	font-size: 10px;
	line-height: 300%;
}

#column #left-column .itil {
	width: 600px;
	padding-left: 10px;
	margin-left: 10px;
	font-size: 10px;
	line-height: 300%;
}

/* right-column */

#column #right-column {
	margin-top: -370px;
	margin-left: 350px;
	text-valign: top;
	text-align: left;
	font-size: 12px;
	font-color: #003333;
	width: 175px;
}

#column #right-column ul { list-style: none; 
	padding: 0;
	margin: 0;
}

#column #right-column li {
	margin-bottom: 6px;
	font-size: 12px;
	font-color: #003333;
	width: 175px;
	padding-left: 4px;
}

#column #right-column li .banner1 {
	display: block;
	height: 42px;
	text-indent: -9999px;
	background: url("images/banner_i.jpg") no-repeat;
}

#column #right-column li .banner2 {
	display: block;
	height: 42px;
	text-indent: -9999px;
	background: url("images/banner_i.jpg") no-repeat;
}

#column #right-column li .banner3 {
	display: block;
	height: 42px;
	text-indent: -9999px;
	background: url("images/banner_i.jpg") no-repeat;
}

#column #right-column li .banner4 {
	display: block;
	height: 42px;
	text-indent: -9999px;
	background: url("images/banner_i.jpg") no-repeat;
}


#kensaku_key {
	display: none;
}
