@charset "Shift_JIS" ;

/* htmlは、XHTML 1.1 */
/* Win IE 6　互換モード 　これはWin IE 6のバグ*/
/* Mozilla　標準モード */

/*　CSSコミュニティのCSS研究に基づいて作成しています。感謝。
使い勝手の良いように、オリジナルのmi用モードで、作成。
ただ、作業量が増えるに従い、CSSも混乱してゆく。
構文をきっちりしたものに自動で整形してくれるアプリケーションがほしい。*/

body {
	margin : 0 ;
	line-height : 0 ;
	_padding-left : 50px ;
	
/* IE 6 互換モードで、センタリングするため。後に出てくる、_text-align : left ; も同様。*/
	_text-align : center ;

}

ul, li {
	margin : 0 ;
	padding : 0 ;
	line-height : 0 ;
}

ul {
	list-style-type : none ;
}

.contents li {
	line-height : 1.5em ;
}

/*/                                        Anchor                                        /*/
a:link {
	color : #48587A ;
/* 	color: #6666FF; */
	background-color: transparent;
	text-decoration: underline;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif ;
}

a:visited {
	background-color: transparent;
	text-decoration: none;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif ;
}

a:visited{
	color: #FF4C4C;
	border-width:0;
	background-color:white;
	text-decoration : none ;
}

a:hover {
	text-decoration : none ;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif ;
}

a:hover {
	color : white ;
	border-width:0;
	background-color : #FF4C4C ;
}

a:active  {
	color : white ;
 	background-color : #FF9999 ;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif ;
 }

a:link img {
	background-color : transparent ;
	_background-color : white ;
	border: 1px dashed transparent ;
	_border: 1px solid white ;
}

a:visited img {
	background-color : transparent ;
	border: 1px solid transparent;
	_border-bottom : 1px solid white ;
	_border: 1px solid white;
}

a:hover img {
	color : white ;
	text-decoration: none;
	background-color : transparent ;
	border: 1px solid #FF4C4C;
}


/*/                                        Link page                                       /*/
#link-home .info  a {
	border-style : none ;
	background-color : transparent ;
	_background-color : white ;
}

#link-home .info  p {
	margin : 1em 0 0 0;
}

/*/                                        Title Section                                        /*/
.title {
	background-color : #FF4C4C ;
	margin : 30px auto 0;
	padding: 10px 50px 5px;
	width : 700px ;
	_width : 800px ;
	_text-align : left ;

}

.title a:link {
	color: white ;
    border-width:0;
    background-color:#FF4C4C;
	text-decoration : none ;
}

.title a:visited {
    color: white ;
    border-width:0;
    background-color:#FF4C4C;
	text-decoration : none ;
}

.title a:hover {
	color : white ;
    border-width:0;
	background-color : #FF4C4C ;
}

.title a:active  {
 	background-color : #FF4C4C ;
 }
 
.title a img {
    _background-color:#FF4C4C;
 	border-width:0;
 }
 
.title a:link img {
 	border-width:0;
 }
.title a:visited img {
 	border-width:0;
 }
.title a:hover img {
  	border-width:0;
 }
 
/*/                                        Navigation Section                                        /*/

/* navigationを、真ん中にレイアウトするため */
.prenavi {
	margin-right : auto ;
	margin-left : auto ;
	width : 800px ;
	_text-align : left ;
}

.navi {
	font-family : "Arial Black","Charcoal" ;
	font-size: 10pt;
	background-color: #FF4C4C;

	line-height: 1;
	margin-top : 30px ;
	margin : 30px 0 0 0;
	padding: 0;
	
	float:left; /* for navi action */
	width:800px; /* for navi action */

	_width:800px;
}

#home .navi {
	margin : 0 ;
	margin-top : 1px ;
}

 
.navi ul{
	font-size: 9pt;
	background-color: #FF4C4C;
	line-height: 1.2em;
	margin: 0 auto ;
	padding: 0 50px ;
	_padding: 0 0 0 10px;
}

