#content { margin-bottom:15px }
img { vertical-align:bottom }
#dfg .wrapper { background-color: #FFF; width: 704px; margin: 0 auto; }
h4 { background: #BFE48D url(img/df/shadow_bottom.gif) repeat-x left bottom; padding: 4px 4px 8px; margin-bottom: 5px; font-weight: bold; color: #000 }

/* ---　DESIGN FESTA PLANET 071029 tateya --- */
#planet .pagelink { text-align: right; margin-top: 5px }
#planet .mememe { float: left; width: 105px; margin-bottom: 10px }
#planet .mememe-text  { float: left; width: 595px; font-size: 12px; line-height: 1.6em; margin-top: 15px }
#planet .toptitle { margin-top: 10px }
#planet .title1 { margin-top: 3px }
#planet .title2 { margin-top: 15px }
#planet .text1 { margin: 10px 0 0 5px; font-size: 18px; font-weight: bold }
#planet .text1 p { margin-top: 10px; font-size: 12px; font-weight: normal; line-height: 1.5em }
#planet .text2 { float: left; width: 407px; margin-left: 5px; font-size: 18px; font-weight: bold; margin-top: 20px ; line-height: 1.2em } /* -- text2 left margin-top: 20px -- */
#planet .text2 p { font-size: 12px; font-weight: normal; margin: 10px 0; line-height: 1.7em } /* -- text2 margin: 10px 0; line-height: 1.7em -- */
#planet .text3 { float: left; width: 407px; margin-left: 5px; font-size: 18px; font-weight: bold; margin-top: 7px; line-height: 1.2em } /* -- text3 left margin-top: 10px -- */
#planet .text3 strong { float: left; width: 407px; font-size: 14px; font-weight: bold; margin: 10px 0 5px }
#planet .text3 p { font-size: 12px; font-weight: normal; margin: 5px 0; line-height: 1.4em } /* -- text3 margin: 5px 0; line-height: 1.5em -- */
#planet .text4 { float: left; width: 407px; margin-left: 5px; font-size: 18px; font-weight: bold; margin-top: 7px } /* -- text4 left margin-top: 10px -- */
#planet .text4 p { font-size: 12px; font-weight: normal; margin: 5px 0; line-height: 1.4em } /* -- text4 margin: 5px 0; line-height: 1.5em -- */
#planet .jp-theater { margin-left: 5px; margin-top: 7px } 
#planet .photo3 { float: left; width: 228px; margin: 10px 8px 10px 0 } /* -- 3photo 228*130 --  */
#planet .photo3 p { padding: 3px }
#planet .photo3-r { float: right; width: 228px; margin: 10px 0 }
#planet .photo3-r p { padding: 3px }
#planet .photo4 { float: left; width: 169px; margin: 10px 8px 16px 0 ; height:196px } /* -- 4photo 169*130 -- */
#planet .photo4 p { padding: 3px }
#planet .photo4-r { float: right; width: 169px; margin: 10px 0 }
#planet .photo4-r p { padding: 3px }
#planet .photo5 { float: left; width: 136px; margin: 10px 5px 3px 0 } /* -- 5photo 136*136 -- */
#planet .photo5 p { width: 132px; padding: 3px 2px; font-size: 10px }
#planet .photo5-r { float: left; width: 136px; margin: 10px 0 3px }
#planet .photo5-r p { width: 132px; padding: 3px 2px; font-size: 10px }
#planet .pic { float: right; width: 277px }
#planet .pic-text { margin: 5px 0 }
#planet .pic-left { float: left; width: 277px; margin-top: 10px }
#planet .blue { color: #000099; font-weight: bold }
#planet .red { color: #DD0000; font-weight: bold }
#planet .report { text-align: right; padding: 10px 3px 5px }
#planet .close { text-align: right; padding: 10px 3px 10px }
#planet .happi { background: #FED8E7; padding: 7px 0; height: 250px }
#planet .happi-title { float: left; margin: 0 10px; width: 260px }
#planet .happi-title-big { font-size: 14px; font-weight: bold; margin: 6px 0 }
#planet .happi-title-big p { font-size: 18px; font-weight: bold; margin-top: 10px }
#planet .happi-text { float: right; margin: 5px 15px 0 0; font-size: 10px; width: 395px }
#planet .idea { font-weight: bold }
#planet .apply { font-size: 16px; font-weight: bold; color: #D00; margin: 10px 0 7px }
#planet .theater { margin: 7px 5px ; font-size: 12px }

/* ----- sitemap ----- */
#sitemap a:link {color:#111}
#sitemap a:visited {color:#111}
#sitemap ul { margin: 2px 0 2px 5px; padding: 4px 10px 0px 4px; }
#sitemap .main { margin: 12px 4px 0px 4px; padding: 4px 0px 4px 8px ; letter-spacing: 0.1em; font-size:14px; font-weight:bold ; width:320px ; border:#168638 2px solid }
#sitemap { margin-top: 0 !important; }
#sitemap .left {  width:347px;float:left;}
#sitemap .right { width:347px; float:left; padding-left:3px}
#sitemap li { margin:0 12px 10px }
#sitemap .line li { display:inline ; margin:0px 4px 0px 10px }

/* ----- contact (ryo + lou 10月10日) ----- */
#contact .office .left {
	float:left;
	width:700px;
}
#contact .office .right {
	float:left;
	width:700px;
	margin-left:8px;
	margin: 20px 0px 0px 0px;
}
#contact small { font-size:9px !important }
#contact .office-info {
	padding:20px 0px 20px 50px;
	margin-bottom:5px;
	margin-top: 20px;
	width: 700px;
	height: 110px;
	background-image: url(../../submenu/contact/img/waku.gif);
	background-repeat: no-repeat;
}
#contact .office-info ul { margin-bottom:6px }



