@charset "utf-8";

/*
[LightNEasy用template simple Coding by Masuko koeda as みるく(http://white-stage.com/)]
style.css
2009.09.08
*/




/* ▽--------------- 基本セット ---------------▽ */
body {
	color: #000000;
	line-height: 1.5;
	text-align: center;
	font-size: 14px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
}

/* -- Win IE 7用 --*/
*:first-child+html body { 
	font-size: small;
}

/* -- Win IE 6用 --*/
* html body {
	font-size: small;
}

html, body, div, p, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
 {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

h1 {
	margin: 2px 0;
	font-size: 2em;
	font-weight: bolder;
}

h2 {
	margin: 2px 0;
	font-size: 1.6em;
	font-weight: bolder;
}

h3 {
	margin: 2px 0;
	font-size: 1.3em;
	font-weight: bolder;
}

h4 {
	margin: 2px 0;
	font-size: 1.15em;
	font-weight: bolder;
}

h5 {
	margin: 2px 0;
	font-size: 1.05em;
	font-weight: bolder;
}

h6 {
	margin: 2px 0;
	font-size: 1em;
	font-weight: bolder;
}

p {
	margin: 15px 0;
}

ul {
	margin: 15px 0;
	padding-left: 40px;
}

ol {
	margin: 15px 0;
	padding-left: 40px;
}

dl {
	margin: 15px 0;
}

dd {
	margin-left: 34px;
}

pre {
	display: block;
	margin: 14px 20px;
	padding: 0 8px 8px;
	border: 1px solid #c4c4c4;
	font-family: monospace;
	white-space: pre;
}

blockquote {
	display: block;
	margin: 14px 20px;
	padding: 0 8px;
	border: 3px dashed #d8d8d8;
}

q:before {
	content: open-quote;
}

q:after {
	content: close-quote;
}

form ,fieldset {
	margin: 2px 0;
}

textarea#content {
	width: 685px;
}

input:focus ,textarea:focus {
	background-color: #eeffff;
}

a:focus {
	background-color: #eeffff;
}

/*
a {
}
a:link {
}
a:visited {
}
a:active {
}
*/
a:hover {
	color: #990000;
}
/* ▲--------------- 基本セット ---------------▲ */




/* ▽--------------- 汎用パーツ ---------------▽ */
table#data_table {
	border-collapse: collapse;
	border: 1px solid #154182;
}

table#data_table th {
	background-color: #c2d7f5;
}

table#data_table td ,table#data_table th { 
	padding: 8px;
	border: 1px solid #154182;
}

#sidearea hr {
	margin: 0px auto;
	margin-bottom: 15px;
	width: 180px;
	border: none;
	border-top: 1px solid #bbc7d9;	
}

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

	p.line_content {
	overflow: hidden;
	margin-bottom: 10px;
	width: 720px;
	height: 1px;
	background: url(images/line_content.jpg) repeat-x 0 0;
	text-indent: -9999px;
	}
	/* ↑ここまで */
/* ▲--------------- 汎用パーツ ---------------▲ */




/* ▽--------------- レイアウト ---------------▽ */
#all_wrap {
	width: 980px;
	margin: 0px auto;
	background: #ffffff url(images/bg_body.jpg) repeat-y top center;
}

#wrap1 {
	width: 960px;
	margin: 0px auto;
	text-align: left;
	font-size: 1em;
}

#wrap2 {
	clear: both;
	width: 960px;
	background-color: #ffffff;
}
/* ▲--------------- レイアウト ---------------▲ */




/* ▽--------------- header -------------------▽ */
#header_wrap {
	height: 13.1em;
	background: #ffffff url(images/bg_header.jpg) repeat-x 0 0;
}

#header1 {
	float: left;
	margin: 25px 0px 0px 30px;
	width: 500px;
        height: 8em;
	line-height:1;
}

#header1 h1#title {
	margin: 0 0 7px;
	color: #144a9c;
	font-size: 2.3em;
}

#header1 h1#title a {
	color: #144a9c;
	text-decoration: none;
	text-shadow: 2px 1px 1px #93B3E3;
}

