@charset "utf-8";
/* FIAL SALON CSS */

* { margin:0; padding:0;}
body  {
	font: 75%/160% Arial, Helvetica, sans-serif;
	background: #292F1B url(images/bg.jpg) repeat;
	margin: 0;
	padding: 0;
	color: #333;
	position:relative;
	min-height:100%;
	height:100%;
}
html { height:100%; }

h1, h2, h3, h4, h5, p, ul, ol, dl, li, dd, address, form, input { margin:0px; padding:0px; }
input, textarea {	font:75%/160% Arial, Helvetica, sans-serif; }
img {	border: none; vertical-align:top; }
li	{ list-style: none; }

/* link  */
a:link, 
a:visited { color:#3e260f; text-decoration:/*none*/underline;}
a:hover 	{ color:#FF9900; }

.clear { clear:both; font-size:0%; line-height:0%; }

/* clearfix ------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ----------------------------------------------------------------
   header 
------------------------------------------------------------------- */
#header {
	width:980px;
	height:162px;
	margin:0 auto;
	position:relative;
}

#header h1 {
	position:absolute;
	top: 17px;
	left: 29px;
} 
#top-txt {
	position:absolute;
	left: 257px;
	top: 17px;
}

/* searchform */ 
#searchform {
	background:url(images/search-box.gif) no-repeat left bottom;
	width:190px;
	height:32px;
	position: absolute;
	right:23px;
	top: 53px;
}
#searchform .textarea {
	display:block;
	width:120px;
	height:15px;
	background:#fff;
	border: none;
	position: absolute;
	font-size:12px;
	left:2px;
	top:15px;
}

#searchform .btn {
	width:55px;
	height:32px;
	cursor:pointer;
	display: block;
	position: relative;
	left:137px;
}

/* gloval-nav --------------------------------------*/ 

#global-nav {
	width:960px;
	height:75px;
	/*	background:url(images/bg-gnav.png) no-repeat center ; */
	position:absolute;
	bottom:0px;
	left:10px;
}
#global-nav ul{
	width:960px;
	height:75px;
}

#global-nav ul li { float:left; }
#global-nav ul li a { 
	display:block; 
	height:75px;
	text-indent:-999999px; 
	background-repeat:no-repeat; 
	background-position:left top; 
	overflow: hidden;
}

#global-nav ul li a.gnav-music_salon	{ width:204px; background:url(images/gnav-music.png); }
#global-nav ul li a.gnav-flower_salon	{ width:184px; background:url(images/gnav-flower.png); }
#global-nav ul li a.gnav-dance_school	{ width:184px; background:url(images/gnav-dance.png); }
#global-nav ul li a.gnav-access		{ width:184px; background:url(images/gnav-access.png); }
#global-nav ul li a.gnav-contact 		{ width:204px; background:url(images/gnav-contact.png); }


#global-nav ul li a:hover.gnav-music_salon
	{ width:204px; background:url(images/gnav-music.png) bottom; }
#global-nav ul li a:hover.gnav-flower_salon
	{ width:184px; background:url(images/gnav-flower.png) bottom; }
#global-nav ul li a:hover.gnav-dance_school
	{ width:184px; background:url(images/gnav-dance.png) bottom; }
#global-nav ul li a:hover.gnav-access
	{ width:184px; background:url(images/gnav-access.png) bottom; }
#global-nav ul li a:hover.gnav-contact
	{ width:204px; background:url(images/gnav-contact.png) bottom; }


/* ----------------------------------------------------------------
   footer 
------------------------------------------------------------------- */
#footer {
	width:980px;
	height:130px;
	margin:0 auto;
	background:url(images/bg-ftr.png) no-repeat center;
	clear:both;
	position:relative
}

p#footernav  {
	text-align:center;
	text-decoration:none;
	font-size:10px;
	position:relative;
	top:35px;
	color:#95a98e;
}
		p#footernav a { color:#95a98e; text-decoration:none;}
		p#footernav a:hover { text-decoration:underline;}

p#copy {
	text-align:center;
	letter-spacing:1px;
	font-size:10px;
	color:#e8a222;
	text-align:center;
	position: relative;
	top: 65px;
}


