@charset "Shift_JIS";

html {
	background-image : url(image/bg.png) ;
}

BODY {
	color : black ;
	margin : 0 0 ;
	background-color : white ;
	line-height : 150% ;
}

A:link {
	color : #0064AD ;
	background-color : transparent ;
	text-decoration : none ;
}

A:visited {
	color : #FF4718 ;
	background-color : transparent ;
	text-decoration : none ;
}
		
A:hover {	
	color : #FF4718 ;
	text-decoration : underline ;
}

P { 	line-height : 150%;}

BLOCKQUOTE {
	font-size : smaller ;
	background-color : white ;
	color : gray ;
}

LI  { list-style-type : none }

UL.normal{
	margin : 1em 4em ;
 }

UL.bbstext{
	margin : 1em 0 ;
 }

UL.normal li {
	list-style-type : circle ;
 }

UL.bbstext li {
	padding : 0.5em 0 ;
 }

div.unit hr {
	clear : both ;
 	display : block ;
	 
	margin : 1em 0 ;
	border-top-width :0 ;
	border-left-width : 0;
	border-right-width : 0;
	border-bottom:1px dotted #888;
	height:1px;
 }

ul, ol
{
	padding-left : 0 ;
	margin : 0 ;

}

H3 {
	color : #663333 ;
	line-height : 150% ;
	font-size : 100% ;
	margin : 2.5em 0 1em ;
	font-weight : normal;

}

em{
	color : #663333 ;
	font-weight : normal ;
	font-style : normal ;
}

strong {
	font-family: "Arial Black","ヒラギノ角ゴ Pro W6",sans-serif;
	font-style : normal ;
	font-weight : normal ;
	_font-weight : bold ;
}

.HEAD {
	color : black ;
	background-color : white ;
	font-size : larger ;
	line-height : 100% ;
	margin : 0 0 20px ;
}

.header2 {
	color : black ;
	background-color : white ;
	font-size : larger ;
	line-height : 100% ;
	padding : 0 ;
	margin : 10px 0 40px 0 ;
}

.header3 {
	color : black ;
	background-color : white ;
	font-size : 100% ;
	line-height : 100% ;
	margin : 40px 0 0px 0 ;
}

.text {
	color : black ;
	background-color : white ;
	line-height : 150% ;
	margin : 0 0 ;
}

.note {
	color : black ;
	background-color : white ;
	font-size : small ;
	_font-size : x-small ;
	line-height : 150% ;
}

.note2 {
	color : black ;
	background-color : white ;
	font-size : small ;
	line-height : 150% ;
	margin : 0 0 0 16px ;
}

.M {	color : #663333 ;
	line-height : 150% ;
}

.O {	color : black ;
	line-height : 150% ;
}

#L1 {	line-height : 100%;}
#L5 {	line-height : 150%;}
#L2 {	line-height : 200%;}
	
#MT12 {	margin-top : 20%;}
#MT10 {	margin-top : 10%;}

.menu {
	margin : 0 ;
	padding : 0px 40px ;
	background-color : #F8ED9F ;
	background-image : url(image/bg.png) ;
	height : 20px ;
	font-size : 1pt ;
}

.footer {
	margin : 0 ;
	padding : 0px 40px 20px ;
	background-color : #F8ED9F ;
	background-image : url(image/bg.png) ;
/*  1ptにして、mozzila対策 になるのか検証すること*/	
/*	font-size : 1pt;			  フォントサイズ */
}

.unit {
	background-color : white ;
	padding : 40px 40px 40px ;
	width : 600px ;
}


/*  mapとdiv.map imgの組み合わせで、Explorerでもレイアウトが崩れなくなった。 */

.map {
		/*  1ptにするのは、mozzila対策 */
		font-size : 1pt ;
}

div.map img {
	background-color : white ;
	margin : 0 0 ;
	padding : 10px 0 ;
}



.pict{
	float : right ;
	padding : 0 0 20px 20px ;
	margin : 0 ;
}

.content {
	margin : 0 ;
	line-height : 150% ;
}

DL.content DD {
	margin : 0 ;
	padding : 0 0 0.5em 0 ;
	color : gray ;

}


/* Cafe Owners */
#owners {
	background-color : #f0f0f0 ; 
	padding : 0em 0 1em 0;
}

#owners h2 {
	background-color : #f0f0f0 ;
	margin-top : 0;
}

#owners ul {
	background-color : #f0f0f0 ;
}

#owners A:link {
	color : #395316 ;
	background-color : transparent ;
	text-decoration : none ;
}

#owners A:visited {
	color : #9E000A ;
	background-color : transparent ;
	text-decoration : none ;
}
		
#owners A:hover {	
	color : #9E000A ;
	text-decoration : underline ;
}


/* my page */

.my-page {
	padding : 10px 10px 0 15px ;
	border : 1px solid black ;
	background-image : url(shop/image/gradation_bg.png) ;
	background-repeat : repeat-y ;
	height : 120px ;
}

.my-page a {
	border-style : none ;
}

.my-page a:hover {
	border : 1px solid #FF4500 ;	/* OrangeRed */
}

/* dogme page */
.name {
	font-family : Skia,"平成明朝","ＭＳ Ｐ明朝",serif ;    
	padding-left : 2em ;
}

.res {
	margin-left : 2em ;
}