@charset "utf-8";
	
/*
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSstylesheet;
 :title "Base Style";
 :created "2006-04-09";
 :release [:revision "1.12"; :created "2008-03-07"];
 :author [:name "wu"; :homepage <http://3ping.org/>; :mbox "3ping.org@gmail.com"];
 :license <http://creativecommons.org/licenses/publicdomain/deed.ja>;
 :description "各要素単独のスタイル";
 :note "
 	Outline - 
		1-1.Yahoo UI Library Fonts CSS. 
		1-2.Universal selector. 
		1-3.Structure Module. 
		1-4.Text Module. 
		1-5.Hypertext Module. 
		1-6.List Module. 
		1-7.Edit Module. 
		1-8.Forms Module. 
		1-9.Tables Module. 
		1-10.Image Module. 
		1-11.Object Module
		";
 :contributor [
 	:name "Yahoo";
	:title "YUI Fonts CSS";
	:description "ブラウザ間のフォントサイズを揃えるライブラリ";
	:revisiton "2.5.0";
	:homepage <http://developer.yahoo.com/yui/fonts/>;
	:license <http://developer.yahoo.com/yui/license.txt>;
	:note "
		Font-size Adjustment.
			77% = 10px	|	123.1% = 16px	|	167% = 22px
			85% = 11px	|	131% =  17px	|	174% = 23px 
			93% = 12px	|	138.5% = 18px	|	182% = 24px 
			100% = 13px	|	146.5% = 19px	|	189% = 25px 
			108% = 14px	|	153.9% = 20px	|	197% = 26px 
			116% = 15px	|	161.6% = 21px	| 
			"
	] .
*/

/*編集不要*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*======================================

	1-2.Universal selector

=======================================*/

* {

}

/*======================================

	1-3.Structure Module

=======================================*/

html {
	overflow-y: scroll;
}

