@charset "UTF-8";


/* Wrapper
******************************************************************************** */
#contents {
	clear: both;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.popupLayout #contents {
	width: 600px;
}
.freeLayout #contents {
	width: auto;
}

#contents:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

/* Main Visual Styles
******************************************************************************** */
#mainVisualArea {
	margin: 0 auto 22px;
	text-align: center;
}

/* Contents Layout Styles
******************************************************************************** */
#contents {
	margin-bottom: 20px;
}
/* ---------------------------------------------------------------------------- free Layout */
.freeLayout #contents {
	width: auto;
}
.freeLayout #mainContents {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
/* ---------------------------------------------------------------------------- popup Layout */
.popupLayout #contents {
	margin-bottom: 30px;
}
.popupLayout #mainContents {
	width: 570px;
	margin: 0 auto;
	text-align: left;
}

/* ---------------------------------------------------------------------------- top Layout */
.topLayout #contents {
	margin-bottom: 30px;
}
.topLayout #mainContents {
	float: left;
	width: 728px
}
.topLayout #subContents {
	float: right;
	width: 232px;
}
/* ---------------------------------------------------------------------------- top Layout */
.topLayout2 #contents {
	margin-bottom: 30px;
}
.topLayout2 #mainContents {
	float: left;
	width: 707px
}
.topLayout2 #subContents {
	float: right;
	width: 237px;
}
/* ---------------------------------------------------------------------------- 1 Column Layout */
.oneColumnLayout #contents {
	width: 960px;
}
.oneColumnLayout #mainContents {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}

/* ---------------------------------------------------------------------------- 2 Column Layout */
.twoColumnLayout #contents {
	width: 945px;
}
.twoColumnLayout2 #contents {
	width: 905px;
}
.twoColumnLayout #mainContents {
	float: left;
	width: 760px;
}
.twoColumnLayout2 #mainContents {
	float: left;
	width: 700px;
}
.twoColumnLayout #subContents,
.twoColumnLayout2 #subContents {
	float: right;
	width: 181px;
}

.twoColumnLayout3 #main {
	float: right;
	width: 742px
}
.twoColumnLayout3 #mainContents {
	float: left;
	width: 742px
}
.twoColumnLayout3 #main:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.twoColumnLayout3 #exContents {
	float: left;
	width: 218px;
}


/* ---------------------------------------------------------------------------- 3 Column Layout */
.threeColumnLayout #contents {
	width: 945px;
}
.threeColumnLayout #main {
	float: right;
	width: 734px
}
.threeColumnLayout #mainContents {
	float: left;
	width: 542px
}
.threeColumnLayout #subContents {
	float: right;
	width: 181px;
}
.threeColumnLayout #main:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.threeColumnLayout #exContents {
	float: left;
	width: 200px;
}