@charset "euc-jp";

/*  INDEX
------------------------
 	1. 基本設定(初期化)
 	2. 基本レイアウト
 	3. テキスト基本
	4. 共通スタイル
	5. ページトップ
	6. お店のご紹介
	7. 牛銀情報
	8. アクセスマップ
	9 写真関連
------------------------
*/



/* 1. 基本設定(初期化)
----------------------------------------------- */
*{
	font-size: 100%;
	font-family:Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
}

body{
	overflow-y:scroll; /* FFセンター揃え */
	margin:0;
	padding:0;
	text-align:center;
	background: #000;
	color:#333;
}


a:link, a:visited{
	color:#933;
	text-decoration:none;
}


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


img {
	border:none;
}


h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
}


hr {
	border-width: 1px 0 0 0; 
	border-style: solid;
	border-color: #CCC;
	height: 1px;
}


.clear {
	clear:both;
}

.link-back {
	display: inline;
	background-image: url(../gifs/click-back.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	margin: 0;
	padding: 2px 0 0 18px;
}

.link-back a{
	color:#ccc;
}

.link-back a:hover{
	color:#EE4572;
}

/* 2. 基本レイアウト
----------------------------------------------- */
#container{
	background:#222;
	width:780px;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding:0;
}

#header-logo{
	text-align:left;
	position:relative;
	top:0;
	left:10px;
}

#headnavi{
	background:#ddd;
	text-align:left;
}

#headnavi ul{
	margin:0;
	padding:0;
	list-style:none;
}

#headnavi ul li{
	margin:0;
	padding:0;
	display:inline;
}

#headnavi ul li a{
	background:#111;
	display:block;
	width:130px;
	height:40px;
	float:left;
	text-align:center;
	padding:10px 0 5px 0;
	color:#fff;
	border-bottom:4px solid #970000;
}

#headnavi ul li#select a{
	background:#333;
	display:block;
	width:130px;
	height:40px;
	float:left;
	text-align:center;
	padding:10px 0 5px 0;
	color:#fff;
	border-bottom:4px solid #ff0000;
}

#headnavi ul li a span{
	color:#666;
}

#headnavi ul li a:hover{
	background:#333;
	border-bottom:4px solid #ff0000;
	text-decoration:none;
}

#main{
	clear:both;
	background:#fff;
	width:780px;
	margin:0;
	padding:0;
	text-align:left;
}

#main-box{
	margin:0 10px;
}

#footer{
	background:#222;
}

#footer-main{
	color:#ccc;
	padding:10px 0px;
}

#footer-main2{
	color:#ccc;
	padding:8px 0px;
}





/* 3. テキスト基本
----------------------------------------------- */
.fsl18{font-size:18px; line-height:25px}							/* 見出し */
.fsl14{font-size:14px; line-height:20px; letter-spacing:1px}		/* 本文 */
.fsl12{font-size:12px; line-height:18px; letter-spacing:1px}		/* 注釈 */
.fsl10{font-size:10px; line-height:14px}							/* キャプション */
.fsl12gray{font-size:12px; line-height:18px; color:#CCC;}						/* 本文灰色 */
.fsl10gray{font-size:10px; line-height:14px; color:#CCC;}						/* キャプション灰色 */

.fsle20{font-size:20px; line-height:25px}							/* 英見出し */
.fsle14{font-size:14px; line-height:18px; letter-spacing:1px}		/* 英本文 */
.fsle13{font-size:13px; line-height:14px}							/* 英注釈 */
.fsle12{font-size:12px; line-height:14px}							/* 英キャプション */

#under-menu {
	text-align:center;
	margin: 30px 0 50px 0;
	font-size: 75%;
	color:#CCC;
}

#under-menu a:link{
	color:#CCC;
	text-decoration:none;
 }

#under-menu a:visited{
	color:#CCC;
	text-decoration:none;
 }


#under-menu a:hover{
	text-decoration:underline;
	color:#EE4572;
}





