@charset "utf-8";
/* CSS Document */

/** Wrapper
------------------------------ **/
.wrap
{
	width:960px;
	margin:auto;
	padding:0 10px;
}

/** Header
------------------------------ **/
.header
{
	min-height:20px;
}


/** Contents
------------------------------ **/
.contents
{
}

/** Top contents
------------------------------ **/
.topContents
{
	min-height:20px;
}

/** Bottom contents
------------------------------ **/
.bottomContents
{
	min-height:20px;
}


/** Container of middle contents
------------------------------ **/
.container
{
	overflow:auto;
}

/** Main container
------------------------------ **/
.mainContainer
{
	overflow: auto;
}
.columns-3 .mainContainer	/** .main-left .main-center **/
{
	float:left;
	width:690px;
}
.columns-3.main-right .mainContainer
{
	float: right;
}


/** Sub container
------------------------------ **/
.subContainer
{
	clear:both;
}
.columns-3 .subContainer	/** .main-left .main-center **/
{
	clear:none;
	float:right;
	width:250px;
}
.columns-3.main-right .subContainer
{
	float: left;
}
.columns-2 .subContainer,
.columns-1 .subContainer
{
	display: none;
}

/** Main contents
------------------------------ **/
,mainContents
{
	min-height:20px;
}
.columns-3 .mainContents	/** .main-right .main-center **/
{
	float:right;
	width:470px;
}
.columns-3.main-left .mainContents
{
	float: left;
}
.columns-2 .mainContents	/** .main-right **/
{
	float:right;
	width:640px;
}
.columns-2.main-left .mainContents
{
	float: left;
}

/** Side contents
------------------------------ **/
.sideContents
{
	min-height:20px;
}

/** Side contents on main container **/
.columns-3 .mainContainer .sideContents	/** .main-right .main-center **/
{
	float:left;
	width:200px;
}
.columns-3.main-left .mainContainer .sideContents
{
	float: right;
}
.columns-2 .mainContainer .sideContents	/** .main-right **/
{
	float:left;
	width:300px;
}
.columns-2.main-left .mainContainer .sideContents
{
	float: right
}
.columns-1 .mainContainer .sideContents
{
	display: none;
}
/** Side contents on sub container **/
.columns-3 .subContainer .sideContents
{
	width:250px;
}

/** Contents bodies **/
.header-body,
.topContents-body,
.mainContents-body,
.sideContents-body,
.bottomContents-body,
.footer-body
{
	position:relative;
}