@charset "Shift_JIS";
/* CSS Document */

/************************************************************************/
/*HTMLタグの再定義。*/

/*リンク画像にボーダーラインが入るのを防ぎます。*/
img { border: 0; }

/*スペーサーに画像を使いたくないときにこれを使うことがあります。*/
p.spacer {
	font-size: 1px;
	width: 1px;
	padding: 0;
	margin: 0;
}

/*リンク文字の設定です。*/
a:link, a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #469A9A;
	text-decoration: underline;
}
a:active {
	color: #FAA601;
	text-decoration: underline;
}

/*リストの設定です。*/
ul{
	list-style-image: url(images/diamond.gif);
}

/*ページの背景と文字色の設定です。*/
body {
	color: #666666;
	margin:0;
	}
.xmas{
	background:url(images/season/xmas_06.gif) no-repeat bottom left;
	border-top:8px solid #CC3939;
	border-bottom:8px solid #3D7440;
	padding:7px;
}

/*テキストブロックの共通文字設定です。*/
div, p, td, th {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック", sans-serif;
	font-size: 12px;
}

/************************************************************************/
/*文字色のクラス定義。*/
/*一時的・部分的に色を変更したいときに以下のクラスを使います。*/

.white {
	color: #FFFFFF;	
}
.blue_green {
	color: #469A9A;	
}
.orange {
	color: #FAA601;
}

/************************************************************************/
/*文字サイズ等の汎用クラス定義。*/

strong {
	color: #469A9A;
	font-weight: bold;
}
.smaller {
	font-size: smaller;
}
.larger {
	font-size: larger;
}
.kakomi {
	border: 1px solid #2C7D8D;
	padding: 6px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.beta {
	padding: 6px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #E9F8FF;
}
.dot_line {
	margin-top: 8px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #2C7D8D;
	padding-bottom: 4px;
}
.f10 {
	font-size: 10px;
}


/************************************************************************/
/*ページ内を構成する固有要素IDの定義。*/
/*全てのページを#header、#main、#copyrightのブロックに大きく分け、#mainの中でさらに#floorguideなどのブロックに分けています。*/
/*HTML側にIDが定義してあってもCSSには定義が存在しないものもいくつかあります。#navi_sideなどがそうです。*/
/*はじめにブロックのID名だけ決めておいて、CSSが必要なときに定義をつくっていくので、IDはあるけど定義が無いものがあるのです。*/

#header {
	width: 750px;
}

#main {
	margin-bottom: 30px;
	table-layout:fixed;
}

#navi_top {
	margin-bottom: 5px;
}

#floorguide {
	margin-top: 15px;
}
#topics {
	margin-top: 15px;
}
#topics .topics_title {
	padding-left: 8px;
	background-image: url(images/4dots.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;

}
#topics .topics_info {
	font-size: smaller;
	color: #999999;
	margin-bottom: 10px;
	padding-left: 8px;
	line-height: 1em;

}
#copyright {
	color: #FFFFFF;
	font-size: 9px;
	background-color: #FAA601;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 5px;
	width: 340px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	lang: en;
}

/************************************************************************/
/*クラス定義*/

/*各ページの「FLOOR GUIDE」というタイトル部分のマージン設定。*/
.caption {
	margin-bottom: 5px;
}

/*各ショップページ内の「PREV」ボタンと「NEXT」ボタンを含むDIVの定義*/
.prev_next {  margin-top: 8px; text-align: right; }
.pagetop {
	margin-top: 8px;
	margin-bottom: 20px;
	text-align: right;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #BCE0F3;
	padding-bottom: 2px;
}