body {
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

/*======================================

	1-4.Text Module

=======================================*/

p,
pre,
address,
cite {
	margin: 0.5em 20px;
	font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0.5em 20px; 
}

h1 {
	font-size: 189%;
}

h2 {
	font-size: 159%;
}

h3 {
	font-size: 144%;
}

h4 {
	font-size: 122%;
}

h5 {
	font-size: 107%;
}

h6 {
	font-size: 107%;
}

pre {
	padding: 0.5em 10px;
	border: 1px dotted #aaa;
	width: 90%;
	overflow: scroll;
	color: #333;
	background-color: #f5f5f5;
	font-family: "Osaka－等幅", monospace;
}

pre[title]::before {
	margin-bottom: 0.8em;
	padding: 0 10px;
	display: block; 
	content: attr(title);
	color: #000;
	background-color: #fff;
}

blockquote {
	margin: 1.5em 20px;
	padding: 1px 0; 
	border: 3px solid #eee;
	background-color: #fff;
}

blockquote * {
	color: #666;
}

blockquote[title]:before {
	margin: 2px 2px 1em 2px;
	padding: 0.1em 16px;
	display: block;
	content: attr(title); 
	background-color: #f5f5f5; 
}

blockquote[cite]:after {
	padding: 0.8em 20px;
	display: block; 
	content: attr(cite);
	color: #333;
	text-align: right;
}

cite {
	display: block;
	color: #333;
	text-align: right;
}

em {
	font-weight: bold;
}

strong {
	color: #ff4500;
}

code {
	font-family: "Osaka－等幅", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #aaa;
	cursor: help;
}

kbd {
	border: 1px solid #ccc;
	padding: 0 0.3em; 
	background-color: #f5f5f5;
	font-family: "Osaka－等幅", monospace;
}

/*======================================

	1-5.Hypertext Module

=======================================*/

a:link {
	color: #005585;
}

a:visited {
	color: #818f98;
}

a:hover {
	color: #80af00;
}

/*======================================

	1-6.List Module

=======================================*/

ul,
ol,
dl {
	margin: 1em 20px;
	padding: 1px 0;
	list-style-position: inside;
}

li,
dt,
dd {
	margin: 0.1em 10px;
}

dt {
	margin-top: 0.6em;
}

dd {
	margin-bottom: 0.6em;
	color: #666;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size: 100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	margin: 0.1em 10px;
}

/*======================================

	1-7.Edit Module

=======================================*/

del {
	color: #999;
	text-decoration: line-through;
}

del[datetime]::before {
	content: " ( "attr(datetime)"\00524a\009664) ";
}

ins {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

ins[datetime]::before {
	content: " ( "attr(datetime)"\004fee\006b63) ";
}

/*======================================

	1-8.Forms Module

=======================================*/

form {
	margin: 0.5em 20px;
	padding: 1px 0; 
}

form dl,
form p {
	margin: 0.5em 10px;
}

fieldset {
	border: 1px solid #ddd;
}

legend {
	margin: 0 1em;
	padding: 0 10px;
}

input,
textarea {
	margin: 0.4em 10px;
	padding: 0.1em 10px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
	background-color: #f5f5f5;
}

input {
	line-height: 1.2;
}

input:hover,
textarea:hover {
	border: 1px solid #aaa;
}

input:focus,
textarea:focus {
	border: 1px solid #000;
}

textarea {
	padding: 0.4em 10px;
}

/*======================================

	1-9.Tables Module

=======================================*/

table {
	margin: 0 20px 0.5em 20px;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #cfd3d6;
	background-color: #fff;
}

th,
td {
	padding: 0.1em 5px;
	border: 1px solid #efefef;
	border-color: #efefef #dce0e3 #dce0e3 #efefef;
}

th {
	color: #000;
	background-color: #eff0f1;
}

td {
	border: 1px solid #ddd;
	background-color: #fff;
}

/*======================================

	1-10.Image Module

=======================================*/

img {

}

a img {

}

a:hover img {

}

/*======================================

	1-11.Object Module

=======================================*/

object,
embed {
	margin: 1em 20px;
}

@charset "utf-8";



/* -- ▼カスタマイズ -- */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,pre,form,iframe,fieldset,blockquote,table,tr,th,td,address{
	margin:0;
	padding:0;
	border:none 0;
}

/*======================================

	1.Structure Module

=======================================*/

body{
	letter-spacing:0; /*サイト全体の文字間設定*/
	text-align:center;
	cursor:default;
	background:url(/assets/images/common/bg.gif) repeat;
	color:#fff;
}

div:after{
	content:"";
	display:block;
	clear:both;
}
div{
	display:inline-block;
}
* html div{
	height:1%;
}
div{
	display:block;
	position:relative;
}

/*======================================

	3.Hypertext Module

=======================================*/
a:link{
	color:#fff;
	text-decoration:none;
}
a:hover{
	color:#fff;
	text-decoration:none;
}
a:visited{
	color:#fff;
	text-decoration:none;
}

table{
	border-collapse:collapse;
}
p{
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.5em;
	margin:0.5em 0 0;
}
ul{
	list-style-position: outside;
	margin:0;
	padding:0;
}
li{
	list-style-type:none;
	padding:0;
	margin:0;
}
	li img{
		vertical-align:top;
		line-height:0;
	}
h1,h2,h3,h4,h5{
	font-weight:bold;
	line-height:1.2em;
	margin:0;
}

hr{
	display:none;
}

/* -- ▼カラム -- */
div.clmnBg{
background-position:top center;
background-repeat:repeat-y;
}
div.clmnTp{
background-position:center top;
background-repeat:no-repeat;
}
div.clmnBtm{
background-position:center bottom;
background-repeat:no-repeat;
}


/* -- ▼共通パーツ -- */

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

.l{
float:left;
}
.r{
float:right;
}

.txtL{
text-align:left;
}
.txtR{
text-align:right;
}
.txtC{
text-align:center;
}

.jst{
	text-align:justify;
	text-justify:inter-ideograph;
}

.b{
	font-weight:bold;
}

.indent1{
	text-indent:-1em;
	padding-left:1em;
}
.indent2{
	text-indent:-2em;
	padding-left:2em;
}
.notice{
	font-size:0.9em;
}
.mt30{
	margin-top:30px;
}
.mt25{
	margin-top:25px;
}
.mt20{
	margin-top:20px;
}
.mt15{
	margin-top:15px;
}
.mt10{
	margin-top:10px;
}
.mt5{
	margin-top:5px;
}
.mt0{
	margin-top:0;
}
.ml30{
	margin-left:30px;
}
.ml25{
	margin-left:25px;
}
.ml20{
	margin-left:20px;
}
.ml15{
	margin-left:15px;
}
.ml10{
	margin-left:10px;
}
.ml5{
	margin-left:5px;
}
.ml0{
	margin-left:0;
}
.mr30{
	margin-right:30px;
}
.mr25{
	margin-right:25px;
}
.mr20{
	margin-right:20px;
}
.mr15{
	margin-right:15px;
}
.mr10{
	margin-right:10px;
}
.mr5{
	margin-right:5px;
}
.mr0{
	margin-right:0;
}
.mb15{
	margin-bottom:15px;
}

.fntLL{
	font-size:16px;
}
.fntL{
	font-size:14px;
}
.fntS{
	font-size:10px;
}
.fntSS{
	font-size:8px;
}
	

@charset "utf-8";


#wrapper{
	width:950px; /* サイトの幅 */
	text-align:left;
	margin:0 auto;
}
#container{
	width:950px; 
	text-align:left;
	margin:0 auto;
}
#contents{
}