/* ----------------------------------------------------------------
   contents 
------------------------------------------------------------------- */
#container {
	position:relative;
	width: 980px;
	margin: 0 auto;
	background:url(images/bg-mdl.png) repeat-y center ;
} 

body#bg-map #container { background: #292F1B url(images/bg-mdl_map.png) repeat-y center; }

/* side1 
------------------------------------------------------------*/
#side1 {
	float:left;
	width:222px;
	display: inline; /* IE6 マージンが２倍になるバグを回避 */
}
#side1 h3 { margin-bottom:3px;}

#side1 div { padding-left:10px; margin-bottom:15px; }
#side1 div ul {	width:180px; margin-left:15px; }
#side1 div ul li {
	line-height:1.8em;
	background-position:0px 4px;
	border-bottom: #f3eaca 1px solid;
}
		#side-music li { background:url(images/icon-music.gif) no-repeat;}
		#side-flower li { background:url(images/icon-flower.gif) no-repeat;}
		#side-dance li { background:url(images/icon-dance.gif) no-repeat;}

#side1 div ul li a { margin-left:18px; display: inline-block;}


#school-area { }
#school-area h3 {
	height:33px;
	background:url(images/sttl-other.png) no-repeat;
	font-style:normal;
}
#school-area p { width:190px; margin-left:18px;}


/* side2
 ------------------------------------------------------------*/
#side2 {
	float:right;
	width:222px;
	display: inline; /* IE6 マージンが２倍になるのを回避 */
}

/* campaign ------------------------------------------*/
#camp { margin-bottom:10px;}
#camp div.cont { 
	width:190px; 
	margin-top:10px; 
	margin-left:10px;
	margin-bottom:5px;
	border-bottom:#f3eaca 1px solid;
}
#camp span.data { display:block; color:#999999; }
		/* #camp link  */
		#camp a:link, 
		#camp a:visited { color:#384622; text-decoration: underline;}
		#camp a:hover { color:#FF9900; text-decoration: underline;}



/* side-nav ------------------------------------------*/
#side-nav {
	background:url(images/bg-sidenav.png) no-repeat;
	margin-bottom:10px;
}
#side-nav h3 { font-weight:normal; font-size: small;}
#side-nav ul { width:180px; padding-top:5px; padding-bottom:5px; margin-left:15px; }
#side-nav li {
	line-height:2em;
	background:url(images/icon-subnav.gif) no-repeat;
	background-position:0px 4px;
	border-bottom: #f0d05f 1px solid;
}
#side-nav li a {
	margin-left:18px;
	display:inline-block;
	font-weight:bold;
}

		/* #side-nav link  */
		#side-nav a:link, 
		#side-nav a:visited { color:#384622; text-decoration:none;}
		#side-nav a:hover { color:#FF9900;}

/* #interview ------------------------------------------*/
#interview { margin-bottom:10px;}

/* #tagcloud ------------------------------------------*/
ul#tagcloud  {
	width:190px;
	margin:10px auto 10px 10px;
	line-height:1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
ul#tagcloud li {	
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%; /* ここで相対的に文字サイズを変更 */
}
ul#tagcloud li.level1 a {	font-size:150%; color:#424242; font-weight:bold; }
ul#tagcloud li.level2 a {	font-size:130%; color:#5e5e5e; font-weight:bold; }
ul#tagcloud li.level3 a {	font-size:120%; color:#7a7a7a; font-weight:bold; }
ul#tagcloud li.level4 a {	font-size:100%;	color:#979797;}
ul#tagcloud li.level5 a {	font-size: 85%;	color:#b3b3b3;}
ul#tagcloud li.level6 a {	font-size: 75%;	color:#cfcfcf;}

	ul.tagCloud li a {text-decoration: none;}
	ul.tagcloud li a:hover { color:#000;}


/* outlink ------------------------------------------*/
#outlink { background:url(images/bg-outlink.png) repeat-y; }

		#outlink p.top {
			 width:212px; 
			 height:5px; 
			 background:url(images/bg-outlink_top.png) no-repeat top;
		}
		#outlink p.btm {
			 width:212px; 
			 height:5px; 
			 background:url(images/bg-outlink_btm.png) no-repeat bottom;
		}

