@charset "Shift_JIS";
/* 制作者情報 */
/* ブラウザ初期化スタイル */
/* 共通部分のスタイル */
/* 各ページ個別のスタイル */

/*--------------------------------------------------------------------
guideline : ver1.05
since : 2006/12/22
writer : 
last_editday : 2006/12/22
last_editor : 
--------------------------------------------------------------------*/


/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

a { outline:none;}

a:link,a:visited {
	color:#2069A2;
	text-decoration:underline;
	}
	
a:hover,a:active {
	color:#1680D3;
	text-decoration:underline;
	}


/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*bodyのスタイル*/

body {
	font-size:small;
	}

p {
	line-height:1.4;
	}
	


/*START*/
div#start {
	background:url(images/start_bk.gif) no-repeat;
	margin:auto;
	width:700px;
	height:500px;
	}

div#start p.close {
	width:72px;
	height:22px;
	margin:0 0 28px 599px;
	text-indent:-9999px;
	}

div#start p.close a{
	width:72px;
	height:22px;
	display:block;
	}

div#start p.cram {
	padding:0 33px 0 0px;
	width:317px;
	margin:0 0 50px 350px;
	text-align:right;
}

div#start h1{
	text-indent:-9999px;
	display:none;
}

div#start h2 {
	background:#A0C949;
	color:#FFFFFF;
	padding:10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	width:416px;
	margin:0 auto 15px auto;
	border:1px solid #777777;
}

div#start p.subject {
	padding:10px;
	text-align:center;
	font-size:14px;
	width:416px;
	margin:0 auto 30px auto;
	border:1px solid #777777;
}

div#start p.start {
	background:url(images/start.gif) no-repeat;
	width:233px;
	height:49px;
	text-indent:-9999px;
	margin:0 auto 15px auto;}

div#start p.buttonchallenge {
	background:url(images/button_challenge.gif) no-repeat;
	width:151px;
	height:40px;
	margin:0 auto 0 auto;
	text-indent:-9999px;
	}

div#start p.buttonchallenge a{
	background:url(images/button_challenge.gif) no-repeat;
	width:151px;
	height:40px;
	display:block;
	text-indent:-9999px;
	}

/*出題*/
div#question {
	background:url(images/question_bk.gif) no-repeat;
	margin:auto;
	width:700px;
	height:500px;
	}


div#question div.header {
	clear:both;
	height:133px;
	width:700px;
	}

div#question div.header h1 {
	text-indent:-9999px;
	background:url(images/questuon_midashi.gif) no-repeat;
	width:240px;
	height:102px;
	float:left;
	}

div#question div.header div.headerr {
	width:350px;
	float:right;
	height:102px;
	display:block;}

div#question div.header div.headerr p.close {
	width:72px;
	height:22px;
	margin:0 0 28px 249px;
	text-indent:-9999px;
	}

div#question div.header div.headerr p.close a{
	width:72px;
	height:22px;
	display:block;
	}

div#question div.header div.headerr p.cram {
	text-align:right;
	margin:0 33px 12px 0;
	line-height:normal;}

div#question div.header div.headerr p.subject {
	background:#7F8A7C;
	color:#FFFFFF;
	text-align:center;
	padding:3px 15px;
	margin:0 48px 0 0;
	float:right;
	line-height:normal;
	display:inline;
	}

div#question div.wrapper01 {
	width:540px;
	clear:both;
	margin:0 0 17px 90px;
	}

div#question dl {
	line-height:1.5;
}

div#question dl dt {
	background:#D00101;
	color:#FFFFFF;
	padding:2px 3px;
	font-weight:bold;
	width:30px;
	text-align:center;
	float:left;
	display:inline;
	line-height:normal;
	font-size:14px;
	}

div#question dl dd {
	width:500px;
	float:right;
	}




div#question p.question span.red {
	background:#D00101;
	color:#FFFFFF;
	padding:2px 3px;
	margin:0;
	font-weight:bold;
	display:block;
	width:30px;
	text-align:center;
	float:left;
}


div#question div.questionwrap {
	width:460px;
	height:160px;
	margin:0 0 15px 130px;
	background:#EEEEEE;
	border:1px solid #D5D5D5;
	padding:10px;
	overflow:auto;
	clear:both;
}

div#question p.button {
	background:url(images/question_button.gif) no-repeat;
	width:151px;
	height:40px;
	text-indent:-9999px;
	margin:0 auto;
	}

div#question p.button a{
	background:url(images/question_button.gif) no-repeat;
	width:151px;
	height:40px;
	text-indent:-9999px;
	display:block;
	}
	
/*答えあわせ*/
div#answer {
	width:700px;
	height:500px;
	margin:0 auto;
	background:url(images/answer_bk.gif) no-repeat;
	}

div#answer div.header {
	clear:both;}

