@charset "utf-8";


/*-------------------------------------------CommonStyles-------------------------------------------*/

#shopDetailWrapper {
	width   : 920px  ;
	text-align:left;
}

.shopDetailHead {
	background  : url(../i/head_A_920px.png) no-repeat  ;
}

			
#shopDataLeft {
	width   : 700px  ;
	float   : left   ;
	display : inline ;
}

	.shopData {
		width   : 670px ;
		height  : 85px  ;
		padding : 15px 15px 5px 15px  ;
	}
	
	#sd_left {
		width   : 350px  ;
		float   : left   ;
		display : inline ;
	}
	
	#sd_right {
		width   : 320px  ;
		float   : right  ;
		display : inline ;
	}
	
		.shopData p {
			color   : #222      ;
			padding : 6px 0 0 0 ;
		}
		
		p#telNum {
			font-size      : 2.4em       ;
			font-weight    : bold      ;
			color          : #fff      ;
			line-height    : 1         ;
			letter-spacing : 0.1em     ;
			padding        : 0 0 3px 0 ;
			font-family    : Arial, Helvetica, sans-serif;
		}
		
		p#telText {
			line-height : 1 ;
			padding     : 0 0 4px 0 ;
		}
		
		#shopIcon {
			margin-top : 5px ;
		}
		
			#shopIcon li {
				width  : 100px     ;
				margin : 0 5px 3px 0 ;
				float  : left      ;
			}
		
		#aboutType  {background:url(../i/bg_shop_index.png)  no-repeat; overflow:hidden;}
		#menu1Type   {background:url(../i/bg_shop_menu.png)   no-repeat;}
		#menu2Type  {background:url(../i/bg_shop_lunch.png)  no-repeat;}
		#couponType {background:url(../i/bg_shop_coupon.png) no-repeat;}
		#buzzType   {background:url(../i/bg_shop_buzz.png)   no-repeat;}

		#menu1Block { display: none; }
		#menu2Block { display: none; }
		#couponBlock { display: none; }
		#buzzBlock { display: none; }


	#shopNav {
		margin : 0 0 5px 14px;
	}
		
		#shopNav li {
			width  : 167px     ;
			margin : 0 1px 0 0 ;
			float  : left      ;
		}

	#shopSendNav {
		margin : 0 ;
	}
		
		#shopSendNav li {
			line-height : 1.5;
			padding     : 2px 0 2px 0 ;
		}

#menu1Contents { display: none; }
#menu2Contents { display: none; }
#couponContents { display: none; }
#buzzContents { display: none; }
			
#shopDataRight {
	width   : 200px  ;
	float   : right  ;
	display : inline ;
}



#shopMenuWrapper {
	margin-top    : 15px           ;
	margin-bottom : 20px           ;
	padding       : 14px 8px       ;
	border        : 1px solid #fbb ;
	background    : #f5f5f5        ;
}


	.shopImg {
		padding    : 4px ;
		border     : 1px solid #ccc ;
		background : #fff ;
	}
		
	.shopDetailCaption {padding : 3px 5px ; text-align:justify;}




.shopTable {
	width           : 100% ;
	margin          : 5px 0 20px 0 ;
	padding         : 0px          ;
	font-size       : 120%         ;
	table-layout    : fixed        ;
	border-collapse : separate     ;
	border-spacing  : 1px          ;
	background      : #ffbbbb      ;
}

	.shopTable th {
		color       : #a27d25        ;
		font-weight : bold           ;
		padding     : 5px 8px        ;
		border      : 1px solid #fff ;
		background  : #fff           ;
	}
	
	.shopTable td {
		line-height : 160%           ;
		padding     : 5px 8px        ;
		border      : 1px solid #fff ;
		background  : #fff           ;
	}
	
	.shopTable .oddNumber {
		background : #fff5ec ;
	}



#shopPhoto_L {
	padding   : 4px            ;
	border    : 1px solid #ccc ;
	backgrond : #fff           ;
}





/*---------------------------------------------店舗紹介ページ---------------------------------------------*/

#shopMediaWrapper {
	margin-top    : 15px           ;
	margin-bottom : 20px           ;
}


#shopPhotoWrapper {
	width         : 200px          ;
	margin        : 0 10px 0 0     ;
	padding       : 5px 6px        ;
	float         : left           ;
	display       : inline         ;
	border        : 1px solid #fbb ;
	background    : #f5f5f5        ;
}



#shopVideo {
	width   : 404px  ;
	float   : left   ;
	display : inline ;
    text-align: center;
}