#outlink ul { 
	width:190px; 
	margin-left:5px; 
}
#outlink li {
	line-height:1.8em;
	background:url(images/icon-outlink.gif) no-repeat;
	background-position:0px 5px;
	border-bottom: #f0d05f 1px solid;

}
#outlink li a {
	margin-left:19px;
	display:inline-block;
}

		/* outlink link  */
		#outlink a:link, 
		#outlink a:visited { color:#384622; text-decoration:none;}
		#outlink a:hover { color:#FF9900;}


/* main 
------------------------------------------------------------*/
#mainContent {
	width:530px;
	margin:0 auto;
} 

body#bg-map #container #mainContent { width: 960px; }

#mainimg {
	width:530px;
	height:317px;
	background:url(images/mainimg.jpg) no-repeat;
	position:relative;
	top:-2px;
}


/* #cont-menu ----------------------------- */
#cont-menu { width:530px; height:170px;}
#cont-menu img { border:#50652f 3px solid; }
#cont-menu img.pic { border:none; vertical-align:baseline; width:13px; height:13px; margin-right:3px;}
#cont-menu select { width:160px;  margin-top:15px; margin-bottom:15px; font-size:11px;}

#cont-music  { width:160px; float:left; margin-top:10px; margin-left:13px; display:inline; }
#cont-flower { width:160px; float:left; margin-top:10px; margin-left:13px; display:inline; }
#cont-dance  { width:160px; float:left; margin-top:10px; margin-left:13px; display:inline; }
		#cont-menu a { text-decoration:underline;}
		#cont-menu a:hover {color:#FF9900;}
#flow-news { 
	min-height:150px; 
	height: auto !important; /* IE6　最小高さの指定 */
  height: 150px; /* IE6 最小高さの指定 */
}
#flow-news p { padding:10px;}

#news ul { width:520px; height:710px; overflow:auto; padding-left:10px;}
#news ul li { width:440px; line-height:1.8em; text-indent:-5em; padding-left:5em; list-style:none;}
#news ul li span { color:#336633;}
#news a:hover { text-decoration:underline; }
#news .news_excerpt { color: #333; margin-left: 10px; }


/* 最新ニュース流し読み
------------------------------------------------------------*/
#NewsTicker{
	background:#fff;
	width:530px;
	height:220px;
	min-height:150px;
}
#NewsTicker h1{
	padding:6px; margin:0; border:0;
	background:#dfe9d5;
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
	
#NewsVertical {
	width: 530px;
	height: 200px;
	display: block;
	overflow: hidden;
	position: relative;
}
#TickerVertical {
	width: 530px;
	height: 200px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#TickerVertical li {
	display: block;
	width: 518px;
	color: #333333;
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 6px;
	float: left;
}
#TickerVertical li .NewsTitle{
	display: block;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:6px;
}
		
#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited {
	display: block;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:6px;
	text-decoration:none;
}
#TickerVertical li .NewsTitle a:hover { text-decoration:underline; }

#TickerVertical li .NewsImg{
	float:left;
	margin-right:10px;
}

#TickerVertical li .NewsFooter{
	display: block;
	color: #000000;
	/*font-size: 10px;*/
	margin:6px 0 14px 0;
	clear: both;
}


/* サブページ-------------------------------------- */
.breadcrumbs { padding: 5px 0px 5px 15px; }

#mainContent .cat-ttl {
	width: /*520px*/ 510px;
	color: #353D0c;
	padding: 10px;
	background: url(images/tttl-sub.png);
	background-repeat: no-repeat;
	font-size:15px;
	letter-spacing:1px;
}

#mainContent .sub-ttl {
	width: 500px;
	margin: 10px 15px 0px 15px;
	border-bottom: 2px solid #ecd58b;
	color: #372509;
}

body#bg-map #container #mainContent .cat-ttl {
	width: 934px;
	color: #353D0c;
	margin: 10px 3px 10px 3px;
	background: url(images/tttl-sub.png);
	background-repeat: repeat-x;
}


#mainContent .sub-ttl .clef { font-size: 16px; padding: 0px 10px 10px 5px; color: #ca7a12; }

