/*
Theme Name: katamachi-night
Theme URI: http://
Description:　オリジナルテーマ
Author:Horita
Author URI: http://
Version: 1.0
*/

/****************** 全体 ******************/
*	{
	margin : 0px ;
	padding : 0px ;}
body	{font-family:'arial',sans-serif;
	margin : 0px ;
	padding : 0px ;
	letter-spacing : 1px;
	background : #f3f3f3 url("images/back.gif") repeat-y center ;
	color : #333333 ;
	text-align : center ;}
p	{
	color : #333333 ;
	font-size : 80% ;
	line-height : 1.5em ;}
a	{
	color :  ;
	text-decoration : none ;
	font-weight : bold ;}
a:visted	{
	color :  ;
	text-decoration : none ;
	font-weight : bold ;}
ul	{
	margin-bottom : 10px ;}
img	{
	border : none ;
	vertical-align : top ;}

#contents	{
	width : 800px ;
	margin : 0 auto ;
	background-color : #FFFFFF ;
	text-align : left ;
	position : relative ;}

/****************** メイン ******************/
#mainarea	{
	width : 800px ;
	margin-top : 10px ;
	position : relative ;}
#main-single	{						/*シングルページ */
	width : 750px ;
	padding : 0 20px;}
	
#main-archive	{						/*アーカイブページ */
	width : 570px ;
	padding : 10px;
	float : right ;}

#main-page	{						/*ページ */
	width : 570px ;
	padding : 10px;
	float : right ;}

.post	{
	width :  ;
	margin-left :  ;
	margin-bottom : 30px ;}

.post .post-gourmet	{						/*カテゴリー普通 */
	position : relative ;
	border-top :  solid 3px #DF9637 ;
	border-bottom : solid 3px #DF9637 ;}

.post .post-gourmet h2	{
	color : #000033 ;
	font-weight : bold ;
	font-size : 20px ;
	background-color : #FFF1DF ;
	padding : 10px 10px 5px ;}

.post .post-night	{						/*カテゴリー夜用 */
	position : relative ;
	border-top :  solid 3px #7F077C ;
	border-bottom : solid 3px #7F077C ;}

.post .post-night h2	{
	color : #000033 ;
	font-weight : bold ;
	font-size : 20px ;
	background-color : #FFEFFD ;
	padding : 10px 10px 5px ; }

.post h2 a	{
	display : block ;
	color : #000033 ;}
.post h2 a:hover	{
	color : #FF6633 ;}
.post p.post-tel	{
	position : absolute ;
	top : 8px ;
	right : 50px ;
	font-size : 18px ;
	font-weight : bold ;}
.post p.post-tel img	{
	margin : 3px 5px 0 0 ;}

.post p.post-maininfo	{
	font-size : 15px ;
	background-color : #EFEFEF ;
	padding : 8px 10px 8px 40px ;}
.post p.post-maininfo img	{
	margin-left : 5px ;}


#main-archive .postinfo	{				/* アーカイブ用小 */
	font-size : 12px ;
	line-height : 1em ;}




#main-archive .post h2	{
	color : #000033 ;
	font-weight : bold ;
	font-size : 14px ;
	line-height : 1em ;
	background-color :  ;
	padding : 10px 10px 5px ;}
#main-archive .post p.post-tel	{
	position : absolute ;
	top : 8px ;
	right : 25px ;
	font-size : 13px ;
	font-weight : bold ;}
#main-archive .post p.post-tel img	{
	margin : 3px 5px 0 0 ;}

#main-archive .post p.post-maininfo	{
	font-size : 12px ;
	background-color : #EFEFEF ;
	padding : 5px 10px 3px 40px ;}
#main-archive .post p	{
	font-weight : normal ;}

.post .post-tag	{							/* タグ */
	clear : both ;
	padding : 5px 10px ;
	text-align : right ;}

.post p ,.post dd	{
	color : #000033 ;
	font-size : 85% ;
	letter-spacing :  ;}
