/* ___COMMON STYLE___ */
body { margin:20px auto;
    padding:0;
	color:#333;
	text-align:center;
	background:url(../img/back_green.jpg) repeat;
}

a:link {color:#00f; text-decoration:none;}
a:visited {color:#00f; text-decoration:none;}
a:hover {color:#0030CF; text-decoration:underline;}
a:active {color:#0030CF; text-decoration:none;}

#container {
	width:800px;
	background:#ffc;
	margin:60px auto;
	padding-bottom:0.5em;
	text-align:left;
	background:#ffc ;
}

/*トップページ用*/

#header-top {
	height:110px;
	font-size:100%;
	margin:0;
	padding:0;
	background: url(../img/header_top.gif) no-repeat right top;
	border-bottom:2px solid #063;
}
#header-top span {
	visibility:hidden;
}
#top_leader{
	margin:1em 1em auto auto;
	padding:0.5em;
	width:200px;
	font-size:75%;
	border:1px solid #000;
	background:#ff9;
}
#header-top h1{
	margin:0;
	width:230px; height:108px;
	background: url(../img/title_ninin.gif) no-repeat 10px 10px;
}


#main-top {
	font-size:100%;
	line-height:140%;
	margin:1em;
	background: url(../img/top-img01.png) no-repeat right top;
}

#main-top p{
	width:460px;
}

#top_cont{
	 width:460px;;
}
#top_cont a:link {color:#333; text-decoration:none;}
#top_cont a:visited {color:#333; text-decoration:none;}
#top_cont a:hover {color:#0030CF; text-decoration:underline;}
#top_cont a:active {color:#0030CF; text-decoration:none;}


#topmain_left{
	float:left; width:220px;
}

#topmain_right{
	float:right; width:220px;
}

#main-top h2{
	font-weight:bolder;
	background:#cfc;
	width:200px;
	margin:0;
	padding:0.2em;
}

.top_cont{
	margin-left:0; padding-left:1.5em; list-style-image: url(../img/cont_sankaku.gif);
}

/* ___通常HEADER___ */
#header {width:800px; height:250px; margin:0; padding:0;}
#header h1 {width:230px; height:250px; margin:0; padding:0;
	background: url(../img/header_back01.jpg) no-repeat bottom;}
#header h1 span {visibility:hidden;}
#header h2 {
	margin:10px 10px auto auto;
	padding:0.1em;
	width:240px;
	font-size:180%;
	border:1px solid #000;
	font-family: "ヒラギノ明朝 Pro W3", "ＭＳ 明朝";
}
#profile {width:800px; height:250px;margin:0; padding:0; background:url(../img/header_profile.gif) no-repeat top right;}
#mokuji {width:800px; height:250px;margin:0; padding:0; background:url(../img/header_mokuji.gif) no-repeat top right;}
#essay {width:800px; height:250px;margin:0; padding:0; background:url(../img/header_essay.gif) no-repeat top right;}
#oriori {width:800px; height:250px;margin:0; padding:0; background:url(../img/header_oriori.gif) no-repeat top right;}
#toukou {width:800px; height:250px;margin:0; padding:0; background:url(../img/header_toukou.gif) no-repeat top right;}
#link {width:800px; height:250px;margin:0; padding:0; background:url(../img/header_link.gif) no-repeat top right;}

#header .green {background:#9c9;}
#header .yellow {background:#ff9;}
#header .pink {background:#fcf;}
#header .blue {background:#9cf;}
#header .white {background:#fff;}
#header .orange {background:#fc9;}
#header .perple {background:#f9f;}

#header a:link {color:#333; text-decoration:none;}
#header a:visited {color:#333; text-decoration:none;}
#header a:hover {color:#0030CF; text-decoration:none;}
#header a:active {color:#0030CF; text-decoration:none;}


/*通常ページ用*/

#main{
	width:800px;
	font-size:90%;
	line-height:140%;
	padding:0;
	margin:1em 0 0 0;
}

#contents{
	width:220px;
	padding-left:10px;
	fload:left;
}
#contents h2{
	font-weight:bolder;
	background:#cfc;
	width:200px;
	margin:0;
	padding:0.2em;
}
#contents a:link {color:#333; text-decoration:none;}
#contents a:visited {color:#333; text-decoration:none;}
#contents a:hover {color:#0030CF; text-decoration:underline;}
#contents a:active {color:#0030CF; text-decoration:none;}

