@charset "UTF-8";

@media screen, print{
	/* ----------基本設定---------- */
	html{
		width: 100%;
		height: 100%;
		color: #282a22;
		font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
		line-height: 130%;
	}
	body{
		background-color: #ffffff;
		background-image: url("./images/back_high.png");
		background-repeat: repeat-y;
		margin: 0px 0px 0px 0px;
		padding: 4px 0px 4px 0px;
	}
	a{
		color:#33a;
	/*	text-decoration: none;*/
	}
	a:visited{
		color:#837;
	/*	text-decoration: none;*/
	}
	a:active{
	}
	a:hover{
		color:#372;
		background-color: #fafffa;
	/*	text-decoration: underline overline;*/
	}
	
	
	/* ----------コンテンツカラー---------- */
	.sub1	{ color:#006 !important; }
	.sub2	{ color:#060 !important; }
	.sub3	{ color:#066 !important; }
	.sub4	{ color:#606 !important; }
	.sub5	{ color:#600 !important; }
	.sub6	{ color:#660 !important; }
	.sub7	{ color:#432 !important; }
	.sub8	{ color:#666 !important; }
	.sub9	{ color:#222 !important; }
	
	a:hover.sub1	{ background-color:#dcf !important; }
	a:hover.sub2	{ background-color:#cfc !important; }
	a:hover.sub3	{ background-color:#cfd !important; }
	a:hover.sub4	{ background-color:#ecf !important; }
	a:hover.sub5	{ background-color:#fdd !important; }
	a:hover.sub6	{ background-color:#eeb !important; }
	a:hover.sub7	{ background-color:#edc !important; }
	a:hover.sub8	{ background-color:#ddd !important; }
	a:hover.sub9	{ background-color:#bbb !important; }
	
	a.sub1now	{ color:#fff;  background-color:#339; border-color:#226 !important; }
	a.sub2now	{ color:#fff;  background-color:#393; border-color:#262 !important; }
	a.sub3now	{ color:#fff;  background-color:#399; border-color:#266 !important; }
	a.sub4now	{ color:#fff;  background-color:#939; border-color:#626 !important; }
	a.sub5now	{ color:#fff;  background-color:#933; border-color:#622 !important; }
	a.sub6now	{ color:#fff;  background-color:#993; border-color:#662 !important; }
	a.sub7now	{ color:#fff;  background-color:#765; border-color:#432 !important; }
	a.sub8now	{ color:#fff;  background-color:#999; border-color:#666 !important; }
	a.sub9now	{ color:#fff;  background-color:#444; border-color:#222 !important; }
	
	
	/* ----------ヘッダ---------- */
	div.header{
	}
	
	.headtitle{
		margin: 0px 0px 0px 80px;
	}
	.headtitle h1{
		display: none;
	}
	.headtitle img{
	}
	
	.headmenu{
		background-image: url("./images/back_wide.png");
		background-repeat: repeat-x;
		background-position: 0% 100%;
		margin: -20px 0px 0px 0px;
		padding: 20px 10px 63px 0px;
	}
	.headmenu a{
		border-width: 3px 3px 3px 3px;
		border-style: double double solid double;
		border-color: #d6ceff #d6ceff #ffffff #d6ceff;
		padding: 3px 0.5em 6px 0.5em;
		font-size: 120%;
		font-weight: bold;
	}
	.headmenu a:hover{
		text-decoration: none;
	}
	.headmenulist{
		text-align: right;
	}
	
	.headlist{
		margin: -10px 0px -10px 95px;
		font-size: 95%;
	}
	
	
	/* ----------ボディ---------- */
	div.body{
		margin: 15px 4px 15px 74px;
	}
	
	h2{
		border-style: solid;
		border-width: 3px 0px 3px 0px;
		border-color: #666677;
		font-size: 110%;
		font-weight: normal;
		padding: 0.4em 0em 0.4em 0em;
		margin: 0em 0em 1.5em 0em;
	}
	
	.contents{
		margin: 0;
	}
	.contentstitle, .lastupdate{
		color: #558;
		font-weight: bold;
		padding: 0em 1em 0em 1em;
	}
	.contentstext{
		font-weight: normal;
		color: #282a22;
		padding: 0em 1em 0em 1em;
	}
	
	ul{
		margin: 0.5em 0em 1em 0em;
		padding: 0em 1em 0em 1em;
	}
	ul li{
		margin: 0em 0em 0em 2em;
		padding: 0.2em 0em 0.2em 0em;
	}
	li.index{
		list-style-type: circle;
	}
	li.image{
		display: inline;
		list-style-type: none;
		float: right;
	}
	ul ul li{
		list-style-type: square;
	}
	li.data{
		padding: 0.3em 0em 1em 0em;
	}
	
	
	/* ----------トップページ専用---------- */
	.column{
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	.column a{
		text-decoration: underline !important;
	}
	.column div{
		width: 65%;
		text-align: left;
		padding: 0.2em;
	}
	.column *{
		margin-left: auto;
		margin-right: auto;
	}
	
	
	.topmenu{
		margin: 0% 5%;
		height: 27em;
		background-image: url("./images/menuback.png");
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	
	.topmenu-left{
		float: left;
		width: 40%;
	}
	.topmenu-left ul{
		height: 24.5em;
		font-size: 90%;
		margin: -0.5em 0 0 0;
		padding: 0;
	}
	.topmenu-left li{
		padding: 0.1em 0em 0.6em 0em !important;
	}
	.topmenu-left .subtitle{
		font-size: 135%;
		font-weight: bold;
	}
	.topmenu-left a:hover{
		text-decoration: none;
	}
	
	.topmenu-right{
		float: left;
		width: 60%;
		text-align: right;
	}
	.topmenu-right ul{
		height: 25em;
		margin: -0.5em 0 0 0;
		padding: 0;
		overflow: hidden;
		list-style: none;
	}
	.topmenu-right li{
		margin: 0em 0em 0.2em 0em !important;
		line-height: 115%;
	}
	.topmenu-right .date{
		font-size: 105%;
		display: block;
	}
	
	.contentsheader{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/* ----------汎用---------- */
	.topmenu hr, h2.headmenuheader, h2.columnheader{
		display: none;
	}
	hr{
		visibility: hidden;
		height: 0;
		margin: 0;
		padding: 0;
		clear :both;
	}
	
	form{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		display: inline;
	}
	textarea,select{
		background-color:#f0fff0;
	}
	input{
		background-color:#e0e0ff;
	}
	
	img{
		border-style: none;
		margin: 3px;
	}
	
	
	
	.swf{
		text-align: center;
		width: 100%;
		overflow: auto;
	}
	.nobel{
		line-height: 170%;
		padding: 1em 0em 1em 3em;
	}
	
	acronym{
		color: #553333;
		background-color: #faeeee;
	}
	
	span.secret{
		color: #f5f5f5;
	}
	span.delete{
		text-decoration: line-through;
	}
	span.date{
		margin: 0em 0.4em 0em 0.4em;
		color: #384a32;
	}
	span.category{
		margin: 0em 0.4em 0em 0em;
		color: #284a22;
	}
	
	/* ----------フッタ---------- */
	.footer{
		margin: 0 5px 1em 75px;
		border-style: solid;
		border-width: 3px 0px 0px 0px;
		border-color: #666677;
		padding: 0.3em 1em 0em 0em;
		font-style: italic;
		text-align: right;
	}
	
	
	/* ----------リンク専用---------- */
	.link{
		width: 600px;
		border-spacing: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.link td{
		padding: 1px;
	}
	.link .new{
		text-align: right;
		color: #ff5a5a;
		font-weight: bold;
	}
	.link .author{
		width: 395px;
		text-align: right;
		vertical-align: bottom;
		font-size: 125%;
	}
	.link .banar{
		width: 205px;
		text-align: center;
		background-color: #ffdbb7;
	}
	.link .sitename{
		background-color: #bcedc6;
		color: #774242;
		font-size: 140%;
		font-weight: bold;
	}
	.link .intro{
		background-color: #eae0ff;
		text-align: center;
	}
	
	
	/* ----------bbenote専用---------- */
	.headtoolbar{
		margin: 5px 0px 0px 0px;
	}
}




/* ----------印刷用---------- */
@media print{
	html{
		color: #000000;
		font-family: sans-serif;
	}
	body{
		background-image: none;
	}
	
	.headtitle{
		margin: 0px 0px 0px 0px;
		text-align: center;
	}
	.headmenu{
		display: none;
	}
	.headlist{
		margin: 0px 0px 0px 0px;
		font-size: 95%;
	}
	div.body{
		margin: 0px 0px 0px 0px;
	}
	a{
		color:#009;
		text-decoration: underline;
	}
	a:visited{
		color:#606;
		text-decoration: underline;
	}
	.topmenu{
		margin: 0%;
		height: 30em;
	}
	div.footer{
		margin: 0px;
		border-width: 3px 0px 0px 0px;
		border-color: #666677;
		padding: 0em 0em 0em 0em;
	}
}