.navi li {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	list-style-type : none ;

	display : inline ;	/* inlineにするのは、Win IE7用 */

	_float:left; /* WinIE only for navi action */
}

/*/                                        Navigation Anchor                                        /*/
.navi a {
	font-family : "Arial Black","Charcoal" ;
	color: white;
	text-decoration: none;
	margin: 0 30px 0 0;
	padding: 2px 0px 2px 0;
	border-style: none;

	display:block; /* for navi action */
	float:left; /* for navi action */
	
	_margin: 0 15px 0 0;
}

.navi a:link {
	_font-family : "Arial Black","Charcoal" ;
	text-decoration: none;
	border-style: none;
}

.navi a:visited {
	_font-family : "Arial Black","Charcoal" ;
	color: white;
	background-color: #FF4C4C;
	text-decoration: none;
	border-style: none;
}

.navi .pointer a {
	color: #FFFFFF;
	background-color: #FF4C4C;
}

.navi a:hover {
	_font-family : "Arial Black","Charcoal" ;
	color: #FF4C4C;
	background-color: #FFFFFF;
	text-decoration: none;
	border-style: none;
}
	
.navi a:active  {
	text-decoration: none;
	border-style: none;
}

p {
	margin : 0 0 1em 0 ;
	padding : 0 ;
	line-height : 1.5em ;
}

hr {
	clear : both ;
 	display : block ;
	 
	margin :  0 ;
	border-top-width :0 ;
	border-left-width : 0;
	border-right-width : 0;
	border-bottom:1px dotted #FF4C4C;
	height:1px;
 }

#home hr {
	margin : 15px 0 ;
}

.sight {
	margin-top : 20px;
}

.sightoutline {
	margin-top : 20px;
}

/* Winでの、HGP創英角ｺﾞｼｯｸUBの利用は廃止した。*/
/* "HiraKakuPro-W6" の記述は、Safari向け。"ヒラギノ角ゴ Pro W6"の記述を認識するようになったら、不要。 */

h2 {
	font-family: "Arial","HiraKakuPro-W6","ヒラギノ角ゴ Pro W6",sans-serif ;
	font-style : normal ;
	font-size : large ;
	_font-size : medium ;
	font-weight : normal ;
	font-weight : bold ;
	color : #333333 ;
	margin : 40px 0 20px 0 ; 
}

/* homeのh2は、margin-topがさまざま */
#home h2, #link-home h2 {
	font-size : medium ;
	_font-size : small ;
	margin : 30px 0 0 0; 
	line-height : 1.5em ;
	color : #48587A ;
	color : #333333 ;
}

#home h2.first-paragraph {
	margin-top : 0; 
}

#link-home h2.first-paragraph {
	margin-top : 1em; 
}

#home h2.second-paragraph {
	margin-top : 0; 
}

#home .cafeguide h2.first-paragraph,
#home .othercontents h2.first-paragraph
{
	margin-top : 30px; 
}

/* 最初に「お知らせ」が有る場合のみ ここから*/
#home .cafeguide h2.first-paragraph,
#home .othercontents h2.first-paragraph
{
	margin-top : 0px; 
}
/* ここまで */


#home .first h2.first-paragraph, 
#home .second h2.first-paragraph, 
#home .third h2.first-paragraph
{
	margin-top : 0; 
}

#home h2 a {
 	font-family : "HiraKakuPro-W6","ヒラギノ角ゴ Pro W6",sans-serif ;
	_font-weight : bold ;
}

#home .info h2 {
	margin-top : 15px; 
}
#about h2.first-paragraph {
	margin-top : 40px; 
}

#about h2 {
	margin : 20px 0 20px 0; 
}

#about p {
	margin-bottom : 20px ;
}

h3 {
    font-style: normal;
    font-weight: normal;
    margin: 1em 0 0em 0;
    font-variant:normal;
}

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

#cafe-home h3 {
	font-family: "Skia","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size : medium ;
	_font-size : small ;
	margin: 2em 0 0em 0;
	border-bottom : 1px solid #666666 ;
}

