@charset "utf-8";
@font-face {
    font-family:sylfaen;
    src:url("sylfaen.ttf") format("truetype");
}

/**  

common.css  
Ver.3.04

Update:2010.07.22

::hack::

html:not(:target) .test{}// for firefox

*:first-child+html .test{}// for IE7

**/


/**[SETTING]**/

*{
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	line-height:140%;
	font-size:100%;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
}

a {text-decoration:none; overflow:hidden; color:#CCCCCC}

a:hover {color:#fff; text-decoration:underline}

img {border: none}

img {border: none; line-height:0}

li {list-style: none}

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

.clear{clear:both; height:0; line-height:0; font-size:0}

.space10 {height: 10px}

.space20 {height: 20px}

.space30 {height: 30px}

.space40 {height: 40px}

.space100 {height: 100px}

.left {float:left}

.right {float:right}

.alpha a:hover img{
    filter: alpha(opacity=70);
    -moz-opacity:0.75;
    opacity:0.75;
}

input:hover,textarea:hover{
    filter: alpha(opacity=70);
    -moz-opacity:0.75;
    opacity:0.75;
}

.cursor{cursor:pointer; cursor:hand}

th,td{text-align:left}








body{
	font-size:12px;
	text-align: center;
	color:#ccc;
	background-color:#a09781
}

#wrapper{
	width:1004px;
	margin:0 auto;
	text-align:left;
	border-left:1px solid #4F3E1F;
	border-right:1px solid #4F3E1F;
	background-image:url(../images/bg_02.jpg);
	background-position:center top;
	background-color:#2E261C
}







/** HEADER **/


#header{
	position:relative;
	height:200px;
}



#header #logo {
	position:absolute;
	top:20px;
	left:340px
}
#header #logo a{
	display:block;
	text-indent:-9999px;
	width:330px;
	height:80px;
}



#header #menu {
	position:absolute;
	top:125px;
	left:210px;
	z-index:999
}


#header #menu li{
	float:left;
	margin-right:15px;
	background-image: url(../images/05.png);
	background-position: left center;
	padding-left: 15px;
	font-size:15px;
	letter-spacing:1px;

}
#header #menu li a{
	font-family: sylfaen;
}



#header #or_01{
	position:absolute;
	top:0px;
	left:90px;
	background-image: url(../images/06.png);
	width:230px;
	height:119px;
}
#header #or_02{
	position:absolute;
	top:0px;
	right:90px;
	background-image: url(../images/06a.png);
	width:230px;
	height:119px;
}
#header #or_03{
	position:absolute;
	top:0px;
	left:0;
	background-image: url(../images/03.png);
	background-position: -40px;
	width:150px;
	height:409px;
	z-index:999
}
#header #or_04{
	position:absolute;
	top:100px;
	right:0;
	background-image: url(../images/04.png);
	background-position: 20px;
	width:150px;
	height:409px;
	z-index:999
}











#contents{
	position:relative;
}


 #f_menu {
	position:absolute;
	bottom:85px;
	left:165px;
	z-index:999
}


#f_menu li{
	float:left;
	margin-right:14px;
	font-size:14px;
	letter-spacing:1px;

}
#f_menu li a{
	font-family: sylfaen;
	color:#AF8E3E
}

.on{
	color:#AF8E3E;
	text-decoration:underline
}



#main #or_05{
	position:absolute;
	top:-40px;
	left:290px
}

#backtotop{position:relative; z-index:999; margin-left:10px; font-size:10px}