#mainContent #entry-content { width: 470px; margin: 10px 30px 0px 30px; }
#mainContent #entry-content .ent-ttl, 
body#bg-map #container #mainContent #entry-content .ent-ttl 
{ color: /*#ca7a12*/#3e260f;  font-size:1.2em; font-weight:bold;  margin: 20px 0px 10px 0px; }
#mainContent #entry-content .ent-ttl a { /*color:#ca7a12;*/ color: #3e260f; }
#mainContent #entry-content .ent-ttl a:hover { text-decoration:underline; color: #FF9900; }
#mainContent #entry-content .data { display:block; text-align:right; color:#666; letter-spacing:1px; border-bottom:#F3EACA 1px solid;}

body#bg-map #container #mainContent #entry-content .ent-ttl, 
#container #mainContent #entry-content .ent-ttl {
	padding-left:30px;
	background:url(images/icon-list.gif) no-repeat left 50%;
	border-bottom: #F3EACA 2px solid;
}

#mainContent #Ent-Body { margin-top: 10px; width: 470px; }
#mainContent #Ent-More { width: 470px; }
#mainContent #entry { width: 480px; margin:10px 25px 10px 25px; }
body#bg-map #container #mainContent #entry { width: 900px; margin:10px 30px 10px 30px; }

#mainContent .menu-table { text-align:center; }
#mainContent .menu-table  td { padding:10px 0;}
/* バナー */
#mainContent .bnr-table { width:500px; margin:10px auto; }
#mainContent .bnr-table td { text-align:center;}
#mainContent .cam_banner {margin:10px; text-align:center;}
#mainContent .cam_banner img{margin:auto 10px;}

/* コメント */
#mainContent div.bg-comment { background:url(images/line-comment.gif) repeat-x top; margin:0 10px;}
#mainContent div.comment { background:url(images/line-comment.gif) repeat-x bottom;}
#mainContent div.comment p { padding:20px 15px; color:#8d6842; }

/* テーブル */
#mainContent .entry-tbl { width:478px; margin:auto; border-collapse:collapse;}
#mainContent .entry-tbl th { background:#A2AF8B; padding:2px; text-align:left; border:1px solid #6F7C58;}
#mainContent .entry-tbl td { background:#FFF; padding:2px; border:1px solid #4F632E;}

#mainContent ul.entry-list { width:500px; margin:auto;}  
#mainContent ul.entry-list li { background:url(images/icon-circle.gif) no-repeat 15px 3px; }
#mainContent ul.entry-list a { margin-left:35px;}

/* ページトップ */
#mainContent .page-top { text-align: right; margin:5px 15px; }
#mainContent .page-top img { padding-right: 5px; vertical-align:middle; }
#mainContent .course-line { width:500px; margin:auto; border-top:1px solid #E9A72C;}

#mainContent #entry-content .ent-ttl a:hover { text-decoration:underline;}
#mainContent #entry-content .data { display:block; text-align:right; color:#666; letter-spacing:1px; border-bottom:#F3EACA 1px solid;}

body#bg-map #container #mainContent #entry-content { width: 900px; margin: 10px 30px 0px 30px; }

#mainContent #entry-content .page-top { text-align: right; margin-top:20px; }
#mainContent #entry-content .page-top img { padding-right: 5px; vertical-align:middle; }


/* サイトマップ ---------------------------------- */

#mainContent .sitemap ul.level1 { font-size:1.2em;}
#mainContent .sitemap ul.level2 { margin-left:30px;}
#mainContent .sitemap ul.level3 { margin-left:30px;}

#mainContent .sitemap ul.level1 li { font-weight:bold; }
#mainContent .sitemap ul.level2 li { font-weight:normal; list-style: circle;}
#mainContent .sitemap ul.level3 li { font-weight:normal; list-style: disc; }

#mainContent .sitemap ul.level1 li a { 
	display:block; 
	text-indent:30px;  
	padding:8px 5px; 
	border-bottom:#F3EACA 2px solid; 
	background:url(images/icon-list.gif) no-repeat left 50%;
}
#mainContent .sitemap ul.level2 li a { 
	padding:3px; 
	text-indent:0; 
	border-bottom:#F3EACA 2px dotted; 
	background:none;
}

/* キャンペーン ---------------------------------- */
#mainContent .camp .ent-ttl {
	padding-left:30px;
	background:url(images/icon-list.gif) no-repeat left 50%;
	border-bottom:#F3EACA 2px solid; 
}


