@charset "utf-8";

body {
margin: 0px;
padding: 0px;
background: url("images/bg.gif") repeat-x left top;
font-size:90%;
line-height:130%;}

h1,h2,h3,h4,h5,ul,ol,li{
margin:0px;
padding: 0px;
}

li{
list-style:none;
}

#container{
width:676px;
margin:0 auto 0 auto;
position:relative;
}

#container .container_b{
background-color:#FFF;
border-left: solid 1px #4FC0FF;
border-right: solid 1px #4FC0FF;
}

#header{
background: url("images/header.gif") no-repeat left top;
height: 154px;
width: 676px;
margin-bottom:2px;
}

#header h1 span{
display:none;
}

#nav{
float:left;
width:164px;
background:#41BBFF url("images/nav_bottom.gif") no-repeat left bottom;
padding-bottom: 15px;
}

#nav ul li a{display: block; height:25px; width:164px; margin:0px; padding:0px;}

#nav ul li span{display:none;}

li#menu1 a{background: url("images/top.gif") no-repeat 0px 0px;}
li#menu2 a{background: url("images/what_nie.gif") no-repeat 0px 0px;}
li#menu3 a{background: url("images/news.gif") no-repeat 0px 0px;}
li#menu4 a{background: url("images/young.gif") no-repeat 0px 0px;}
li#menu5 a{background: url("images/makespaper.gif") no-repeat 0px 0px;}
li#menu6 a{background: url("images/letmakepaper.gif") no-repeat 0px 0px;}
li#menu7 a{background: url("images/go.gif") no-repeat 0px 0px;}
li#menu8 a{background: url("images/forteacher.gif") no-repeat 0px 0px;}
li#menu9 a{background: url("images/forfamily.gif") no-repeat 0px 0px;}
li#menu10 a{background: url("images/go_nie.gif") no-repeat 0px 0px;}
li#menu11 a{background: url("images/shimaiweb.gif") no-repeat 0px 0px;}
li#menu12 a{background: url("images/info.gif") no-repeat 0px 0px;}
li#menu13 a{background: url("images/scrap.gif") no-repeat 0px 0px;}


body#top li#menu1 a, li#menu1 a:hover,
body#what li#menu2 a, li#menu2 a:hover,
body#news li#menu3 a, li#menu3 a:hover,
body#young li#menu4 a, li#menu4 a:hover,
body#makepaper li#menu5 a, li#menu5 a:hover,
body#letmake li#menu6 a, li#menu6 a:hover,
body#go li#menu7 a, li#menu7 a:hover,
body#teacher li#menu8 a, li#menu8 a:hover,
body#family li#menu9 a, li#menu9 a:hover,
body#nie li#menu10 a, li#menu10 a:hover,
li#menu11 a:hover,
body#info li#menu12 a, li#menu12 a:hover,
body#scrap li#menu13 a, li#menu13 a:hover
{background-position: 0px -25px;}

ol.submenu{
font-size:0.9em;
}

.submenu li{
list-style-position: inside;
list-style-type: disc;
padding-left:10px;
}

#nav ul li.link{ 
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 10px;
	font-size: 0.9em;
}

.slist { display:none; }
.m_img { cursor:pointer; }
.flist { cursor:pointer; }

#mainArea{
background: #FFFFFF url("images/mainarea_top.gif") no-repeat left top;
float: right;
width: 510px;
}

#mainArea .wrap{
padding:15px;
}

#footer{
background:#FFF url(images/footer_bg.gif) no-repeat center bottom;
height:40px;
width: 676px;
clear: both;
text-align:center;
padding-top:21px;
padding-bottom:10px;
font-size:90%;
}

.MTarea h3{
background-color: #E2F5FF;
border-top: solid 1px #C7EBFF;
border-left: solid 8px #C7EBFF;
padding: 3px;
}


.NewsLinkList {
font-size:90%;
font-weight:normal;
margin-bottom:0px;
margin-top:10px;
text-align:left;
border-bottom: 2px dotted #C7EBFF;

}

.NewsLinkList span {
	font-size: 1.0em;
	font-weight: bold;
	margin-right: 20px;
}

#container #mainArea table {
	text-align: center;
	width: 400px;
	border-style: none;
}

/* h3 */
body#young h3{
background-color: #E2F5FF;
border-top: solid 1px #C7EBFF;
border-left: solid 8px #C7EBFF;
padding: 3px;
}

body#young h3 span{
font-size:75%;
font-weight:normal;
}

/*----- makes paper -----*/

body#makepaper h3{
color: #FFFFFF;
background-color: #41BBFF;
text-align: center;
}

body#makepaper dl{
	text-align: center;
	padding: 5px;
	border: 1px solid #41BBFF;
	margin: 0 0 15px 0;
}

body#makepaper dt{
	background-color: #E2F5FF;
	font-weight: bold;

}

body#makepaper dd{
	margin: 0px;
	padding: 0px;
}

/*----- makes paper -----*/

body#go h3{
color: #FFFFFF;
background-color: #41BBFF;
}

body#go h4{
color: #41BBFF;
border-left: solid 5px #41BBFF;
clear:both;
}

body#go .photo{
float:right;
border:solid 1px #CCC;
margin:5px 0 5px 5px;}

body#go dl{
padding: 5px;
margin: 0 0 15px 0;
}

body#go dt{
background-color: #E2F5FF;
font-weight: bold;

}

body#go dd{
margin: 0px;
padding: 0px;
}


/*----- makes paper -----*/

body#family h3{
border-left: solid 5px #41BBFF;
margin-top:10px;
}

/* clearfix */
.clearfix:after{	
display:block;		
clear:both;
height:0;
content:".";
visibility:hidden;
}
.clearfix{
display:inline-block;
}
.clearfix {
zoom:100%;
}