@charset "utf-8";

/**
 *
 * レイアウトCSS
 * 
 * 1. 初期化    
     
 * 2. 共用CSS
    ■wrapper
    ■ヘッダー
     ■コンテンツ
     ■メイン
     ■レフト
     ■ライト
     ■フッター
     ■回り込み解除
 * 
 * @copyright  2010 Sesh
 * @version  1.0.0
 */

/* bodybg
---------------------------------------------*/
div#bodybg{
    width: 100%;
    background-image:url(../img/contents/pc/nav_bg.png);
    background-repeat:repeat-x; 
    border-top: solid 5px #7A171C;
}

/* bodybg_s
---------------------------------------------*/
div#bodybg_s{
    width: 100%;
    background-image:url(../img/contents/pc/nav_bg_s.png);
    background-repeat:repeat-x;
    border-top: solid 5px #7A171C;
}


/* wrapper
---------------------------------------------*/
div#wrapper {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

/*　ヘッダー
---------------------------------------------*/
div#header {
    width: 980px;
}

div#header_inner {
    overflow: hidden;
    position: relative;
}

div.panel {
    width: 980px;
    height: 250px;
    overflow: hidden;
}



/*　コンテンツ
---------------------------------------------*/
div#contents {
    width: 980px;
    margin: 0 0 15px 0;
    background-color: #FFFFFF;
}


/* left-main-right */
.layout_lmr #main {
    left: 200px;
    width: 560px;
    padding:0 10px 0 10px;
    float:left;
    display:inline;
}

.layout_lmr #left {
    width: 200px;
    float:left;
    display:inline;
}

.layout_lmr #right {
    width: 200px;
    float:left;
    display:inline;
}


/* main-right */
.layout-mr #main {
    width: 780px;
    padding:0 10px 0 10px;
}

.layout_mr #right {
    width: 200px;
}


/* left-main */
.layout_lm #main {
    width: 765px;
    padding:0 0 0 15px;
    float:left;
    display:inline;
}

.layout_lm #left {
    width: 200px;
    float:left;
    display:inline;
}

/* main */
.layout_m #main {
    width: 980px;
}



/*　メイン
---------------------------------------------*/
div#main {

}

div#main_inner {
    overflow: hidden;
}


/*　レフト
---------------------------------------------*/
div#left {

}

div#left_inner {
    overflow: hidden;
}


/*　ライト
---------------------------------------------*/
div#right {

}

div#right_inner {
    overflow: hidden;
}


/*　フッター
---------------------------------------------*/
div#footer{
    width: auto;
    height: 150px;
    overflow: hidden;
    background-image:url(../img/contents/pc/footer_bg.png);
    background-repeat:repeat-x; 
    position: relative;
}

div#footer_inner {
    position: static;
    overflow: hidden;
    margin:0 auto;
    padding: 0px;
    width: 980px;
}


/*　回り込み解除
-------------------------------------------------------------- */
#header:after,
#header_inner:after,
#global_nav:after,
#contents:after,
#main_inner:after,
#left_inner:after,
#right_inner:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}