/* 音楽・お花・ダンススクール ---------------------------------- */

/* コースタイトル */
#mainContent .course-ttl, body#bg-map #container #mainContent .course-ttl { 
	width:500px; 
	height:47px; 
	background:url(images/course-ttl.png) no-repeat; 
	margin:10px auto;
	position:relative;
	font-weight:bold; 
	font-size:14px;
}

body#bg-map #container #mainContent .course-ttl { 
	width:920px; 
}

#mainContent p.course-ttl a { 
	display:block; 
	font-weight:bold; 
	font-size:14px; 
	position: absolute; 
	left:20px; 
	top:20px;
}
#mainContent p.course-ttl span { 
	display:block; 
	font-weight:bold; 
	font-size:14px; 
	position: absolute; 
	left:20px; 
	top:20px;
}

/* コースリストのテーブル */
#mainContent .course-tbl { width:500px; margin:10px auto; border-collapse:collapse; background:url(images/course-mdl.png) repeat-y; }
#mainContent .course-tbl th { height:33px; background:url(images/course-hdr.png) no-repeat; color:#FFF; text-align:left; padding-left:40px; letter-spacing:2px}
#mainContent .course-tbl td { padding:5px 0 5px 15px; vertical-align:top;}
#mainContent .course-tbl td.last { height:15px; background:url(images/course-ftr.png) no-repeat; padding:0;}

#mainContent .course-tbl ul.music_salon li  { background:url(images/icon-music.gif) no-repeat 6px 3px; padding-left:30px; float: left; width: 205px; }
#mainContent .course-tbl ul.flower_salon li { background:url(images/icon-flower.gif) no-repeat 6px 3px; padding-left:30px; float: left; width: 205px; }
#mainContent .course-tbl ul.dance_school li  { background:url(images/icon-dance.gif) no-repeat 6px 3px; padding-left:30px; float: left; width: 205px; }

/* サイドメニューリスト  */
#mainContent div.sidemenu-list { width:470px; margin:0 auto 15px auto; }
#mainContent div.sidemenu-list a { background:url(images/icon-sidemenu-list.gif) no-repeat 0 50%; padding:5px 20px; text-decoration:underline; }

/* クレマ・リトルドリーマーリンク */
#mainContent div.link { width:500px; margin:10px auto; background:#eee; font-weight:bold; color:#8d6742; overflow:auto;}
#mainContent div.link img { float:right; margin:10px;}
#mainContent div.link p { margin-top:10px; margin-left:10px;}

/* サロンコンサート */
#mainContent #salon-concert ul { width:500px; height:140px; overflow:auto; margin:auto;}
#mainContent #salon-concert ul li { width:470px; line-height:1.8em;  list-style:none; clear:left;}
#mainContent #salon-concert ul li span {display: block; float:left; color:#336633;}
#mainContent #salon-concert ul li a { display: block; margin-left:6em;}
#mainContent #salon-concert a:hover { text-decoration:underline; }

/* レッスン概要 */
#mainContent .lesson-summary  { width:500px; margin:10px auto;}
#mainContent .lesson-summary p a { 
	display:block; 
	background:url(images/icon-circle.gif) no-repeat 0 50%; 
	padding-left:20px; 
	font-weight:bold;
	text-decoration:underline;
}
#mainContent .lesson-summary p span { display:block; margin-left:20px; margin-bottom:10px;}

/* コメントエリア */
#mainContent .comment-area { width:470px; margin:auto; padding:5px;}

/* 講師紹介 ---------------------------------- */
#mainContent .menu-table { width:500px; margin:auto; }

#mainContent .teacher-name { background:#596e3b; color:#FFF; font-weight:bold; padding:5px;}
#mainContent .teacher-pic { border:#efca4f 3px solid; }
#mainContent .teacher-table { width:500px; margin:10px auto;}
#mainContent .teacher-table td { padding:5px; vertical-align:top;}
#mainContent .teacher-table a { color: #FFFFFF;  text-decoration:none; }

