/* */
body {
	/*background:url("../img/body.gif");*/
	background:url("../img/body_bg.gif");
	text-align:center
}
* {
	margin: 0px;
}
/* */
#site-body {
	background: white;
	width : 980px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

#site-body2 {
	background: white;
	width : 720px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
/* */
#site-header {
	width: 320px;
	height: 100px;
	float: right;
	text-align:center;
	text-valign:middle;
/*
	border-top:  1px #CCCCCC dotted;
	border-bottom:  1px #CCCCCC dotted;
	border-left:  1px #CCCCCC dotted;
	border-right:  1px #CCCCCC dotted;
*/
}
/* */

#site-header2 {
	padding: 0;
	width: 650px;
	float: left;
/*
	border-top:  1px #CCCCCC dotted;
	border-bottom:  1px #CCCCCC dotted;
	border-left:  1px #CCCCCC dotted;
	border-right:  1px #CCCCCC dotted;
*/
}

#site-header3 {
	padding: 0;
	width: 980px;
	float: left;
/*
	border-top:  1px #CCCCCC dotted;
	border-bottom:  1px #CCCCCC dotted;
	border-left:  1px #CCCCCC dotted;
	border-right:  1px #CCCCCC dotted;
*/
}

#site-title {
	/*margin-left: 30px;*/
	/*padding-left: 60px;*/
	/*padding-left: 5px;*/
	width: 980px;
	text-align: center;
	/*height: 31px;*/
	/*float: left;*/
}
#site-menu {
	/*margin-left: 30px;*/
	/*padding-left: 60px;*/
	padding-left: 5px;
	width: 980px;
	/*height: 31px;*/
	height: 55px;	/*2008/09/22 変更*/
	float: left;
/*
	border-top:  1px #CCCCCC dotted;
	border-bottom:  1px #CCCCCC dotted;
	border-left:  1px #CCCCCC dotted;
	border-right:  1px #CCCCCC dotted;
*/
}
#site-menu ul,#site-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#site-menu li {
	font-size: 12px;
	/*font-weight: bold;*/
	float: left;
	background-color: #FF9900;
	border: 1px outset #FFCC00;
	margin-right: 1px;
/*
	width: 132;
	height: 21;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
*/
}
#site-menu a,#site-menu a:link,#site-menu a:visited {
	text-decoration: none;
	color: #FFFFFF;
	/*background-color: transparent;*/
	background-color: #FF9900;
	width: 159px;
	/*width: 130px;*/
	height: 19;
/*
	height: auto;
	width: 132px;
	height: 21;
	padding: 0px 0px;
*/
	text-align: center;
	padding: 2px 0;
	display: block;
	position: relative;
}
#site-menu a:hover {
	color: #FF9900;
	/*background-color: #FFFFFF;*/
	background-color: #FFFFFF;
	/*font-weight: bold;*/
	/* border-bottom: 2px solid #FF9900; */
	/* top: 2px; */
}

#site-menu2 {
	/*margin-left: 30px;*/
	/*padding-left: 60px;*/
	padding-left: 5px;
	width: 980px;
	height: 31px;
	float: left;
/*
	border-top:  1px #CCCCCC dotted;
	border-bottom:  1px #CCCCCC dotted;
	border-left:  1px #CCCCCC dotted;
	border-right:  1px #CCCCCC dotted;
*/
}
#site-menu2 ul,#site-menu2 li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#site-menu2 li {
	font-size: 12px;
	/*font-weight: bold;*/
	float: left;
	background-color: #FF9900;
	border: 1px outset #FFCC00;
	margin-right: 1px;
/*
	width: 132;
	height: 21;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
*/
}
#site-menu2 a,#site-menu2 a:link,#site-menu2 a:visited {
	text-decoration: none;
	color: #FFFFFF;
	/*background-color: transparent;*/
	background-color: #FF9900;
	width: 189px;
	/*width: 130px;*/
	height: 19;
/*
	height: auto;
	width: 132px;
	height: 21;
	padding: 0px 0px;
*/
	text-align: center;
	padding: 2px 0;
	display: block;
	position: relative;
}
#site-menu2 a:hover {
	color: #FF9900;
	/*background-color: #FFFFFF;*/
	background-color: #FFFFFF;
	/*font-weight: bold;*/
	/* border-bottom: 2px solid #FF9900; */
	/* top: 2px; */
}