/* 4. 共通スタイル
----------------------------------------------- */

#topicpath{
	padding:10px 0 20px;
}

#title{
	border-left:5px solid #99cdff;
	margin-bottom:15px;
	padding-left:5px;
	font-weight:bold;
}

#gotop{
	text-align:right;
	padding-bottom:10px;
}

#menu{
	width:140px;
	float:left;
	margin-right:15px;
}

#menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul li{
	margin:0;
	padding:0;
}

#menu ul li a{
	background:#f1f1f1;
	display:block;
	width:136px;
	padding:10px 0;
	text-align:center;
	color:#222;
	border-left:4px solid #000;
}

#menu ul li#select a{
	background:#dfdfdf;
	display:block;
	width:136px;
	text-align:center;
	padding:10px 0;
	color:#222;
	border-left:4px solid #ff0000;
}

#menu ul li a span{
	color:#666;
}

#menu ul li a:hover{
	background:#dfdfdf;
	border-left:4px solid #ff0000;
	text-decoration:none;
}

#contents{
	width:560px;
	float:left;
}

.point{
	color:#c90956;
}





/* 5. ページトップ
----------------------------------------------- */

#header{
	background:url("../images/head.gif") no-repeat;
	width:780px;
	height:500px;
}





/* 6. お店のご紹介
----------------------------------------------- */

.main-img{
	margin:5px 0;
}


#header-guide{
	background:url("../guide/images/head.gif") no-repeat;
	width:780px;
	height:212px;
}

#attention{
	padding:5px;
	background:#f5f5f5;
	border:1px solid #eee;
}

p.honten3-img img{
	border:5px solid #eee;
	margin-right:15px;
}

.honten3-title{
	font-weight:bold;
	margin-bottom:5px;
	color:#6f70c1;
}

.honten-img img{
	margin:0 15px 5px 0;
}

.yoshoku-img img{
	margin:0 15px 30px 0;
}

.bancha-img img{
	margin:0 15px 30px 0;
}

.bancya-img img{
	border:5px solid #eee;
	margin:0 15px 5px 0;
}

.gallery-img img{
	margin:0 15px 5px 0;
}

.ryakureki{
	margin-bottom:20px;
}





/* 7. 牛銀情報
----------------------------------------------- */

#header-info{
	background:url("../story/images/head.gif") no-repeat;
	width:780px;
	height:212px;
}

img.people_img{
	margin:0 10px 5px 0;
}

img.people_img2{
	margin:0 0 5px 10px;
}

.rekishi_title{
	font-weight:bold;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	padding-bottom:3px;
}

.rekishi_title span{
	color:#6f70c1;
}

.rekishi_naiyo{
	margin-bottom:30px;
}

.spot1_img{
	margin:0 15px 15px 0;
	border:4px solid #eee;
	float:left;
}

.spot1_title{
	font-weight:bold;
	color:#6f70c1;
	margin-bottom:5px;
}

.spot2_img{
	margin:0 15px 25px 0;
	border:4px solid #eee;
	float:left;
}

.spot2_title{
	font-weight:bold;
	color:#6f70c1;
	margin-bottom:5px;
}

#guide a img{
	border:1px solid #eee;
}

#info a img{
	border:1px solid #eee;
}


.spot-img img{
	margin:0 15px 50px 0;
}


/* 8. アクセスマップ
----------------------------------------------- */

#header-access{
	background:url("../map/images/head.gif") no-repeat;
	width:780px;
	height:212px;
}

#map{
	float:left;
	margin-right:15px;
}

#map img{
	border:1px solid #ccc;
	margin:0;
}

#address{
	float:left;
}

.titlemap{
	font-weight:bold;
	color:#6f70c1;
}

#pdf{
	text-align:center;
	margin-top:5px;
}


/* 9 写真関連
----------------------------------------------- */
.alpha a img {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.alpha a:hover img { 
	filter: Alpha(Opacity=70); 
	-moz-opacity: 0.7;
	opacity: 0.7;
}