/*/                                        観光                                        /*/

.guide h3 {
	clear : both ;
}

.guide h3 {
 	font-family : "HiraKakuPro-W6","ヒラギノ角ゴ Pro W6",sans-serif ;
	font-size : medium ;
	_font-weight : bold ;
	_font-size : 100% ;
	margin: 1.5em 0 0em 0;
	padding : 1.5em 0 0.5em 0;
	border-top : 1px dotted #FF4C4C ;
}

/*/                                        Shaving                                        /*/
#shaving h3 {
	font-family: "Arial Black","HiraKakuPro-W6","ヒラギノ角ゴ Pro W6",sans-serif ;
	font-size : large ;
	_font-weight : bold ;
	_font-size : medium ;
	margin: 2em 0 1em 0;
	border-bottom : 1px solid #666666 ;
}

#shaving h3#review {
	margin-bottom : 0 ;
}

#shaving ol {
	font-family: "Arial Black","HiraKakuPro-W6","ヒラギノ角ゴ Pro W6",sans-serif ;
	_font-weight : bold ;
}

dl.shaving  {
	margin : 2em 2em ;
}
dl.shaving dt {
	font-family: "Arial Black","HiraKakuPro-W6","ヒラギノ角ゴ Pro W6",sans-serif ;
	font-size : medium ;
	_font-weight : bold ;
	_font-size : 100% ;
	margin: 2em 0 0.5em 2em;
/* 	border-bottom : 1px solid #666666 ; */
}

dl.shaving dd {
	margin : 0 2em 1em 2em;
}

.navi-list0 {
	margin : 0 0 1em 0; 
}
.navi-list1 {
	margin : 0 0 1em 0; 
}
.navi-list2 {
	margin : 0 0 2em 0 ;
}

/* name */
.name, .readme {
	color : #333333 ;
	font-family : "Skia","Arial",sans-serif;
	text-align : right ;
	font-size : small ;
	_font-size : x-small ;
	display : none ;

}

/*/                                        Contents Section                                        /*/
.contents {
	clear : both ;
	margin : 0em auto 2em ;
	padding:  0px 50px 20px;/* IEがタコなので、margin-bottomではなくて、padding-bottomで調節 */

	line-height : 1.5em ;
	color : black ;

	border-width : 1px ;
	border-color : #FF4C4C ;
	border-style : solid ;
	border-top : 1px solid white;

	width : 698px ;
	_width : 800px ;
	_text-align : left ;
}

#home .contents {
	color : black ;
	padding:  0px 50px 0px;
	_width : 800px ;
}

#link-home .contents {
	color : black ;
	_width : 800px ;
}

 #card .contents {
 	margin-top:  30px;
 	border-top : 1px solid #FF4C4C;	
 }
 
.contents h1 {
	margin : 68px 0px ;
	font-weight : normal ;
	font-family : "Arial Black" ;
	color : #777777 ;
}

.note {
	font-size : small ;

/* Win IE 5.5以前、Win IE 6互換モード用
	キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる
	http://members.at.infoseek.co.jp/cssbug/detail/winie/b060.html
	を、参照 */
	_font-size : x-small ;	
}

.shopinfo {
	font-size : small ;
	_font-size : x-small ;
	clear : both ;
}

.photo {
	float : right ;
	width : 240px;
	margin-left : 20px; 
}


.data {
	font-size : small ;
	_font-size : x-small ;
}

/*/                                        観光 pages                                        /*/
.guide p {
	margin : 0.5em 0;
}

.guide .shopinfo {
	margin-top : 0.5em ;
}

.guide .uri {
	margin-left : 5em ;
	font-size : x-small ;
	display : none ;

}

#cafe-home .note {
	font-family : "Skia","Arial","ヒラギノ角ゴ Pro W3",sans-serif ;
	margin-top : 4em ;
}

/*/                                        Image Control                                        /*/
.right {
	float : right ;
	padding-left : 0.5em ;
}

.left {
	float : left ;
	padding-right : 0.5em ;
}

