/*------toppage---------------------------------------------------------------------------*/
#topinfo{
display : block;
float : left;
margin-top : 20px;
}

/*------right-col-------*/
#miniinfo{
margin-top : 10px;
}
#i_sub{
display : block;
float : right;
padding-right : 20px;

}
#i_sub_{
margin-top : 20px;
width : 196px;
height : 147px;
background-image : url("../img/fair.gif");
margin-bottom : 0px;

}
#i_sub_sub{
border : solid 1px white;
padding : 5px;
margin : 0px 10px 0px 10px;
height : 60px;
}
#fair_t{
margin-bottom : 0px;
padding :8px 0px 30px 0px; 
font-size : 18px;
font-weight : bold;
color : white;
text-align : center;
}
#fair_d{
margin : 0px 5px 0px 5px; 
margin-bottom : -10px;
font-size : 15px;
color : yellow;
text-align : center;
line-height : 20px;
border-bottom : dashed 1px white;
padding-bottom : 8px; 
}
#fair_n{
margin : 0px 10px 0px 0px; 
font-size : 12px;
color : white;
text-align : center;
padding-top : 16px; 
}
#xxx2{
margin-top : 10px;
}




/*------body_navigator-------------*/
#tm{
clear : left;
}
#tm li{
list-style-type: none;
margin-top : 20px;
margin-left : 1px;
float : left;
margin-bottom : 20px;
}
#top_md{
width : 120px;
border :solid 1px #cccccc;
margin-top : 40px;
}

.top_ws_d{
margin-bottom : 0px;
font-size : 20px; 
color : #777777;
line-height : 30px;
font-weight : bold;
margin-bottom : 0px;
padding-left : 28px;
padding-top : 45px;
}

.top_ws{
margin-bottom : 0px;
font-size  : 12px;
line-height : 18px;
color : #777777;
padding-left : 28px;

}
#bn_a{
display : block;
width : 158px;
height : 160px;
background-image : url("../img/tm_a.gif");
}
#bn_a:hover{
background-image : url("../img/tm_a_f.gif");
}
#bn_b{
display : block;
width : 158px;
height : 160px;
background-image : url("../img/tm_b.gif");
}
#bn_b:hover{
background-image : url("../img/tm_b_f.gif");
text-decoration : none;
}
#bn_c{
display : block;
width : 158px;
height : 160px;
background-image : url("../img/tm_c.gif");
}
#bn_c:hover{
background-image : url("../img/tm_c_f.gif");
}
#bn_d{
display : block;
width : 158px;
height : 160px;
background-image : url("../img/tm_d.gif");
}
#bn_d:hover{
background-image : url("../img/tm_d_f.gif");
}
#bn_e{
display : block;
width : 158px;
height : 160px;
background-image : url("../img/tm_e.gif");
}
#bn_e:hover{
background-image : url("../img/tm_e_f.gif");
}

/*------info---------------------------------------------------------------------------*/

#cp{
font-size : 13px;
margin-bottom : 30px;
border : none;
}
#cp th{
background-color : white;
border : none;
padding : 12px 8px 4px 0px;
border-bottom : solid 1px #bbbbbb;
border-right : solid 6px #ffffff;
font-weight : normal;
text-align : left;
vertical-align : bottom;

}
#cp td{
border : none;
border-bottom : dotted 1px #bbbbbb;
vertical-align : bottom;
padding : 12px 0px 4px 0px;
}

#pa_t{
margin-bottom : 20px;
width : 500px;
}
#pa_i{
display : block;
float : right;
}

#image_a{
float : right;
height : 170px;
margin-left : 13px;
border : solid 1px #cccccc;
}

#image_b{
float : left;
height : 140px;
margin-right : 13px;

border : solid 1px #cccccc;
}

#image_c{
float : right;
margin-left : 13px;
border : solid 1px #cccccc;
}



/*------ac---------------------------------------------------------------------------*/
#image_shop{
float : right;
}