.post p a	{
	font-weight : normal ;
	color : #0000FF ;}
.post p a:hover	{
	text-decoration :underline ;}





.postbody	{clear:both;
	padding : 5px 10px 5px 5px;}
.post .postbody p	{font-size:80%;
	margin-bottom : 10px ;}
.post h3	{
	color : #FF6633 ;
	font-weight : bold ;
	font-size : 100% ;
	margin-bottom :10px;}
.post h3 a	{
	color : #FF6633 ;}
.post h3 a:hover	{
	text-decoration :underline ;}
.post .h3post	{
	margin-left : 20px ;
	margin-top : 7px ;
	margin-bottom : 15px ;}
	
.post h4	{
	clear : both ;
	padding : 3px 15px ;
	background-color : #EEEEEE ;}

p.kikan	{
	color : red ;}

.post .map-pamphlet	{
	padding : 0 0 10px 30px ;}

.post  a.more-link	{color:#4frfrf;
	margin-top:15px ;}	

.post .postinfo	{
	clear : both ;}
.post p.postinfo	{
	text-align :  ;
	color : #000000;
	font-size : 13px ;
	font-weight : normal ;
	letter-spacing : 0px ;
	padding : 5px 10px ;}
.post p.postinfo a	{
	color : #0000FF ;}
.post p.postinfo a:hover	{
	color : #FF0000 ;}
	

.detail	{				/* 詳細を見る */
	clear :  ;
	text-align : right ;
	margin-right : 25px ;}
.detail a:hover	{
	color : #FF6633; }

.clear	{
	clear : both ;}

.post ul ,.post ol	{
	font-size : 90%;
	color : #000000 ;
	list-style-type : square ;
	list-style-position : inside ;
	padding : 5px ;}
.post ol	{
	list-style-type : decimal ;}
.post ul li ,.post ol li	{
	margin-bottom : 10px ;}

.koushin	{
	font-size : 13px ;
	clear : both ;
	text-align : right ;}
/************************************************ ショップクーポン ***/
#shop-coupon	{
	width : 500px ;
	background : #DDEEDD ;
	border : 1px red solid ;
	margin : 10px 0px ;}
#shop-coupon h5	{
	text-align : center ;
	background : green ;
	color : #FFFFFF ;
	font-weight : bold ;
	font-size : 1em ;
	padding : 5px ;}
#shop-coupon h6	{
	text-align :  ;
	color : red ;
	font-weight : bold ;
	font-size : 1em ;
	padding : 5px 15px ;}
#shop-coupon p	{
	margin : 2px 15px ;}
#shop-coupon img	{
	padding : 0 ;
	border  : none ;}
#shop-coupon p.coupon-time	{
	color : green ;
	text-align :  ;
	font-weight : bold ;
	padding : 2px ;}
#shop-coupon p.coupon-right	{
	clear : both ;
	color : green ;
	text-align : right ;
	padding : 2px ;}


a.print-page	{float:right;
	display : block ;
	width : 160px ;
	height : 30px ;
	background : url("images/print-page_on.gif") 0 0 no-repeat ;}
a.print-page:hover	{
	background-color : #fff ;/*IE6用*/}
a.print-page:hover img	{
	visibility : hidden ;}

a.print-print	{float:right;
	display : block ;
	width : 160px ;
	height : 30px ;
	background : url("images/print_on.gif") 0 0 no-repeat ;}
a.print-print:hover	{
	background-color : #fff ;/*IE6用*/}
a.print-print:hover img	{
	visibility : hidden ;}



/************************************************ shop-body ***/

.shop-body	{
	margin : 10px ;}


/************************************************ ショップデータ ***/

#shop-data	{
	width :  ;}
.post table	{
	font-size : 80% ;
	color : #333333 ;
	border : none;
	margin : 10px ;}
.post table a	{
	text-decoration : underline ;}
.post th	{font-weight:normal;
	width : 150px ;
	text-align : left ;
	vertical-align : middle ;
	padding : 5px 10px ;
	border-bottom : solid 1px #DDDDDD ;
	background-color : #F5F5F5 ;}
.post td	{
	width : 550px ;
	text-align : left ;
	vertical-align : top ;
	padding : 5px 10px ;
	border-bottom : solid 1px #DDDDDD ;}

.waku dl	{
	font-size : 90% ;
	color : #666666 ;
	background-color : #FFFFDD ;}
.waku dt	{
	float : left ;
	width : 6em ;
	text-align : right ;
	padding-bottom : 10px ;
	background-color : #DDCCFF ;}
.waku dd	{
	width : 30em ;
	margin-left : 7em ;
	padding-bottom : 10px ;
	background-color : #DDDDFF ;}

.post .clboth	{
	clear : both ;}

/****************** メイン？ ******************/

#main_top	{
	float : right ;
	width : 580px ;
	text-align : center ;
	margin-top :  ;}
	
/****************** home.php ******************/
	
h2.menu-h2 a	{
	display : block ;
	width : 290px ;
	height : 35px ;}
h2.menu-h2 a.shop	{
	background : url("images/shop_off.gif") 0 0 no-repeat ;}
h2.menu-h2 a.labbro	{
	background : url("images/labbro_off.gif") 0 0 no-repeat ;}
h2.menu-h2 a.gourmet	{
	background : url("images/gourmet_off.gif") 0 0 no-repeat ;}
h2.menu-h2 a.nightspot	{
	background : url("images/nightspot_off.gif") 0 0 no-repeat ;}
h2.menu-h2 a:hover	{
	background-color : #fff ;/*IE6用*/}
h2.menu-h2 a:hover img	{
	visibility : hidden ;}


#main_menu_1	{
	clear : both ;
	border : solid 1px #7797EF ;
	margin : 5px 20px 20px 20px ;
	padding : 10px 20px ;
	text-align : left; }

#main_menu_1 a	{
	text-decoration : underline ;}
#main_menu_1 a:hover	{
	color : #0099FF ; }

#main_menu_1 p{
	font-size : 90% ;
	margin : 0 0 10px 0 ;}
#main_menu_1 h3	{
	font-size : 100% ;
	margin : 0 0 5px 0 ;}
	
#pre-pos img	{
	margin:10px 30px;}

/****************** #home-archive ******************/

#home-archive	{clear:both;
	float :  ;
	width :  ;
	text-align : left ;}

