@charset "utf-8";

body {
	font-family: "Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
	font-size: 100%;
	background: #f6f2a8;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

body#top {
	background: #f6f2a8 url("../../img/top_bg.png") center top no-repeat;
}

body#others {
	background: #f6f2a8 url("../img/4characters.png") 53% 47px no-repeat;
}

/* ヘッダの設定 */
#top header {
	width: 1024px;
	position :relative;
	height: 477px;
	margin: 0 auto;
}

#others header {
	height: 115px;
	width: 1024px;
	position :relative;
	margin: 0 auto;
}

#top header h1 {
	position: absolute;
	top: 12px;
	left: 12px;
}

#top header h2 {
	position: absolute;
	top: 84px;
	left: 44px;
}

#others header h1 {
	position: absolute;
	top: 22px;
	right: 12px;
}

#others header h2 {
	position: absolute;
	top: 14px;
	left: 44px;
}

nav#nav {
	background: url("../img/nav_bg.png") left top repeat-x;
	height: 89px;
	position: relative;
	z-index: 10;
}

nav#nav ul {
	padding-top: 18px;
	width: 1024px;
	margin: 0 auto;
}

nav#nav ul li {
	display: inline-block;
	padding: 0 10px;
}


/* フッタの設定 */

footer {
	padding-top: 30px;
}

footer ul {
	width: 1024px;
	margin: 0 auto 20px auto;
}

footer ul li {
	float: left;
	margin-right: 20px;
}

footer #copyright {
	background: #cdb79e url("../img/xtalswordcom.png") right bottom no-repeat;
	padding: 40px 0;
}

footer #copyright small {
	color: #ffffff;
	font-size: 85%;
	text-shadow: 0 -1px 1px #cccccc;
}

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