body {
		font-size: 62.5%;
		background-color:#FFFFFF;
		text-align:center;
		margin-top:0em;
	}

	.body_left {
		width:33.5em;
		float:left;
	}
	.body_right {
		width:37.5em;
		float:left;
		padding-left:1.0em;
	}

	popup {
		color: #FF00FF;
		text-decoration: underline;
	}

	p {
		font-size: 1.0em;
		color: #000000;
		line-height: 1.4em;
		text-decoration: none;
	}
	td { font-size: 1em;
		color: #000000;
		line-height: 1.4em;
		text-decoration: none;
	}

	.sectionmargin {
		padding-left:1.6em;
		padding-right:1.0em;
		padding-top:1.4em;
		padding-bottom:2.0em;
	 }

	.sectionmargin2 {
		padding-left:2.0em;
		padding-right:2.0em;
		padding-top:0em;
		padding-bottom:2.0em;
	 }

	.frameBlock {
		width:798px;
		border-left:1px solid #000000;
		border-right:1px solid #000000;
		left-padding:0px;
		text-align:left;
	}

	.margintd {
		margin-top	: 2.0em;
		margin-bottom	: 4.0em;
		margin-left	: 4.0em;
		margin-right	: 2.0em;
	}
	
	.section-2{
		padding-left	: 2.0em;
		padding-right	: 2.0em;
		padding-top	: 1.0em;
		padding-bottom	: 2.0em;
	}

	div.titleFrame{
		text-decoration	: none;
		width: 34.2em;
		height: 3.3em;
		background-image	: url(/hanyu/util/frame.jpg);
		text-align: left;
		vertical-align	: middle;
		margin-bottom	: 1.0em;
	}
	h1 {
		padding-left : 1.0em;
		padding-top	: 0.2em;
		font: normal bold 1.6em/1.6em SimSun inherit ;
		color: #7A5A30;
		margin-bottom:0em;
		padding-bottom:0em;
	}
	h2 {
		font: bold 1.3em/1.4em;
		border-left: 0.5em solid #333333;
		border-bottom: 0.1em solid #333333;
		margin-bottom: 1.0em;
		padding-left:0.6em;
		padding-top:0.4em;
		padding-bottom:0.4em;
		background-color: #DDDDDD;
		width: 100%;
		height:1.2em;
	}
	h3 {
		font: bold 1.2em/1.3em;
		border-left: 0.3em solid #666666;
		border-bottom: 0.1em solid #666666;
		margin-bottom: 0.5em;
		padding-left:0.6em;
		padding-top:0.3em;
		padding-bottom:0.2em;
		background-color: #EEEEEE;
		width: 100%;
		height:1.5em;
	}

	.indent5 { margin-left:0.5em; }
	.indent10 { margin-left:1.0em; }
	.indent15 { margin-left:1.5em; }
	.indent20 { margin-left:2.0em; }

	.bar_y {
	  background-image: url(/hanyu/common/bar_y.gif);
	  background-repeat: repeat-y;
	  background-attachment: scroll;
	}


.caution {
	FONT-SIZE: 0.8em; COLOR: #FF3333; 
}
.caution_strong {
	FONT-SIZE: 0.8em; COLOR: #FF3333; 
	font-weight: bold;
}
.subcomment {
	FONT-SIZE: 0.8em; COLOR: #666666; 
}