#home-archive h3.h3-renew-list	{
	font-size : 100% ;
	color : darkred; }
.renew-box	{
	overflow:hidden;
	height:auto;}

.renew	{float:left;width:270px;display:block;
	padding : 5px 10px 5px 5px;}
.renew p	{font-size:80%;
	margin-bottom : 10px ;}




#home-archive h3	{
	font-size : 80% ;}
#home-archive h3 a	{
	color : #000033 ;
	text-decoration : underline;}
#home-archive h3 a:hover	{
	color : #FF6633 ;
	text-decoration : underline; }
#home-archive p.p-topics	{
	font-size : 75% ;
	color : sienna ;
	margin-left : 120px ;
	padding-top : 3px ;}
	
#home-archive ul	{
	list-style-type : none ;
	padding-top : 10px ;}

#home-archive li	{padding:0px 10px ;line-height:2em;
	 display : inline ;
	 font-size : 10px ;
	 margin-right :  ;}
#home-archive li a	{
	 font-weight : normal ;
	 font-size : 13px ;
	 color : #339966 ;
	 text-decoration : underline ;}
#home-archive li a:hover	{
	 color : #FF6633 ;
	 text-decoration : underline ;}

/****************** page.php ******************/

#main-page h2	{
	color : #000033 ;
	font-weight : bold ;
	font-size : 18px ;
	line-height :  ;
	background-color : cornsilk ;
	border-left : 10px solid #FFA500 ;
	border-bottom : 1px solid #FFA500 ;
	padding : 10px 10px 5px ;}

/****************** #page-night #page-gourmet ******************/

#main-archive p.p-topics	{
	font-size : 80% ;
	color : sienna ;
	margin-left : 175px ;
	padding-top : 7px ;}
	
#main-archive ul	{
	list-style-type : none ;
	padding : 10px ;}

#main-archive li	{padding:5px 10px ;line-height:2em;
	 display : inline ;
	 font-size : 75% ;}
#main-archive li a	{
	 font-weight : bold ;
	 color : #339966 ;
	 text-decoration : underline ;}
#main-archive li a:hover	{
	 color : #FF6633 ;
	 text-decoration : underline ;}

/****************** float ******************/
.al-c	{
	text-align : center ;}


.al-c img{
	border : 1px solid #CCCCCC ;
	padding : 4px ;}
.fl-r	{
	float : right ;
	padding-left :  ;
	padding-bottom : 5px ;}
.fl-r-clear {
	clear : both ;
	float : right ;
	padding-left :  ;
	padding-bottom : 5px ;}
.fl-r img , .fl-r-clear img	{
	margin-left : 5px ;}
.fl-l	{
	float : left ;
	padding-right :  ;
	padding-bottom : 5px ;}
.fl-l-clear {
	clear : both ;
	float : left ;
	padding-right :  ;
	padding-bottom : 5px ;}
.fl-l img , .fl-l-clear img	{
	margin-right : 5px ;}

img.aligncenter {
	border : 1px solid #CCCCCC ;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
	border : 1px solid #CCCCCC ;
    padding: 4px;
    margin: 0 0 2px 5px;
    display: inline;
}
img.alignleft {
	border : 1px solid #CCCCCC ;
    padding: 4px;
    margin: 0 5px 2px 0;
    display: inline;
}
.alignright	{
	float: right ;}
.alignleft	{
	float: left ;}
.alignclear	{
	clear : both ;}

.area	{
	clear : both ;}
.area-left	{
	clear : both ;
	width : 48% ;
	float: left ;}
.area-right	{
	clear :  ;
	width : 48% ;
	float: right ;}


/****************** navi-page CSS ******************/

p.navigation	{
	text-align : center ;
	margin-bottom : 10px ;}
p.navigation a:hover	{
	text-decoration : underline ;}

