html        { width: 100%; height: 100% }
body        { text-decoration: none; background: #d9d9d9 url(../image/bg_head_12.gif) no-repeat center top; text-align: center; margin: 0px; overflow-x: auto  }
#all         { text-align: left; margin: 0px auto; width: 950px }

#top #header       { margin: 0px; height: 340; }

#header             { position: relative; z-index: 2; top: -150px }
.header_bg              { background-image: url(../image/bg_head_11.gif); position: relative; z-index: 1; left: 0px; width: 950px; height: 150px }
.header_01_left           { float: left; margin: 0px; position: relative; left: 0px; width: 400px; height: 110px }
.header_01_right             { text-align: right; float: right; margin: 0px; position: relative; left: 0px; width: 550px; height: 110px }

.header_left_01             { margin: 14px 0px 0px; width: 400px; height: 16px; }
.header_left_02          { float: left; margin: 0px; width: 380px; height: 80px; }
.header_menu           { float: left; margin: 0px; width: 950px; height: 145px }
.head_menu_01            { float: left; margin: 0px; width: 190px; height: 145px; }
.head_menu_02            { float: left; margin: 0px; width: 190px; height: 145px; }
.head_menu_03            { float: left; margin: 0px; width: 190px; height: 145px; }
.head_menu_04            { float: left; margin: 0px; width: 190px; height: 145px; }
.head_menu_05            { float: left; margin: 0px; width: 190px; height: 145px; }
.navi           { float: left; margin: 0px; width: 950px; height: 65px }

#main          { margin: 0px; padding: 0px; position: relative; top: -130px }
#main_left               { text-align: left; float: left; position: relative; top: 0px; left: 0px; width: 670px }
#main_right                     { text-align: right; float: right; position: relative; left: 0px; width: 250px }


#ad_box        { text-align: center; margin: 0 auto; position: relative; width: 950px; height: 60px }

#footer          { background: url(../image/bg_foot_02.gif) no-repeat center bottom; text-align: center; clear: both; height: 290px }
#footbox        { text-align: left; margin: 0 auto; position: relative; width: 950px; height: 290px }
.footicon_01            { float: left; padding-top: 2px; padding-left: 10px; width: 20px; height: 14px }
.footicon_02             { float: left; padding-top: 7px; padding-right: 5px; width: 10px; height: 14px }
.footmenu                { background: url(../image/bg_foot_04.gif) repeat-x left bottom; margin-top: 3px; margin-left: 20px; width: 160px }

.bg_main_01                 { background: url(../image/bg_main_01.gif) repeat-y center bottom; padding-right: 10px; padding-left: 10px }
.bg_main_02                 { background: url(../image/bg_main_01.gif) repeat-y center bottom; }
.bg_foot_01                { background: url(../image/bg_foot_01.gif) no-repeat center top }
.bg_foot_02                { background: url(../image/bg_foot_03.gif) no-repeat left top }


.cl:after      { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl      { display: inline-block; }