#shopPRWrapper {
	width   : 230px;
	float   : right   ;
	display : inline ;
}

	
#shopPR {
	font-size   : 120%    ;
	text-align  : justify ;
	line-height : 1.5em   ;
	padding     : 0 10px 0 0    ;
}

		
.shopPhoto_A , .shopPhoto_B {
	width        : 190px ;
	margin       : 0     ;
    text-align   : center;
}

.shopPhoto_A {margin-bottom : 4px ;}
.shopPhoto_B {margin-bottom : 0    ;}

.shopPhotoWrapper {
    background-color: #FFF;
}

#shopInfo {
	margin          : 5px 0 20px 0 ;
	padding         : 0px          ;
	font-size       : 120%         ;
	border-collapse : separate     ;
	border-spacing  : 1px          ;
	background      : #ffbbbb      ;
}

	#shopInfo th {
		color       : #a27d25        ;
		font-weight : bold           ;
		padding     : 5px 8px        ;
		border      : 1px solid #fff ;
		background  : #fff           ;
	}
	
	#shopInfo td {
		line-height : 160%           ;
		padding     : 5px 8px        ;
		border      : 1px solid #fff ;
		background  : #fff           ;
	}
	
	#shopInfo .oddNumber {
		background : #fff5ec ;
	}




	
#shopFacilities th {width : 80px ;}
#shopPoint th      {width : 80px ;}


.cardIcon {
	font-size : 0px ;
	line-height:1px;
	margin-right : 5px ;
}




#tendencyWrapper {
	padding : 5px 0 ;
}

	.shopTendency {
		width   : 290px      ;
		height  : 60px       ;
		margin  : 0 0 10px 0 ;
		padding : 10px 5px   ;
		float   : left       ;
		display : inline     ;
	}
	
	#block_A {background:url(../i/bg_tendency_A.png) no-repeat;}
	#block_B {background:url(../i/bg_tendency_B.png) no-repeat; margin:0 10px;}
	#block_C {background:url(../i/bg_tendency_C.png) no-repeat;}
	#block_D {background:url(../i/bg_tendency_D.png) no-repeat;}
	#block_E {background:url(../i/bg_tendency_E.png) no-repeat; margin:0 10px;}
	#block_F {background:url(../i/bg_tendency_F.png) no-repeat;}
	
		.shopTendency h3 {
			height     : 15px      ;
			color      : #f70      ;
			font-size  : 140%      ;
			text-align : center    ;
			margin     : 0 0 5px 0 ;
			padding    : 0         ;
		}
		





/*---------------------------------------------メニュー---------------------------------------------*/


.menuImage_A {
	width   : 250px      ;
	float   : left       ;
	display : inline     ;
	margin  : 0 0 0 40px ;
    text-align: center;
}

.menuImageWrapper {
    background-color: #FFF;
}

.menuImage_B {
	width   : 250px      ;
	height  : 20em       ;
	float   : left       ;
	display : inline     ;
	margin  : 0 0 0 30px ;
}

.menuImage_C {
	width   : 250px      ;
	height  : 20em       ;
	float   : right      ;
	display : inline     ;
	margin  : 0 46px 0 0 ;
}


#shopMenuList th {
	width : 220px   ;
	color : #3895dc ;
}

.oddMenuPrice , .menuPrice {
	width       : 60px  ;
	text-align  : right ;
	font-weight : bold  ;
}

.oddMenuPrice , .oddMenuComment , .oddMenuName {
	background : #fff5ec !important;
}


/*----------------------------------------ランチ・各種プラン----------------------------------------*/


#lunchWrapper {
	margin-top    : 15px           ;
	margin-bottom : 20px           ;
	padding       : 14px 0px 14px 30px       ;
}

	.lunchBlock {
		width        : 250px ;
		/*height       : 29em   ;*/
		margin       : 0 25px 20px 0 ;
		padding      : 9px ;
		float        : left;
		display      : inline;
		border       : 1px solid #fbb ;
		background   : #f5f5f5        ;
	}

    .lunchImageWrapper {
        background-color: #FFF;
        text-align: center;
    }
	
	
	.lunchName {
		color : #ae9e1a ;
		font-size : 120% ;
		font-weight:bold;
		padding : 5px 5px 0 5px ;
	}
		




/*------------------------------------------地図・クーポン------------------------------------------*/

#mapWrapper h2 , #couponWrapper h2 {
	margin-bottom : 5px ;
}


