@charset "utf-8";
/*
[projectLight様 LightNEasy用template]
style.css
2009.07.23
*/




/* ▽--------------- 基本セット ---------------▽ */
html{
	width: 100%;
}
body {
	height: 100%;
	width: 100%;
	/*background-color: #E9E9E9;*/
}
body, div, p, ul, ol, li, dl, dt, dd, table, th, td, h1, h2, h3, h4, h5, form, img {
	font-size: 12px;
	color: #000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
}
/*
a {
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
}
*/
/* ▲--------------- 基本セット ---------------▲ */




/* ▽--------------- 汎用パーツ ---------------▽ */
#sidearea hr {
	margin: 0px auto;
	width: 180px;
	border-top: 1px solid #E6E6E6;	
	margin-bottom: 15px;
}
#content hr {
	margin: 0px auto;
	width: 720px;
	border-top: 1px solid #ccc;	
	margin-bottom: 15px;
}
	/* ↓ここから　<hr />の代替タグ用スタイルシート* /
	/* <hr />での点線の表示に不都合がある時はこちらを使ってください */
	/* sidearea⇒<p class="line_side">-</p> */
	/* content⇒<p class="line_content">-</p> */
	p.line_side {
	margin: 0px auto;
	width: 180px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/line_side.jpg) repeat-x 0px 0px;
	height: 1px;
	margin-bottom: 15px;
	}
	p.line_content {
	width: 720px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/line_content.jpg) repeat-x 0px 0px;
	height: 1px;
	margin-bottom: 10px;
	}
	/* ↑ここまで */
/* ▲--------------- 汎用パーツ ---------------▲ */




/* ▽--------------- レイアウト ---------------▽ */
#wrap1 {
	background: url(images/wrap1.jpg) repeat-x 0px 0px;
	width: 100%;
}
#wrap2 {
	background: url(images/wrap2.jpg) repeat-y 0px 0px;
	width: 972px;
	margin: 0px auto 7px auto;
}
#wrap2 #wrap2_bottom {
	background: url(images/wrap2_bottom.jpg) no-repeat 0px 0px;
	width: 972px;
	height: 60px;
	clear: both;
	text-indent: -9999px;
	overflow: hidden;
}
#wrap2 #wrap3 {
	width: 972px;
	background: url(images/wrap3.jpg) no-repeat 0px 0px;
}
/* ▲--------------- レイアウト ---------------▲ */




/* ▽--------------- header -------------------▽ */
#header_wrap {
	background: url(images/header.jpg) no-repeat 0px 0px;
	margin: 0px auto;
	height: 237px;
	width: 972px;
}
#header1 {
	float: left;
	width: 400px;
	margin: 25px 0px 0px 30px;
	height: 133px;
}
#header1 h1#title {
	font-size: 40px;
	font-weight: bold;
	color: #CC0000;
	margin-bottom: 7px;
}
#header1 h1#title a {
	color: #CC0000;
	text-decoration: none;
}
#header1 #subtitle {
	font-size: 14px;
	color: #666;
}
#header2 {
	float: right;
	width: 400px;
	margin: 25px 30px 0px 0px;
}
#header2 #headermenu {
	text-align: right;
}
#header2 #headermenu a {
	color: #000;
	text-decoration: underline;
}
#header2 #headermenu a:hover{
	text-decoration: none;
}
/* ▲--------------- header -------------------▲ */




/* ▽--------------- mainmenu -----------------▽ */
#mainmenu {
	height: 42px;
	width: 946px;
	margin: 0px auto;
	background: url(images/mainmenu.jpg) no-repeat 0px 0px;
	clear: both;
}
#mainmenu ul {
	padding-top: 12px;
}
#mainmenu ul li {
	float: left;
	padding: 0px 18px 0px 18px;
	font-size: 16px;
}
#mainmenu ul li a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}
#mainmenu ul li a:hover {
	color: #CC0000;
}
/* ▲--------------- mainmenu -----------------▲ */




/* ▽--------------- sidearea -----------------▽ */
#sidearea {
	width: 200px;
	float: left;
	padding-left: 6px;
}
#sidearea h2#h2_submenu {
	background: url(images/h2_sidemenu.jpg) no-repeat 0px 0px;
	margin: 0px auto 15px auto;
	height: 33px;
	width: 187px;
	text-indent: -9999px;
	overflow: hidden;
}
/* ▽--------------- submenu -------------------▽ */
#sidearea #submenu ul {
	margin: 0px auto;
	width: 180px;
}
#sidearea #submenu ul li {
	margin: 0px 0px 15px 20px;
}
/*
#sidearea #submenu ul li a {
}
#sidearea #submenu ul li a:hover{
}*/
/* ▲--------------- submenu ------------------▲ */
#sidearea #download a, #sidearea .bnr a, #sidearea #demosite a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0px auto 17px auto;
}
#sidearea #download a {
	background: url(images/download.jpg) no-repeat 0px 0px;
	height: 95px;
	width: 189px;
}
#sidearea .bnr a {
	background: url(images/bnr_sample.jpg) no-repeat 0px 0px;
	height: 180px;
	width: 180px;
}
#sidearea #demosite a {
	background: url(images/demosite.jpg) no-repeat 0px 0px;
	height: 50px;
	width: 180px;
}
/* ▽--------------- extra --------------------▽ */
#extra {
	margin: 0px auto;
	width: 180px;
}
/* ▲--------------- extra --------------------▲ */
/* ▲--------------- sidearea -----------------▲ */



/* ▽--------------- content ------------------▽ */
#content {
	min-height:600px; 
	width: 720px;
	padding-left: 20px;
	float: left;
}
/* ▲--------------- content ------------------▲ */




/* ▽--------------- footer -------------------▽ */
#footer {
	background: url(images/footer_bottom.jpg) repeat-x center bottom;
	height: 95px;
	width: 100%;
}
/* ▽--------------- footermenu ---------------▽ */
#footer #footermenu {
	background: url(images/footer.jpg) no-repeat 0px 0px;
	width: 972px;
	height: 60px;
	margin: 0px auto;
}
#footer #footermenu ul {
	margin: 0px auto 5px auto;
	padding-top: 11px;
	text-align: center;
}
#footer #footermenu ul li {
	display: inline;
	padding: 0px 6px 0px 5px;
	background: url(images/line_footermenu.jpg) repeat-y right;
}
#footer #footermenu a {
	font-size: 14px;
	color: #666;
	text-decoration: none;
}
#footer #footermenu a:hover {
	text-decoration: underline;
}
#footer #footermenu #copyright {
	text-align: center;
	font-size: 14px;
	color: #666;
}
/* ▲--------------- footermenu ---------------▲ */
/* ▲--------------- footer -------------------▲ */