@charset "UTF-8";

/******************************************************
*	
*	1. layout property
*	2. layout Base
*	3. layout-one-column
*	4. layout-two-column-right
*	5. layout-two-column-left
*	6. layout-three-column
*	7. layout-popup
*	
******************************************************/


/*  1. layout property */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

body { text-align: center; } /* center on ie */

#whole {text-align: center; } /* center on ie */

#container {
    position: relative;
    margin: 0 auto; /* center on everything else */
    text-align: left;
}
#container-inner { position: static; width: auto; }

#headSec { position: relative; width: 100%; }
#headSec-inner { position: static; }

#gnaviSec { position: relative; width: 100%; }
#gnaviSec-inner { position: static; }

#bodySec { position: relative; width: 100%; }
#bodySec-inner { position: static; }

#footSec { position: relative; width: 100%; }
#footSec-inner { position: static; }

#alpha, #beta, #gamma, #delta {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
    position: static;
}

#container-inner, #headSec-inner, #gNaviSec-inner, #bodySec-inner, #breadCrumb-inner, #footSec-inner, #alpha-inner, #beta-inner, #gamma-inner, #delta-inner, #main-inner,  #side-inner {
	zoom:1;/*for IE 5.5-7*/
}
#container-inner:after, #headSec-inner:after, #gNaviSec-inner:after, #bodySec-inner:after, #breadCrumb-inner:after, #footSec-inner:after, #alpha-inner:after, #beta-inner:after, #gamma-inner:after, #delta-inner:after, #main-inner:after,  #side-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0.1px;
    clear: both;
    font-size: 0.1em;
    line-height: 0;
}
* html #container-inner, * html #headSec-inner, * html #gNaviSec-inner, * html #bodySec-inner, * html #breadCrumb-inner, * html #footSec-inner, * html #alpha-inner, * html #beta-inner, * html #gamma-inner, * html #delta-inner, * html #main-inner,  * html #side-inner {
	display: inline-block;
}
/* no ie mac \*/
* html #container-inner, * html #headSec-inner, * html #gNaviSec-inner, * html #bodySec-inner, * html #breadCrumb-inner, * html #footSec-inner, * html #alpha-inner, * html #beta-inner, * html #gamma-inner, * html #delta-inner, * html #main-inner,  * html #side-inner { height: 1%;} 
#container-inner, #headSec-inner, #gNaviSec-inner, #bodySec-inner, #breadCrumb-inner, #footSec-inner, #alpha-inner, #beta-inner, #gamma-inner, #delta-inner, #main-inner, #side-inner { display: block;}
/* */





/*  2. layout Base */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

body {
	background: #E9E9E3;
}

#whole {
}

#container {
}
#container-inner {
}

#headSec {
}
#headSec-inner {
	width: 960px;
	margin: 0 auto;
}

#contents {
	width: 968px;
	margin: 2px auto 0;
	background: url(../img/cmn_cont_bg.png) repeat-y center top;
}

#bodySec {
}
#bodySec-inner {
	width: 960px;
	padding: 0 4px;
}

#footSec {
	padding-bottom: 18px;
}
#footSec-inner {
}





/*  3. layout-one-column */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.layout-one-column #bodySec {
}

.layout-one-column #alpha {
	float: none;
}

.layout-one-column #alpha-inner {
}

.layout-one-column #beta {
	display: none;
}





/*  4. layout-two-column-right */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.layout-two-column-right #bodySec-inner {
	width: 920px;
	padding: 0 24px;
}

.layout-two-column-right #alpha {
	float: right;
	width: 700px;
}
.layout-two-column-right #alpha-inner {
}

.layout-two-column-right #beta {
	float: left;
	width: 191px;
}
.layout-two-column-right #beta-inner {
}





/*  5. layout-two-column-left */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.layout-two-column-left #bodySec {
}

.layout-two-column-left #alpha {
	float: left;
}
.layout-two-column-left #alpha-inner {
}

.layout-two-column-left #beta {
	float: right;
}
.layout-two-column-left #beta-inner {
}





/*  6. layout-three-column */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.layout-three-column #bodySec {
}

.layout-three-column #alpha {
	float: left;
}
.layout-three-column #alpha-inner {
}

.layout-three-column #beta {
	float: left;
}
.layout-three-column #beta-inner {
}

.layout-three-column #gamma {
	float: left;
}
.layout-three-column #gamma-inner {
}





/*  7. layout-popup */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.layout-popup #container {
}
.layout-popup #container-inner {
}

.layout-popup #headSec {
}
.layout-popup #headSec-inner {
}

.layout-popup #bodySec {
}
.layout-popup #bodySec-inner {
}

.layout-popup #gnaviSec {
}
.layout-popup #gnaviSec-inner {
}

.layout-popup #footSec {
}
.layout-popup #footSec-inner {
}

.layout-popup #alpha {
}

.layout-popup #beta {
}