#ac_f{
padding : 20px;
border : solid 1px #cccccc;
text-align : center;
margin : 10px auto 30px auto;
}


/*------shop---------------------------------------------------------------------------*/
#shop{
font-size : 12px;
}
.f{color : #cccccc;
margin-top : 00px;
margin-bottom : 10px;
font-size : 100px;
line-height : 100px;
font-family : Helvetica,myriad Pro ,arial;
font-weight : bold;
border-right : dotted 1px #cccccc;
float : left;
padding-right : 20px;
}
.f_sub_t{color : #555555;
margin-top : 40px;
margin-bottom : 0px;
font-size : 20px;
font-weight : bold;
clear : left;

}
.f_sub{color : #555555;
margin-top : 0px;
margin-bottom : 10px;
font-size : 10px;
font-weight : bold;
border-bottom : dotted 1px #aaaaaa;
}
.f_img{
border : solid 1px #cccccc ;
margin-top : 00px;
margin-left : 20px;
} 

#map{
float : right;
}

.fro{
border : solid 1px #cccccc;
padding : 25px;
margin-bottom : 20px;
background-image : url(../img/back2.gif);
background-repeat : repeat-x;
}


/*------cal---------------------------------------------------------------------------*/


.calendar{
width : 560px;
float : left;
margin-right : 20px;
}
.calendar th{
padding : 2px 0px 2px 0px;
text-align : center;
font-size : 12px;
color : #555555;
}

.calendar td{
height : 80px;
width : 80px;
padding : 4px;
}

.n{
font-family : Helvetica,myriad Pro ,arial;
font-size : 20px;
color : #999999;
margin-bottom : 0px; 
}
.close{
font-family : Helvetica,myriad Pro ,arial;
font-size : 20px;
color : #ff6666;
}

.det{
float : left;
width : 162px;
height : 406px;
padding : 8px;
border : solid 1px #cccccc;
overflow:hidden;
}

.det td{
border : none;
}

.m_p{
font-size : 12px;
color : #666666;
margin-left : 16px;
}
.m_n{
}
.m_y{
font-size : 20px;
color : #666666;
}
.m_m{
font-size : 55px;
font-family : Helvetica,myriad Pro ,arial;
color : #666666;
}

.c_fra{
display : block;
margin : 0px; 
padding : 1px;
border : solid 1px white;
}

.c_fra:hover{
text-decoration : none;
display : block;
padding : 1px;
border : solid 1px red; 

}
.c_fra2{
display : block;
margin : 0px; 
padding : 1px;
border : solid 1px white;
color : red;
}

.c_fra2:hover{
text-decoration : none;
display : block;
margin : 0px; 
padding : 1px;
border : solid 1px red; 
color : red;
}

.pcl{
font-size : 12px;
color : red;
text-align : center;
}

.c_fra img{
padding-left : 3px;
margin : 0px;
}
.cal_h4_w{
padding-left : 24px;
background-image : url(../ico_w.gif);
background-position : 0px 0px;
background-repeat : no-repeat;
display : block;
height : 24px;
}
.cal_h4_f{
padding-left : 24px;
background-image : url(../ico_f.gif);
background-position : 0px 0px;
background-repeat : no-repeat;
display : block;
height : 24px;

}
.cal_h4_e{
padding-left : 24px;
background-image : url(../ico_e.gif);
background-position : 0px 0px;
background-repeat : no-repeat;
display : block;
height : 24px;

}
.cal_h4_c{
color : red;
}
.det p{
font-size : 12px;
}