/*--- 追加---*/

#contact .office-info ul.off {
	margin:0px 160px 0px 0px;
	float:left;
}
#contact .office-info ul.gallery {
	margin:0px 0px 0px 0px;
	float:left;
}

/*--- 追加---*/



#contact .office-info li { margin-bottom:0px }
#contact img { margin:0px }
#contact li { margin-bottom:2px }
#contact .address { margin-top:6px !important }
#contact .how span { display:block ; margin: 3px 0px 4px ; padding-left: 8px; background: url(img/contact_marker.gif) no-repeat left center }
#contact .map-links { margin:0px 0 5px 0;}
.harajuku-map-english{
	height: 105px;
	margin-bottom: 0px;
	width: 207px;
	float: left;
}
.harajuku-map-english p{font-size: 11px; padding: 2px 7px;}
p.harajuku-map-header{
	height: 14px;
	background-color: #168638;
	background-image: url(../../submenu/contact/img/right-arrow.gif);
	background-repeat: no-repeat;
	background-position: 210px 2px;
	padding: 2px 5px;
	font-size: 11px;
	margin-bottom: 3px;
	width: 230px;
	float: left;
}
p.harajuku-map-header a:link,
p.harajuku-map-header a:active,
p.harajuku-map-header a:visited,
p.harajuku-map-header a{
	color: #fff;
	text-decoration: none;
}
p.harajuku-map-header a:hover{color:#A6D84A; text-decoration: none;}
li.contact-list-items a{ display: block; width:216px; height: 16px; background-image: url(../../submenu/contact/img/blue-right-arrow.gif); background-repeat: no-repeat; background-position: 210px 5px; border: 1px solid; padding: 3px 6px; }
li.contact-list-items a,
li.contact-list-items a:link,
li.contact-list-items a:active,
li.contact-list-items a:visited{
	color: #333;
	text-decoration: none;
}

li.contact-list-items a:hover{
	color: #0066FF;
}

/* ----- parking (ryo) ----- */
#contact .parking .left { float:left ; width:450px }
#contact .parking .right { float:left ; width:242px ; margin-left:8px }
#contact .parking p { margin-bottom:12px }
#contact .parking ul { margin-bottom:12px }

/* ----- staffwanted ----- */
#staffwanted .text-link { text-align: right; margin: 5px 0 15px }
#staffwanted .title { text-align: center; margin: 5px 0 }
#staffwanted .title p { font-size: 14px; line-height: 1.4em; margin: 10px; text-align: left; }
#staffwanted .recruitment h1 { text-align: center; font-size: 18px; margin: 20px 0 10px }
#staffwanted .recruitment dt { font-size: 14px; font-weight: bold }
#staffwanted .recruitment dd { margin: 5px 0 15px 15px }
#staffwanted .recruitment p { margin: 10px 0 }
#staffwanted .part-time { font-size: 21px; font-weight: bold; margin: 30px 0 10px }
#staffwanted .smalltitle { width: 700px; background: #222; color: #FFF; padding: 3px 0 3px 7px }
#staffwanted .staff { font-size: 14px; margin: 5px 0 }
#staffwanted .staff p { font-size: 12px; padding: 3px 0 3px ; margin-left:12px }

#pan { width: 692px; color:#000 ; margin-top: 1px; padding: 0px 4px 8px }
#pan .month01 { float: left; margin-bottom: 5px }
#pan .month { float: left; position: absolute; left: 300px }
#pan a, #pan em	{ color: #000 !important; }

/* ----- Art Piece (共通)----- */

#artpiece .sidebar { width: 690px; float: left; border-right:5px solid #f39800; border-left:5px solid #f39800;}
#artpiece .sidebar-yellow { width: 690px; float: left; border-right:5px solid #ffed00; border-left:5px solid #ffed00;}
#artpiece .sidebar-pink { width: 690px; float: left; border-right:5px solid #F51D63; border-left:5px solid #F51D63;}
#artpiece .sidebar-green { width: 690px; float: left; border-right:5px solid #66B822; border-left:5px solid #66B822;}

#artpiece {700px;}
#artpiece .tab {width: 700px; height:29px;}
#artpiece .tab ul { margin: 0 auto; width: 670px; }
#artpiece .tab li { float:left ; margin-right:4px ; margin-bottom:0px; }

/* ----- Art Piece (about)----- */

#artpiece .about, .artpiece-price { margin-bottom:20px; }
#artpiece .about, .artpiece-price, .choose { margin-left: 5px; }
#artpiece .sub-title { text-align:center; }
#artpiece .explain { font-size:16px ; line-height:20px ; margin:14px 0 10px 20px; width: 630px;}
#artpiece .explain li { list-style-type:disc ; margin-left:15px ; margin-bottom:4px }
#artpiece .artpiece-price ul{ font-size:20px ; line-height:26px ; font-weight:bold ; }
#artpiece .artpiece-price li { float:left ; width: 200px; margin-right: 10px; }
#artpiece .artpiece-price-en ul{ font-size:16px ; line-height:26px ; font-weight:bold ; }
#artpiece .artpiece-price-en li { float:left ; width: 200px; margin: 0 5px; }
#artpiece .choose .center { float:left ; margin:0px 6px; width: 345px; }
#artpiece .choose ul { margin:12px; width: 330px; }
#artpiece .choose li { list-style-type:disc ; margin-left:15px }

/*--- art piece (east & west)---*/
#artpiece #title-img {width: 441px; margin: 0 auto;}
#artpiece #title-enimg {width: 563px; margin: 0 auto;}
#artpiece #title-enimg02 {width: 563px; margin: 0; text-align:left;}
#artpiece .about {float: left; width: 680px;}
#artpiece .artpiece-price {float: left; width: 680px;}
#artpiece .choose {float: left; width: 680px;}
#artpiece .w-img{width: 155px; float: left;}
#artpiece .e-img{width: 155px; float: left; }

/*--- art piece (project)---*/
#artpiece .project { margin-left: 10px; }
#artpiece .project .left { float:left }
#artpiece .project .right { float:left ; margin-left:8px ; width:420px }
#artpiece .apply { margin:20px ; text-align:center }
#artpiece .to-top { margin-top:12px ; text-align:right }

#artpiece dl { float:left ; margin-top:8px ; margin-right:3px }
#artpiece dt { float:left ; border-top:1px solid #000 ; border-left:1px solid #000 }
#artpiece dd { float:left ; width:570px ; height:120px }
#artpiece dd .text { float:left ; width:250px; margin-left:4px ; margin-right:30px }
#artpiece dd .party { margin-top:6px }
#artpiece dd .right2 { float:left ; width:270px }
#artpiece dd .apply2 { text-align:right }
#artpiece .date { background:#000 ; color:#fff ; font-weight:bold ; padding:3px ; margin-bottom:3px ; width:570px }
#artpiece .title { font-weight:bold ; font-size:14px ; margin:3px 0px }

#artpiece .about-east {float: left; width: 680px; margin-left: 5px;}
#artpiece .about-west {float: left; width: 680px; margin-left: 5px;}
#about-l {width: 300px; float: left;}
#about-l p{width: 250px; margin-left: 20px; margin-top: 20px;}
#artpiece .application-e{float: left; padding: 0 0 0 50px; width: 630px;}
#artpiece .ap-diagrams{float: left; margin-left: 5px; margin-bottom: 10px;}
p#pointer {width: 670px; font-size: 18px; margin: 7px 0 7px 5px; float: left;}
p.marg-8 {margin: 5px; float: left; width: 100px}
#artpiece .special-piece {width: 220px; height: 140px; float: left; margin: 11px 1px; border: 1px solid #F39800;}
#extra-dimensions{ float: left; margin-left: 5px;}