@charset "Shift_JIS";


/**
 * FUNDAMENTALS
 */
* {
	box-sizing:content-box;
	margin:0;
	padding:0;
}
html,
body {
	margin:0;
	padding:0;
	background:#EBEBEB;
	background:#FFF;
}
br.clear {
	clear:both;
	font:0/0 sans-serif;
}
div.clear {
	clear:both;
	width:auto;
	height:0;
}
hr {
	display:none;
}



/**
 * CAGE
 */
#CAGE {
	width:100%;
	min-width:765px;
	max-width:100%;
	margin:0;
	padding:0 0 12px 0 ;
	background:#333;
}



/**
 * LINER
 */
#LINER {
	margin:0;
	padding:64px 5px 0 5px;
	padding:54px 5px 0 5px;
	background:#FFF url(../../widgets/body/background.gif) no-repeat;
}



/**
 * TM
 */
.tm {
	float:left;
	width:80px;
}
.tm img {
	border:0;
	margin:0 10px 10px 0
}



/**
 * TITLE
 */
#TITLE {
	display:none;
}



/**
 * wrapper
 */
.wrapper {
	position:relative;
	left:0;
	top:0;
	width:100%;
	margin:0;
	padding:0;
	background:#FFF url(../../widgets/wrapper/background.jpg) repeat-y;
}



/**
 * ROOF
 */
#ROOF {
	position:relative;
	width:100%;
	height:25px;
	margin:0;
	padding:0;
	background:url(../../widgets/roof/background.gif);
}
#ROOF ul {
	margin:0;
	padding:0;
	list-style:none;
}
#ROOF li {
	position:absolute;
	margin:0;
	padding:0;
}
#ROOF img {
	margin:0;
	padding:0;
	border:0;
}
#ROOF #R01 {
	left:0;
}
#ROOF #R02 {
	left:78px;
}
#ROOF #R03 {
	left:240px;
}
#ROOF #R04 {
	left:375px;
}
#ROOF #R05 {
	left:519px;
}
#ROOF #R06 {
	left:654px;
}


/**
 * SIDEBAR
 */
#SIDEBAR {
/*
	float:left;
	clear:left;
*/
	position:absolute;
	left:5px;
	left:0;
	width:179px;
	margin:0;
	padding:16px 0 0 0;
	background:url(../../widgets/sidebar/background.gif) no-repeat scroll 0 0;
}
#SIDEBAR .title {
	margin:0 8px 12px 8px;
	padding:0 0 0 16px;
	font:normal normal normal medium/1.2 "MS PGOTHIC", Osaka, sans-serif;
	background:url(../../widgets/misc/bullets/arrow_bs.gif) no-repeat scroll 0 0.2em;
}
#SIDEBAR ul {
	margin:0 8px 0 24px;
	list-style:none;
}
#SIDEBAR li {
	padding:0 0 0 1em;
	text-indent:-1em;
	font:normal normal normal medium/1.2 "MS PGOTHIC", Osaka, sans-serif;
}
 #SIDEBAR .examples li {
	padding:0;
	text-indent:0;
	font:normal normal normal medium/1.2 "MS PGOTHIC", Osaka, sans-serif;
}
.examples {
	width:158px;
	margin:4em auto 0 auto;
	border:1px solid #999;
	background:#FFF;
}
.examples img {
	display:block;
	margin:0;
}
#SIDEBAR .examples ul {
	list-style:disc;
	margin:0.5em 0.5em 0.5em 1.5em;
}



/**
 * CONTENTBODY
 */
#CONTENTBODY {
	position:relative;
	clear:both;
	margin:8px 0 0 195px;
	padding:0;
	font:normal normal normal medium/1.3 "MS PGOTHIC", Osaka, sans-serif;
}
#CONTENTBODY h1 {
	clear:both;
	width:100%;
	margin:0 0 0.5em 0;
	font:normal normal bold xx-large/1.2 "MS PGOTHIC", Osaka, sans-serif;
	border-bottom:1px solid #CCC;
}
#CONTENTBODY h2 {
	clear:both;
	margin:0 0 1em 0;
	padding:0 0 0 5px;
	border-left:5px solid #666;
	font:normal normal bold x-large/1.2 "MS PGOTHIC", Osaka, sans-serif;
}
#CONTENTBODY h3 {
	clear:both;
	margin:0 0 1em 0;
	padding:0;
	font:normal normal bold large/1.2 "MS PGOTHIC", Osaka, sans-serif;
}
#CONTENTBODY h4 {
	margin:0 0 1em 0;
	padding:0;
	font:normal normal bold medium/1.2 "MS PGOTHIC", Osaka, sans-serif;
}
#CONTENTBODY p {
	margin:0 0 1em 0;
	font:normal normal normal medium/1.2 "MS PGOTHIC", Osaka, sans-serif;
}
#CONTENTBODY em {
	font-weight:bold;
	font-style:normal;
}
#CONTENTBODY img {
	border:0;
}
#CONTENTBODY ul {
	margin:1em 0 1em 1.5em;
	padding:0;
}
#CONTENTBODY ol {
	margin:0 0 0 2em;
	padding:0;
}
#CONTENTBODY dl {
	margin:0;
	padding:0;
}
#CONTENTBODY li {
	font:normal normal normal medium/1.2 "MS PGOTHIC", Osaka, sans-serif;
}
#CONTENTBODY dt {
	font:normal normal bold medium/1.2 "MS PGOTHIC", Osaka, sans-serif;
}
#CONTENTBODY dd {
	margin:0 0 1em 1em;
	font:normal normal normal medium/1.3 "MS PGOTHIC", Osaka, sans-serif;
}



/**
 * CONTENTPATH
 */
#CONTENTPATH {
	margin:0;
	padding:0 0 2em 0;
	font:normal normal normal small/1.2 "MS PGOTHIC", Osaka, sans-serif;	
}



/**
 * FOOTER
 */
#FOOTER {
	position:relative;
	width:100%;
	margin:7em 0 0 0;
}
#FOOTER ul {
	margin:0;
	padding:0;
	list-style:none;
}
#FOOTER li {
	display:inline;
	padding:0 0.5em 0 0;
	font:normal normal normal medium/1.2 "MS PGOTHIC", Osaka, sans-serif;
}
/*
#FOOTER li:before {
	content:"��";
}
*/
.rights {
	padding:0.5em 0 0.5em 0;
	font:normal normal normal small/1.2 "MS PGOTHIC", Osaka, sans-serif;
}