#header1 #subtitle {
	padding-left: 2px;
	color: #666;
}

#header2 {
	position: relative;
	float: right;
	margin: 15px 30px 0px 0px;
	width: 400px;
}

#header2 #headermenu {
	text-align: right;
}

#header2 #headermenu a {
	color: #000000;
}

#header2 #headermenu a:hover{
	color: #b43110;
}

#header2 p#skip {
	position: absolute;
	top: 30px;
	right: -20px;
}

#header2 p#skip a {
	padding-right: 19px;
	background: url(images/icon_down.gif) no-repeat right center;
	color: #000000;
}

#header2 p#skip a:focus {
	background-color: #eeffff;
}

#header2 p#skip a:hover {
	color: #b43110;
}

#header2 p#headermenu {
	position: absolute;
	top: 5px;
	right: 0;
}
/* ▲--------------- header -------------------▲ */




/* ▽--------------- mainmenu -----------------▽ */
#mainmenu {
	clear: both;
	height: 3em;
	border-top: 1px solid #a6b5cc;
	border-bottom: 1px solid #a6b5cc;
	background: url(images/bg_navi.jpg) repeat-x left bottom;
}

#mainmenu ul {
	margin: 0;
	padding-top: 9px;
	padding-left: 8px;
	list-style: none;
}

/* -- Win IE 7用 --*/
*:first-child+html #mainmenu ul { 
	padding-top: 5px;
}

/* -- Win IE 6用 --*/
* html #mainmenu ul {
	padding-top: 5px;
}

#mainmenu ul li {
	float: left;
	padding: 0px 5px 0px 8px;
	font-size: 1.0em;
}

#mainmenu ul li a {
	border-bottom: 4px solid #f4f4f4;
	color: #0f3875;
	text-decoration: none;
	font-weight: bold;
}



#mainmenu ul li a.selected {
/*	color: #ad0000; */
	color: #ad0000;
}



#mainmenu ul li a:hover {
	border-bottom: 4px solid #ad0000;
	color: #ad0000;
}

/* ▲--------------- mainmenu -----------------▲ */
/*
#menu {
	font-size: 14px;
	margin-top: 29px;
}

#menu ul {
	margin: 0;
	float: left;
}

#menu li {
	display: inline;
	margin-right: 6px;
	float: left;
}

#menu a span {
	padding-right: 12px;
	padding-top: 9px;
	padding-bottom: 8px;
	background: url(images/menuar.png) top right no-repeat;
	float: left;
}

#menu a {
	background: url(images/menual.png) top left no-repeat;
	padding-left: 11px;
	padding-bottom: 8px;
	color: #ddd;
	float: left;
}

#menu a.selected {
	background: url(images/menubl.png) top left no-repeat;
	color: #000000;
}

#menu a.selected span {
	background: url(images/menubr.png) top right no-repeat;
}

#menu a.selected:hover span  {
	color: #000000;
}

#menu a:hover {
	color: #FFCC00;
}

**/

/* ▽--------------- sidearea -----------------▽ */
#sidearea {
	float: left;
	margin-top: 20px;
	padding: 0 6px;
	width: 194px;
}

/* -- Win IE 6用 -- */
* html #sidearea {
	width: 160px;
}

#sidearea h2#h2_submenu {
	margin: 4px 0;
	margin-left: 2px;
	padding-left: 15px;
	width: 187px;
	background: url(images/icon_submenu.gif) no-repeat left center;
	color: #53729d;
}

/* -- Win IE 6用 -- */
* html #sidearea h2#h2_submenu {
	width: 160px;
}
/* ▽--------------- submenu -------------------▽ */

#sidearea #submenu ul {
	margin-left: -40px; 
	width: 180px;
	list-style: none;
}

/* -- Win IE 6用 -- */
* html #sidearea #submenu ul {
	width: 160px;
}

#sidearea #submenu ul li{ 
/*	margin-left: -20px; */
	margin-right: -6px;
	margin-bottom: 2px;
	padding-left: 15px;
	background: url(images/icon_list.png) no-repeat left center; 
}
#sidearea #submenu  ul li a {
	border-bottom: 4px solid #f4f4f4;
	color: #0f3875;
	text-decoration: none;
}