div.navi-page	{
	clear : both ;
	text-align: center;
	font-size: 12px;
	padding: 5px 10px 6px;
	line-height: 24px;
	margin-bottom :  ;}

div.navi-page a	{
	text-decoration:  ;
	border-bottom: ;}

/****************** ヘッダーCSS ******************/

#header	{
	width : 800px ;
	position : relative ;
	background-image : url("images/") ;}

/* ヘッダー */

#header h1	{
	width : 800px ;
	line-height :  ;
	text-align : center ;
	vertical-align : middle;
	font-family : serif ;
	font-size : 27px ;
	color : #336600 ;}


/****************** パンくず ******************/
#pankuzu	{
	clear : both ;}
#pankuzu h4	{
	color : #000000 ;
	font-size : 16px ;
	margin-left : 15px ;
	padding : 10px 0px 0px 0px ;}
#pankuzu h4 a	{
	font-size : 15px ;
	color : #339966 ;}
#pankuzu h4 a:hover	{
	text-decoration :underline ;
	color : #0099FF ;}

/****************** サイドバー ******************/
#side-blog	{
	width : 195px ;
	padding-right : 5px ;
	padding-left : 5px ;
	border-right : dotted 1px #999999;
	float : left ;}
#side-blog h2	{
	font-size : 14px ;
	text-align : left ;
	background-image : url("images/menu.gif") ;
	padding : 2px 15px;
	color : #000000 ;}
#side-blog ul	{
	line-height : 140% ;
	list-style-type : none ;
	bacground-color :  ;
	font-size : 12px ;
	padding : 0px ;}
#side-blog ul ul.children	{
	padding : 0px 10px ;}
#side-blog ul ul.children li	{
	border-bottom : dotted 1px #AAAAAA ;
	background :  ;}
#side-blog .navi-c ul li a	{
	display:block;
	color : #000000 ;
	font-weight : bold ;
	line-height : 2em ;
	border-bottom : solid 1px #AAAAAA ;
	padding-bottom : 3px ;
	padding-left : 10px ;
	background : #FFFFFF URL("images/marker-blue-r.gif") left center no-repeat ;}
#side-blog .navi-c ul li a:hover	{
	color : #FF80C0 ;}
#side-blog .navi-c ul ul.children li a	{
	color : #000000 ;
	font-weight : normal ;
	border-bottom : none ;
	padding-bottom: 0px ;
	background : #FFFFFF URL("images/marker-white.gif") left center no-repeat ;}
#side-blog .navi-c ul ul.children li a:hover	{
	color : #FF80C0 ;}

#side-blog .navi-k ul	{
	line-height : 140% ;
	list-style-type : none ;
	bacground-color : #FFFAF4 ;
	padding : 0px 5px ;}
#side-blog .navi-k ul li	{
	border-bottom : dotted 1px #AAAAAA ;
	background : #FFFFFF  ;}
	
#side-blog .navi-k ul	{
	padding : 5px ;}
#side-blog .navi-k ul li a	{
	display: block ;
	color : #666666 ;
	font-weight : normal ;
	line-height : 2em ;
	padding-left : 10px ;
	background : #FFFFFF  ;}
	
#side-blog .navi-k ul a	{
	line-height : 2em ;
	list-style-type : none ;
	display:;
	color : #666666 ;
	font-weight : normal ;
	padding : 0px 5px 0px 0px ;}
#side-blog .navi-k ul a:hover	{
	font-weight : bold ;
	color : #333333 ;}

#side-blog .navi-c ul li a	{
	display : inline ;}

#side-blog .navi-k ul a	{

	}




#side-blog ul li .choice1	{
	background-color :  ;
	background-image :  ;
	color : #000000 ;}
	
#search ul li	{
	padding-top : 5px ;
	border-bottom : none ;
	background : #FFFFFF URL("images/marker-white.gif") left center no-repeat ;}
#search #s	{
	width : 130px ;}


/****************** フッター ******************/
address	{
	font-family : "Times New Roman",Times,serif ;
	font-size : 80% ;
	font-style : normal ;
	text-align : center ;
	padding-top : 5px ;
	padding-bottom : 5px ;
	margin-top : 5px ;
	color : #FFFEFD ;
	background : #7797EF  ;
	border : none ;
	clear : both ;}
address a	{
	color : #FFFEFD ;}
#footer	{
	width : 800px ;
	position : relative ;
	clear : both ;}
#footer h5	{
	font-size : 12px ;
	font-weight : nomal ;
	margin-top : 15px ;
	text-align : center ;}
#footer h5 a	{
	color : #339966 ;
	padding : 0px 5px ;
	text-align : center ;
	text-decoration :underline ;}
#footer h5 a:hover	{
	color : #0033FF ;}