/* Edited with EditCSS */
/**** LINK-tag style sheet common.css ****/

/*===============================================
�S�ʓI�ȃX�^�C��
===============================================*/
/* "* html"��‚����IE6�݂̂ɓK�p */
/* "*:first-child+html"��‚����IE7�݂̂ɓK�p */

* {
	margin : 0;
	padding : 0;
	font: medium "MS P �S�V�b�N",sans-serif;
}

/*�S�v�f�̃}�[�W���E�p�f�B���O��Z�b�g�A�t�H���g�T�C�Y��S�ʓI�ɕW���T�C�Y�AMS P �S�V�b�N�A�S�V�b�N�n�̃t�H���g�ɓ���*/

body {
	background-color:#ccffff;
	text-align:center;
	line-height : 180%;
}
/*�w�i�F��ݒ�B�s��150��*/
/*IE5.5�ȉ��ŃZ���^�����O���邽�߂̑΍�*/

a:link {color:#3399ff;} /*���K��̃����N�̐F*/
a:visited{color:#ff6600;} /*�K��ς݂̃����N�̐F*/
a:hover{color:#330099;} /*�J�[�\�������Ă��郊���N�̐F*/
a:active{color:#3399ff;} /*�N���b�N���̃����N�̐F*/

div#container{
	width:900px; margin:0 auto;
	text-align:left;
	background-color:#ffffff;
}

a img {
	border: none;
} 

a {
	text-decoration:none;
}

/*===============================================
popup_image_viewer
===============================================*/

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -300px;
	left: 60px; /*position where enlarged image should offset horizontally */
}

.under {
	text-decoration:underline;
}

.dashed-border:{
	border-bottom:2px blue dashed;
}

/*=================================================================
�w�b�_�[
=================================================================*/
div#header {
	width:800px;margin:0px 10px auto;
	border: 1px solid black;
	text-decoration: none;
}

div#header_container{
	width:720px;
	margin:0 auto;
	padding:0 auto;
	text-align:left;
	background-color:#ffffff;
}

#logo {
	margin:0px auto;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	border:none;
	float:left;
	background-color:#ffffff;
}

* html #logo {
	margin:0 10px auto;
	border:none;
	float:left;
}

h1 {
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}

div#form {
	width:300px;
	border:1px solid black;
	border-left:none;
	margin:10px 0px 0px 0px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	float:right;
	display:inline;
	border:none;
}


* html div#form {
	width:290px;
	border:1px solid black;
	border-left:none;
	margin:10px 30px 0px 0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:10px;
	float:right;
	display:inline;
	border:none;
}


#top {
	width:720px;
	margin:0px 90px;
	padding:0px auto;
	display:block;
}

input.text {
	width:100px;
	font-size:90%;
	float:left;
	display:block;
}

* html input.text {
	width:110px;
	font-size:80%;
	margin:0;
	float:left;
	display:block;
}

input.button {
	width:60px;
	font-size:90%;
	float:right;
	display:block;
}

* html input.button {
	width:40px;
	font-size:80%;
	margin:0;
	float:right;
	display:block;
}

/*=================================================================
���C�����j���[
=================================================================*/

div#menu{
	width:740px;
}

.suckertreemenu ul{
	margin: 0 90px;
	padding: 0;
	list-style-type: none;
}
/*[ul]��class��ݒ�Blist�̐擪�ɂ͉�����Ȃ��B*/

*:first-child+html .suckertreemenu ul{
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}


/*��ԏ�̍��ڂ̐ݒ�*/
.suckertreemenu ul li{
	margin: 0;
	position: relative;
	display: inline; /*�u���b�N�v�f��C�����C���v�f�ɕύX*/
	float: left; /*������l�߂Ă���*/
	background-color: #ffffff; /*�S���̃��j���[�̔w�i�F*/
	font-size:90%;
}

.suckertreemenu .subfoldericon{
	background: #ffffff url(../img/arrow-right.gif) no-repeat center right;
}

