@charset "UTF-8";
/* For MODx sample site by MEGU */
/* Target browser IE6/7, Firefox1.5/2, ONLY */
/* ++++++ BASIC STRUCTURE ++++++ */
* {
	margin:0px;
	padding:0px;
}
body {
	color:#333;
	background-color:#fff;
	background-image:url(images/bg01.gif);
	text-align:center;
}
body, table, caption, th, td, form, input, textarea {
	font-size:small;
	font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height:1.4em;
	letter-spacing:0.09em;
}
/*  \*/
* html body, * html table, * html caption, * html th, * html td, * html form, * html input, * html textarea {
	font-size:x-small;
	line-height:1.4em;
	letter-spacing:0.09em;
}
/*  */
a {
	text-decoration:none;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
table, img {
	border:0px none transparent;
}
table {
	border-collapse:collapse
}
caption, th {
	font-weight:bold;
}
/* ++++++ LAYOUT ++++++ */
#underbox {
	background-image:url(images/underbox04.gif);
	background-repeat:repeat-y;
	background-position:100% 0%;
	text-align:left;
	width:764px;
	margin-top:4px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	background-color:#fff;
	text-align:left;
	width:760px;
	padding-top:1em;
}
#globalnav{
	background-color:#fff;
	background-image:url(images/underbox05.gif);
	background-repeat:repeat-x;
	background-position:0% 100%;
	width:760px;
	padding:10px 0px 3px;
}
#container {
	background-color:#fff;
	background-image:url(images/underbox05.gif);
	background-repeat:repeat-x;
	background-position:0% 100%;
	text-align:left;
 	clear:left;
	overflow:auto;
	width:760px;
	padding:10px 0px 3px;
}
#sidebar1{
	color:#333;
	background-color:#eee;
	float:right;
	width:150px;
	margin-top:10px;
}
#contents{
	color:#000;
	float:right;
	width:600px;
}
#footer {
	background-image:url(images/underbox04.gif);
	background-repeat:repeat-x;
	background-position:0% 100%;
	text-align:center;
	width:760px;
	padding-bottom:4px;
}
/* ++++++ COMMON ++++++ */
/* +++ HEADER +++ */
#header h1.sitename {
	background-image:url(images/logomark.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
 	font-size:1.5em;
	font-weight: bold;
	line-height:1em;
	margin:0px 0px 10px 20px;
	padding:20px 0.5em 20px 100px;
}
#header h1.sitename a {
	color:#333;
}
#header h1.sitename a:link {
	color:#333;
}
#header h1.sitename a:visited {
	color:#333;
}
#header h1.sitename a:hover {
	color:#333;
}
#header p {
	padding:0px 1em;
}
/* +++ GLOBALNAV +++ */
#globalnav ul {
	text-align:center;
	overflow:auto;
	margin:0px 0px 1px 320px;
	list-style:none;
}
/* \*/
* html #globalnav ul {
	margin-left:329px;
}
/*  */
#globalnav ul li {
	display:inline;
}
#globalnav ul li a {
	color:#eee;
	background-color:#333;
	display:block;
	float:left;
	width:100px;
	border-top:1px solid #fe9;
	border-right:2px solid #999;
}
#globalnav ul li.first a{
	border-left:1px solid #fe9;
}
#globalnav ul li a:link {
	color:#eee;
}
#globalnav ul li a:visited {
	color:#eee;
}
#globalnav ul li a:hover {
	color:#333;
	background-color:#fe9;
}
/* +++ CONTAINER +++ */
#container p.topagetop {
	clear:both;
	text-align:right;
	margin:1em;
}
/* +++ CONTENTS +++ */
.contentsbody {
	background-color:#fff;
	margin:5px 5px 5px 10px;
	padding:8px;
}
.contentsbody h1{
	background-image:url(images/listmark01.gif);
	background-repeat:no-repeat;
	font-size:1.2em;
	font-weight: bold;
	line-height:1em;
	margin:1em 0px 0.5em;
	padding:8px 0px 10px 36px;
	border-bottom:3px double #ccc;
}
.contentsbody h2{
	background-image:url(images/listmark02.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	font-size:1.2em;
	font-weight: bold;
	line-height:1em;
	margin:0px 5px 0.2em;
	padding-left:16px;
}
.contentsbody h3{
	font-size:1em;
	font-weight:bold;
	line-height:1em;
	margin:0px 5px 0.2em;
}
.contentsbody h4{
	font-size:1em;
	font-weight:bold;
	line-height:1em;
	margin:0px 5px 0.2em;
}
.contentsbody p {
	margin:0px 1.5em 0.5em;
}
.contentsbody p em {
	font-size:1em;
	font-weight:bold;
	font-style:normal;
}
.contentsbody p strong {
	font-size:1em;
	font-weight:bold;
	font-style:normal;
}
.contentsbody blockquote {
}
/* ++++ SIDEBAR1 ++++ */
#sidebar1 .sidemenu {
	margin:5px 0px;
	padding:6px;
}
#sidebar1 .sidemenu ul {
	list-style:none;
	padding-left:10px;
}
#sidebar1 .sidemenu ul li{
	border-bottom:1px solid #ccc;
}
#sidebar1 .sidemenu h2 {
	color:#333;
	background-color:#fff;
	background-image:url(images/listmark02.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
	font-size:1em;
	font-weight:bold;
	line-height:1em;
	margin-bottom:10px;
	padding:5px 5px 5px 21px;
	border-top:3px double #eee;
	border-bottom:3px double #eee;
}
#sidebar1 .sidemenu a {
	color:#666;
	background-image:url(images/listmark03.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
	display:block;
	padding:5px 5px 5px 19px;
}
#sidebar1 .sidemenu a:link {
	color:#666;
}
#sidebar1 .sidemenu a:visited {
	color:#666;
}
#sidebar1 .sidemenu a:hover {
	color:#666;
	background-color:#ffe;
}
#sidebar1 p.rss {
	text-align:center;
}
#sidebar1 p.rss a {
	color:#666;
	background-color:#fc6;
	display:block;
	margin:0px 40px 10px;
	padding:2px 0px;
}
#sidebar1 p.rss a:link {
	color:#666;
}
#sidebar1 p.rss a:visited {
	color:#666;
}
#sidebar1 p.rss a:hover {
	color:#666;
	background-color:#ffd;
}
/* +++ FOOTER +++ */
#footer p {
	padding:0px 1em;
}
#footer address {
	color:#000;
	background-color:#fff;
	padding:1em 0px;
}#guide {
	color:#000;
	background-color:#fff;
	padding:1em 0px;
}

.update {
margin-left:20px;
}

.update ul{
list-style:none;
}

.update ul li p,
.update ul li h2,{
display:inline;
padding:0px;
margin:0px
}

.update ul li h2{
background-image:none;
font-size:1em;
font-wigin:0px 1em;
border:none;
}

#contents ul li{
	list-style-image: url(images/listmark03.gif);
	margin-bottom: 0.5em;
	margin-right: 25px;
	font-size: 100%;
}

#contents ul li ul li{
	list-style-image: url(images/listmark03.gif);
	margin-bottom: 0.5em;
	margin-right: 25px;
	font-size: 100%;
}