#navi {
	font-size: 12px;
	margin-top: 5px;
	text-align: center;
	background-color: #dfdfff;
	width: 100%;
}
#navi a {
	color: #000000;
	background-color: #dfdfff;
	margin: 0px;
	padding: 4px 0px;
	text-decoration: none;
	border-left: 1px solid #F0F0FF;
	display: block;
	float: left;
	width: 16.52%;
}
#navi a:hover {
	color: #0000000;
	background-color: #AFAFD8;
	margin: -4px 0px 0px 0px;
	padding: 6px 0px;
	text-decoration: none;
}/* */
#site-nowtree {
	/*margin-left: 10px;*/
	width: 750px;
	margin-bottom: 7px;
	font-size: 13px;
}
/* */
#site-contents {
	margin-left: 3px;
	width: 720px;
	float: left;
/*
	border-top:  1px #CCCCCC dotted;
	border-bottom:  1px #CCCCCC dotted;
	border-left:  1px #CCCCCC dotted;
	border-right:  1px #CCCCCC dotted;
	background-color: #FFFF00;
*/
}
#site-contents ul {
	font-size: 90%;
	line-height: 20px;
	letter-spacing: 1.5px;
	padding: 14px 55px;
}
#site-contents ol {
	font-size: 90%;
	line-height: 20px;
	letter-spacing: 1.5px;
	padding: 14px 55px;
}
/*↓2010.02.05追加*/
.title0{
	font-size: 14px;
	color: #333333;
	font-weight:bold;
	background-color: #FFFBF0;
	padding: 5px;
	border: solid 5px #FFAAAA;
	margin-left: 7px;
	margin-bottom: 5px;
	width: 335px;
	text-align:center;
}
.title1{
	color: #555555;
	font-size: 13px;
	/*font-weight:bold;*/
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 17px;
}
.title1 a:link,.title1 a:visited {
	color: #333333;
}
.title1 a:hover {
	color: #FF0000;
}
.title2{
	color: #555555;
	font-size: 12px;
	padding: 5px;
	margin-left: 50px;
}
.title2 a:link,.title2 a:visited {
	color: #6158A6;
}
.title2 a:hover {
	color: #FF0000;
}
/*
.title3{
	font-size: 12px;
	padding: 5px;
	margin-left: 57px;
}
.title4{
	font-size: 12px;
	padding: 5px;
	margin-left: 77px;
}
*/
/*↑2010.02.05追加*/



#site-contents2 {
	padding: 0px 0px 0px 3px;
	float: left;
}

#site-contents3 {
	margin-left: 4px;
	/*padding-left: 4px;*/
	width: 520px;
	/*width: 810px;*/
	float: left;
/*
	border-top:  1px #CCCCCC dotted;
	border-bottom:  1px #CCCCCC dotted;
	border-left:  1px #CCCCCC dotted;
	border-right:  1px #CCCCCC dotted;
	background-color: #FFFF00;
*/
}

/* */
#site-sub-L {
	margin-left: 0px;
	width: 220px;	/*2008/07/30 更新 元[width: 160px;]となっており FirefoxにてBBSでの表示がおかしくなっていたため*/
	float: left;
	font-size: 12px;
	margin-top: 5px;
	color: #414141;
	padding-left: 4px;
}
#site-sub-R {
	/*margin-left: 0px;*/
	width: 215px;
	float: right;
	font-size: 12px;
	/*margin-top: 2px;*/
	margin-top: 0px;
	color: #414141;
	/*padding-right: 10px;*/
	padding-right: 5px;
/*
	border-top:  1px #CCCCCC dotted;
	border-bottom:  1px #CCCCCC dotted;
	border-left:  1px #CCCCCC dotted;
	border-right:  1px #CCCCCC dotted;
*/
}
/*
#site-sub {
	width: 160px;
	float: right;
	font-size: 12px;
	margin-top: 5px;
	color: #414141;
	padding-right: 4px;
}
*/
#site-sub-sub {
	margin: 0px 0px 8px 0px;
	border: 1px #DDDDDD solid;
	background-color: #CCFFCC;
	padding:5px;
}
#site-sub-sub ul {
	margin-left: 14px;
	padding-left: 0px;
	list-style-type: square;
}
#site-sub-sub li {
	padding: 3px　0px;
}
.site-sub-sub-title{
	font-weight: bold;
	font-size: 12px;
	color: #FFFF00;
	border-bottom: solid 1px #dddddd;
	padding: 3px 0px;
	margin-bottom: 6px;
	background-color: #002F5E;
}
/* */
#site-footer {
	/*margin-left: 10px;*/
	padding: 0 0 5 0;
	background-color: #dfdfff;
	font-size: 12px;
	text-align: center;