/*��ԏ�̍��ڂ̃����N�ݒ�*/
/*FireFox*/
html>body .suckertreemenu ul li a{
	margin: 0;
	display: block; /*�����N���镶����u���b�N�`���ŕ\��*/
	width: 72.75px; /*�ŏ�ʂ̍��ڂ̕��B�����͍��ڂ̐��Ƒ�{�̔��̕��Ō��߂�*/
	padding: 1px 8px; /*�����N�̕����̃p�f�B���O*/
	border: 1px solid black; /*����ň͂�*/
	border-left-width: 0; /*���l�߂ɂ��Ă����̂ŁA���̐�̂ݏ��*/
	text-decoration: none; /*�����N�̉������*/
	color: navy; /*�{���̕����̐F*/
}

/*safari*/
*:first-child+html .suckertreemenu ul li a{
	margin: 0;
	display: block; /*�����N���镶����u���b�N�`���ŕ\��*/
	width: 72.75px; /*�ŏ�ʂ̍��ڂ̕��B�����͍��ڂ̐��Ƒ�{�̔��̕��Ō��߂�*/
	padding: 1px 8px; /*�����N�̕����̃p�f�B���O*/
	border: 1px solid black; /*����ň͂�*/
	border-left-width: 0; /*���l�߂ɂ��Ă����̂ŁA���̐�̂ݏ��*/
	text-decoration: none; /*�����N�̉������*/
	color: navy; /*�{���̕����̐F*/
	font-size:90%;
}

/*opera*/
.suckertreemenu ul li a{
	margin: 0;
	display: block; /*�����N���镶����u���b�N�`���ŕ\��*/
	width: 92.5px; /*�ŏ�ʂ̍��ڂ̕��B�����͍��ڂ̐��Ƒ�{�̔��̕��Ō��߂�*/
	padding: 5px 8px; /*�����N�̕����̃p�f�B���O*/
	border: 1px solid black; /*����ň͂�*/
	border-left-width: 0; /*���l�߂ɂ��Ă����̂ŁA���̐�̂ݏ��*/
	text-decoration: none; /*�����N�̉������*/
	color: navy; /*�{���̕����̐F*/
	font-size:90%;
}

/*��ԏ�̍��ڂ̃����N�ݒ�*/
/*IE6*/
* html .suckertreemenu ul li a{
	margin: 0 0 2.5;
	display: block; /*�����N���镶����u���b�N�`���ŕ\��*/
	width: 90px; /*�ŏ�ʂ̍��ڂ̕��B�����͍��ڂ̐��Ƒ�{�̔��̕��Ō��߂�*/
	padding: 3px 8px; /*�����N�̕����̃p�f�B���O*/
	border: 1px solid black; /*����ň͂�*/
	border-left-width: 0; /*���l�߂ɂ��Ă����̂ŁA���̐�̂ݏ��*/
	text-decoration: none; /*�����N�̉������*/
	color: navy; /*�{���̕����̐F*/
	font-size:90%;
}


	
/*�_�E�����j���[�ɂ‚���*/

.suckertreemenu ul li ul{
	margin: 0;
	left: 0;
	position: absolute;
	top: 1em; /* �X�N���v�g�Ɋ֌W����̂ŁA�ύX����K�v�͂Ȃ� */
	display: block; /*�u���b�N�`���ŕ\�������*/
	visibility: hidden; /*�������B������*/
}


/*�_�E�����j���[�̃��X�g����*/
.suckertreemenu ul li ul li{
	margin: 0;
	display: list-item;     /*���X�g���ڂ̓�e����܂�{�b�N�X�ƁA
				���X�g�}�[�J�[�p�̃{�b�N�X�����B��Ȃǂ��p��*/
	float: none; /*�t���[�g��w�肵�Ȃ�*/
}

* html .suckertreemenu ul li ul li{
	margin: -2;
	display: list-item;     /*���X�g���ڂ̓�e����܂�{�b�N�X�ƁA
				���X�g�}�[�J�[�p�̃{�b�N�X�����B��Ȃǂ��p��*/
	float: none; /*�t���[�g��w�肵�Ȃ�*/
}


