/*********************
last update:2011/04/05
*********************/

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote {margin:0;padding:0;} 
fieldset,img{border:0;} 
table{border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;}
/* clearfix
======================*/
.clfix{zoom:1;}
.clfix:after{display:block;visibility:hidden;clear:both;height:0;content:".";}

body{
background:#fffad0 url(../contentsbg.gif);
text-align:center;
word-break:break-all;
}

#wrapper{
background:#fffad0;
width:950px;
margin:0 auto;
text-align:left;
}


/*header padding*/
#header{
  padding-top:10px;
}

#uhd {
width:950px;
margin:0 auto;
}
#main{
float:left;
width:640px;
}
#sub{
float:right;
width:300px;
}

/* contents */
#contents{
background:#fffad0;
}
.nodata{
text-align:center;
margin:50px 0 200px;
font-weight:bold;
color:#999999;
}

/* navigation */
#navi{
width:950px;
margin:10px 0;
}
#navi li{
float:left;
background:url(../common.png);
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#navi li a{
display:block;
background:#fffad0 url(../common.png);
background-repeat:no-repeat;
}
/* top */
#navi #topbg{
border-top:5px solid #be4d00;
}
#navi #topNavi{
background-position:0 -40px;
width:97px;
height:38px;
}
#navi #topNavi a{
background-position:0 -40px;
width:97px;
height:38px;
}
#navi #topNaviOn a{
background-position:0 0;
width:97px;
height:30px;
}
#navi #topNaviOn a:hover{
background-position:0 -40px;
width:97px;
height:30px;
}
/* chobo */
#navi #chobobg{
border-top:5px solid #1daef4;
}
#navi #choboNavi{
background-position:-97px -40px;
width:181px;
height:38px;
}
#navi #choboNavi a{
background-position:-97px -40px;
width:181px;
height:38px;
}
#navi #choboNaviOn a{
background-position:-97px 0;
width:181px;
height:30px;
}
#navi #choboNaviOn a:hover{
background-position:-97px -40px;
width:181px;
height:30px;
}
/* event */
#navi #eventbg{
border-top:5px solid #fd8482;
}
#navi #eventNavi{
background-position:-278px -40px;
width:162px;
height:38px;
}
#navi #eventNavi a{
background-position:-278px -40px;
width:162px;
height:38px;
}
#navi #eventNaviOn a{
background-position:-278px 0;
width:162px;
height:30px;
}
#navi #eventNaviOn a:hover{
background-position:-278px -40px;
width:162px;
height:30px;
}
/* animal */
#navi #animalbg{
border-top:5px solid #3ed540;
}
#navi #animalNavi{
background-position:-440px -40px;
width:104px;
height:38px;
}
#navi #animalNavi a{
background-position:-440px -40px;
width:104px;
height:38px;
}
#navi #animalNaviOn a{
background-position:-440px 0;
width:104px;
height:30px;
}
#navi #animalNaviOn a:hover{
background-position:-440px -40px;
width:104px;
height:30px;
}
/* vehicle */
#navi #vehiclebg{
border-top:5px solid #7dd9fe;
}
#navi #vehicleNavi{
background-position:-544px -40px;
width:104px;
height:38px;
}
#navi #vehicleNavi a{
background-position:-544px -40px;
width:104px;
height:38px;
}
#navi #vehicleNaviOn a{
background-position:-544px 0;
width:104px;
height:30px;
}
#navi #vehicleNaviOn a:hover{
background-position:-544px -40px;
width:104px;
height:30px;
}
/* work */
#navi #workbg{
border-top:5px solid #f49cc2;
}
#navi #workNavi{
background-position:-648px -40px;
width:129px;
height:38px;
}
#navi #workNavi a{
background-position:-648px -40px;
width:129px;
height:38px;
}
#navi #workNaviOn a{
background-position:-648px 0;
width:129px;
height:30px;
}
#navi #workNaviOn a:hover{
background-position:-648px -40px;
width:129px;
height:30px;
}
/* maze */
#navi #mazebg{
border-top:5px solid #ffd501;
}
#navi #mazeNavi{
background-position:-777px -40px;
width:173px;
height:38px;
}
#navi #mazeNavi a{
background-position:-777px -40px;
width:173px;
height:38px;
}
#navi #mazeNaviOn a{
background-position:-777px 0;
width:173px;
height:30px;
}
#navi #mazeNaviOn a:hover{
background-position:-777px -40px;
width:173px;
height:30px;
}

#offer{
clear:both;
text-align:right;
margin:10px;
font-size:93%;
}

#pluginArea{
margin:20px 10px 0 10px;
}
#pluginAreaS{
margin:10px 0 0 10px;
}


/* thumborder */
.choboThum{border:1px solid  #1DAEF4;}
.eventThum{border:1px solid  #fd8482;}
.animalThum{border:1px solid  #3ed540;}
.vehicleThum{border:1px solid  #7dd9fe;}
.workThum{border:1px solid  #f49cc2;}
.mazeThum{border:1px solid  #ffd501;}

/* footer
======================*/
#footer{
clear:both;
text-align:center;
}
#footer #yjfooter{
/position:static;
}
address{
padding:15px 0 5px;
font-size:80%;
}
#back{
margin: 10px 0 15px;
}
#yjfooter.nolinks p.Ybang img{
padding-top:5px;
}
#yjfooter.nolinks p.copyright{
font-size:96%;
}