/*-------------------------------------------------------------------------

default.css

--------------------------------------------------------------------------*/


/*
===== :: CONTAINER =============================================================*/
#container{ width: 850px; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 0px}

/*
===== :: HEADER ================================================================*/
#head{ width: 850px; height: 75px; background-image: url(../img/head.jpg)}
#head h1{ width: 300px; height: 75px;text-indent:-99999px;}
#head h1 a{ display: block; width: 300px; height: 75px;}

/*
===== :: GLOVAL NAVI ===========================================================*/
#gnavi{ clear: both; width: 850px; height: 19px}
#gnavi:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden;}
#gnavi li{ display: inline; font-size: 4px}
#gnavi li a{ float: left; height: 19px; background: url(../img/gnavi.jpg) no-repeat; text-indent: -9999px}
#gnavi li a:hover{ z-index: 1}
#gnavi li#g01 a { width: 83px; background-position: 0 0}
#gnavi li#g02 a { width: 123px; background-position: -83px 0; }
#gnavi li#g03 a { width: 142px; background-position: -206px 0; }
#gnavi li#g04 a { width: 95px; background-position: -348px 0; }

#gnavi li#g01 a:hover { background-position: 0px -19px; }
#gnavi li#g02 a:hover { background-position: -83px -19px; }
#gnavi li#g03 a:hover { background-position: -206px -19px; }
#gnavi li#g04 a:hover { background-position: -348px -19px; }

/*
===== :: TOP ================================================================*/
#top_flash{ width: 850px; height: 219px;}

/*
===== :: CONTENTS =============================================================*/
#contents{ width: 850px; height: auto; padding: 10px 0 10px 0}

/*
===== :: FOOTER =============================================================*/
#footer{ clear: both; width: 850px; height: auto; }
#footer #left{ float: left; width: 740px; height: 24px; background-image: url(../img/footer_bg.jpg);}
#footer #left ul{ float: left; margin: 6px; }
#footer #left li{ float: left;}
#footer #left a{ color: #00b7ee}
#footer #right{ float: right; }

#footer #credit{ clear: both; width: auto; margin: 10px; color: #434343;}

/*
===== :: centertext =============================================================*/
.center_text{ margin: 5px; color: #000000; text-align: center;}
.lefter_text{ margin: 5px; color: #000000; text-align: left;}
.lefter_text a{ text-decoration: none;}