*:first-child+html .suckertreemenu ul li ul li{
	margin: -2;
	display: list-item;     /*���X�g���ڂ̓�e����܂�{�b�N�X�ƁA
				���X�g�}�[�J�[�p�̃{�b�N�X�����B��Ȃǂ��p��*/
	float: none; /*�t���[�g��w�肵�Ȃ�*/
}


/*�_�E�����j���[�̉��w���X�g*/
.suckertreemenu ul li ul li ul{ 
	margin: 0;
	left: 170px; /*�X�N���v�g�Ɋ֌W����̂ŁA�ύX����K�v�͂Ȃ�*/
	top: 0;
	position: none;
}

* html .suckertreemenu ul li ul li ul{ 
	margin: 2.5 0 0 0;
	left: 170px; /*�X�N���v�g�Ɋ֌W����̂ŁA�ύX����K�v�͂Ȃ�*/
	top: 0;
	position: none;
}

*:first-child+html .suckertreemenu ul li ul li ul{ 
	margin: 2.5 0 0 0;
	left: 170px; /*�X�N���v�g�Ɋ֌W����̂ŁA�ύX����K�v�͂Ȃ�*/
	top: 0;
	position: none;
}


/* �_�E�����j���[�̃����N�ݒ� */
.suckertreemenu ul li ul li a{
	margin: 0;
	display: block;
	width:180px; /*�_�E�����j���[�̉���*/
	/*color: navy;*/
	text-decoration: none; /*�����N�̉����폜*/
	padding: 1px 5px;
	border: 1px solid #cccccc;
}

* html .suckertreemenu ul li ul li a{
	margin: -1.5 0 0 0;
	display: block;
	width: 160px; /*�_�E�����j���[�̉���*/
	/*color: navy;*/
	text-decoration: none; /*�����N�̉����폜*/
	padding: 3px 5px;
	border: 1px solid #cccccc;
}

*:first-child+html .suckertreemenu ul li ul li a{
	margin: -1.5 0 0 0;
	display: block;
	width: 160px; /*�_�E�����j���[�̉���*/
	/*color: navy;*/
	text-decoration: none; /*�����N�̉����폜*/
	padding: 3px 5px;
	border: 1px solid #cccccc;
}


/*�g�b�v�̍��ڂ�|�C���g�����ꍇ�̐ݒ�*/
.suckertreemenu ul li a:hover{
	background-color: #000000;
	color: #ffffff;
}

* html span#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

.suckertreemenu {
	margin:0 auto;
	padding:0 auto;
}

/*=========================================================
�T�u���j���[
=========================================================*/

div#submenu {
	width:200px;
	margin:10px 0px 10px 20px;
	display:inline;
	float:left;
	border: 1px solid black;
}

div#submenu_header {
	height:26px; padding:4px 0px 0px 0px;
	background-color:#e6e6fa;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	color:#000000;
}


ul#submenu_body {
	padding-bottom:6px;
	background-color:#e6e6fa;
}

ul#submenu_body li {
	font-size:90%;
	list-style-type:none;
	display:inline;
}

ul#submenu_body li a {
	display:block;
	margin:0px 4px 0px 4px;
	padding:2px 0px 2px 10px;
	background-color:#f8f8ff;
	text-decoration:none;
}

* html ul#submenu_body li a {
	display:block;
	margin:0px 4px;
	padding:2px 0px 2px 10px;
	background-color:#f8f8ff;
	text-decoration:none;
	font-size:90%;
}

ul#submenu_body li a:hover {
	background-color:#000000;
	color:#ffffff;
}

/*==================================================
�R���e���c
==================================================*/

div#content {
	width:620px;
	margin:10px 20px 10px 0px;
	float:right;
	background-color:#ffffff;
	border: 1px solid black;
}

.content_box {
	width:580px; margin:0px 10px;
}

div#content_left {
	width:240px; margin:0px 10px;
	display:block;
	float:left;
}

* html div#content_left {
	width:250px; margin:0px 0px;
	display:block;
	float:left;
}

div#content_right {
	width:240px;
	margin:0px 0px;
	display:block;
	float:right;
}

* html div#content_right {
	width:250px; margin:0px 0px;
	display:block;
	float:right;
}


ul.no {
	list-style-type:none;
}