/* ボタン配置。最大6文字（大きい用と小さい用） */
	.bposition{
		font			: bold 1.4em;
		background-image	: url(/hanyu/button.jpg);
		width			: 138px;
		height			: 29px;
		text-align		: left;
		vertical-align	: middle;
		padding-top		: 7px;
		padding-left	: 36px;
		text-decoration: none;
		cursor			: hand;
		color			: blue;
	}

	.bpositions{
		font			: bold 16px;
		color			: blue;
		text-decoration		: none;
		background-image	: url(/hanyu/buttons.jpg);
		width			: 102px;
		height			: 38px;
		text-align		: center;
		vertical-align		: middle;
		padding-top		: 6px;
		cursor			: hand;
	}

	td.bar1{
		background	: url(/hanyu/bar1.gif) no-repeat left 60%;
		height		: 70px;
		padding-left: 160px;
		padding-top : 0px;
		margin-bottom: 30px;
		font		: normal bold normal 23px;
	}
	td.bar2{
		background	: url(/hanyu/bar2.gif) no-repeat left 60%;
		height		: 70px;
		padding-left: 160px;
		padding-top : 0px;
		margin-bottom: 30px;
		font		: normal bold normal 23px;
	}
	td.bar3{
		background	: url(/hanyu/bar3.gif) no-repeat left 60%;
		height		: 70px;
		padding-left: 160px;
		padding-top : 0px;
		margin-bottom: 30px;
		font		: normal bold normal 23px;
	}
	td.barNext{
		padding-left: 40px;
		padding-top	: 10px;
	}
	
	.loginStatus1{
		width:308px;
		height:23px;
	}
	.loginStatus2{
		text-align:right;
		color:white; 
		text-decoration : none;
		vertical-align:middle;
		margin:0px;
		font: normal bold 12px ＭＳ Ｐ明朝, 細明朝体 inherit; 
		padding-right:10px;
	}
	
	td.frameL{
		background	: url(/hanyu/util/frame_l.gif) repeat-y left;
	}
	td.frameR{
		background	: url(/hanyu/util/frame_r.gif) repeat-y left;
	}
	td.frameU{
		background	: url(/hanyu/util/frame_u.gif) repeat-x left;
	}
	td.frameB{
		background	: url(/hanyu/util/frame_b.gif) repeat-x left;
	}
	td.frameC{
		background	: url(/hanyu/util/frame_c.gif) repeat left;
		font		: normal bold normal 23px;
	}

	td.th_l{
		width		: 19;
		height		: 27;
		background	: url(/hanyu/util/tablehead_l.gif) no_repeat left;
	}
	td.th_c{
		text-align	: center;
		font-size	: 12px;
		color		: white;
		height		: 19;
		background	: url(/hanyu/util/tablehead_c.gif) repeat-x left;
	}
	td.th_r{
		width		: 19;
		height		: 27;
		background	: url(/hanyu/util/tablehead_r.gif) no_repeat left;
	}

	table.roll{
		width		: 535;
		height		: 18;
		background	: url(/hanyu/util/roll_t.gif) repeat-y left;
	}
	td.roll_t{
		width		: 603;
		height		: 18;
		background	: url(/hanyu/util/roll_t.gif) no_repeat left;
	}
	td.roll_m{
		width		: 603;
		background	: url(/hanyu/util/roll_m.gif) repeat-y left;
	}
	div.roll_m2{
		padding-left	: 40px;
		padding-right	: 15px;
		padding-top		: 0px;
		padding-bottom	: 10px;
		font		: normal normal 1.0em/1.2em inherit ;
		letter-spacing	: 2px;
		color			: #7A5A30;
	}
	td.roll_b{
		width		: 603;
		height		: 22;
		background	: url(/hanyu/util/roll_b.gif) no-repeat left;
	}
	

	.frameA{
		font			: 12px;
		color			: white;
		text-decoration		: none;
		background-image	: url(/hanyu/frame.gif);
		width			: 598px;
		height			: 200px;
		text-align		: left;
		vertical-align	: middle;
		padding-top		: 7px;
		cursor			: hand;
		padding-left	: 36px;
	}

/* Else */
	.contents{
		border-left		: 10px solid #6666FF;
		border-bottom		: 2px solid #6666FF;
		background-color	: #FFEECC;
		font			: bold 14px;
		padding-top	: 4px;
		padding-bottom	: 4px;
		padding-left	: 8px;
		padding-right	: 8px;
		margin		: 4px;
		margin-bottom	: 10px;
	}

	.tbox1{
		font			: bold 20px;
		width			: 60px;
	}

	.tbox2{
		font			: bold 14px;
	}
	.tbox_name{
		font			: bold 14px;
		width			: 120px;
	}
	.tbox_email{
		font			: bold 14px;
		width			: 250px;
	}

	.graph_empty{
		background-color	: #EEEEFF;
		margin-left		: 0px;
		border			: solid 1px blue;
	}

	.graph_fill{
		background-color	: blue;
		margin-left		: 3px;
		border			: solid 1px blue;
	}