.lock {
	display : block ;
}

/*/                                        homeの段落を指定                                        /*/
.portabledocuments {
	clear : both ;
}
.sightseeing {
	clear : both ;
}

.cafeguide {
	float : left ;
	width : 232px ;
	margin-top : 0px ;
	margin-bottom : 15px ;
}

.othercontents {
	float : left ;
	width : 466px ;
	margin-top : 0px ;
	margin-bottom : 0px ;
}

.othercontents p {
	line-height : 1.2em ;
}

.portabledocuments p {
	margin-bottom : 0 ;
}

.portabledocuments li {
	font-size : small ;
	_font-size : x-small ;
}


.first {
	float : left ;
	width : 233px ;
	margin-bottom : 15px ;
	clear :both ;
}

#link-home .first {
	width : 337px ;
	padding-top : 1.5em ;
	padding-right : 12px ;
}

.second {
	padding-top : 1.5em ;
	margin-bottom : 15px ;
	float : left ;
	width : 232px ;
}

#link-home .second {
	width : 337px ;
	padding-top : 1.5em ;
	padding-left : 12px ;
}

#link-home .contents {
	font-size : small ;
	_font-size : x-small ;
}

.third {
	margin-bottom : 15px ;
	float : left ;
	width : 233px ;
}


/*/                                        Class                                        /*/
.uri {
	font-size : small ;
	_font-size : x-small ;
}
.map {
	font-size : small ;
	_font-size : x-small ;
}


/*/                                        information section                                        /*/
.info {
	clear : both ;
	border-top:1px dotted #FF4C4C;
	padding-bottom : 0px ;	/* for Safari 本来は、marginで指定したいところ*/

}

#home .info {
	padding-bottom : 30px ;	/* for Safari 本来は、marginで指定したいところ*/
}

.info p{
	margin-bottom : 0;
}

.info p.note {
	text-align : right ;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3" ;
}

/*/                                        home ancher                                        /*/
#home .contents a {
	color : #48587A ;
	background-color : white ;
	margin : 0 ;
	padding : 0 ;
	text-decoration : none ;
	text-align : left ;
    border-width:0;
/* 	border-bottom : 1px solid #002157 ; */
}

#home .contents a:visited{
    color: #FF4C4C;
    border-width:0;
    background-color:white;
	text-decoration : none ;
}

#home .contents a:hover {
	color : white ;
    border-width:0;
	background-color : #FF4C4C ;
}

#home .contents a:active  {
 	background-color : #FF9999 ;
 }
 
dl.links {
	margin-top : 1em ;
}

.links dt {
	margin-left : 0em ;
}

.links dd {
	margin : 0 0em 1em 0em;
}

.closed {
	margin:4em 0;
}

.del {
	text-decoration : line-through ;
}

/*/                                        about,history page                                        /*/
.history {
	font-family : "Arial","ヒラギノ角ゴ Pro W3" ;
	font-size : small ;
	_font-size : x-small ;
	margin-bottom : 20px;
}

/*/                                        home page                                        /*/
.infohistory {
	color : #333 ;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3" ;
	font-size : small ;
	_font-size : x-small ;
	line-height : 1em ;
}

#address {
	margin-top : 2em ;
}

＃address img {
	line-height : 2em;

}

.guide .contents-end {
	clear : both ;
}


/*/                                        文章中にメモされた日付                                        /*/
.date {
	font-size : small ;
	_font-size : x-small ;
	font-family : "Skia",Arial ;
	color : #606060 ;
}
.date strong {
	font-family : "Helvetica";
	font-weight : bold ;
	color : red ;
}

#important {
	clear : both ;
	margin : -20px auto 2em ;
	padding:  0px 0px 0px;
	width : 800px ;
	_width : 800px ;
	text-align : right ;
	line-height : 1em;

}

#important a,
#important a:link,
#important a:visited,
#important a:active,
#important a:hover
 {

 font-size: 7pt;
 color: #AAAAAA;
 text-decoration: none;
 background-color: #FFFFFF;
}