/* CSS Document */

body{
background-color:#EEEDDF;
margin:0px;
padding:0px;
font-size:85%;
width:100%;
}

#base{
text-align:center;
}

.header{
height:86px;
width:760px;
background-color:#FFF;
background-image:url(img/background/header_bg.gif);
background-position:left top;
background-repeat:repeat-x;
padding:0px;
margin:0px auto;
}

.header img {
vertical-align:bottom;
}

.header span.rogo{
padding:17px 0px 7px 21px;
float:left;
}

.OtherLink{
padding:0px 0px 5px;
margin:0px;
}

.OtherLink ul{
padding-left:0px;
display:block;
list-style:none;
margin:0px;
text-align:right;
padding-top:60px;
font-size:90%;
}

.OtherLink ul li{
background-image:url(img/icon/icon.gif);
background-position:left;
background-repeat:no-repeat;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:5px;
display:inline;
}

.gmenu{
width:760px;
height:94px;
background-image:url(img/background/bn_bg.gif);
background-position:top left;
background-repeat:repeat-x;
padding:0px;
margin:0 auto;
clear:both;
}

.gmenu ul{
margin-top:0px;	
list-style:none;
display:block;
margin-left:0px;
margin:0;
padding:0;
clear:both;
}

.gmenu ul li{
display:inline;
margin-top:0px;
float:left;
}

.midashi{
width:760px;
height:50px;
text-align:left;
padding:0px;
margin:0 auto;

}

.pan{
width:760px;
text-align:left;
padding:0px;
background-color: #FFFFFF;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}


.pan p {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 90%;
}


h2{
padding:16px 0px 18px 45px;
font-size:110%;
background-image:url(img/background/h2_bg.gif);
background-position:left top;
background-repeat:no-repeat;
margin:0 auto;
}

.mainimg img{
vertical-align:bottom;
}


/* クイズのフォントデザイン */

span { }
.fine {
font-size:140%;
color: #FE0148;
line-height:140%;
font-weight:bold;
padding:0px;
}

.red01 {
font-size:14px;
color: #FE0148;
line-height:125%;
font-weight:bold;
padding:0px 5px 0px;
}

.blue01 {
font-size:14px;
color: #124FFF;
line-height:125%;
font-weight:bold;
padding:0px 5px 0px;
}

.nor01 {
font-size:14px;
line-height:125%;
padding:0px 5px 0px;
}

.big01 {
font-size:14px;
line-height:125%;
font-weight:bold;
padding:0px 5px 0px;
}


/* クイズの枠デザイン */

.main{
width:760px;
background-color:#FFFFFF;
padding:0px 0px 0px;
margin:0px auto;
}

.lead{
padding:15px 126px 15px;
font-size:100%;
color: #0C3B91;
text-align:left;
line-height:125%;
font-weight:bold; 
margin:15 auto;
}


table.quiz{
table-layout:fixed;
border: solid 0px;
border-collapse:collapse;
width: 503px;
margin: 0 126px 0;
padding: 0px 0px;
vertical-align:top;
background-color: #ffffff;
line-height:1.0;
}

td.quiz1{
padding: 0px 14px;
background-image:url(img/background/quiz_bg.gif);
}

td.quiz2{
vertical-align:top;
}

td.quiz3{
text-align:right;
vertical-align:top;
background-color: #FFF8E5;
}


/* クイズの成績のテーブルデザイン */

table.score{
table-layout:fixed;
border: solid 0px;
border-collapse:separate;
width:296px;
margin: 2px:
padding: 0px;
vertical-align:top;
background-color: #FFDF8A;
line-height:1.5;
}

td.score1{
text-align:right;
width:70px;
padding: 3px 3px;
background-color: #FFF0C7;
vertical-align:top;
}

td.score2{
text-align:center;
width:72px;
padding: 3px 3px;
background-color: #FFF0C7;
vertical-align:top;
}

td.score3{
text-align:center;
width:136px;
padding: 3px 3px;
background-color: #FFF0C7;
vertical-align:top;
}


/* クイズの画像の配置を設定 */

img.quiz01{
margin:0px;
padding:0px 1px 0px;
border:0px;
vertical-align:bottom;
}


img.quiz02{
margin:0px;
padding:0px 1px 0px;
border:0px;
vertical-align:top;
}

img.quiz03{
margin:0px;
padding-top:30px;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
border:0px;
vertical-align:bottom;
}


/* クイズの配列デザイン */

.quiz01{
text-align:right;
padding: 0px 0px 0px;
margin: 0px;
line-height:1.8;
}

.quiz01 p{
text-align:left;
margin-top:0px;
margin-left:5px;
margin-right:0px;
margin-bottom:8px;
padding: 0px;
display:block;
}


.fine01{
text-align:left;
padding: 
0px;
margin: 0px;
line-height:1.4;
}

.fine01 p{
margin:0px;
padding: 0px;
display:block;
}


/* 別ウィンドウの枠デザイン */

.main2{
width:90%;
background-color:#fff;
padding:5% 5% 5%;
margin:0px auto;
}

/* 別ウィンドウのテーブルデザイン */

table.win{
table-layout:fixed;
border-collapse:collapse;
border-color:#555;
width: 96%;
margin: 0 2% 0;
padding: 0px 0px;
vertical-align:top;
background-color: #fff;
line-height:1.5;
}

th.win01{
border-color:#555;
background-color: #D9F1F6;
}

td.win01{
border-color:#555;
background-color: #fff;
text-align: left;
vertical-align:top;
}

td.win02{
border-color:#555;
background-color: #fff;
text-align: center;
vertical-align:middle;
}

/* 下部固定メニュー */

.Navigation02{
text-align:center;
padding:0px 0px 25px;
margin:0px;
}

.Navigation02 ul{
margin-left:0px;
padding-left:0px;
display:block;
list-style:none;
}

.Navigation02 ul li{
display:inline;
}

.Navigation03 ul li{
/*background-image:url(img/icon/icon.gif);*/
background-position:left;
background-repeat:no-repeat;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:5px;
display:inline;
}

.footermenu{
background-color:#ddd;
text-align:center;
padding:10px 0px 10px;
margin-bottom:5px;
font-size:92%;
}

.Mafflogo{
text-align:center;
padding-bottom:0px;
}

.Mafflogo img{
border:0px;
padding:4px 0px 4px;
}

.foot{
text-align:center;
margin-bottom:10px;
font-size:92%;
}