@charset "utf-8";

/* 
   CSS Document 
   ※このファイルはCSSドキュメントです。
*/

/*
   -----------------------------『ファイル情報』-----------------------------
   大阪鶴橋　白雲台 鶴橋駅前店『メニューページのスタイルシート』です。
   ※このファイルはトップページ『public_html/index.html』のみで使用されます。

   ファイル名：menupage_style.css
   ディレクトリー：public_html/css/menupage_style.css
   リンクしているファイル：menu_recommend_01.html
   						 ：menu_yakiniku_01.html
   						 ：menu_tanpin_01.html
   						 ：menu_teishoku.html
   						 ：menu_course.html
   						 ：menu_drink.html
   --------------------------------------------------------------------------
*/

/*
   -----------------------------『開発記録・メモ』---------------------------
   作成日：2011年2月21日
   作成者：西岡英人(大阪府高度総合事務センター)
   更新日：2011年3月02日
   更新者：西岡英人(大阪府高度総合事務センター)
   --------------------------------------------------------------------------
*/
/*
   -----------------------------『ラッパーの設定』---------------------------
   ------------------------------------------------------------------ここから
*/
div#wrapper {
	/* 全体を包むdiv要素の設定(背景画像などを設定しています。) */
	/* サイズの設定 */
	width:1280px;
	/* 背景の設定 */
	background-image:url(../img/menu_bg_01.jpg);
	background-repeat:no-repeat;}
/*
   -----------------------------『ラッパーの設定』---------------------------
   ------------------------------------------------------------------ここまで
*/
/*
   -----------------------------『ヘッダーの設定』---------------------------
   ------------------------------------------------------------------ここから
*/
h1 {
	/* ページ最上部の大見出し(h1)の設定 */
	/* サイズの設定 */
	width:855px;
	/* 文字の設定 */
	text-align:right;
	font-size:12px;
	color:#333333;}

div#header {
	/* header部分のdiv要素の設定(サイトIDやお問い合わせ電話番号などを表示している部分です。) */
	/* サイズの設定 */
	width:100%;
	height:125px;
	/* 背景の設定 */
	background-image:url(../img/nav_bg_01.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	/* 位置・階層指定 */
	z-index:1;
	position:relative;}

div#nav {
	/* header部分のnav(div要素)の設定(ナビゲーションを包んでいる部分。) */
	/* サイズの設定 */
	width:855px;
	/* 位置・階層指定 */
	z-index:2;
	position:relative;
	top:-45px}

div#nav li {
	/* header部分のnav(div要素)のリスト設定(トップページ・メニューなどのボタン達の設定。) */
	/* 回り込み設定 */
	float:left;}

/*
   -----------------------------『ヘッダーの設定』---------------------------
   ------------------------------------------------------------------ここまで
*/

/*
   ---------------------------『スライドショーの設定』-----------------------
   ------------------------------------------------------------------ここから
*/

.fadein {
	/* スライドショー部分の設定 */
	/* サイズの設定 */
	width:855px;
	height:268px;
	/* 位置・階層設定 */
	position:relative;}

.fadein img {
	/* スライドショー部分の画像についての設定 */
	/* 線の設定 */
	border:1px solid #000000;
	/* 位置・階層設定 */
	position:absolute;
	left:0;
	top:0;}

/*
   ---------------------------『スライドショーの設定』-----------------------
   ------------------------------------------------------------------ここまで
*/

/*
   -------------------------------『見出しの設定』---------------------------
   ------------------------------------------------------------------ここから
*/
h2 {
	/* 中見出し(h2)部分の設定(韓国宮廷料理 大阪鶴橋『白雲台』) */
	/* サイズの設定 */
	width:550px;
	height:50px;
	/* 位置・余白の設定 */
	margin-left:-5px;
	/* 背景の設定 */
	background-image:url(../img/toppage_coments_01.png);
	background-repeat:no-repeat;
	background-position:top left;
	/* 文字の設定 */
	text-indent:-9999px;}

h3 {
	/* メインコンテンツ小見出し(h3)部分の設定(韓国宮廷料理をはじめ～) */
	/* サイズの設定 */
	height:60px;
	/* 文字の設定 */
	text-align:left;
	font-size:17px;
	font-weight:bold;
	line-height:1.5em;}

div.topPageComents p{
	/* メインコンテンツ段落部分の設定(大阪鶴橋にある｢白雲台｣では～) */
	/* 文字の設定 */
	text-align:left;
	font-size:12px;
	line-height:2em;
	letter-spacing:1px;}

