/*CSS Document*/

/* ----- contact (ryo + lou$BBq(B$B@hWh10$Bkw(B ----- */
#contact .office .left { float:left ; width:450px }
#contact .office .right { float:left ; width:230px ; margin-left:8px }


#contact small { font-size:9px !important }
#contact .office-info { border:solid 1px #666 ; padding:6px 6px 0px ; margin-bottom:5px }
#contact .office-info ul { margin-bottom:6px }
#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: 100px; margin-bottom: 15px;}
.harajuku-map-english p{font-size: 11px; padding: 2px 7px;}
p.harajuku-map-header{height: 14px; background-color: #DD0000; 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;}
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:#FF8888; text-decoration: none;}
li.contact-list-items a{ display: block; width:216px; height: 16px; background-image: url(../../submenu/contact/img/red-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: #FF3333;
}


/* ----- contact (ryo) ----- */

#info .office .left { float:left ; width:450px }
#info .office .right { float:left ; width:230px ; margin-left:8px }
#info small { font-size:9px !important }
#info .office-info { border:solid 1px #666 ; padding:12px 6px 0px ; margin-bottom:10px }
#info .office-info ul { margin-bottom:12px }
#info .office-info li { margin-bottom:0px }

#info img { margin:0px }
#info h4 { font-weight: bold; color:#ffffff; font-size:14px; background:#800 url(img/df/shadow_bottom.gif) repeat-x left bottom; padding: 4px 4px 8px }
#info li { margin-bottom:2px }
#info .indent { margin-left:90px }
#info .title span { margin: 3px 25px 2px 0px; padding-left: 8px; letter-spacing: 0.25em; background: url(img/df/marker2.gif) no-repeat left center; font-size: 10px }
#info .map-links { margin:5px 0 10px 0;}

#info .parking .left { float:left ; width:450px }
#info .parking .right { float:left ; width:242px ; margin-left:8px }
#info .parking p { margin-bottom:12px }
#info .parking ul { margin-bottom:12px }

/* ----- info$BecTe&>eb(B$Bec$Bec6e&'ea$Bii4kR& ----- */
#info .tokyo { margin: 0px 4px 2px; padding-left: 8px; letter-spacing: 0.25em; background: url(img/df/marker2.gif) no-repeat left center; }
#info .address { background: #EEE; margin-bottom: 2px; padding: 4px 8px; position:relative }
#info .bigsight .left { float:left ; width:510px }
#info .menu { width:700px; height:80px; margin:0px; background: url(../jp/topics/info/img/title.jpg) no-repeat }
#info .menu dt { float:left; display:inline; padding-left:140px; padding-top:12px; padding-bottom:5px }
#info .menu dd { float:left; display:inline; padding-left:50px; padding-top:12px; padding-bottom:5px }
#info .menu a { color:#000000 }
#info .menu a:hover { text-decoration: none; color:#F00 }

/* ----- staffwanted ----- */
#staffwanted .left { float: left; width: 175px; margin: 0px; }
#staffwanted .right { float: left; width: 525px; margin: 0px; }
#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; color:#FF0000; font-weight: bold; margin: 30px 0 10px }
#staffwanted .smalltitle { width: 510px; background: #222; color: #FFF; padding: 3px 0px 3px 7px }
#staffwanted .staff { font-size: 14px; margin: 5px 0 }
#staffwanted .staff p { font-size: 12px; padding: 3px 0 3px ; margin-left: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:#DD0000 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 5px }

#harajuku #map p { margin:0px; padding:0px; float:left }
#harajuku #left .right { width:200px}
#harajuku h1 { font-weight: bold; color:#ffffff; font-size:14px; background:#800 url(img/df/shadow_bottom.gif) repeat-x left bottom; padding: 4px 4px 8px }

.home { width:560px ; text-align:right ; font:10px ; margin-top:-10px }

/* ----- privacy ----- */
#privacy .title { font-size:18px ; font-weight:bold ; margin:12px 0 18px }
#privacy .subtitle { font-weight:bold ; margin:12px 0px 6px ; width: 700px; background: #D3D3D3; color: #000; padding: 3px 0 3px 7px }
#privacy .contact { font-size:14px ; font-weight:bold ;margin-top:18px  ; margin-bottom:0px }
#privacy .toiawase{  margin:5px 0 5px }

.recruitment .sameji { text-align:center; vertical-align:middle;}