@charset "utf-8";
/*************** common style ***************/

* { margin:0; padding:0; }
body {
	font-family:"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
	color:#170a07;
	font-size:100%;
	min-width:840px;
	background:url('../material/lameije_logo.png') 0 0 no-repeat;
	background-color:#fefefe;
}
img { border:0; }
strong { color:#d44921; }
em { font-style:normal; font-weight:bold; }
.center { text-align:center; }
.small { font-size:86%; }
.underline { text-decoration:underline; }
.legible { letter-spacing:1px; }
.little { letter-spacing:-1px; }

.notice {
	padding:1em 0;
	color:#ca250d;
	font-size:88%;
}
.caution {
	margin:1em; padding:0 1em;
	text-align:center;
	color:#b62125;
	font-size:110%;
	font-weight:bold;
	text-decoration:underline;
}
.warning {
	padding:0 1em 1em 1em;
	color:#a72e1d;
	font-size:88%;
}
div.tablebox {
	padding:0 2em;
}

/*** block composition ***/

div#homelink {
	height:64px;
	text-align:right;
	overflow:hidden;
}
div#bodyblock {
	max-width:1024px;
}
div#mainblock {
	width:100%;
	float:left;
	z-index:1;
	margin-left:-180px;
	text-align:center;
}
div#container {
	margin-left:180px;
}
div#sidebar {
	width:180px;
	float:right;
	z-index:2;
	text-align:center;
	color:#6098e3;
}

/*** nevigation bar ***/

ul#navigator {
	height:32px;
	position:relative;
	top:0; left:0;
	font-size:14px;
	color:#fffdfd;
	list-style-type:none;
	overflow:hidden;
	background:url('../material/navi.png') 0 0 no-repeat;
	background-color:#566ec4;
}
ul#navigator li { position:absolute; }
ul#navigator li a {
	display:block;
	height:32px;
	text-align:center;
	padding-top:6px;
	background-position:0 0;
}
ul#navigator li span {
	display:block;
	height:32px;
	padding-top:6px;
	text-align:center;
	color:#e1412f;
}

li#home { top:0; left:0; }
ul#navigator li#home a { top:0; left:0; width:32px; font-size:10px; padding-top:16px; letter-spacing:-1px; }
li#home a:hover { background:url('../material/navi.png') 0 -32px; }
ul#navigator li#home span {
	display:block;
	height:32px; width:32px;
	padding-top:16px;
	font-size:10px;
	letter-spacing:-1px;
	background:url('../material/navi.png') 0 -64px;
}

li#product { top:0; left:32px; }
li#product a { top:0; left:0; width:80px; }
li#product a:hover { background:url('../material/navi.png') -32px 64px; }
li#product span { display:block; height:32px; width:80px; background:url('../material/navi.png') -32px -64px; }

li#debug { top:0; left:112px; }
li#debug a { top:0; left:0; width:128px; }
li#debug a:hover { background:url('../material/navi.png') -112px -32px; }
li#debug span { display:block; height:32px; width:128px; background:url('../material/navi.png') -112px -64px; }

li#game { top:0; left:240px; }
li#game a { top:0; left:0; width:144px; }
li#game a:hover { background:url('../material/navi.png') -240px -32px; }
li#game span { display:block; height:32px; width:144px; background:url('../material/navi.png') -240px -64px; }

li#soft { top:0; left:384px; }
li#soft a { top:0; left:0; width:120px; }
li#soft a:hover { background:url('../material/navi.png') -384px -32px; }
li#soft span { display:block; height:32px; width:120px; background:url('../material/navi.png') -384px -64px; }

li#demo { top:0; left:504px; }
li#demo a { top:0; left:0; width:120px; }
li#demo a:hover { background:url('../material/navi.png') -504px -32px; }
li#demo span { display:block; height:32px; width:120px; background:url('../material/navi.png') -504px -64px; }

li#tocontact { top:0; left:624px; }
li#tocontact a { top:0; left:0; width:104px; }
li#tocontact a:hover { background:url('../material/navi.png') -624px -32px; }
li#tocontact span { display:block; height:32px; width:104px; background:url('../material/navi.png') -624px -64px; }

li#company { top:0; left:728px; }
li#company a { top:0; left:0; width:80px; }
li#company a:hover { background:url('../material/navi.png') -728px -32px; }
li#company span { display:block; height:32px; width:80px; background:url('../material/navi.png') -728px -64px; }