div.youTube{
	/* youtube埋め込み部分の設定(表示サイズはhtml側で設定しています。) */
	/* 位置設定 */
	margin-top:5px;
	margin-right:-30px;}
/*
   -------------------------------『見出しの設定』---------------------------
   ------------------------------------------------------------------ここまで
*/

/*
   --------------------------『メインコンテンツの設定』----------------------
   ------------------------------------------------------------------ここから
*/

div#main {
	/* メインコンテンツ全体を包む要素 */
	/* サイズの設定 */
	width:855px;}

div.topPageComents {
	/* メインコンテンツ中見出し部分の設定(韓国宮廷料理 大阪鶴橋｢白雲台｣) */
	/* サイズの設定 */
	width:467px;
	height:250px;
	margin-top:10px;
	/* 回り込み設定 */
	float:left;}

h4.menuRevealH4 {
	font-weight:bold;
	font-size:16px;
	padding-bottom:3px;
	color:#000000;}

div.menuRevealWrap {
	width:855px;
	overflow:hidden;
	margin-bottom:50px;}

div.menuRevealLeft {
	width:250px;
	float:left;
	text-align:left;
	margin-right:46px;}

div.menuRevealLeft dt{
	padding-left:5px;
	border-left:5px #d70000 solid;
	text-align:left;}

div.menuRevealLeft dd{
	text-align:right;
	font-size:12px;
	color:#000000;
	border-bottom:#000000 1px dotted;
	margin-bottom:10px;}

div.menuRevealCenter {
	width:250px;
	float:left;
	text-align:left;
	margin-right:46px;}

div.menuRevealCenter dt{
	padding-left:5px;
	border-left:5px #d70000 solid;
	text-align:left;}

div.menuRevealCenter dd{
	text-align:right;
	font-size:12px;
	color:#000000;
	border-bottom:#000000 1px dotted;
	margin-bottom:10px;}

div.menuRevealRight {
	width:250px;
	float:left;
	text-align:left;}

div.menuRevealRight dt{
	padding-left:5px;
	border-left:5px #d70000 solid;
	text-align:left;}

div.menuRevealRight dd{
	text-align:right;
	font-size:12px;
	color:#000000;
	border-bottom:#000000 1px dotted;
	margin-bottom:10px;}

div.menuRevealWrap dd.menuDesc{
	border:none;
	text-align:left;
	padding-left:10px;
	line-height:2px;
	padding-top:10px;}

div.menuRevealWrap dd.menuDesc p{
	margin-top:-10px;
	color:#d70000;
	line-height:1.5em;
	text-align:left;
	padding-left:5px;
	border:1px #d70000 dotted;}

div.menuRevealWrap dd.menuDesc p.pFirstChild {
	margin-top:11px;}

div.menuRevealWrap dd.menuDesc p.pSecondChild {
	margin-top:121px;}


/*
   ----『おすすめ』『焼肉』等、メニューページが分岐するボタン部分の設定』----
   ------------------------------------------------------------------ここから
*/

div.diverMenu {
	overflow:hidden;
	float:left;
	width:852px;
	height:270px;
	border:1px #000000 solid;
	background-image:url(../img/menu_main_visual_bg_01.png);
	margin-top:10px;
	margin-right:1px;
	margin-bottom:15px;}

ul.menuLabelList li{
	float:left;
	margin-right:1px;}

/*
   ----『おすすめ』『焼肉』等、メニューページが分岐するボタン部分の設定』----
   ------------------------------------------------------------------ここまで
*/

.serifFontMiddle {
	/* セリフのついたローマ字部分(中サイズ) */
    font-family:Georgia,"Nimbus Roman No9 L",serif;
    font-size:30px;
    font-style:italic;
    font-weight:normal;
    letter-spacing:-1px;
    line-height:40px;
	height:40px;
	padding-right:10px;}

/*
   --------------------------『メインコンテンツの設定』----------------------
   ------------------------------------------------------------------ここまで
*/
/*
   -----------------------------『リンクの設定』-----------------------------
   ------------------------------------------------------------------ここから
*/

a.linkStyleOne {
	display:block;}

a.linkStyleOne {
	color:#000000;
	text-decoration:none;}

a:active.linkStyleOne {
	color:#000000;}

a:hover.linkStyleOne {
	color:#ffffff;
	background-color:#000000;}

a.linkStyleTwo {
	color:#FF0000;
	text-decoration:none;}

a:active.linkStyleTwo {
	color:#000000;}

a:hover.linkStyleTwo {
	color:#ffffff;
	background-color:#d70000;}

a.linkStyleThree {
	color:#ffffff;
	text-decoration:none;}

a:active.linkStyleThree {
	color:#ffffff;}

a:hover.linkStyleThree {
	color:#ffffff;
	background-color:#d70000;}

/*
   -----------------------------『リンクの設定』-----------------------------
   ------------------------------------------------------------------ここまで
*/
/*
   ---------------------『メニュー切替BOX写真部分の設定』--------------------
   ------------------------------------------------------------------ここから
*/

h4 {
	text-align:left;}

h4 a {
	font-size:15px;
	font-weight:bold;
	margin-left:6px;
	padding-bottom:2px;}

h5 {
	text-align:left;}

h5.prevBtn {
	float:left;
	margin-left:704px;}

h5.nextBtn {
	float:left;
	margin-right:-1px;
	overflow:hidden;}

div.menuSwichBox {
	overflow:hidden;
	/* 更新情報を包んでいる部分 */
	/* 回り込み設定 */
	float:left;
	/* 位置設定 */
	margin-bottom:50px;
	border:1px #000000 solid;}

.container {
	width:834px;
	margin:0;
	padding:10px;
	overflow:hidden;
	background-image:url(../img/alpha_bg.png);}

ul.display {
	float:left;
	width:832px;
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid #333;
	border-right:1px solid #333;
	background-image:url(../img/stripe_bg_01.png);}

ul.display li {
	float:left;
	width:830px;
	margin:0;
	padding:9px 0 30px 0;
	border-top:1px solid #111;
	border-right:1px solid #111;
	border-bottom:1px solid #333;
	border-left:1px solid #333;}

ul.display li a {
	color:#ffffff;
	text-decoration:none;}

.content_block {
}

ul.display li .content_block {
	float:left;
	padding:0 0 0 10px;}

ul.display li .content_block p {
	width:550px;
	margin:0;
	padding:5px 5px 5px 260px;
	color:#fff;
	text-align:left;}

ul.display li .content_block p.price {
	background-image:none;
	text-align:right;}

ul.display li .content_block a img{
	margin:0 0 0 0;
	padding:5px;
	border:2px solid #ccc;
	background:#fff;
	float:left;}

ul.thumb_view li{
	width:265px;}

ul.thumb_view li h2 {
	display:inline;}

ul.thumb_view li p{
	display:none;}

ul.thumb_view li .content_block a img {
	margin:0;}

a.switch_thumb {
	width:122px;
	height:26px;
	line-height:26px;
	margin:0 0 10px 0;
	padding:0;
	display:block;
	background:url(../img/switch_02.gif) no-repeat;
	outline:none;
	text-indent:-9999px;}

a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}

a.swap {
	background-position:left bottom;}

/*
   --------------------------『メニュー表示部分の設定』----------------------
   ------------------------------------------------------------------ここまで
*/

/*
   -----------------------------『フッターの設定』---------------------------
   ------------------------------------------------------------------ここから
*/

div#footer {
	clear:both;
	width:1280px;
	height:250px;
	background-color:#000000;
	border-top:3px #d70000 solid;
	text-align:left}

div.siteMapWrap {
	width:855px;
	padding-top:10px;}

dl.siteMapTsuruhashi {
	float:left;
	width:270px;
	border-right:1px #ffffff dotted;
	padding-bottom:10px;}

dl.siteMapTeradacho {
	float:left;
	width:270px;
	padding-left:45px;
	border-right:1px #ffffff dotted;
	padding-bottom:10px;}

dl.siteMapLink {
	float:left;
	width:210px;
	padding-left:45px;}

dt.shopDomain{
	color:#ffffff;
	font-size:14px;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;}

dd.footerNavList{
	height:18px;
	line-height:17px;
	/* 文字の設定 */
	color:#ffffff;
	font-size:12px;
	text-align:left;
	letter-spacing:1px;
	/* 位置・余白の設定 */
	padding-left:10px;}

div.copyRight {
	clear:both;
	padding-top:20px;
	font-size:12px;
	color:#ffffff;}

/*
   -----------------------------『フッターの設定』---------------------------
   ------------------------------------------------------------------ここまで
*/

/*
   -------------------『寺田町店はコチラ&ページトップの設定』----------------

   内　　容：jQuery使用部分のスタイル設定
   ファイル：jquery.page-scroller-307.js
   ファイル：livefloatingmenu.js

   ------------------------------------------------------------------ここから
*/

#floatMenu {
	position:absolute;
	top:145px;
 	right:0px;
	left:960px;}

#pageTop {
	position:fixed;
 	right:0px;
	bottom:0px;
	left:960px;
	z-index:4;}

/*
   -------------------『寺田町店はコチラ&ページトップの設定』----------------
   ------------------------------------------------------------------ここまで
*/