/*======================================

	1.Header Block

=======================================*/
#header{
}
	#logo{
		float:left;
	}
#header h2{
	text-align:right;
	font-size:12px;
	position:absolute;
	top: 15px;
	right:30px;
}

/*======================================

	2.Global Navigation

=======================================*/
#globalNav {
	width:100%;
	position:absolute;
	top:76px;
	left:0;
}
	#globalNav ul {
		clear:left;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
	}
		#globalNav ul li {
			display:inline;
			float:left;
			list-style:none;
			margin:0;
			padding:0;
		}

/*======================================

	4.Contents Block

=======================================*/
#contents{
	margin-top:15px;
}
	/* -- ▼メインコンテンツ -- */
	#contentPrimary{
		width:795px;
		float:left;
	}

	/* -- ▼サブコンテンツ -- */
	#contentSecondary{
		width:130px;
		float:right;
	}

/*======================================

	4.Footer Block

=======================================*/
#footer{
	width:950px; /* サイトの幅 */
	text-align:left;
	margin:15px  auto;
}
#copyright{
	font-size:10px;
}

/*================================================
		▼プライマリエリア　ここから
================================================*/
h1{
}

/*================================================
		▼ブロック
================================================*/
.txt{
	margin-top:;
}
	.txt h2{
		margin-top:;
	}
	.txt h3{
		margin-top:;
	}
	.txt h4{
		margin-top:;
	}
	.txt p{
		margin-top:20px;
	}
	.txt p.first-child{
		margin-top:0;
	}
	.txt p:last-child,
	.txt p.last-child{
		margin-top:;
	}

.blck01{
}
	.blck01 ul.images{
	}
		.blck01 ul.images li{
			margin-bottom:15px;
		}
		.blck01 ul.images li.last-child{
			margin-bottom:0;
		}

.blck02{
}
	.blck02 h2{
		color:#cc9966;
	}

.txtLink{
	text-align:right;
}
	.txtLink img{
		margin-right:5px;
	}


/*================================================
		▼カラム
================================================*/
/* ------ テンプレート ------ *//*
.clmn_sample{
	width:;
}
	.clmn_sample .clmnBg{
		background-image:url();
	}
	.clmn_sample .clmnTp{
		background-image:url();
	}
	.clmn_sample .clmnBtm{
		background-image:url();
		padding:;
		min-height:; 下のheightと同じ数値にする（min-heightが不要ならこれ以下削除）
		height: auto !important;
		height:;
	}
		.clmn_sample h2{
			margin-top:;
		}
		.clmn_sample h3{
			margin-top:;
		}
		.clmn_sample h4{
			margin-top:;
		}
		.clmn_sample p{
			margin-top:;
		}
		.clmn_sample p:first-child,
		.clmn_sample p.first-child{
			margin-top:;
		}
		.clmn_sample p:last-child,
		.clmn_sample p.last-child{
			margin-top:;
		}
*//* ---------------------------- */
#clmn_goToKagurakouji{
	width:;
}
	#clmn_goToKagurakouji .clmnBg{
		background-image:url(/assets/images/common/goToKagurazaka_bg.gif);
	}
	#clmn_goToKagurakouji .clmnMddl{
		background-image:url(/assets/images/common/goToKagurazaka_bg2.gif);
		background-repeat:repeat-y;
		background-position:top center;
	}
	#clmn_goToKagurakouji .clmnBtm{
		background-image:url(/assets/images/common/goToKagurazaka_btm.gif);
		padding:0 15px 15px;
	}
		#clmn_goToKagurakouji h2{
			margin-top:;
		}
		#clmn_goToKagurakouji p{
			margin-top:;
		}
		#clmn_goToKagurakouji p:first-child,
		#clmn_goToKagurakouji p.first-child{
			margin-top:;
		}
		#clmn_goToKagurakouji p:last-child,
		#clmn_goToKagurakouji p.last-child{
			margin-top:;
		}