/*------md---------------------------------------------------------------------------*/
#md{
margin-left :auto;
margin-right :auto;
margin-left : 40px;
}
.md_box{
display : block;
width : 176px;
height : 220px;
padding : 12px;
border : solid 1px #cccccc; 
float : left;
margin : 10px;
background-image : url(../img/back2.gif);
background-repeat : repeat-x;
}
.md_box:hover{
text-decoration : none;
display : block;
width : 176px;
height : 220px;
padding : 12px;
border : solid 1px red; 
margin : 10px;
}
.box_img{
width : 175px;
border : solid 1px #cccccc;
}
.md_navi{
width : 680px;
text-align : center;
clear : left;
}
.p_brd{
font-size : 11px;
margin-bottom : 0px;
line-height : 14px;
color : #666666; 
}

.md_focus{
border : double 4px #cccccc;
width : 680px;

background-image : url("../img/back2.gif");
background-repeat : repeat-x;
padding : 20px;
}
.focus_img{
border : solid 1px #cccccc;
width : 340px;
float : left;
margin-right : 20px;
}
.md_f_p{
width : 300px;
float : left;
}
.md_f_p_nx{
clear : left;
}
.p_brd_f{
font-size : 16px;
margin-bottom : 4px;
color : #444444;
}
.p_nam_f{
font-size : 20px;
color : #444444;
border-bottom : dotted 1px #cccccc;
padding-bottom : 18px;
font-weight : bold;
}
.price{
color : #000066;
}
.price2{
font-size : 11px;
color : #000066;
border-top : dotted 1px #cccccc;
padding-top : 2px;  
margin-bottom : 0px;

}
.nm{
margin-bottom : 2px;
color : #666666; 
}

.fll{
margin-bottom : 10px;
border-top : dotted 1px #cccccc;
border-bottom : dotted 1px #cccccc;
color : #666666;
padding-top : 4px;
padding-bottom : 2px;
}


/*------ws---------------------------------------------------------------------------*/

.ws_box{
border-left : solid 8px #cccccc;
border-bottom : dotted 1px #cccccc;
text-decoration : none;
display : block;
padding-left : 10px;
margin-bottom : 45px;
} 

.ws_dd{
color : #666666;
font-size :40px;
line-height : 40px;
font-family : Helvetica,myriad Pro ,arial;
margin-bottom : 0px;

}
.ws_w{
font-size : 20px; 
color : #666666;
line-height : 40px;
font-weight : bold;
margin-bottom : 0px;
margin-left : 10px;
margin-right : 10px;
}
.ws_ctg{
margin-bottom : 0px;
font-size :16px;
border-left : dotted 1px #999999; 
padding-left : 12px;
}
.ws_nam{
margin-top : 6px;
margin-bottom : 12px;
font-size :20px;
color : #444444;
}
.ws_teach{
margin-bottom : 6px;
font-size :14px;
color : #444444;
}
.ws_dt{
margin-bottom : 6px;
font-size :12px;
color : #666666;
display : block;
}
.ws_dt:hover{
color : red;
cursor: pointer;
}
.ws_dtd{
margin-bottom : 4px;
font-size :12px;
color : #222;
}


/*------prez---------------------------------------------------------------------------*/

.prez{
width : 101px;
}

.art_sub{
font-size : 10px;
color : #cc0000;
border-top : dotted 1px #cc0000; 
padding-top : 4px;
}

/*------cf---------------------------------------------------------------------------*/

#cf_back{
background-image : url("../cf/back_ow.gif");
background-repeat :repeat-x;
}
#cf_back2{
background-image : url("../cf/back_ow2.gif");
background-repeat :repeat-x;
}

h2.cf{
margin : 0px;
padding : 0px;
border : none;
}

.mico{
height : 520px;
margin-left : 60px;
}

#cf_next{
display : block;
background-image : url("../cf/bt_next.gif");
width : 212px;
height : 25px;
margin-left : 60px;
overflow:hidden;
}

#cf_next:hover{
background-image : url("../cf/bt_next_f.gif");
text-decoration : none;
margin-left : 60px;
overflow:hidden;
}

#cf_next p{
font-size : 13px;
font-weight : bold;
padding-top : 3px;
color : #444444;
padding-left : 34px;
}