/*house*/

/*common specification*/

*{margin:0;padding:0;line-height:150%;}
html,body{margin:0; padding:0}
img{border:none;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;}
ul li a{text-decoration:none;border:none;}
h2,h3,h3,h4,h5{margin:0;padding:0;}

.clear {clear:both;font-size:1px;}
body{
font-family:arial, sans-serif, Osaka, verdana;
color:#111;
text-align:center; 
background:url(img/bg.jpg);
}

/*LINK*/
a{color:#c53812;}
a:hover{color:#ea723d;}

/*layout*/
#basic{
width:764px;
margin:0 auto;
text-align:left;
background:#fff;
border-left:#5b7687 solid 4px;
border-right:#5b7687 solid 4px;
}

#headerbox{
height:165px;
background:url(img/header.jpg) no-repeat;
}

#navbox{
width:180px;
padding:10px 0 10px 4px;
position:relative;
float:left;
font-size:12px;
}

#mainbox{
width:570px;
padding:0 0 10px 0;
position:relative;
float:right;
font-size:14px;
line-height:300%;
}

#footbox{
font-size:13px;
padding:15px;
background:#90caec;
color:#fff;
}

/* headerbox detail*/
h1{ padding:0;}
h1 a{ display:block; width:764px; height:165px;}
h1 a span{ display:none;}

/*NAVIGATION*/
#navbox ul{ margin-bottom:10px;}
#navbox #topics{ background:#299ce0; padding-bottom:10px; margin:0; border:#0283cf solid 3px;}
#navbox ul li{ padding:4px; border-bottom:#ccc dotted 1px;}
#navbox #topics li{ padding:0; border-bottom:#ccc solid 1px; background:url(img/nav_bg.jpg);}

#nav_top{
height:32px;
background:url(img/nav_top.jpg) no-repeat;
}
#nav_top span{display:none;}

#topics li a{
padding:4px 3px 4px 19px; 
display:block;
line-height:100%;
font-size:12px;
color:#222;
background:#eaf4ff url(img/point.jpg) 3px 7px no-repeat;
}
#topics #cl1 a{
padding:4px 7px;
font-weight:bold;
font-size:13px;
color:#fff;
background:#299ce0;
}
#topics li a:hover{ color:#555;}
#topics #cl1 a:hover{ background:#198fd4;}
/*mainbox*/
#theme{
padding:13px 5px 8px 18px;
background:url(img/h2.jpg) no-repeat;
color:#fff;
}
#theme h2{ font-size:20px;}

h3{
margin:10px 0;
padding:11px 5px 8px 18px;
font-size:14px;
background:url(img/h3.jpg) no-repeat;
line-height:100%;
color:#fff;
}
#mainbox ul li{ line-height:300%;}
#mainbox .link li{ line-height:200%;}

/*footbox*/
#footbox ul li{line-height:180%;}
#footbox p{
padding:10px 0;
font-size:11px;
letter-spacing:1px;
text-align:right;
}