/*各ショップページのショップ名等の情報を表示するそれぞれのDIVの設定*/
.shop_name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	line-height: 1.3em;
}
.shop_items {
	color: #000000;
}
.shop_discription {
	font-size: 10px;
	line-height: 1.3em;
	margin-top: 5px;
	color: #666666;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*各ショップページの営業時間等の情報を表示するそれぞれのPの設定*/
.shop_info {
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 0px;
	padding-right: 12px;
	padding-left: 12px;
}
/*上の設定のうち、背景色のみをカテゴリごとに変更*/
.shop .shop_info { background-color: #F4F8E1; }
.beauty .shop_info { background-color: #F9EDED; }
.gourmet .shop_info { background-color: #FBF1D1; }
.amuse .shop_info { background-color: #F1ECFC; }
.event .shop_info { background-color: #E1F2FB; }
/*p.shop_info内で使用している◆の色をカテゴリごとに変更*/
.diamond { color: #2C7D8D; }
.shop .diamond { color: #73C340; }
.beauty .diamond { color: #DD3476; }
.gourmet .diamond { color: #D0C314; }
.amuse .diamond { color: #9C6CC9; }
.event .diamond { color: #4589CD; }
.sushiyoko .diamond {
	color: #594C94;
	padding-left: 0.5em;
	padding-right: 0.5em;
}


/*ショップをアイコン一覧表示するページで1つのショップ情報を構成するtableに関する設定*/
.shop_icon {
	margin-bottom: 20px;
}
.shop_icon .shop_name {
	padding-left: 9px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	margin-bottom: 3px;
	font-size: 12px;
}
.shop_icon .shop_items {
	font-size: 10px;
	padding-left: 10px;
}
.shop_icon .shop_floor {
	font-size: 10px;
	padding-left: 10px;
	color: #999999;
}
/*ショップをアイコン一覧表示するページのショップ名の色だけをカテゴリによって変更*/
.shop .shop_name { color: #7FA000; }
.beauty .shop_name { color: #870509; }
.gourmet .shop_name { color: #8E6E00; }
.amuse .shop_name { color: #270090; }
.event .shop_name { color: #005D90; }

/************************************************************************/
/*各ページの本文情報掲載部分で使用しているクラス*/

/*本文掲載部分で一番大きなクラス。左右にマージンをとっている*/
.content_inside {
	margin-right: 10px;
	margin-left: 10px;
	line-height: 1.5em;
}
/*文章を左に一段シフトしたいときに使用しているクラス*/
.content_indent {
	margin-left: 10px;
	line-height: 1.5em;
}
/*content_insideと同じような目的で使用。上にもマージンをとっている*/
.content_box {
	margin-top: 8px;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 1.5em;
}

/*営業時間等のページで使用している見出し用の各クラス*/
.content_midashi {
	font-size: 16px;
	font-weight: bold;
	color: #2D6B6B;
	background-image: url(images/background/midashi.jpg);
	background-repeat: repeat-y;
	background-position: left;
	margin-top: 24px;
	margin-bottom: 8px;
	line-height: 1em;
	padding-left: 16px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #469A9A;
	border-bottom-color: #469A9A;
}
.content_komidashi {
	font-size: 14px;
	line-height: 1em;
	font-weight: bold;
	color: #18444D;
	background-color: #D3F2F2;
	margin-top: 20px;
	margin-bottom: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
}
.content_komidashi2 {
	font-size: 14px;
	line-height: 1em;
	font-weight: bold;
	color: #2D6B6B;
	margin-top: 24px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	background-image: url(images/background/komidashi2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

/*リンク文字の右側に右向き三角アイコンを表示したいときに使用（交通アクセスのページ等）*/
.link_tri_right {
	color: #666666;
	line-height: 1em;
	background-image: url(images/btn/btn_tri_right.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 4px;
	margin-bottom: 8px;
	padding-right: 16px;
	padding-left: 1em;
}
/*リンク文字の左側に左向き三角アイコンを表示したいときに使用（募集のお知らせ内等）*/
.link_tri_left {
	color: #666666;
	line-height: 1em;
	background-image: url(images/btn/btn_tri_left.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 1em;
	padding-left: 16px;
	padding-right: 1em;
}

/************************************************************************/
/*テーブル内の文字色をグレーに統一したいときに使用（時刻表のページ等）*/
.tb {
	color: #666666;
}
.tb .header {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #469A9A;
}

/*時刻表テーブルの横幅を固定*/
.timetable .tb {
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 16px;
}
/*時刻表テーブルのタイトル部分*/
.timetable_title {
	text-align: center;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 16px;
}
/*時刻表ページのテーブル下の注意書きのDIV*/
.timetable_note {
	font-size: 10px;
	line-height: 1.5em;
	color: #666666;
	text-align: left;
	width: 590px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
}
/*時刻表ページの一番下のボタンを含むDIV*/
.timetable_navi {
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/************************************************************************/
/*すし横丁（/sushiyoko/ディレクトリ下）で使用しているクラス群*/

.sushiyoko .shopinfo {
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #469A9A;

}
.sushiyoko .shopname {
	font-size: 24px;
	color: #469A9A;
	padding-left: 8px;
	background-image : url(images/3lines.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 6px;
}
.sushiyoko .shopname_small {
	font-size: 12px;
}
.sushiyoko .shopdiscription {
	margin-top: 4px;
	padding-left: 8px;
	font-size: 12px;
	line-height: 1.5em;
}
.shopdiscription table {
	margin-top: 6px;	
}
.sushiyoko .shopcaption {
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #469A9A;
	padding-right: 8px;
	padding-left: 8px;
}
.sushiyoko .yumeisushi {
	color: #2D6B6B;
	background-color: #E9F8FF;
	margin-top: 2px;
	padding: 8px;
}
.yumeisushi td {
	color: #2D6B6B;
}
.yumeisushi .date {
	font-size: 12px;
	font-weight: bold;
	color: #427BBD;
}
.yumeisushi .yumeiname {
	color: #18444D;
	font-size: 18px;
	font-weight: bold;
	padding-right: 20px;
}
.yumeisushi .yumeidiscription {
	font-size: 12px;
	line-height: 1.5em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7CC0C0;
	padding-top: 2px;
	padding-left: 140px;
	margin-top: 3px;

}
.yumeisushi .local {
	font-size: 12px;
	line-height: 1em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2C7D8D;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	border: 1px solid #FFFFFF;
}
.toryumon_discription {
	padding-left: 10px;
	font-size: 12px;
	line-height: 1.5em;
}
.sushiyoko .shokunin_name {
	font-size: 16px;
	color: #000000;
	margin-bottom: 4px;
}
.sushiyoko .shokunin_discription {
	font-size: 12px;
	line-height: 1.5em;
	color: #666666;
	text-align: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding: 2px;

}
.sushiyoko .shop_caption {
	font-size: 12px;
	color: #336666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #469A9A;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 1px;
	line-height: 1.5em;
}
.sushiyoko .shop_copy {
	font-size: 14px;
	line-height: 1.5em;
}

/************************************************************************/
/*リンクのページでバナーの左に表示しているキャプションの設定*/
.link .link_caption {
	font-size: 12px;
	color: #469A9A;
	line-height: 1.5em;
	padding-left: 10px;
}
/*ミュージアムガイドのページでバナーの左に表示しているキャプションの設定*/
.museum .link_caption {
	font-size: 12px;
	color: #469A9A;
	line-height: 1.5em;
	padding-left: 10px;
}

/************************************************************************/
/*LADY's Wednesdayのページで使用しているクラス群*/

.ladys .ladys_title {
	background-image: url(../ladys/images/title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
	width: 570px;
	text-align: right;
	margin-bottom: 12px;
}
.ladys_title img {
	margin-top: 8px;
	margin-right: 8px;
}
.ladys .bnr_movix {
	text-align: center;
	margin-top: 12px;
	margin-bottom: 20px;
}
.floor_name {
	font-size: 16px;
	line-height: 1em;
	color: #FFFFFF;
	background-image: url(images/tab_floorname.jpg);
	margin-top: 16px;
	padding-left: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-repeat: no-repeat;
	background-position: left center;
}
.floor .floor_name {
	margin-top: 0px;
}
.service_info {
	margin-top: 6px;
	margin-bottom: 6px;

}
.service_info .shop_name {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
	color: #18444D;
	background-color: #D3F2F2;
}
.service_info .shop_caption {
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
	font-weight: normal;
	background-color: #F2FFFF;
}
/************************************************************************/
/*ドリプラ活用術（/selection/ディレクトリ下）のページで使用しているクラス群*/

.selection .portrait {
	background-color: #E2F6F5;
}
.portrait img {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
}
.portrait .portrait_name {
	font-size: 12px;
	color: #000000;
	padding-left: 8px;
	margin-bottom: 12px;
}
.portrait .portrait_caption {
	font-size: 10px;
	color: #000000;
	padding-left: 8px;
	background-image: url(../selection/images/3lines.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 6px;
}
.selection .profile {
	font-size: 10px;
	color: #666666;
	line-height: 1.5em;
	margin-left: 20px;
}
.selection .profile_title {
	color: #49B8B8;
	font-weight: bold;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B5E7E6;
	margin-bottom: 4px;
	letter-spacing: 2px;
}
.selection .selection_title {
	margin-bottom: 8px;
	background-image: url(../selection/images/3lines.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 6px;
}
.selection .selection_text {
	font-size: 12px;
	color: #333333;
	line-height: 1.5em;
	padding-right: 4px;
	padding-left: 4px;
}
 .selection .update {
	font-size: 10px;
	line-height: 1em;
	color: #FFFFFF;
	background-color: #7DCCCC;
	margin-top: 18px;
	width: 150px;
	padding: 3px;
 }
 
/************************************************************************/
/*ドリプランキングのページで使用しているクラス群*/

.ranking .ranking_title {
	font-size: 16px;
	color: #59C355;
	font-weight: bold;
	line-height: 1em;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #9BD179;
	background-image: url(../ranking/images/3lines.gif);
}
.ranking_title .ranking_spot {
	color: #666666;
	padding-right: 1em;
	background-color: #FFFFFF;
}
.ranking .update {
	font-size: 10px;
	line-height: 1em;
	color: #FFFFFF;
	background-color: #9BD179;
	padding-bottom: 2px;
}
.ranking .ranking_caption {
	font-size: 12px;
}
.ranking .ranking_item {
	margin-top: 12px;
	margin-bottom: 12px;
}
.ranking_item .rank_1 {
	font-size: 14px;
	font-weight: bold;
	color: #49885D;
	background-image: url(../ranking/images/rank_1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 72px;
}
.ranking_item .rank_2 {
	font-size: 14px;
	font-weight: bold;
	color: #49885D;
	background-image: url(../ranking/images/rank_2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 72px;
}
.ranking_item .rank_3 {
	font-size: 14px;
	font-weight: bold;
	color: #49885D;
	background-image: url(../ranking/images/rank_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 72px;
}
.ranking_item .rank_4 {
	font-size: 14px;
	font-weight: bold;
	color: #49885D;
	background-image: url(../ranking/images/rank_4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 72px;
}
.ranking_item .rank_5 {
	font-size: 14px;
	font-weight: bold;
	color: #49885D;
	background-image: url(../ranking/images/rank_5.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 72px;
}
.ranking_item .rank_info {
	font-size: 12px;
	color: #666666;
	padding-top: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #98D47A;
}
.ranking .ranking_backnumber {
	font-size: 12px;
	font-weight: normal;
	padding-left: 90px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	line-height: 1em;
	padding-top: 4px;
}

/************************************************************************/
/*SEASIDE LOCATIONのページで使用しているクラス群*/

.location .photo_caption {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../location/images/photo_caption.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 4px;
	padding-left: 10px;
}
.location .photo_info {
	font-size: 10px;
	color: #666666;
	line-height: 1.5em;
	margin-top: 4px;
	padding-left: 1em;
}

/************************************************************************/
/*1f〜3fディレクトリ下の各フロアページで使用しているクラス群*/

.floor .floor_caption {
	font-size: 12px;
	color: #666666;
	line-height: 1.5em;
	padding-left: 40px;

}
.floor_caption .floor_title {
	font-size: 24px;
	color: #469A9A;
	background-image : url(images/3lines.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	margin-bottom: 3px;
	line-height: 1.5em;
}

/************************************************************************/
/*募集のお知らせ（/invite/ディレクトリ下）のページで使用しているクラス群*/

.invite .invite_title {
	font-size: 24px;
	color: #469A9A;
	background-image : url(images/3lines.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	margin-bottom: 3px;
}
.invite .event_info {
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

}
.invite .event_title {
	font-size: 14px;
	color: #469A9A;
	padding-left: 8px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #469A9A;
	margin-bottom: 4px;
}
.invite .event_date {
	font-size: 12px;
	padding-left: 16px;
	color: #000000;
}
.invite .eventer{
	font-size: 10px;
	padding-left: 16px;
	margin-top: 8px;
}
.invite .event_discription {
	font-size: 10px;
	line-height: 1.5em;
	color: #666666;
	margin-top: 8px;
	margin-left: 8px;
	background-color: #E9F7F7;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 6px;
}

/************************************************************************/
/*お問い合わせのページの一番下のボタンを含むDIV*/
.mail .mail_navi {
	text-align: center;
	margin-top: 20px;
}

/************************************************************************/
/*イベントページ（/event/ディレクトリ下）で使用しているクラス群*/

.event .more_title {
	text-align: center;
	color: #4589CD;
	font-size: 24px;
	line-height: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-top: 3px double #54A0C8;
	border-bottom: 3px double #54A0C8;
	font-weight: bold;
}
.event .more_date {
	text-align: center;
	background-color: #4589CD;
	color: #FFFFFF;
	line-height: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
}
.event .more_copy {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
}
.event .more_item{
	margin-top: 12px;
	margin-bottom: 12px;
}
.event .more_item_name{
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	margin-bottom: 3px;
	font-size: 16px;
	color: #005D90;
	line-height: 1em;
}
.event .more_item_shop{
	padding-left: 10px;
	color: #000000;
	font-size: smaller;
	line-height: 1em;
}
.event .more_item_caption{
	padding-left: 10px;
	font-size: smaller;
	margin-top: 1em;
}
#topics .topics_title_img {

	padding-left: 8px;
	background-image: url(images/4dots.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	font-weight: bold;
}
.line_right {
	text-align: right;
}
.line_cent {
	text-align: center;
}
.color_red {
	color: #FF0000;
}
.color_enji {
	color: #CC0000;
}
.color_green {
	color: #006600;
}
.color_blue {
	color: #0000FF;
}
.color_navy {
	color: #003366;
}
.color_pink {
	color: #FF00FF;
}
.color_orange {
	color: #FF3300;
}


/** トップページに外枠を付ける 2008.12.29 **/
#rapper {
	margin:0 auto;
	padding:0;
	clear:both;
	width: 780px;
	background:#fff;
}
.newyear{
	background-image: url(images/season/shogatsu.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}