/* お問い合わせ
------------------------------------------------------------- */
#mainContent .cont_table { border: 1px solid #ecd58b; border-collapse: collapse; }
#mainContent .cont_table th {
	width: 25%;
	padding: 5px;
	font-weight: normal;
	background: #FBF7E6;
	text-align: left;
	border: 1px solid #ecd58b;
	border-collapse: collapse;
}
#mainContent .cont_table td {
	border: 1px solid #ecd58b;
	border-collapse: collapse;
	width: 75%;
	padding: 5px;
}
#entry-content #cont-add {
	border: 1px solid #ecd58b;
	padding: 5px;
	width: 458px;
	margin-top: 10px;
}

#mainContent .contact .sub-ttl {
	padding-left:30px;
	background:url(images/icon-list.gif) no-repeat left 50%;
	border-bottom:#F3EACA 2px solid;
	width: 470px;
}

#mainContent .contact #entry-content .ent-ttl {
	padding-left:30px;
	background:url(images/icon-list.gif) no-repeat left 50%;
	border-bottom: none;
}

#entry-content.contact a:link,
#entry-content.contact a:visited { color: #333/*#FF9900*/; }

#entry-content.contact a:hover { color: #FF9900/*#FF6600*/; text-decoration: underline; }


/* メールフォーム
------------------------------------------------------------- */
#mail_form span { color:#FF3333; padding-left:5px; font-weight:bold; }
#mail_form label.error, label.error, .must { 
	color:#FF3333;
	padding-left: 5px;
} 
#mail_form {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#mail_form input[type="text"],
#mail_form textarea {width:95%; padding:3px; font-size:100%;}
#mail_form input[type="text"]#mail_age{width:40px;}

#mail_form table { margin-top: 5px; border: 1px solid #ecd58b; border-collapse: collapse; }

#mail_form th {
	width: 35%;
	font-weight: normal;
	text-align: right;
	padding: 5px 5px 5px 0px;
	background: #FBF7E6;
	border: 1px solid #ecd58b;
	border-collapse: collapse;
}

#mail_form td {
	width: 65%;
	padding: 5px 0px 5px 5px;
	border: 1px solid #ecd58b;
	border-collapse: collapse;
}


#mail_form .mail_small { font-weight: normal; font-size: 10px; color: #333; padding-left: 0px; }
#mainContent .must { font-size: 10px; text-align: right; color: #FF3333; margin-top: 10px; }

#mail_form .error, #mail_form .error_list { margin: 10px 0px 0px /*110px*/; color: #FF3333; }
#mail_form .error_list li { margin-bottom: 5px; }
#mail_form .error {font-weight: bold; }

#mail_form .btn { text-align: center; margin-top: 10px; font-size: 12px; }

#mail_form .btn input {padding:3px; font-size:100%;}

/* 検索結果 ------------------------------ */
#mainContent .search .ent-ttl {
	padding-left:30px;
	background:url(images/icon-list.gif) no-repeat left 50%;
	border-bottom:#F3EACA 2px solid; 
}
#mainContent .search .search-ent { margin-top: 10px; }


/* 共通 */
.center { text-align:center;}


/* Map */
div#mapcontainer{width:870px; margin:20px auto;}
div#wrapper-map{float:left;width:100%; /*background:orange;*/}
div#shibuyamap{margin: 0 155px; /*background:pink;*/ text-align:center;}
div#shibuyamap img.root1 {margin-bottom:20px;}
div#mapleft-photos{float:left;width:140px;margin-left:-100%; font-size:10px; /*background:green;*/}
div#mapright-photos{float:left;width:140px;margin-left:-140px; font-size:10px; /*background:yellow;*/}
div#mapclr{clear:left;width:100%;}

