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

	Reset

------------------------------------- */
html { color: #000000; background: #ffffff; }
address, body, cite, code, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
legend { color: #000000; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select { *font-size: 100%; }
/* ----- Fonts ----- */
body { font: 13px/1.231 monospace, sans-serif, serif; *font-size: small; *font: x-small; }
select, input, button, textarea, button { font: 99% monospace, sans-serif, serif; }
table { font-size: inherit; font: 100%; }
pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

/* -------------------------------------

	�S�̃X�^�C��

------------------------------------- */
html { background-image: url(./bg.gif);	/* �w�i */ }
body {
	color: #555555;
	font-family: Meiryo, monospace, arial, sans-serif;
}

/* -------------------------------------

	text

------------------------------------- */
h1 {
	padding-left: 30px;
	font-size: 144%;
	font-weight: bold;
}
h2 {
	padding: 5px 0;
	font-size: 107%;
	font-weight: bold;
	text-align: center;
}
h3, h4, h5, h6 { font-size: 100%; }

/* -------------------------------------

	hypertext

------------------------------------- */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

/* -------------------------------------

	list

------------------------------------- */
ul, ol, dl {
	margin: 1em 20px;
	list-style-position: inside;
	list-style-type: none;
}
li, dt, dd { font-size: 100%; }
#sidebar_menu ul {
	margin: 1em 0;
	list-style-position: inside;
	list-style-type: none;
}
#sidebar_menu li { line-height: 2; }
#sidebar_word ul {
	margin: 1.5em 5px;
	list-style-position: inside;
	list-style-type: none;
}
#sidebar_word li { padding-bottom: 1em; }
#contents dt {
	font-size: 107%;
	padding-top: 10px;
}
#contents dd { text-indent: 1em; }
/* �s�y�[�W */
#contents_keyword dd {
	margin-bottom: 10px;
	padding-left: 10px;
}
/* TOP�y�[�W */
#sidebar_gyo ul {
	margin: 1.5em 5px;
	text-align: center;
	list-style-position: inside;
	list-style-type: none;
}
#sidebar_gyo li { padding-bottom: 1em; }

/* -------------------------------------

	box

------------------------------------- */
#container {
	width: 780px;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 120px;
	margin: 0 auto;
	text-align: left;
	line-height: 120px;	/* �c�Z���^�[�iheight�Ɠ����ɂ����j */
}

#wrapper {
	width: 100%;
	margin: 0 auto;
}

/* ----- �T�C�h�o�[ ----- */
#sidebar_menu {
	float: left;
	width: 12%;
	margin-left: 20px;
}

#sidebar_word {
	float: right;
	width: 18%;
	margin-right: 20px;
}
/* top�y�[�W */
#sidebar_gyo {
	float: right;
	width: 18%;
	margin-right: 20px;
}

/* ----- �R���e���c ----- */
#contents {
	float: left;
	width: 64%;
}
	#contents_kataru { margin: 0 20px;	/* [�㉺][�E��] */ }
	#contents_blo { margin: 30px 20px 0 20px;	/* [��][�E][��][��] */ }
	#contents_twi { margin: 30px 20px 0 20px;	/* [��][�E][��][��] */ }
	#contents_chie { margin: 30px 20px 0 20px;	/* [��][�E][��][��] */ }
	#contents_news { margin: 30px 20px 30px 20px;	/* [��][�E][��][��] */ }
	/* �s�̃y�[�W */
	#contents_keyword { margin: 0 20px 30px 20px;	/* [�㉺][�E��] */ }
	/* TOP�y�[�W */
	#contents_top { margin: 0 20px;	/* [�㉺][�E��] */ }

/* ----- �ς񂭂����X�g ----- */
#topic_path {
	padding: 10px 10px 10px 0;
	text-align: right;
}

/* ----- TOP�y�[�W�s ----- */
#indexbar {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

/* -------------------------------------

	color

------------------------------------- */
/* text */
h1 { color: #cc0033; }
h2 {
	background-color: #f1f4f3;
	border-bottom: 3px solid #cc0033;
}
/* hypertext */
a:link { color: #2757a1; }
a:visited { color: #2757a1; }
a:hover { color: #cc0033; }
/* list */
#contents_keyword dd {
	border-bottom: 1px dotted #e26283;
	border-left: 5px solid #cc0033;
}
/* box */
#container {
	background-color: #ffffff;
	border-right: 2px solid #c9c8c8;
	border-left: 2px solid #c9c8c8;
}
#header {
	border-top: 3px solid #cc0033;
	border-bottom: 3px solid #cc0033;
}
#contents_kataru { border-bottom: 1px dotted #999999; }
#contents_blo { border-bottom: 1px dotted #999999; }
#contents_twi { border-bottom: 1px dotted #999999; }
#contents_chie { border-bottom: 1px dotted #999999; }
/* module */
.nichiji { color: #fbb846; }
.p_footer {
	border-top: 2px solid #cc0033;
	background-color: #f7f7f7;
}

/* -------------------------------------

	module

------------------------------------- */
.nichiji { font-size: 85%; }
.fs85 { font-size: 85%; }
.center { text-align: center; }
.right { text-align: right; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.txt_ind3em { text-indent: 3em; }

.p_cls {
	padding: 10px 0;
	letter-spacing: 2px;
	line-height: 16px;
	text-indent: 1em;
}

.p_footer {
	clear: both;
	margin: 0 auto;
	width: 100%;
	height: 60px;
	text-align: center;
	font-size: 80%;
	line-height: 60px;	/* �c�Z���^�[�iheight�Ɠ����ɂ����j */
}