/* テーブル */
	.border{
		margin		: 1px;
		border		: 1px solid #81A5DA;
		border-collapse	: collapse;
		empty-cells	: show;
	}

	th.tabletitle {
		text-align	: center;
		border		: 1px solid #81A5DA;
		background-color: #E0E0FF;
		font		: bold 14px;
	}
	th.hd_mondai_a {
		text-align	: center;
		border		: 1px solid #81A5DA;
		background-color: #E5E5FF;
	}
	th.hd_kaisetu_a {
		text-align	: center;
		border		: 1px solid #81A5DA;
		background-color: #E5E5FF;
	}
	th.hd_kotae {
		width		: 52px;
		text-align	: center;
		border		: 1px solid #81A5DA;
		background-color: #E5E5FF;
	}
	th.hd_tokuten {
		width		: 46px;
		text-align	: center;
		border		: 1px solid #81A5DA;
		background-color: #E5E5FF;
		vertical-align	: top;
	}
	th.hd_qno {
		text-align	: center;
		border		: 1px solid #81A5DA;
		background-color: #E5E5FF;
		vertical-align	: top;
	}
	th.hd_rank {
		text-align	: left;
		border		: 1px solid #81A5DA;
		background-color: #E5E5FF;
		vertical-align	: middle;
		font		: bold 12px;
		padding-left: 20px;
	}
	th.hd_left {
		text-align	: left;
		border		: 1px solid #81A5DA;
		background-color: #E5E5FF;
		vertical-align	: middle;
		font		: bold 12px;
		padding-left: 20px;
	}
	th.hd_mondaibun {
		width		: 400px;
		text-align	: center;
		border		: 1px solid #81A5DA;
		background-color: #E0E0FF;
		vertical-align	: top;
	}
	th.hd_center {
		text-align	: center;
		border		: 1px solid #81A5DA;
		background-color: #E0E0FF;
		font		: bold 12px;
	}
	
	th.hd_answer {
		text-align	: center;
		border		: 1px solid #81A5DA;
		background-color: #E0E0FF;
		font		: bold 12px;
	}
	td.hidari {
		border		: 1px solid #81A5DA;
		text-align	: left;
		vertical-align	: top;
		padding-left: 8px;
		padding-right: 8px;
	}
	td.migi {
		text-align	: right;
		border		: 1px solid #81A5DA;
		vertical-align	: top;
		padding-left: 8px;
		padding-right: 8px;
	}
	td.chuou {
		text-align	: center;
		border		: 1px solid #81A5DA;
		vertical-align	: top;
		padding-left: 8px;
		padding-right: 8px;
	}
	td.border {
		border		: 1px solid #81A5DA;
		padding-left: 8px;
		padding-right: 8px;
	}

	.moncell{
		margin-left	: 4px;
		margin-right	: 4px;
	}
	table.kensaku{
		width	: 500px;
		border-collapse	: collapse;
		border-spacing	: 0px;
		border		: solid 1px #81A5DA;
		
	}


