@charset "utf-8";
/* CSS Document */
/*
========================================
	共通CSS
========================================
*/
body {
	background-color:FFF;
	background-image:url(../img/bg.jpg);
	font-size:0.9em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.2em;
}
body {
	_line-height:1.5em;
}

a {outline: none;
}

a:link {
	text-decoration:underline;
	color:#FAE0C0;
}
a:visited {
	text-decoration:none;
	color:#ffa000;
}
a:hover {
	color:#FFF;
}
a:active {
	text-decoration:none;
	color:#ffa000;
}
/*
========================================
	layout common
========================================
*/
#wrap {
	width:100%;
	margin:0;
	padding:0;
	border-top: inset 10px #261910;
	overflow:auto;
}
/*
------header設定-----------------------------------------
*/

#header { background-image:url(../img/address.png); background-repeat:no-repeat; background-position:top right;}

#header p.header-text {
	float:left;
	font-size:14px;
	color:#301209;
}

#header p.header-logo{
	clear:both;
	box-sizing:content-box;
	width:316px;
	height:109px;
	margin:0 auto;
	padding:30px 0;
	/*background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	text-indent:-9999px;*/
}


/*
------nav設定-----------------------------------------
*/
#global-navi{clear:both;}

#global-navi ul {
	
	width:960px;
	height:191px;
	margin:0 auto;
}
#global-navi li {
	text-indent: -9999px;
	float:left;
	margin:0;
	padding:16px;
}
#global-navi a {
	display: block;
	width:159px;
	height:159px;
	background-repeat: no-repeat;
}
#global-navi li#menu a {
	background-image:url(../img/global_navi_01.png);
}
#global-navi li#about a {
	background-image:url(../img/global_navi_02.png);
}
#global-navi li#staff a {
	background-image:url(../img/global_navi_03.png);
}
#global-navi li#info a {
	background-image:url(../img/global_navi_04.png);
}
#global-navi li#style a {
	background-image:url(../img/global_navi_05.png);
}
#global-navi li#menu a:hover {
	background-image:url(../img/global_navi_01_hover.png);
	background-repeat:no-repeat;
}
#global-navi li#about a:hover {
	background-image:url(../img/global_navi_02_hover.png);
	background-repeat:no-repeat;
}
#global-navi li#staff a:hover {
	background-image:url(../img/global_navi_03_hover.png);
	background-repeat:no-repeat;
}
#global-navi li#info a:hover {
	background-image:url(../img/global_navi_04_hover.png);
	background-repeat:no-repeat;
}
#global-navi li#style a:hover {
	background-image:url(../img/global_navi_05_hover.png);
	background-repeat:no-repeat;
}
/*
------btn設定-----------------------------------------
*/

#mail-btn{ position:fixed; top:50px;}

p.top-btn{ clear:both; width:1000px; margin:0 auto; text-indent: -9999px;}
p.top-btn a {
	display: block;
	width:221px;
	height:59px;
	background-image:url(../img/top_btn02.gif);
	background-repeat: no-repeat;
}
p.top-btn a:hover {
	background-image:url(../img/top_btn02_hover.gif);
	background-repeat:no-repeat;}

/*
------設定-----------------------------------------
*/

h1 {
	font-size:36px;
	text-align:center;
	color:#41210f;
}


#container {
	width:1000px;
	margin:0 auto;
}


/*
------footer設定-----------------------------------------
*/
#footer {
	clear:left;
	width:100%;
	height:160px;
	background-color:#261910;
	position:relative;
	color:#FFF;
}
#footer-inner {
	width:1000px;
	margin:0 auto;
	padding-top:30px;
}
#footer-inner p.logo {
	position:absolute;
	left:10px;
	top:10px;
}
#footer ul {
	text-align: center;
}
#footer ul li {
	display: -moz-inline-box;
	display: inline-block;
/display: inline;
/zoom: 1;
	padding-right: 10px;
}
#footer ul li a {
	padding:10px;
}
#footer-inner p {
	clear:both;
}
#footer-inner address {
	width:1000px;
	margin:20px auto;
	text-align:center;
	border-top:2px solid #1c120c;
	color:#FC9;
	padding:10px;
	font-size:12px;
}
p.page-top {
	clear:both;
	width:130px;
	height:68px;
	margin:5px auto;
}
p.tes {
	clear:both;
	font-size:24px;
	padding:30px;
	text-align:center;
}


/*
========================================
	hack
========================================
*/
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/