@charset "UTF-8";
/*base_code_layout_02.css*/

/*RESET CSS ==============*/
html, head, body, h1, h2, h3, h4, h5, h6, div, ul, ol, li, div {
    margin: 0; padding: 0; border: 0;}
ul, ol, li {list-style: none;}
hr {border-top: 1px solid #333;}
main, header, nav, aside, article, section, footer {display: block;}
a {text-decoration: none;}

/* common.css============= */
.clearfix:after,
.clearfix::after {content: " "; display: block; 
            width: 0; height: 0; clear: both;}
.hidden {width: 0; height: 0; position: absolute; overflow: hidden;}
/* design================ */
#wrap{margin:0 auto; width: 960px; height: auto; }
    /*background-color: #3cf;*/
/*headBox===========================*/
#headBox {padding: 10px; box-sizing: border-box;
      width: 100%; height: 120px; background-color: #f4f;}
h1 {width: 150px; height: 100px; 
    background-color: #fff; float: left;
    font-size: 1.3rem; text-align: center;}
h1>a {width: 100%; height: 100%; color: #81f; display: block;}

.nav_area {width: 500px; height: 100px; float: right;}
#unb {width: 220px; height: 40px; background-color: #fff;
      margin-bottom: 10px; float: right;}
#gnb {width: 500px; height: 50px; background-color: #fff;
      float: right;}

/*viewBox===========================*/
#viewBox {width: 100%; height: 450px; background-color: #f80;}

/*contentBox =======================*/
#contentBox {width: 100%; height: 500px;}
    .lnb_side {width: 200px; height: 500px; 
        background-color: #233 ; float: left;}
      .lnb_side ul {width: 100%; height: 100%; 
                      padding: 20px; box-sizing: border-box;}
      .lnb_side li {width: 100%; height: 100px; background-color: #d5e;
        margin-bottom: 20px;}
      .lnb_side li:last-child {margin-bottom: 0;}

    .lnb_list {width: 760px; height: 200px; 
    background-color: #2c0 ; float: left}
    .lnb_content {width: 760px; height: 300px; 
    background-color: #243 ; float: left}
      .con_01 {width: 50%; height: 100%; 
        float: left; background-color: #c83;}
      .con_02 {width: 50%; height: 100%; 
        float: left; background-color: #c43;}

/*footBox ==========================*/
#footBox {width: 100%; height: 130px; background-color: #777;}