#mapWrapper {
	margin : 20px 0 ;
}

	#gMap {
		width      : 550px          ;
		height     : 280px          ;
		padding    : 4px            ;
		float      : left           ;
		display    : inline         ;
		border     : 1px solid #ccc ;
		background : #fff           ;
	}
	
	#accessDetail {
		float      : right          ;
		display    : inline         ;
	}
	
	#accessDetailList {
		width  : 350px ;
		margin : 0 ;
	}
	
		#accessDetailList th{
			width  : 60px ;
		}
		
	.oddMapTitle , .oddMapConte {
		background : #fff5ec !important;
	}



#couponWrapper {
	margin : 0 0 0 5px ;
}

	#couponQR {
		margin  : 10px 0        ;
		padding : 10px              ;
		background  : #f8f8f8 ;
	}
	
		#QRCode {
			width   : 84px   ;
			float   : left   ;
			display : inline ;
		}
		
			#QRCode img {border:1px solid #ccc;}
		
		#QRText {
			width       : 780px  ;
			margin      : 0 0 0 14px ;
			font-size   : 1.2em  ;
			font-weight : bold   ;
			float       : left   ;
			display     : inline ;
			padding     : 5px 0 ;
		}

	.couponBlock {
		width      : 270px    ;
		height     : 11em     ;
		margin     : 6px 5px 6px 0 ;
		padding    : 15px     ;
		float      : left     ;
		display    : inline   ;
		background : url(../i/bg_couponTicket.png) no-repeat ;
	}
	
		.c_Title {
			color : #a0bd10 ;
			font-size : 120% ;
		}
		
		.c_description {
			padding : 5px 0 ;
		}
	
	
		.c_other {
			line-height :140%;
		}
		
			.c_other dt {
				width : 60px ;
				color : #f00 ;
				float : left ;
				display:inline;
			}
			
	
	#couponNavWrapper {
		width      : 100% ;
		height     : 40px ;
	}
	
	#couponNav {
		font-size    : 120%  ;
		margin-right : 20px  ;
		float        : right ;
	}
		
		#couponNav li {
			float      : left       ;
			margin     : 0 0 0 10px ;
			text-align : center     ;
		}
		
		#couponNav li a {
			width           : 80px           ;
			color           : #fff           ;
			font-weight     : bold           ;
			padding         : 5px            ;
			display         : block          ;
			text-decoration : none           ;
			background      : #9ebb0d        ;
		}
		
		#couponNav li a:hover {
			width           : 80px           ;
			padding         : 5px            ;
			display         : block          ;
			text-decoration : none           ;
			background      : #c2dc41           ;
		}



/*---------------------------------------------クチコミ---------------------------------------------*/


#buzzHead_A {margin-top : 20px ;}
#buzzHead_B {margin-top : 20px ;}



.buzzDataWrapper {
	text-align    : left       ;
	margin        : 0 0 10px 0 ;
	padding       : 10px 0 0 0 ;
	border-bottom : 1px dotted #ccc ;
}

.buzzDataBlock {
	height : 40px ;
	padding : 10px ;
	background : #eee ;
}

.faceImg {
	width   : 40px ;
	height  : 40px ;
	background:#f00;
	float   : left   ;
	display : inline ;
}

.buzzListWrapper {
	margin-left : 10px ;
	float   : left   ;
	display : inline ;
}

.buzzTitle {
	font-size : 140% ;
	margin    : 3px 0 5px 0 ;
}


.buzzList {
	font-size : 120% ;
	margin : 0 ;
}
		
	.buzzList li {
		margin-right : 20px ;
		float:left;
		display:inline;
	}


.buzzText {
	font-size : 120% ;
	padding : 10px ;
}





#buzzTable {
	width           : 100% ;
	margin          : 5px 0 20px 0 ;
	padding         : 0px          ;
	font-size       : 120%         ;
	border-collapse : separate     ;
	border-spacing  : 1px          ;
	background      : #ffbbbb      ;
}

	#buzzTable th {
		color       : #a27d25        ;
		font-weight : bold           ;
		padding     : 5px 8px        ;
		border      : 1px solid #fff ;
		background  : #fff5ec        ;
	}
	
	#buzzTable td {
		line-height : 160%           ;
		padding     : 5px 8px        ;
		border      : 1px solid #fff ;
		background  : #fff           ;
	}


.submit {
	text-align : center ;
}




.buzzAlert {
	color : #d20300 ;
	font-size : 120% ;
	font-weight:bold;
	margin-top : 10px ;
	padding : 0 0 0 10px ;
}

img.buzzPhoto {
    float: left;
    margin-right: 20px;
}

ul#registAndLogin {
    display: inline;
		margin: 8px 0 0 0;
		float: right;
}

ul#registAndLogin li {
    margin-left: 8px;
    margin-top: 6px;
    float: left;
    display: inline;
    font-size: 12px;
}