body{
	text-align:center;
	background:#fdfcf7;
	}

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

.clearfix {
  min-height: 1px;
	}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
	}
	
/*■■■■■■■■■■■■■■■■■■■■common Layout START■■■■■■■■■■■■■■■■■■■■■■■*/
	
#wrap {
	width:100%;
	position:relative;
	z-index:1;
	background:url(../image/common/footLine.gif) repeat-x left bottom;
	}

#container {
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}

/*□□□□□□□□□□□□□□□□□□□Header□□□□□□□□□□□□□□□□□□*/
#header {
    position:relative;
	height:143px;
	}
	
#siteLogo{
	width:312px;
	height:35px;
	position:absolute;
	top:33px;
	left:0;
	}
	
#siteLogo a{
	display:block;
	width:312px;
	height:35px;
	text-indent:-9999px;
	background:url(../image/common/logo.gif) no-repeat;
	}

#navi{
	width:100%;
	height:31px;
	position:absolute;
	bottom:0;
	left:0;
	}
	
#navi ul{
	}
	
#navi li{
	float:left;
	}

#navi #naviContact{
	position:absolute;
	right:0;
	top:0;
	}

#contact{
	width:146px;
	height:42px;
	position:absolute;
	top:30px;
	right:0;
	text-indent:-9999px;
	}

#contact p{
	width:42px;
	height:8px;
	background:url(../img/contactTitle.png) no-repeat;
	}

#contact a{
	margin-top:7px;
	display:block;
	width:146px;
	height:27px;
	text-indent:-9999px;
	background:url(../img/mail.png) no-repeat 0 2px;
	}

#contact a:hover{
	background-position:0 -24px;
	}

/*□□□□□□□□□□□□□□□□□□□contents□□□□□□□□□□□□□□□□□□*/

#contents{
	width:100%;
	padding:60px 0 60px;
	position:relative;
	}

#titleBox{
	position:absolute;
	left:55px;
	top:60px;
	width:50px;
	}

#titleBox h1{
	width:50px;
	margin:0 0 38px 5px;
	}

#titleBox #titleCopy{
	margin:0;
	}

#mainBox{
	padding-left:195px;
	}
	
/*□□□□□□□□□□□□□□□□□□□Footer□□□□□□□□□□□□□□□□□□*/

#footer {
	position:relative;
	height:50px;
	width:100%;
	padding-top:32px;
	}

#fNavi{
	float:right;
	width:254px;
	height:14px;
	margin-top:15px;
	}

#fNavi li{
	float:left;
	margin-right:15px;
	height:14px;
	line-height:1%;
	font-size:1%;
	}

#copyright{
	position:absolute;
	top:47px;
	left:0;
	width:186px;
	height:11px;
	line-height:1%;
	font-size:1%;
	}
	
#pagetop{
	width:110px;
	height:35px;
	position:absolute;
	top:0;
	right:0;
	font-size:1%;
	}

#facebook{
	width:500px;
	height:35px;
	position:absolute;
	top:0;
	left:0;
	font-size:1%;
	}

/*■■■■■■■■■■■■■■■■■■■■common Layout END■■■■■■■■■■■■■■■■■■■■■■■*/
	


/*■■■■■■■■■■■■■■■■■■■■common Class START■■■■■■■■■■■■■■■■■■■■■■■*/

.noMgn{
	margin:0 !important; 
	}

.hidden{display:none;}

.fleft{float:left;}
.fright{float:right;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}


/*■■■■■■■■■■■■■■■■■■■■common Class END■■■■■■■■■■■■■■■■■■■■■■■*/