/*
	border-top:  1px #CCCCCC dotted;
	border-bottom:  1px #CCCCCC dotted;
	border-left:  1px #CCCCCC dotted;
	border-right:  1px #CCCCCC dotted;
*/
	clear: both;
}
#site-footer a:link {
	color: #000000;
	text-decoration: none;
}
#site-footer a:visited {
	color: #000000;
	text-decoration: none;
}
#site-footer a:hover {
	color: #FF0000;
}

#site-Link {
	/*margin-left: 10px;*/
	padding: 10px;
	background-color: #FFFFFF;
	font-color: #72785C;
	font-size: 12px;
	text-align: center;
	clear: both;
}
#site-Link a:link {
	color: #72785C;
	text-decoration: none;
}
#site-Link a:visited {
	color: #72785C;
	text-decoration: none;
}
#site-Link a:hover {
	color: #FF0000;
}
/* */
#c-box2 {
	margin-bottom: 8px;
	border: 1px #DDDDDD solid;
	text-align:left;
	padding:5px;
}
#c-box2 a {
	font-weight:bold;
}
#c-box2 div {
	margin:8px 0px;
}
/* */
.img_margin {
	margin: 10px 10px 20px 40px;
}
.c-h2{
	font-weight: bold;
	font-size: 12px;
	color: #FFFF00;
	border-bottom: solid 1px #dddddd;
	padding: 3px 0px;
	margin: 15px 0px 6px 0px;
	background-color: #002F5E;
}
#cate {
	width: 100%;
	margin-bottom: 8px;
}
/*
h1 {
	padding:2px;
	font-size:10px;
	color:#C0C0C0;
	font-weight:normal;
}
*/
h1 {
	font-size: 100%;
	color: #FFFFFF;
	background-color: #CC0066;
	padding: 5px;
}
/*
h2 {
	font-size: 95%;
	background-color: #FFCCCC;
	padding: 10px;
}
*/
/*
h2 {
	font-size: 95%;
	color: #000066;
	border-bottom: 1px #DDDDDD solid;
	border-left: 10px solid #000066;
	padding: 0px 0px 5px 10px;
	margin: 18px 5px 5px 5px;
}
*/
/*
h3 {
	font-size: 90%;
	color: #000000;
	border-bottom: 1px #DDDDDD solid;
	padding: 0px 0px 5px 0px;
	margin: 18px 5px 5px 5px;
}
*/
/*
h4 {
	font-size: 90%;
	color: #000000;
	padding: 8px;
	margin: 0px 0px 0px 10px;
}
*/
a:link {
	color: #0000FF;
}
a:visited {
	color: #0000FF;
}
a:hover {
	color: #FF0000;
}
/*
h3 a {
	text-decoration: none;
}
*/
/*
p {
	font-size: 84%;
	line-height: 160%;
	letter-spacing: 1.5px;
	padding: 14px 40px;
}
*/
p {
	padding: 2px 2px 0px 2px;
	/*padding: 0 25px 0 37px;*/
	font-size: 12px;
	line-height: 16px;
	/*border-bottom: 1px #CCCCCC dotted;*/
}
.top_table {
	font-size: 84%;
	line-height: 160%;
	letter-spacing: 1.5px;
	margin: 14px 40px 30px 40px;
}
img {
	border: 0px;
}
.source {
	border: 2px solid #808080;
	padding: 8px;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin: 14px 40px 10px 40px;
	font-size: 90%;
}
.stylesheet {
	border: 2px solid #AEC5DF;
	padding: 8px;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin: 14px 40px 10px 40px;
	font-size: 90%;
}
.source2 {
	border: 2px solid #242424;
	padding: 12px;
	line-height: 17px;
	letter-spacing: 0.5px;
	margin: 10px;
	font-size: 100%;
}
.stylesheet2 {
	border: 1px solid #FF9933;
	padding: 8px;
	line-height: 17px;
	letter-spacing: 0.5px;
	margin: 10px;
	font-size: 90%;
}
.stylesheet3 {
	background-color: #F7FFFF;
	border: 2px solid #DFDFDF;
	padding: 3px;
	margin: 10px -5px;
}
.html {
	background-color: #E6ECFF;
	padding: 8px;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin: 14px 40px 10px 40px;
	font-size: 90%;
}
.css {
	background-color: #FFECFF;
	padding: 8px;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin: 14px 40px 10px 40px;
	font-size: 90%;
}
.preview {
	border: 1px solid #888888;
	padding: 12px;
	line-height: 17px;
	letter-spacing: 0.5px;
	margin: 14px 40px 10px 40px;
	font-size: 100%;
}
.red {
	color: #CC0000;
}
.b_1 {
	font-weight: bold;
}
.b_2 {
	font-size: 120%;
	font-weight: bold;
}
strong {
	font-weight: normal;
}
em {
	font-style: normal;
}
.next {
	text-align: right;
	margin: 10px 0px;
	font-size: 75%;
}
.pagetop {
	text-align: right;
	margin: 10px 0px;
	font-size: 75%;
}
.h4 {
	padding: 0px 0px 0px 5px;
	margin: 30px 0px 20px 0px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	border-left-style: solid;
	border-left-width: 13px;
	border-left-color: #CC0000;
}
.float {
	font-size: 75%;
	line-height: 20px;
	letter-spacing: 1.5px;
	padding: 14px 40px;
}
.float dt {
	float: left;
	width: 100px;
}
ol {
	font-size: 75%;
	line-height: 20px;
	letter-spacing: 1.5px;
	padding: 14px 40px;
}
.ul_navipage {
	font-size: 75%;
	line-height: 20px;
	letter-spacing: 1.5px;
	padding: 14px 30px;
}
.li_navipage {
	padding-left: 10px;
}
#special {
	border: 3px solid #D2D2FF;
	padding: 10px;
	margin: 15px 25px 15px 25px;
}
/* */
fieldset {
	/*margin-top: 0px;
	margin-left: 20px;
	padding: 10px;
	*/
	/*background-color: #bbf;*/
}
/* Calendar */
#site-sub-main {
	border: 1px solid #2B8E40;
	/*border: 1px solid #666600;*/
	/*padding: 2px;*/
}
#site-sub-main h2{
	font-size: 10pt;
	text-align: center;
	margin: 0px;
	padding: 4px;
	background-color: #52B564;
	/*background-color: #666600;*/
	color: #FFFFFF;
	border: 1px #52B564 solid;
	/*border: 1px #666600 solid;*/
	/*width: 144px;*/
	height: 17px;
	line-height: 17px;
}
#site-sub-main p {
	text-align: left;
	/*text-align: left;*/
	padding: 2px 2px 0px 2px;
	/*padding: 0 25px 0 37px;*/
	font-size: 12px;
	line-height: 16px;
	/*border: 1px #CCCCCC dotted;*/
}
#site-sub-main-r {
	border: 1px solid #2B8E40;
	/*border: 1px solid #666600;*/
	/*padding: 2px;*/
}
#site-sub-main-r h2{
	font-size: 10pt;
	text-align: center;
	/*margin: 0px;*/
	padding: 4px;
	background-color: #52B564;
	/*background-color: #666600;*/
	color: #FFFFFF;
	border: 1px #52B564 solid;
	/*border: 1px #666600 solid;*/
	/*width: 144px;*/
	height: 17px;
	line-height: 17px;
}
#site-sub-main-r p {
	padding: 2px 2px 0px 2px;
	/*padding: 0 25px 0 37px;*/
	font-size: 12px;
	line-height: 16px;
	/*border-bottom: 1px #CCCCCC dotted;*/
}
#site-sentence {
	padding: 0px 0px 0px 0px;
	float: left;
}
#site-sub-main-r2 {
	text-align: center;
	background-color: #CFEFD8;
	padding: 2px 2px 0px 2px;
	font-size: 12px;
	line-height: 16px;
	/*border: 1px #CCCCCC dotted;*/
}



#site-common a:link {
	color: #026CD1;
}
#site-common a:visited {
	color: #004A95;
}
#site-common a:hover, #site-contents a:active {
	color: #76AFE6;
}



#site-header-msg {
	padding: 0;
	width: 100%;
	float: left;
	color: #FF0000;
	background: #FFEAEA;
}