li.no {
	list-style-type:none;
	padding:0 0 0 1em;
}

* html li.no {
	list-style-type:none;
	padding:0 0 0.5em 1em;
	font-size:80%;
}


h2 a {
	text-decoration: none; 
}

.h2top {
	font-size:95%;
	margin-bottom:10px;
	padding-left:25px;
	border-bottom:solid 1px #cccccc;
	background-img:url("img/$");
	background-repeat;no-repeat;
	background-position;left center;
}

* html .h2top {
	font-size:90%;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	border-bottom:solid 1px #cccccc;
	background-img:url("img/$");
	background-repeat;no-repeat;
	background-position;left center;
}

.h2middle {
	font-size:95%;
	margin-bottom:10px;
	padding-left:25px;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background-img:url("img/$");
	background-repeat;no-repeat;
	background-position;left center;
}

* html .h2middle {
	font-size:90%;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background-img:url("img/$");
	background-repeat;no-repeat;
	background-position;left center;
}

span.date {
	font-style:bold small "sans-serif";
	color:red;
}

span.big {
	color:red;
	font:bold large "sans-serif";
}

.red {
	color:red;
}

* html .red {
	color:red;
	font-size:90%;
}

.normal {
	margin-left:1em;
}

*:first-child+html .normal {
	margin-left:1em;
}


.blue {
	color:blue;
	font:bold medium "sans-serif";
}

.blue_n {
	color:blue;
}

.green {
	color:limegreen;
}

li.1em {
	text-indent:1em;
	list-style-type:none;
}



h3 {
	width:180px;
	font-size:90%;
	margin:10px; 20px;
	padding-left:20px;
	border-top:dotted medium #ff9900;
	border-bottom:dotted medium #ff9900;
}

* html h3 {
	width:180px;
	font-size:90%;
	margin:10px; 20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	border-top:dotted medium #ff9900;
	border-bottom:dotted medium #ff9900;
}


h3#long {
	width:360px;
	font-size:90%;
	margin:10px; 20px;
	padding-left:20px;
	border-top:dotted medium #ff9900;
	border-bottom:dotted medium #ff9900;
}

* html h3#long {
	width:360px;
	font-size:90%;
	margin:10px; 20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	border-top:dotted medium #ff9900;
	border-bottom:dotted medium #ff9900;
}

p {
	font-size:90%;
	margin:10px;
}

* html p {
	font-size:85%;
	margin:10px;
}

* html p a {
	font-size:85%;
}



hr {
	border-style:solid none none none;
	border-top-color:#cccccc;
	margin-top:10px;
	margin-bottom:10px;
}


div#topics {
	width:580px;height:300px;border-style:none;
	margin:0px 30px 10px 10px;
	overflow:auto;
}


div#topics_kikaku {
	width:580px;border-style:none;
	margin:0px 10px 10px 10px;
	overflow:auto;
}
/!--
* html div#topics_kikaku {
	width:480px;height:140px;border-style:none;
	margin:0px 30px 10px 10px;
	overflow:auto;
}
--/

table {
	border-collapse:collapse;
	font-size:80%;
	table-layout:fixed;
	margin:10px 10px 10px 0px;
}

table,th,td {
	border:solid 1px #000000;
}

td {
	padding:10px;
	font-size:90%;
}

th {
	background-color:#ccccff;
	padding:10px;
	font-size:90%;
}

td#left {
	width:300px;
	padding:0 0 0 10px;
}

td#right {
	width:100px;
	padding:0 10px 0 0;
	text-align:right;
}

td#lefts {
	width:200px;
	padding:0 0 0 10px;
}

td#rights {
	width:60px;
	padding:0 10px 0 0;
	text-align:right;
}

td#l {
	width:160px;
	padding:0 0 0 10px;
}

td#r {
	width:300px;
	padding:0 10px 0 10px;
}

div#time {
	margin:0 0 0 10px;
	padding:0 10px;
	text-align:center;
	background-color:#ff99cc;
	display:inline;

}

*:first-child+html div#time {
	margin:0 0 0 10px;
	padding:0 10px;
	text-align:center;
	background-color:#ff99cc;
	display:inline;

}


