
/* CSS Reset */


html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-size: 100%;
}

* html body {     
	background: url(null) fixed;     
}  

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	
}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}



/* CSS */

html{
	font-size: 100%;
}

body{
	color:#333;
	width:100%;
	font-size: 62.5%;
	background-color:#fff;
	font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
	width:1100px;
	margin:0 auto;
}

p,ul,li{
	margin:0px;
	padding:0px;
}

#loader {
	width: 50px;
	height: 50px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6‘Îô */
	top: 50%;
	left: 50%;
	margin-top: -25px; /* height‚Ì”¼•ª‚Ìƒ}ƒCƒiƒX’l */
	margin-left: -25px; /* width‚Ì”¼•ª‚Ìƒ}ƒCƒiƒX’l */
	z-index: 100;
}


#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #fdfef9;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}
/*
#index-bg {
	z-index:-1;
	position:fixed;
}
*/


/* ------------------------------
	clearfix
------------------------------ */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* page header structure --------------------------- */

#building {
	min-height: 100%;@/* ƒ|ƒCƒ“ƒg1 */
	_height: 100%; /* for IE6 */
	background-color:#fff;
}

#header .center-content{
	width:1100px;
	margin:0 auto;
	position: fixed;  
    	top:0;
	z-index:20000;
	background-color:#fff;
}

#header {
	width:1100px;
	height:100px;
	background-color:#fff;
}

* html div#header .center-content   {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
} 

#header .copy{
	width:810px;
	padding-top:20px;
	float:left;
}

#header .btn{
	width:290px;
	padding-top:20px;
	float:right;
}

#header .dial{
	padding-top:10px;
}

#main{
	padding-bottom:20px;	
}

#banner .center-content{
	width:980px;
	margin:0 auto;
}
	
#banner{
	padding-bottom:40px;
	border-bottom:1px solid #ccc;
}

#content{
	padding-bottom:30px;
	border-bottom:1px solid #ccc;
}

#content .center-content{
	width:980px;
	margin:0 auto;
}

#content .copy{
	padding:30px 0;
	text-align:center;
}

#content ul li{
	float:left;
	width:480px;
	padding-bottom:30px;
}

#content ul li p{
	padding-top:15px;
	font-size:1.2em;
	color:#333;
}

#content ul li.right{
	float:right;
	width:480px;
}

#footer{
}

#footer .center-content{
	width:980px;
	margin:0 auto;
	padding:20px 0;
}

#footer .logo{
	width:220px;
	height:135px;
	float:left;
}

#footer .address{
	width:320px;
	height:135px;
	float:left;
	border-right:1px #ddd solid;
	padding-left:20px;
}

#footer .address p{
	font-size:1.2em;
	color:#333;
	line-height:160%;
	padding-bottom:10px;
}

#footer .contact{
	width:300px;
	height:100px;
	float:left;
	padding-top:35px;
	text-align:center;
}

#footer .pagetop{
	width:80px;
	height:135px;
	float:right;
	border-left:1px #ddd solid;
	padding-left:20px;
	text-align:right;
}


#footer .copyright{
	border-top:1px #ccc solid;
}

#footer .center-content-cp{
	width:980px;
	margin:0 auto;
	padding-bottom:20px;
	text-align:right;
}

#footer .copyright p{
	padding-top:15px;
	font-size:1.2em;
	color:#333;
	line-height:160%;
}

