@charset "Shift_JIS";

*{
	line-height:1.3em;
}

@media screen{

	body{
		color:#000;
		background-color:#fff;
		background-image:url("./back.png");
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-position:left bottom;

		font-family:"MS PGothic","Osaka",sans-serif;
	}

	p{
		text-indent:1em;
		margin:1em;
	}

	img{
		border:0;
	}

	div.section{
		margin:0 3% 0 13%;
	}

	div.section div.section{
		margin:1em;
	}

	h1#tophead{
		display:none;

		text-align:right;

		border-width:0 0 0.1em 0;
		border-style:solid;
		border-color:#f99;
	}

	h2{
		border-style:solid;
		border-width:0 0 0.1em 1.2em;	
		border-color:#39f;
		padding:0 0.4em;
	}

	h3{
		border-style:solid;
		border-width:0 0 0.1em;	
		border-color:#339;
		padding:0 0.3em;
	}

	a[accesskey]:after{
		content:" [" attr(accesskey) "]";
	}

	// 掲示板用
	q:before,
	q:after{
		content:"";
	}
	q{
		color:#666;
		background-color:#FFF;
	}
	strong{
		color:#f00;
		background-color:#fff;
	}
	#mainfield .section .section .section{
		border:0.1em solid #CCC;
		padding:0.5em;
	}
	textarea,.comment_body{ /* 掲示板記事フォント */
		font-family:Osaka-等幅,'MS Gothic',monospace;
	}
	.teacher{
		color:#000;
		padding-right:64px;
		background:#CCC url("face.png") no-repeat bottom right;
	}

	#mainmenu,
	#navigation,
	#contentmenu,
	#validation,
	#author{
		font-size:76%;
	}

	#mainmenu h2,
	#navigation h2,
	#prevnext h2,
	#validation h2,
	#author h2{
		display:none;
	}
	#mainmenu ul{
		list-style-type:none;
		text-align:center;

		margin:0;
		padding:0.1em 1em;

		border-style:solid;
		border-width:0 0 0 0;
		border-color:#f96;
	}
	#mainmenu ul li{
		display:inline;
		padding:0;
		margin:0.1em;
	}
	#mainmenu ul li {
		border-style:outset;
		border-width:0.2em;
		border-color:#999;

		padding:0.2em;

		color:#000;
		background-color:#fff;
	}
	#mainmenu ul li#selected{
		border-style:inset;
		border-width:0.2em;
		border-color:#999;

		padding:0.2em;

		color:#000;
		background-color:#fcc;
	}
	#mainmenu a[accesskey]:after{
		content:"[" attr(accesskey) "]";
	}

	#navigation{
		border-style:solid;
		border-width:0 0 0.1em 0;
		border-color:#fc9;
		padding:0;
	}
	#navigation ol{
		list-style-type:none;
		text-align:left;
		margin:0;
		padding:0 1em;
	}
	#navigation ol li{
		display:inline;
	}
	#navigation ol li + li:before{
		content:"> ";
	}

	#contentmenu{
		text-align:left;
		width:53%;

		margin:1em;

		background-image:url("./face.png");
		background-repeat:no-repeat;
		background-attachment:scroll;
		background-position:right bottom;

		border-style:dashed;
		border-width:0 0 0.1em 0;	
		border-color:#999;
	}
	#contentmenu h2{
		border-style:solid;
		border-width:0 0 0.1em 1.2em;	
		border-color:#cf6;
		padding:0 0.4em;
		margin:0;
	}
	#contentmenu ul{
		margin:0.4em 4.3em;
		padding:0;
	}

	#prevnext ol{
		list-style-type:none;
		text-align:center;
		margin:0;
		padding:0;
	}
	#prevnext ol li{
		display:inline;
	}
	#prevnext ol li#prevpage:after{
		content:'<-';
	}
	#prevnext ol li#current{
		font-weight:bold;
	}
	#prevnext ol li#nextpage:before{
		content:'->';
	}
	#validation ul{
		list-style-type:none;
		text-align:center;
	}
	#validation ul li{
		display:inline;
		padding:0;
		margin:0.1em;
	}

	#author address{
		text-align:right;
	}

	ul.member-list{
		clear:both;
		float:none;
	}
	ul.member-list li{
		
		width:33%;
		float:left;
		display:inline;
	}

	.after-paragraph-link{
		text-align:right;
		float:none;
		clear:both;
	}
	.no-css{
		display:none;
	}
}