*{margin:0;padding:0;}
a{color:#339999;}
a:hover{color:#33CC99;text-decoration:none;}
html{height:100%;}
body{background:url(images/sg_bg.gif) repeat-x #f3f3f3;height:100%;font-size:10pt;}
div#container{width:780px;height:80%;min-height:80%;text-align:left;}

h1{display:block;width:650px;padding-top:7px;height:21px;color:white;font-size:90%;float:left;}
strong#icon_tel{width:128px;height:28px;text-indent:-9999px;overflow:hidden;background:url(images/icon_tel.gif) no-repeat;float:right;}


div#header{height:268px;}
div#key_visual{height:194px;color:white;}
div#key_visual strong a{display:block;width:209px;height:194px;float:left;text-indent:-9999px;overflow:hidden;background:url(images/title.gif) no-repeat;}
div#key_visual h2{display:block;width:543px;height:194px;text-indent:-9999px;overflow:hidden;background:url(images/catch.jpg) no-repeat;float:right;}

/* ----------------------------------------------------------------------------- */
/* MAIN MENU */

ul#main_menu{width:775px;margin-left:5px;}
ul#main_menu li{float:left;text-align:center;list-style:none;}
ul#main_menu li a{display:block;width:90px;text-align:center;margin:8px 20px 0 20px;padding:8px 11px;text-decoration:none;border:1px solid #e7e7e7;}
ul#main_menu li a:hover{border:1px solid #33CC99;}
ul#main_menu li#act a{background:url(images/bg.gif) no-repeat;color:white;}

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

div#content{padding:30px 0;color:#666666;}


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

div#sub_box{background:#EEEEEE;border-top:1px solid #DDDDDD;margin-top:50px;padding:8px;color:gray;}
div#footer{font-family:Arial, Helvetica, sans-serif;font-size:9px;color:#eeeeee;border-bottom:1px solid #DDDDDD;border-top:1px solid #777777;background:#444444;padding:20px;}

body > #container{
    height: auto;
}

body > #footer{
    height: auto;
}