ul#navigator a:link { color:#fefeff; text-decoration: none }
ul#navigator a:visited { color:#fefeff; text-decoration: none }
ul#navigator a:hover { color:#fefefe; }

/*** topnavi bottomnav ***/

ul#topnavi, ul#bottomnav {
	height:16px;
	overflow:hidden;
	padding:0 0.5em;
	text-align:left;
	font-size:12px;
	list-style-type:none;
	border-bottom:1px dotted #cedfda;
}
ul#topnavi { border-bottom:1px dotted #cedfda; }
ul#bottomnav { border:0; }
ul#topnavi li, ul#bottomnav li {
	display:inline;
	padding-left:18px;
	background:url('../material/li_arrow2.gif') 0 -16px no-repeat;
}
ul#topnavi > li, ul#bottomnav >li {
	background:url('../material/li_arrow2.png') 0 -16px no-repeat;
}
ul#topnavi li.place, ul#bottomnav li.place {
	color:#5ca3a7;
	background:url('../material/li_arrow2.gif') 0 0 no-repeat;
}
ul#topnavi > li.place, ul#bottomnav > li.place { background:url('../material/li_arrow2.png') 0 0 no-repeat; }
ul#bottomnav li#pagetotop { background:url('../material/li_arrow2.gif') 0 -32px no-repeat; }
ul#bottomnav > li#pagetotop { background:url('../material/li_arrow2.png') 0 -32px no-repeat; }


/*** side menu ***/

div#sidebar dl#sidebox {
	padding-top:50px;
	text-align:left;
	color:#8e83f5;
	font-size:90%;
	background:url('../material/sidedl.png') 0 0 no-repeat;
}
dl#sidebox dt {
	height:66px;
	padding-left:30px;
	text-decoration:underline;
	color:#fa6565;
	font-size:14px;
	font-weight:bold;
	letter-spacing:2px;
	background:url('../material/sidedt.png') 0 0 no-repeat;
}
dl#sidebox dd {
	padding-bottom:30px;
	text-align:center;
	color:#0f075a;
	background:url('../material/sidedd.png') 0 bottom no-repeat;
}
dl#sidebox dd ul {
	letter-spacing:2px;
	list-style-type:none;
}
dl#sidebox li {
	padding:0.5em 1em;
	background:url('../material/sidebox.png') 0 0 repeat-y;
}
dl#sidebox li#current { color:#4545c4; font-weight:bold; }
dl#sidebox li a:hover {
	background:url('../material/sidelist.png') 50% 50% no-repeat;
}
dl#sidebox div {
	position:relative;
	width:180px;
	height:40px;
	overflow:hidden;
	text-align:right;
	color:#adadff;
	background:url('../material/sidebottom.png') 0 0 no-repeat;
}
dl#sidebox div a {
	display:block;
	position:absolute;
	width:38px;
	height:40px;
	top:0; right:6px;
	padding-top:12px;
	font-size:10px;
	text-align:center;
	background:url('../material/sidereturn.png') 0 0 no-repeat;
}
dl#sidebox div span {
	display:block;
	position:absolute;
	width:38px;
	height:40px;
	top:0; right:6px;
	padding-top:12px;
	text-align:center;
	color:#dbfce9;
	font-size:10px;
}
dl#sidebox div a:link { color:#f46f6f; }
dl#sidebox div a:visited { color:#726ff4; }
dl#sidebox div a:hover { color:#0dae51; background:url('../material/sidereturn.png') 0 -40px; }

/*** copyright ***/

div#copyright {
	width:100%;
	clear:both;
	padding:0.5em 0;
	text-align:right;
	color:#0f2010;
	font-size:76%;
	border-top:1px solid #bbc4d2;
}
div#copyright p {
	padding:0.1em;
}
div#copyright > p:first-child {
	padding-right:1em;
}
address {
	padding:0.1em;
	font-style:normal;
}


/*** link color ***/

a:link { color:#6472ed; text-decoration:none; }
a:visited { color:#3f9c59; text-decoration:none;  }
a:hover { color:#db5b44; }

ul#topnavi li a:link, ul#bottomnav li a:link { color:#6695fc; }
ul#topnavi li a:visited, ul#bottomnav li a:visited { color:#6695fc; }
ul#topnavi li a:hover, ul#bottomnav li a:hover { color:#ff5972; }

/*************** common style ***************/