p.mapphoto-box{border:1px solid #E1D8BB; padding:5px; line-height:150%; background:#fff;font-size:10px; text-align:left;}

div#mapcontainer img {padding:2px;margin:2px;}
div#mapcontainer a img {background:#fff;border:1px solid #ccc;}
div#mapcontainer a:hover img {background:orange;border:1px solid #fff;}

#mainContent .maptable { width:90%; margin:10px auto; border-collapse:collapse;}
#mainContent .maptable th { background:#A2AF8B; padding:2px; text-align:left; border:1px solid #6F7C58;}
#mainContent .maptable td { background:#FFF; padding:2px; border:1px solid #4F632E;}


/* --------------------------------------
Omotesando_Map_Detail
-------------------------------------- */

#omotesando-map{width:900px; text-align:left;margin:0 auto; position:relative;}

#omotesando-map #map_detail{position:relative; display:block; margin:0;}

#omotesando-map #map_detail #access-txt{}
#omotesando-map #map_detail #access-txt td, #omotesando-map #map_detail #access-txt th{text-align:left; vertical-align:top;}

#omotesando-map #map_detail #access-txt p.ttl{border-bottom:1px dotted #000; font-weight:bold;  margin-right:10px;}
#omotesando-map #map_detail #access-txt span{margin-bottom:10px; margin-right:10px; display:block;}

#omotesando-map #map_detail #movie{
	width:364px;
	height:327px;
	background: url(images/map/mapmv_title.gif) no-repeat 0 0;
	float:right;
	display:block;
}

#omotesando-map #map_detail #movie div.inner {
background: url(images/map/mapmv_btm.gif) no-repeat left bottom;
padding-top:41px;
padding-left:21px;
}

#omotesando-map #map_detail #movie #youtube {
	display:block;
	padding:0 0 20px 0;
	margin:0;
}




#omotesando-map #photomap{position:relative;}
#omotesando-map #photomap img.detailmap{}
*html #omotesando-map #photomap #camera_icons{ position:absolute; top:0; left:0;} /* for ie6 */
#omotesando-map #photomap #camera_icons a img{position:absolute;cursor: pointer;}


#omotesando-map #photomap #photobox {}
#omotesando-map #photomap #photo-a{width:456px; height:75px; overflow:hidden; position:absolute; top:447px; left:0px;}
#omotesando-map #photomap #photo-b{margin-top:2px;}

#omotesando-map #photomap #photo-a a img,
#omotesando-map #photomap #photo-b a img{border:1px solid #ccc; padding:3px; margin-bottom:3px;margin-right:3px; background:#fff;display:block; float:left;}

#omotesando-map #photomap #photo-a a:hover img,
#omotesando-map #photomap #photo-b a:hover img{border:2px solid #FFA500; padding:2px;}


/* フォトギャラリー */
.photoG{margin:15px; text-align:center;}
.photoG .photoG-ttl { background:#596e3b; color:#FFF; font-weight:bold; padding:5px; text-align:left;}
.photoG table{margin:10px auto;}
.photoG td {font-size:80%; text-align:center;  width:119px;}
.photoG td img {border:1px solid #DA8A1B; padding:2px;}

/* genre 特徴から選ぶ*/
.genre {background:url(images/genre/genre-02.gif) repeat-y 0 0;}
.genre .genre-inner {padding:0 20px; text-align:center;}

.genre ul {margin:10px 30px; text-align:left:}
.genre ul li {background:url(images/icon-music.gif) no-repeat 0px 4px; text-align:left;text-indent:15px;}

.genreBox {margin:30px 0;}
.genreBox .items {border:1px solid #364521;}
.genreBox .items .items-inner{ padding:15px;}
.genreBox .items h4{background: url(images/genre/genre-05.png) no-repeat 10px center #364521; color:#fff; font-size:14px; font-weight:bold; padding:10px 15px 10px 35px;}
.genreBox .items .genreImg {float:left; margin:0 10px 10px 0; }
.genreBox .items-inner div.genreItem { 
	min-height:80px;
	height: auto !important;
	height: 80px;
} 

.genreBox .menuheaders {text-align:right;}
.genreBox .menucontents table {border-top:1px solid #b9b9b9; margin-top:15px;}
.genreBox .menucontents table td {border-bottom:1px solid #b9b9b9; text-align:left; vertical-align:top; padding:10px;}
.genreBox .menucontents table td a {color:#ef7b1b; font-weight:bold;}
.genreBox .menucontents table td ul {list-style:disc; padding-left:20px;}
.genreBox .menucontents table td ul li{ list-style:disc;}
.genreBox .menucontents table td ul li a {color:#30411e; font-weight:normal;}
.genreBox .menucontents table tr.otherzala td {border:none; background:#e5eac7;}

/*2016 06 add */
.cam_Ballon {position: fixed; top: 50px;right: 30px;width: 150px;height: 150px; z-index:200"}
.cam_nav{position:absolute; top:0; left:0; width:220px; height:52px;}