@charset "utf-8";
/* CSS Document */


/* 基本 */
body{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	line-height:20px;
	background-color: #FFF;
	color: #666;
}

a {
	color:#039;
}

a:hover {
	color:#06C;
}

a:visited{
	color:#036;
}

p {
	padding:0;
	margin:0;
}

#wrapper {
	height: auto;
	width: 804px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-image:url(images/bg.png);
	background-repeat: repeat-y;
}

#wrapper2 {
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}


#header {
	padding: 0px;
	height: 89px;
	width: 100%;
	text-align: left;
	background-image:url(images/title.png);
	margin:0;
}



h1 {
	font-weight: normal;
	margin: 0px;
	color: #FFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

h2,h3,h4 {
	
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}


#contents {
	width: 800px;
}

#main {
	float: left;
	width: 555px;
	margin: 15px 20px 20px 20px;
	_margin:0;
	_padding: 15px 20px 20px 20px;
	background-color: #FFF;
	height: 100%;
	text-align:center;
}

.main_txtbox {
	font-size: 12px;
	line-height: 24px;
	color: #333;
	margin-bottom: 20px;
	padding:3px 10px 10px 20px;
	text-align:left;
	background-image:url(images/note_bg.png);
	background-repeat:repeat-y;
}

.main_txtbox img{
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}


#main .midashi_txt1{
	width:530px;
	height:22px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:5px 0 0 15px;
	margin:3px 0px 3px 5px;
	background-image:url(images/midashi01.png);
}

#main .midashi_txt2{
	width:530px;
	height:15px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:2px 0px 5px 15px;
	margin:3px 0px 3px 5px;
	background-image:url(images/midashi02.png);
}

#main .midashi_txt3{
	width:530px;
	height:15px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:2px 0px 5px 15px;
	margin:3px 0px 3px 5px;
	background-image:url(images/midashi03.png);
}


.icon01 {
	margin: 0 5px 0 5px;
	float: left;
}

.icon02 {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}



.button{
	background-image:url(images/button.gif);
	font-weight:bold;
	background-repeat: no-repeat;
	height: 20px;
	width: 188px;
	padding:5px 5px 5px 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.kokuban{
	width:504px;
	height:132px;
	background-image:url(images/kokuban.png);
	background-repeat:none;
	text-align:left;
	padding:50px 20px 10px 20px;
	margin:0 auto 20px auto;
	}
	
.kokuban2{
width:504px;
height:132px;
background-image:url(images/2nd-kokuban.gif);
background-repeat:none;
text-align:left;
padding:50px 20px 10px 20px;
margin:0 auto 20px auto;
}
	
#kokubantext{
	font-size:12px;
	color:#FFF;
	line-height:24px
}

#kokubantext a{
	font-size:12px;
	color:#FFF;
	line-height:24px
}

/* 問題集 */

.mondai{text-align:left;width:530px;  margin:15px auto; padding:0px;background:url(images/paper_bg.png);}
.mondai .txt{padding:10px; width:95%;margin:0 auto; }
.mondai .question{width:480px; padding:5px; margin:10px auto; background:#F3E2B9; text-align:left; border:1px solid #E7E7C5;}
.mondai .answer{background:#C30;width:480px; padding:2px 5px; margin:10px auto;color:#FFF;font-weight:bold;}
.mondai .answertxt{width:480px; padding:5px; margin:10px auto;}
.mondai ul{ margin:0; padding:0 0 0 30px;}
.mondai li{list-style-type:decimal; margin:0; padding:0;}


/* 右側 */

#menu {
	padding: 15px 10px 0 10px;
	width: 185px;
	float: right;
	height: 100%;
}

#menu a {
	color:#5AACC3;
}

#menu ul{
		list-style: none;
		margin:0px;
		padding:5px;
}

#menu li{
	background-image:url(images/menu_li_icon.png);
	background-repeat: no-repeat;
	padding-left:12px;
	padding-top:0px;
}


#menu a:hover {
	color:#A6E3F4;
}

#menu a:visited{
	color:#388AA1;
}

#menu img{
	margin:0px 0 5px 0;
}

.menukomidasi1{
	height:24px;
	padding:4px 0 0 32px;
	background-image:url(images/menu01.png);
}

.menukomidasi2{
	height:24px;
	padding:4px 0 0 32px;
	background-image:url(images/menu02.png);
}

.menukomidasi3{
	height:24px;
	padding:4px 0 0 32px;
	background-image:url(images/menu03.png);
}



.menubox{
	width:185px;
	background-image:url(images/menu_bg.png);
	margin-bottom:15px;
	
	
}


.menu_midashi_txt {
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #0068B7;
}

.menu_list{
	list-style: none;
	background-repeat: no-repeat;
	margin: 0px;
	padding:0 0 0 17px;
}

.menu_ul{
	padding: 0;
	margin-left: 40px;
	margin-top: 0px;
	_margin: 0;
	_padding:0 0 0 32px;
	list-style-image:url(images/icon_folder_li.gif);
}

.menu_ul li{
	padding: 0;
	margin:0;
}

.menu_ul_sub{
	line-height:normal;
	padding: 0;
	margin-left: 20px;
	margin-top: 5px;
	list-style-image:url(images/icon_file.gif);
}

.menu_ul_sub_last{
	padding: 0;
	list-style-image:url(images/icon_file_last.gif);
}

.menu_line_bg{
	background-image:url(images/list_line_bg.gif);
	background-repeat: repeat-y;
}




/* フッター */
#footer {
	height: auto;
	width: 800px;
	background-image:url(images/footer_bg.png);
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	color:#FFF;
}
#pan {
	font-size: 10px;
	text-align: left;
	padding-bottom: 10px;
}