div#ninzuu {
	margin:0 0 0 10px;
	padding:0 10px;
	text-align:center;
	background-color:#33ffff;
	display:block;
}

*:first-child+html div#ninzuu {
	margin:0 0 0 10px;
	padding:0 10px;
	text-align:center;
	background-color:#33ffff;
	display:block;
}


div#naiyou {
	margin:0 0 0 10px;
	padding:0 10px;
	text-align:center;
	background-color:#ffff66;
	display:block;
}

*:first-child+html div#naiyou {
	margin:0 0 0 10px;
	padding:0 10px;
	text-align:center;
	background-color:#ffff66;
	display:block;
}


div#tyuui {
	margin:0 0 0 10px;
	padding:0 10px;
	text-align:center;
	background-color:#66ff66;
	display:block;
}

*:first-child+html div#tyuui {
	margin:0 0 0 10px;
	padding:0 10px;
	text-align:center;
	background-color:#66ff66;
	display:block;
}


h4 {
	width:280px;
	font-size:80%;
	margin:10px 0px;
	border-top:double medium #0099cc;
	border-bottom:double medium #0099cc;
}

*:first-child+html h4 {
	width:300px;
	font-size:80%;
	margin:10px 20px;
	border-top:double medium #0099cc;
	border-bottom:double medium #0099cc;
}

h4.short {
	width:120px;
	font-size:80%;
	margin:10px 0px;
	padding:0 0 0 5px;
	border-top:double medium #0099cc;
	border-bottom:double medium #0099cc;
}

*:first-child+html h4.short {
	width:140px;
	font-size:80%;
	margin:10px 20px;
	padding:0 0 0 5px;
	border-top:double medium #0099cc;
	border-bottom:double medium #0099cc;
}





h4 + p {
	margin:10px 20px;
	padding-left:10px;
}

*:first-child+html h4 + p {
	margin:10px 20px;
	padding-left:10px;
}

.sitemap_top {
	margin: 2 0 2 2em;
	padding: 0;
	list-style-image: url(../img/button/bullet026.gif);
	font-size:90%;
}

.sitemap_2nd {
	margin: 2 0 2 2em;
	padding: 0;
	list-style-image: url(../img/button/bullet027.gif);
}

.sitemap_3rd {
	margin: 2 0 2 2em;
	padding: 0;
	list-style-image: url(../img/button/bullet028.gif);
}

.new {
	color:red;
	text-decoration:blink;
}

span.update {
	color:red;
	font-size:110%;
}

hr.topics {
	border:dashed 1px #cc6600;
	margin-top:3px;
	margin-bottom:3px;
}

* html hr.topics {
	border:dashed 1px #cc6600;
}


/*==================================================
�t�b�^�[
==================================================*/


hr#footer {
	border:solid 1px #cccccc;
}

*:first-child+html hr#footer {
	border:solid 1px #cccccc;
}


#clear {
	clear:both;
	visibility:hidden;
	height:0px;
}	


div#footer {
	width:840px;
	text-align:left;
	background-color:#ffffff;
}

*:first-child+html div#footer {
	width:840px;
	text-align:left;
	background-color:#ffffff;
}

div#footer_contents {
	width:840px;
	text-align:left;
	background-color:#ffffff;
}

*:first-child+html div#footer_contents {
	width:840px;
	text-align:left;
	background-color:#ffffff;
}

div#footer_left {
	width:400px;
	text-align:left;
	float:left;
	background-color:#ffffff;
}

*:first-child+html div#footer_left {
	width:400px;
	text-align:left;
	float:left;
	background-color:#ffffff;
}

div#footer_right {
	width:400px;
	text-align:left;
	float:right;
	background-color:#ffffff;
}

*:first-child+html div#footer_right {
	width:400px;
	text-align:left;
	float:right;
	background-color:#ffffff;
}

address {
	display:block;
	font-style:normal;
	font-size:80%;
	padding:5px 0px 5px 10px;
}

*:first-child+html address {
	display:block;
	font-style:normal;
	font-size:80%;
	padding:5px 0px 5px 10px;
}