#sidearea #submenu  ul li a.selected {
/*	color: #ad0000; */
	color: #ad0000;
}



#sidearea #submenu   ul li a:hover {
	border-bottom: 4px solid #ad0000;
	color: #ad0000;
}


/*
#sidearea #submenu ul li a {
}
#sidearea #submenu ul li a:hover{
}*/
/* ▲--------------- submenu ------------------▲ */
#sidearea #download a, #sidearea .bnr a, #sidearea #demosite a {
	display: block;
	overflow: hidden;
	margin: 0px auto 17px auto;
	text-indent: -9999px;
}

#sidearea #download a, #sidearea .bnr a, #sidearea #forum a {
	display: block;
	overflow: hidden;
	margin: 0px auto 17px auto;
	text-indent: -9999px;
}

#sidearea #download a {
	width: 189px;
	height: 95px;
	background: url(images/download.jpg) no-repeat 0 0;
}

#sidearea .bnr a {
	width: 180px;
	height: 180px;
	background: url(images/bnr_sample.jpg) no-repeat 0 0;
}

#sidearea #demosite a {
	width: 180px;
	height: 50px;
	background: url(images/demosite.jpg) no-repeat 0 0;
}

#sidearea #forum a {
	width: 180px;
	height: 50px;
	background: url(images/forum.jpg) no-repeat 0 0;
}
/* ▽--------------- extra --------------------▽ */
#extra {
	margin: 0px auto;
	width: 180px;
}
/* ▲--------------- extra --------------------▲ */
/* ▲--------------- sidearea -----------------▲ */



/* ▽--------------- content ------------------▽ */
div#content {
	float: right;
	margin-top: 28px;
	margin-bottom: 28px;
	padding: 0 24px;
	width: 699px;
	min-height:600px; 
	border-left: 1px solid #b0c4de;
}

div#content h1 {
	padding-left: 11px;
	background: url(images/bg_h1.jpg) repeat-x left bottom;
	border-left: 5px solid #6aa8e6;
}
/* ▲--------------- content ------------------▲ */




/* ▽--------------- footer -------------------▽ */
#footer {
	clear: both;
	height: 10.57em;
	background: #ffffff url(images/bg_footer.jpg) repeat-x left bottom;
	border-top: 1px solid #b0c4de;
}
/* ▽--------------- footermenu ---------------▽ */
#footer #footermenu {
	margin: 0 auto;
	padding-top: 10px;
	width: 972px;
 	height: 60px;
}

/* -- Win IE 6用 -- */
* html #footer #footermenu {
	width: 962px;
}

#footer #footermenu p#top {
	margin-right: 30px;
	text-align: right;
}

#footer #footermenu p#top a {
	padding-right: 19px;
	background: url(images/icon_up.gif) no-repeat right center;
}

#footer #footermenu p#top a:focus {
	background-color: #eeffff;
}

#footer #footermenu p#top a:hover {
	color: #990000;
}

#footer #footermenu ul {
	margin: 0 auto;
	padding-left: 0;
	text-align: center;
}

#footer #footermenu ul li {
	display: inline;
	padding: 0 7px;
	background: url(images/line_footermenu.jpg) repeat-y right bottom;
	list-style: none;
}

#footer #footermenu a {
	color: #575757;
	font-weight:normal;
}

#footer #footermenu a:focus {
	background-color: #eeffff;
}

#footer #footermenu a:hover {
	color: #990000;
}

#footer #footermenu #copyright {
	clear: both;
	padding-bottom: 10px;
	color: #575757;
	text-align: center;
	font-weight: normal;
}

/* -- Win IE 7用 --*/
*:first-child+html #footer #footermenu #copyright {
	padding-top: 0;
}

/* -- Win IE 6用 --*/
* html #footer #footermenu #copyright {
	padding-top: 0;
}
/* ▲--------------- footermenu ---------------▲ */
/* ▲--------------- footer -------------------▲ */