#remarks{
	width:220px;
	margin-top:20px;
	color:#000;
}
	#remarks .clmnBg{
		background-color:#fff;
	}
	#remarks .clmnTp{
		background-image:url(/assets/images/shop/remarks_tp.gif);
	}
	#remarks .clmnBtm{
		background-image:url(/assets/images/shop/remarks_btm.gif);
		padding:10px;
	}
		#remarks p{
			
		}

#karukozaka{
	width:256px;
}
	#karukozaka .clmnBg{
		background-image:url(/assets/images/access/karukozaka_bg.gif);
	}
	#karukozaka .clmnBtm{
		background-image:url(/assets/images/access/karukozaka_btm.gif);
		padding:10px;
	}
	#karukozaka h3{
		margin:0;
	}
	#karukozaka p{
		margin-top:0;
	}

.shopNavi{
	margin-bottom:20px;
}
	.shopNavi h3{
		margin:0 0 10px;
	}
	.shopNavi.last-child{
		margin-bottom:0;
	}
		.shopNavi p a:link,
		.shopNavi p a:hover,
		.shopNavi p a:visited{
			color:#cc9966;
			text-decoration:underline;
		}




/*================================================
		▼テーブル
================================================*/
/* ------ テンプレート ------ *//*
.tbl_sample{
}
	.tbl_sample thead{
	}
		.tbl_sample thead th{
			padding:;
			text-align:;
			vertical-align:;
			border:;
		}
		.tbl_sample thead td{
			padding:;
			text-align:;
			vertical-align:;
			border:;
		}
		.tbl_sample thead :first-child,
		.tbl_sample thead .first-child{
			border:;
		}
		.tbl_sample thead :last-child,
		.tbl_sample thead .last-child{
			border:;
		}
	.tbl_sample tbody{
	}
		.tbl_sample tbody th{
			padding:;
			text-align:;
			vertical-align:;
			border:;
		}
		.tbl_sample tbody td{
			padding:;
			text-align:;
			vertical-align:;
			border:;
		}
		.tbl_sample tbody tr.odd th,
		.tbl_sample tbody tr.odd td{
			background-color:;
		}
		.tbl_sample tbody tr.even th,
		.tbl_sample tbody tr.even td{
			background-color:;
		}
		.tbl_sample tbody :first-child,
		.tbl_sample tbody .first-child{
			border:;
		}
		.tbl_sample tbody :last-child,
		.tbl_sample tbody .last-child{
			border:;
		}
	.tbl_sample tfoot{
	}
*//* ---------------------------- */


/*================================================
		▼区切り線
================================================*/
/* ------ テンプレート ------ *//*
ソースコード
<div class="solid">
	<hr />
</div>

div.solidSample{
	border-bottom:1px solid #FF0066;
	height:1px;
	margin:1em 0;
}
*/
div.solid{
	border-bottom:1px solid #FF0066;
	height:1px;
	margin:1em 0;
}



/*================================================
		▼map.html
================================================*/
.coment{
	position:absolute;
	top:0;
	right:0;
}
#shopList{
}
	#shopList ul{
		margin-top:10px;
		width:395px;
	}
		#shopList ul li{
		}
		#shopList ul li img{
			margin:0 5px 2px 0;
			vertical-align:bottom;
		}

/*================================================
		▼access.html
================================================*/
ul#accessToKagurakouji{
}
	#accessToKagurakouji li{
	}
		#accessToKagurakouji li span{
			color:#cc9966;
		}

/*================================================
		▼shop/
================================================*/
#col{
}
#col-left{
	width:555px;
	float:left;
}
#col-right{
	width:220px;
	float:right;
}
#shopInfo{
	background-color:#fff;
	padding:10px;
	color:#000;}
	#shopInfo h1{
		display:inline;
		font-size:16px;
	}
	#shopInfo h2{
		display:inline;
		font-size:14px;
	}
	#shopInfo span{
		font-size:16px;
		color:#ccc;
	}
	#shopInfo p{
		margin:0;
	}

	.linkToOfficial a{
		color:#cc9966;
		text-decoration:underline;
	}
#recomendMenu{
	border:1px solid #fff;
	padding:10px;
}
	#recomendMenu li{
		text-indent:-1em;
		padding-left:1em;
	}
		#recomendMenu li span{
			color:#cc9966;
		}

h2{
}

/*================================================
		▼ローカルナビ
================================================*/
.localNav{
	width:130px;
}
	.localNav li{
		margin-bottom:5px;
	}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}