@charset "utf-8"; 
/* CSS Document */
/****************************************
		1. 基本設定 
*****************************************/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Fonts　フォントサイズを相対指定する↓　*/
body{
	font:13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background:#fafafa;
}


/*---↓リンクに対する共通設定↓---*/
*{
	margin:0;
	padding:0;
	line-height:1.5;
	list-style:none;
}
img{
	border:none;
}
a, a:link,/*未訪問のリンクを指定*/
a:visited,/*訪問済みのリンクを指定*/
a:hover,/*マウスオーバーした時のリンク部分を指定*/
a:active,/*クリック時のリンク部分を指定*/
a{
	text-decoration:none;
}


/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/
/*----↑ここまでリンクに対する共通設定↑----*/

/*クリアフィックス*/
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '';
  height:0;
  display: block;
  clear: both;
}

/*アンダーtopボタン*/
.pagetop {
	position: fixed;
	bottom: -520px;
	right: 5px;
	z-index:9999;
}
.pagetop a {
	display: block;
	width: 86px;
	height: 138px;
}

/*//// 右から出るバナー ////*/
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 200px;
    right: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigation li {
    width: 220px;
	margin-bottom:10px;
}
ul#navigation li a {
    display: block;
    margin-left: 0px;
    background-repeat:no-repeat;
    background-position:center center;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}



header{
	clear:both;
	width:100%;
	height:125px;
	background:url(../img/bg.gif);

}

#header_top{
	width:1020px;
	height:125px;
	margin:0 auto;
	position:relative;
}

h1{
	width:270px;
	height:90px;
	position:absolute;
	top:20px;
	left:37%;
}

p.header_text{
	color:#fff;
	font-size:85%;
	letter-spacing:1px;
	padding-top:2px;
}

p.header_text_01{
	color:#fff;
	letter-spacing:1px;
	padding-top:10px;
	position:absolute;
	font-size:138.5%;
	right:0;
	top:15px;
}

.apollon{
	margin-top:20px;

}


#nav_back{
	clear:both;
	width:100%;
	height:55px;
	background:url(../../img/nav_back.gif) repeat-x;
}

nav{
	width:1020px;
	height:55px;
	margin:0 auto;
	background:#FFF;
}

ul.main_nav li{
	float:left;
	width:170px;
	height:55px;
}

/* フッター
----------------------------------------------------*/
footer{
	width:100%;
	height:300px;
	background:url(../img/bg.gif);
	border-top:1px solid #857b65;
}

#footer_center{
	clear:both;
	width:1020px;
	height:300px;
	margin:0 auto;
	position:relative;
}

h3.footer_logo{
	width:300px;
	height:104px;
	position:absolute;
	top:7px;
}

.g_logo{
	position:absolute;
	right:0;
	bottom:0;
	margin-bottom:90px;
	margin-right:100px;
}

/*--マップ--*/
#map_footer{
	width:300px;
	height:168px;
	position:absolute;
	top:115px;
	border:2px solid #857b65;
}
	
/*--住所--*/
address{
	color:#fff;
	position:absolute;
	left:315px;
	top:115px;
	font-size:116%;
}

/*地図を動かしたいときボタン*/
div.map_btn{
	width:245px;
	height:auto;
	margin:7px auto;
	text-align:center;
	position:absolute;
	padding-left:315px;
	top:230px;
}

div.map_btn a{
	display:block;
	width:245px;
	height:40px;
	line-height:42px;
	font-size:116%;
	font-weight:600;
	color:#c0b28d;
	border:#c0b28d 3px double;
	background:#FFF;
	text-decoration:none;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-transition: all 0.2s ease-in-out ;
	-ms-transition: all 0.2s ease-in-out ;
	-webkit-transition: all 0.2s ease-in-out ;
	transition: all 0.2s ease-in-out ;
}

div.map_btn a:hover{
	-webkit-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-moz-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-ms-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
    text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
}

ul#footer_nav{
	width:720px;
	height:30px;
	margin-left:485px;
	padding-top:15px;
}

ul#footer_nav li a{
	color:#fff;
	float:left;
	font-size:116%;
	line-height:30px;
	padding-left:20px;
	background:url(../../img/003.png) no-repeat top 10px left 5px;
}

ul#footer_nav li a:hover{
	text-decoration:underline;
	-webkit-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-moz-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-ms-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
    text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
}

/*-- facebook --*/
.fb-page{
	width:380px;
	height:230px;
	border:1px solid #FFF;
	position:absolute;
	top:55px;
	right:10px;
}

#footer_last{
	width:100%;
	height:30px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#857b65+0,c0b6a0+100 */
background: #857b65; /* Old browsers */
background: -moz-linear-gradient(top,  #857b65 0%, #c0b6a0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #857b65 0%,#c0b6a0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #857b65 0%,#c0b6a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#857b65', endColorstr='#c0b6a0',GradientType=0 ); /* IE6-9 */
}

#footer_cent{
	width:100%;
	background:#333;
	color:#fff !important;
}

/*-- コピーライト --*/
span.copy{
	font-size:85%;
	color:#FFF ;
	letter-spacing:1.5px;
	text-align:center;
	display:block;
	text-align:center;
	padding:10px 0;
}