#article{
	width:550px;
	float:right;
}

#article p{
	padding-left:1em; padding-right:1.5em;
}

.subhead01{
	border-top:1px solid #093; border-bottom:1px solid #093; padding:0.2em; width:95%;
}


#main-error {
	font-size:84%;
	line-height:140%;
	width:690px;
	padding:50px 0 200px 0;
}

h1, h2, h3, h4, h5 {font-size:100%}

img {border:none;vertical-align:bottom;}

.c-both{clear:both; height:0; width:0; visibility:hidden;}


/* ___FOOTER___ */
#footer {
	clear:both;
	margin:1em;
	padding:0.5em;
	background: #cfc;
	text-align:right;
	color:#333;
	font-size:80%;

}
#footer a:link {color:#333; text-decoration:none;}
#footer a:visited {color:#333; text-decoration:none;}
#footer a:hover {color:#0030CF; text-decoration:underline;}
#footer a:active {color:#0030CF; text-decoration:none;}



/* Parts */
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.attention {color:#F00;}
.attention2 {color:#006F00;}
.bold {font-weight:bolder;}
.notice {color:#F00;font-size:90%;}
.notice2 {color:#080;font-size:90%;}
.marker-t {color:#009899}
.important {color:#EF3030;}
.date {font-size:90%;text-align:right;}
.small {font-size:85%;font-weight:normal}
.pagenavi {color:#009899;margin:1em 0 50px 0;line-height:150%;}
.pagenavi img {vertical-align:baseline;}

.frame {border:1px solid #009899; padding:10px;margin:5px 0 1em 0;}
.frame-c {border:1px solid #009899; padding:10px;background-color:#EBF8F8;margin:5px 0 1em 0;}
.frame-notice {border:1px solid #F00; padding:10px;margin:5px 0 1em 0;color:#F00;}
.frame li, .frame-c li {list-style-type:none;margin:5px 0}
.frame ul.cllist li, .frame-c ul.cllist li {list-style-type:disc;margin:5px 0}
.frame ol.cllist li, .frame-c ol.cllist li {list-style-type:decimal;margin:5px 0 5px 10px}
#main p.submitline {text-align:center; margin:25px 0;}
.backbtn {margin-right:2em}
.submitbtn {width:10em;}
.resetbtn {margin-left:2em}
.namae {text-align:right; margin-top:-1em;}

/* TABLE */
.chart1, .chart1-l {background:#093;margin-bottom:1em;}
.chart2, .chart2-l {background:#6c6;margin-bottom:1em;}
.chart1 caption, .chart2 caption,
.chart1-l caption, .chart2-l caption {text-align:left;font-weight:bold;padding:2px 0;}
.chart1 td, .chart2 td, .chart1-l td, .chart2-l td {background:#FFF;}
.chart1 th, .chart1-l th {background:#9f9;color:#222;}
.chart2 th, .chart2-l th {background:#060;color:#FFF;}
.chart1 th.mi-sub, .chart1-l th.mi-sub {background:#88888C;color:#FFF;}
.chart1 th.mi-subsub, .chart1-l th.mi-subsub {background:#C5C5CB;color:#333}
.chart2 th.mi-sub, .chart2-l th.mi-sub {background:#C2C2CC;color:#222;}
.chart2 th.mi-subsub, .chart2-l th.mi-subsub {background:#EBEBF7;color:#222}

.chart1 th, .chart2 th,
.chart1 th.mi-sub, .chart1 th.mi-subsub, .chart2 th.mi-sub, .chart2 th.mi-subsub
 {text-align:center}
.chart1-l th, .chart2-l th,
.chart1-l th.mi-sub, .chart1-l th.mi-subsub, .chart2-l th.mi-sub, .chart2-l th.mi-subsub
 {text-align:left}

/* namazu search */

.cstitle {
	font-size:120%;
	padding:0 0 2px 0;
	margin: 0 0 5px 0;
	border-bottom:1px dotted #23AEB2;
}