@charset "utf-8";
@import url("../common/css/elements.css");
@import url("../common/css/format.css");
@import url("../common/css/style.css");


div#OUTER {
/*	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -430px;
	margin-top: -280px; */

}

div.flashContents1 {
	padding-top: 5px;
	background-color: #f8f8f8;
}

div.flashContents2 {
	padding: 5px 0;
	background-color: #f8f8f8;
}

div.mailmagazine {
	padding: 5px 0px 5px 0px;
	background-color: #f8f8f8;
}


/*  */


#container {
	margin: auto;
	padding: 0px;
	width: 860px;
	text-align: left;
}



/* 3カラムレイアウト */
/* ------------------------------------------------------------*/
#content {
	float: left;
	width: 570px;
	margin: 0px 0px 0px 2px;
	display: inline;
}

#main {
	margin: 0px;
	padding: 2px;
	width: 280px;
	display: inline;
	float: right;
}

#sub01 {
	margin: 0px;
	padding: 2px;
	width: 280px;
	float: left;
	display: inline;
}

#sub02 {
	margin-right: 2px;
	padding: 2px;
	width: 280px;
	float: right;
	text-align: center;
	display: inline;
}

#footer {
	margin: 0px auto;
	clear: both;
	width: 860px;

}



/* clearfix ---------------------------------------- */
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}