/* 共通項目（メイン画面、ヘッダ、フッタ） */
	.sideline{
		width		: 400px;
		border-left	: 1px #6666FF solid;
		border-bottom	: 1px #6666FF solid;
		margin-left:7pt;
		padding-left:6pt;
		padding-top:1pt;
		padding-bottom:3pt
	}
	.linktitle{
		border		: solid 1px #6666FF;
		width		: 75%;
		padding-top	: 4px;
		padding-bottom	: 4px;
		padding-left	: 8px;
		padding-right	: 8px;
		background-color: #FFEECC;
		margin		: 4px;
		text-align	: left;
	}

	.tab1{
		width		: 600px;
		text-align	: left;
	}
	.tab2{
		width		: 500px;
		text-align	: left;
	}

	.topic_cell{
		padding-left:15px;
		border-bottom:1px #6666FF solid;
		border-left:1px #6666FF solid;
		border-right:1px #6666FF solid;
		background-color:#FFDDCC;
	}

	.nobar{
		text-decoration: none;
	}

	.menubutton{
		background:url(http://www.schoin.org/jh/images/button2.gif) repeat-x fixed left top;
		height:30px;
		font-weight: bold;
	}



/* 問題 */
	.keyword{
		border		: solid 1px #6666FF;
		padding-top	: 4px;
		padding-bottom	: 4px;
		padding-left	: 8px;
		padding-right	: 8px;
		background-color: #FFEECC;
		margin		: 4px;
		text-align	: center;
	}
	.mondaibun{
		border:			1px solid #6666FF;
		background-color:	#FFEEDD;
		width:			500px;
		padding:		5px;
		text-align:		left;
	}

	.cellmessage{
		border:			1px solid #CCCCFF;
		background-color:	#EEEEFF;
		width:			600px;
		padding-top		: 5px;
		padding-bottom	: 5px;
		padding-right	: 10px;
		padding-left	: 10px;
		text-align:		left;
		margin-bottom	: 20px;
	}
	.cell600w{
		border:			1px solid #6666FF;
		background-color:	#FFFFFF;
		width:			600px;
		padding:		5px;
		text-align:		left;
		vertical-align		: top;
	}

	.cell500w{
		border:			1px solid #6666FF;
		background-color:	#FFFFFF;
		width:			500px;
		padding:		5px;
		text-align:		left;
	}

	input.botan {
		border:			3px solid #6666FF;
		background-color:	#FFEEDD;
		FONT-SIZE:		18pt;
		font-weight:		bolder;
		COLOR:			#CC6600;
		FONT-FAMILY	: "MS UI Gothic"; 
		cursor		: hand;
		padding:		2px;
	}

	.f2{
		font		: normal bold normal 23px/26px;
		color		: blue;
		position	: relative;
		height		: 30;
	}

	legend{
		font		: normal bolder normal 16px/18px;
		background-color	: #FFEEDD;
		border		: 1px solid #6666FF;
		padding		: 3px;
	}


	dd.sideline{
		margin-top:0pt ! important;
		margin-left:20pt ! important;
	}
	dl{
		margin-top:1pt;
	}
	dt{
		height		: 0pt;
		vertical-align	: middle;
		padding-top	: 0pt;
		margin-top	: 0pt;
		padding-bottom	: 0pt;
		margin-bottom	: 0pt;
	}

	a.links{
		text-decoration: none ! important;
		font-weight:bolder ! important;

		width: auto;
		padding: 2pt 10pt 2pt 10pt;
		border: solid 1px #BABABA;
		margin-left: 3pt;
		margin-top:	0pt;
		margin-bottom	: 10pt;
	}


/* SENTENCE RULES */

	.cell{
		width:		95%;
		border:		1px #6666FF solid;
		padding:	5px;
		text-align:	left;
	}

	.title2 {
		font		: normal normal normal 30pt/33pt ＭＳ ゴシック;
		filter		: shadow(color=999999,direction=135);
		position	: relative;
		height		: 50;
	}

	.subtitle {
		font		: normal normal normal 22px/25px UTF-8;
		color		: #666666;
		padding-top	: -5pt;
		padding-bottom	: 20pt;
		filter		: DropShadow(color=#999999);
	}


	.box {
		 padding      : 6px 12px;
	}

	.indent {
		 padding      : 0px 0px 6px 8px;
	}
		
	.icon {
		color        : #808080;
		font-weight  : normal;
	}
		
	.ad {
		padding      : 0px 6px 6px 6px;
	}




/* DEFAULT DESIGN */
	a:link    {  text-decoration:underline; color:#3333FF; }
	a:visited {  text-decoration:underline; color:#3333DD	; }
	a:active  {  text-decoration:underline; color:#CC0000; }
	a:hover   {  text-decoration:underline; color:#FF3333; }

	.fright	{float:right;}
	.fleft	{float:left;}

	.alpha   { filter:Alpha(opacity=99,style=2) }

	.dshadow{ filter : DropShadow(color=silver)}

	.shadowlight{filter:shadow(color=FFFF00,direction=135);position:relative;height:50;width:100%;} 

	.glow{filter:glow(color=glay,strength=1);position:relative;width:100%;}

	.left{float:left;}
	.right{float:right;}
	.not_left{clear:left;}
	.not_right{clear:right;}
	.not{clear:both;}


	.article_body {
		border-left: 1px solid #999999;
		margin-left:10px;
		padding-left:10px;
		padding-top:5px;
	}