@charset "shift_jis";
@import url(sub.css);
@import url(box.css);


/* CSS Document */

/*	共通
----------------------------------------------------- */
html,body{
	background:url(../Resources/shadow.png) repeat-y center top;
	text-align:center;
	margin:0;
	padding:0;
}
a {	 color:#FF6600; text-decoration:none; }
a:hover{ color:#0000FF; }

img { border:none; }


/*	枠
----------------------------------------------------- */
#container{
	background-color:#FFFF00;
	text-align:left;
	width:640px;
	margin:0 auto;
	padding:0;
}


/*	ヘッダー
----------------------------------------------------- */
#header {
	background:#fff url(../Resources/header.jpg) no-repeat;
	height:280px;
	margin:0px;
	padding:0px;
}

#header p {
	color:#0000cc;
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:5px 8px;
}

#header p.toplink{
	color:#00c;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	line-height:20px;
	width:120px;
	margin:5px 0 0 0;
	padding:0;
	float:right;
}

#header p.toplink a { color:#0000FF; text-decoration:none; }

.cl { display: inline-block; }
.cl:after {
	content: "";
	display: block;
	clear: both;
}


/* ヘッダーメニュー */
#globalnavi{
	clear:both;
	margin:0;
	padding:180px 0 0 0;
}

#globalnavi ul{
	width:640px;
	height:52px;
	margin:0;
	padding:0;
}

#globalnavi li{
	color:#00c;
	font-size:18px;
	line-height:20px;
	text-align:center;
	width:158px;
	height:52px;
	margin:0 0 0 2px;
	padding:0;
	display:inline;
	float:left;
}

#globalnavi li a {
	color:#0000FF;
	text-decoration:none;
	display:block;
	width:153px;
	height:52px;
}


/*	メイン
----------------------------------------------------- */
#main {
	clear:both;
	margin:0;
	padding:0;
}

#main h2 {
	color:#fff;
	font:bold 18px/40px 'HG丸ｺﾞｼｯｸM-PRO', 'HG創英角ﾎﾟｯﾌﾟ体', 'ＭＳ Ｐゴシック';
	background:#ffff00 url(../Resources/menubar.gif) no-repeat;
	width:545px;
	height:40px;
	margin:10px auto;
	padding:0 0 0 55px;
}

#main p.next {
	color:#00c;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	margin:10px 0;
	padding:0;
}

.next a { text-decoration:none; color:#0000FF }
.next a:hover{ text-decoration:underline; color:#FF6600 }


/*	問題1
----------------------------------------------------- */
#quest{
	margin:0;
	padding:0;
}

#quest .box { position:absolute; }

#quest .box p {
	font-size:16px;
	line-height:1.5em;
	margin:0 20px;
	padding:0;
}

#quest .box p.doushite {
	color:#f06;
	font-weight:bold;
	font-size:20px;
	margin-bottom:20px;
}

#quest .box p.pagelink{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0;
	position:absolute;
}

#quest .box p.pagelink a { color:#FFFFFF; text-decoration:none; }
#quest .box p.pagelink a:hover { color:#FFFF00; text-decoration:underline; }


/*	回答
----------------------------------------------------- */
#answer{
	margin:0;
	padding:1px 0 0 0;
}

#answer.bg { background:url(../Resources/main-bg.jpg) repeat-y; }

#answer p{
	color:#000;
	font-size:16px;
	line-height:26px;
	margin:10px 30px 30px 30px;
	padding:0;
}

#answer .pict{
	clear:both;
	text-align:center;
	margin:0;
	padding:0;
}

#answer .exp {
	width:280px;
	margin:10px 0;
	padding:0 20px;
	float:left;
}

#answer .exp_right {
	clear:both;
	margin:0;
	padding:0 20px;
	float:right;
}


#answer p.naruhodo{
	color:#00f;
	font-weight:bold;
	font-size:20px;
	margin-top:0;
}

.readred {
	color:#FF0066;
	font-size:16px;
	line-height:26px;
	font-weight:bolder;
}

#answer p.readblue{
	color:#0000cc;
	font-weight:bold;
	font-size:16px;
}

#answer p.bottom {
	clear:both;
	margin:0;
	padding:0;
}


#answer .midashi{
	color:#fff;
	font-weight:bold;
	font-size:16px;
	line-height:24px;
	background:url(../Resources/drivebar.gif) no-repeat;
	height:24px;
	padding-left:10px;
}


/*	回答用テーブル
----------------------------------------------------- */
#answer table{
	width:600px;
	margin:10px 0 10px 20px;
}

#answer td{
	color:#000;
	font-size:16px;
	line-height:26px;
	width:50%;
	vertical-align:top;
	margin:0;
	padding:2px;
}

#answer td.pict { text-align:center; }

#answer td.midashi{
	color:#fff;
	font-weight:bold;
	font-size:16px;
	line-height:16px;
	background:url(../Resources/drivebar.gif) no-repeat;
	margin:0;
	padding:5px 10px;
}


/*	回答
----------------------------------------------------- */
#answer .danswer{
	width:400px;
	margin:120px 0 10px 10px;
	padding:0;
}

#answer .right{
	width:400px;
	margin:20px 30px 20px 200px;
	padding:0;
}

#answer .numbertxt{
	width:200px;
	margin:0 0 20px 350px;
	padding:50px 0 0 0;
}


/*	すすむもどるボタン
----------------------------------------------------- */
.nextlink{
	width:640px;
	margin:0;
	padding:0;
}

/* もどる */
.nextlink p.blink{
	width:135px;
	margin:0;
	padding:0;
	display:inline;
	float:left;
}

.nextlink p.blink a {
	background:url(../Resources/backlink.gif) no-repeat;
	height:56px;
	width:135px;
	display:block;
}

.nextlink p.blink a:hover { background:url(../Resources/backhover.gif) no-repeat; }

/* すすむ */
.nextlink p.nlink{
	width:135px;
	margin:0;
	padding:0;
	float:right;
}

.nextlink p.nlink a {
	background:url(../Resources/nextlink.gif) no-repeat;
	height:56px;
	width:135px;
	display:block;
}

.nextlink p.nlink a:hover { background:url(../Resources/nexthover.gif) no-repeat; }

/* 文字リンクですすむ */
.nextlink p.next {
	color:#00c;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	margin:10px 0;
	padding:0;
}

.nextlink p.next a { text-decoration:none; color:#0000FF }
.nextlink p.next a:hover{ text-decoration:underline; color:#FF6600 }


/*	フッター
----------------------------------------------------- */
#footer {
	clear:both;
	text-align:center;
	background-color:#FF6600;
	margin:0;
	padding:0;
}

#footer a { text-decoration:none; color:#FFFFFF; }
#footer a:hover{ text-decoration:underline; color:#FFFF00;}

#footer h2 {
	color:#fff;
	font-size:16px;
	text-align:center;
	margin:10px 0;
	padding:10px 0 0 0;
}

#footer p {
	color:#fff;
	font:normal 14px/20px "ＭＳ Ｐゴシック", "Osaka";
	border-top:1px dotted #FFFFFF;
	margin:0;
	padding:10px 0;
}