div#answer div.header h1 {
	text-indent:-9999px;
	background:url(images/answer_midashi01.gif) no-repeat;
	width:240px;
	height:93px;
	float:left;
	}

div#answer div.headerr {
	width:408px;
	float:right;
	height:93px;
	}

div#answer div.headerr p.close {
	width:72px;
	height:22px;
	margin:0 0 5px 306px;
	text-indent:-9999px;
	}

div#answer div.headerr p.close a{
	width:72px;
	height:22px;
	text-indent:-9999px;
	display:block;
	}
	
div#answer div.headerr p.cram {
	text-align:right;
	margin:0 33px 22px 0;
	}

div#answer div.headerr div.subjectwrap {
	width:351px;
	paddibg:0 57px 0 0;
	clear:both;
}

div#answer h3.midashi01{
	background:url(images/answer_midashi02.gif) no-repeat;
	width:117px;
	height:20px;
	clear:both;
	text-indent:-9999px;
	margin:0 auto 10px auto;
	}

div#answer div.headerr p.subject {
	background:#7F8A7C;
	color:#FFFFFF;
	text-align:center;
	padding:3px 15px;
	margin:0 56px 0 0;
	float:right;
	line-height:normal;
	display:inline;
	}


div#answer div.kaisetsu {
	width:450px;
	padding:15px;
	height:180px;
	margin:0 auto 15px auto;
	overflow:auto;
	background:#EEEEEE;
	border-top:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	border-left:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
	clear:both;
	}

div#answer div.kaisetsu h3.answer {
	line-height:1.4;
	color:#D00101;
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
}

div#answer div.kaisetsu div.answrap {
	clear:both;
	width:434px;
	margin:0 0 10px 0;
	}
	
div#answer div.kaisetsu div.answrap dl.ans01 {
	font-size:14px;
}

div#answer div.kaisetsu div.answrap dl.ans01 dt{
	background:#D00101;
	color:#FFFFFF;
	padding:2px 3px;
	width:30px;
	margin:0 3px 0 0;
	text-align:center;
	float:left;
	display:inline;
	line-height:normal;
	font-weight:bold;
}

div#answer div.kaisetsu div.answrap dl.ans01 dd{
	color:#D00101;
	line-height:1.4;
	font-weight:bold;
	width:395px;
	float:right;
	margin:0;
	display:inline;
}

div#answer div.kaisetsu div.answrap dl.ans02 {
}

div#answer div.kaisetsu div.answrap dl.ans02 dt{
	background:url(images/answer_kaisetsu.gif) no-repeat;
	width:36px;
	height:15px;
	text-indent:-9999px;
	float:left;
	display:inline;
}

div#answer div.kaisetsu div.answrap dl.ans02 dd{
	line-height:1.4;
	width:395px;
	float:right;
	margin:0;
	display:inline;
}

div#answer div.kaisetsu h3.answer span.red {
	background:#D00101;
	color:#FFFFFF;
	padding:2px 3px;
	margin:0 3px 0 0;
}

div#answer p.button {
	background:url(images/answer_button.gif) no-repeat;
	width:151px;
	height:40px;
	text-indent:-9999px;
	margin:0 auto;
	}
	
div#answer p.button a{
	background:url(images/answer_button.gif) no-repeat;
	width:151px;
	height:40px;
	text-indent:-9999px;
	display:block;
	}
	
div#answer p span.kaisetsu {
	background:url(images/answer_kaisetsu.gif) no-repeat;
	width:31px;
	height:14px;
	text-indent:-9999px;
	display:block;
	margin:0 0 3px 0;
	}
	

/*お疲れさまでした*/

div#end h1 {
	text-indent:-9999px;
	display:none;
	}

div#end p.close {
	width:72px;
	height:22px;
	margin:0 0 0 599px;
	text-indent:-9999px;
	}

div#end p.close a{
	width:72px;
	height:22px;
	display:block;
	}


div#end {
	background:url(images/end_bk.gif) no-repeat;
	margin:auto;
	width:700px;
	height:500px;
	}
	

div#end dl {
	display:none;
	}


/*headerのスタイル*/




/*wrapperのスタイル*/


/*mainのスタイル*/



/*回り込み解除*/
.clr:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
.clr { display:inline-table;}
/*Mac IE には適用させない \*/
* html .clr { height:1px; }
.clr { display:block; }
/* */

#question #qestion_waku {
	text-align:center;
}

#question #question3{
	margin:0px auto;
	border:1px solid #999999;
	
}

#question #question3 td{
	padding:10px;
	border:1px solid #999999;
	
}

#answer #answer_waku {
	text-align:center;
}

#answer #answer3{
	margin:0px auto;
	border:1px solid #999999;
	
}

#answer #answer3 td{
	padding:10px;
	border:1px solid #999999;
	
}

#answer .q_cell {
	color:#999999;
}