/*
Theme Name: MYLORD TOP
Theme URI: http://www.shinjuku-mylord.com/
Description: 新宿ミロード： トップページ
Version: 0.2
Author: ESUPPORT
Author URI: http://www.esupport.co.jp/
Tags: MYLORD
*/

@import url(common.css);


/* ---- ▼ TOP PAGE ---- */

div.menu_home dl.news dt, div.menu_home dl.update dt {
	font-family: helvetica;
}
div.menu_home div#pankuzu {
	display: none;
}

div.menu_home #sidebar li.link {
	display: block;
}
div.menu_home #sidebar li.credit {
	display: none;
}

div.menu_home #mainVisual {
	margin: 9px 0 20px 9px;
}

div.menu_home h3, div.menu_home h4 {
	overflow: hidden;
	height: 0;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_home h3 {
	margin-bottom: 8px;
	padding-top: 25px;
}
div.menu_home h4 {
	margin: 8px 0 4px;
	padding-top: 12px;
}
div.menu_home h3.news      { background-image: url(images/toppage/h_news.gif); }
div.menu_home h3.shopInfo  { background-image: url(images/toppage/h_shopinfo.gif); }
div.menu_home h3.officialblog  { background-image: url(images/toppage/h_officialblog.gif); }
div.menu_home h3.shopBlog  { background-image: url(images/toppage/h_shopblog.gif); }
div.menu_home h3.special   { background-image: url(images/toppage/h_special.gif); }
div.menu_home h4.shopBlog1 { background-image: url(images/toppage/h_shopblog1.gif); }
div.menu_home h4.shopBlog2 { background-image: url(images/toppage/h_shopblog2.gif); }

div.menu_home div.columnHalf ul li {
	overflow: hidden;
	zoom: 1;
	padding: 5px 0;
}
div.menu_home div.columnHalf ul li img {
	float: left;
	margin-right: 1em;
	border: solid 1px #FFF;
}
div.menu_home div.columnHalf ul li a:hover img {
	border: solid 1px #FE0000;
}
div.menu_home dl.ranking dd {
	margin-left: 3em;
}
div.menu_home dl.news dd {
	padding-left: 36px;
	background: left 2px no-repeat;
}
div.menu_home dl.news dd.info { background-image: url(images/toppage/news_info.gif); }
div.menu_home dl.news dd.shop { background-image: url(images/toppage/news_shop.gif); }
div.menu_home a.shopBlog {
	float: right;
	overflow: hidden;
	width: 69px;
	height: 0;
	padding-top: 23px;
	line-height: 200%;
	background: url(images/toppage/b_shopblog.gif) left top no-repeat;
}
div.menu_home a.shopBlog:hover { background-position: left -23px; }

div.menu_home div.special div.frame4 { padding-bottom: 0; }
div.menu_home div.spContent {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 20px;
}
div.menu_home div.spContent img.main {
	float: left;
	margin-right: 10px;
}
div.menu_home div.spContent img.title {
	display: block;
}
div.menu_home div.spContent p {
	margin: .5em 0;
}
div.menu_home div.spContent p.strong {
	margin-top: 1em;
	line-height: 150%;
	font-weight: bold;
	color: #FE0000;
}
div.menu_home div.spContent a:hover img {
	filter: alpha(opacity=80);
	opacity: .8;
}
div.menu_home div.spContent a.link {
	margin-top: 1em;
}

/* ---- ▼ ページ：見出し ---- */
div.menu_access h2.access, div.menu_page h2 {
	overflow: hidden;
	height: 0;
	margin-bottom: 16px;
	padding-top: 20px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_access h2.access	{ background-image: url(images/page/h_access.gif); }
div.menu_page h2.odakyu-card { background-image: url(images/page/h_odakyucard.gif); }
div.menu_page h2.recruit	{ background-image: url(images/page/h_recruit.gif); }
div.menu_page h2.links		{ background-image: url(images/page/h_links.gif); }
div.menu_page h2.about		{ background-image: url(images/page/h_about.gif); }
div.menu_page h2.contact	{ background-image: url(images/page/h_contact.gif); }
div.menu_page h2.sitemap	{ background-image: url(images/page/h_sitemap.gif); }
div.menu_page h2.faq		{ background-image: url(images/page/h_faq.gif); }
div.menu_page h2.terms		{ background-image: url(images/page/h_terms.gif); }
div.menu_page h2.policy		{ background-image: url(images/page/h_policy.gif); }

span.note {
	display: block;
	font-size: 90%;
	line-height: 150%;
}

/* ---- ▼ 交通アクセス ---- */
div.menu_access h2.access { margin-bottom: 0; }
div.menu_access div.access h3 {
	overflow: hidden;
	height: 0;
	margin: 16px 0 6px;
	padding-top: 25px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_access div.access h3.hs1 { background-image: url(images/page/access/hs_1.gif); margin-top: 0; }
div.menu_access div.access h3.hs2 { background-image: url(images/page/access/hs_2.gif); }
div.menu_access div.access h3.hs3 { background-image: url(images/page/access/hs_3.gif); }
div.menu_access div.access p, div.menu_access div.access ul, div.menu_access div.access dl {
	margin-left: 90px;
}
div.menu_access div.access div.download {
	text-align: right;
}
div.menu_access div.access img {
	display: block;
}
div.menu_access div.access div.photo {
	float: right;
	margin: 2px 0 1em 2em;
	text-align: right;
	font-size: 90%;
}
div.menu_access div.access div.photo img {
	display: block;
	margin-bottom: 4px;
}
div.menu_access div.access img.floor1 { margin: 2em 0 0 15px; }
div.menu_access div.access img.floor3 { margin: 0 0 20px 96px; }
div.menu_access div.access div.content {
	margin: 8px 0 20px 90px;
}
div.menu_access div.access div.columnHalf {
	float: left;
	width: 310px;
	margin-right: -310px;
}
div.menu_access div.access div.columnHalf p, div.menu_access div.access div.columnHalf dl {
	margin-left: 0;
}
div.menu_access div.access div.marginColHalf {
	float: none;
	margin-left: 330px;
	margin-left: expression('327px');
}
div.menu_access div.access dl {
	padding-top: .25em;
	border-top: solid 1px #FE8080;
}
div.menu_access div.access dt {
	width: 18.5em;
	margin-right: -18.5em;
}
div.menu_access div.access dd {
	margin-left: 0;
	padding-left: 18.5em;
	border-bottom: solid 1px #FE8080;
}
div.menu_access div.access img.parking1 { margin: 16px 0 0 90px; }
div.menu_access div.access img.parking2 { display: inline; margin: 0 40px 10px 40px; }
div.menu_access div.access img.parking3 { display: inline; margin: 0 40px 10px 0; }
div.menu_access div.access img.parking4 { display: inline; margin: 0 0 10px 0; }


/* ---- ▼ 他店舗情報 ---- */
div.menu_page div.links h3 {
	text-align: center;
}
div.menu_page div.links h3 a {
	text-decoration: none;
	color:#FE0000;
}
div.menu_page div.links h3 a:hover { text-decoration: underline; }
div.menu_page div.links a.logo {
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 70px;
	font-size: 0;
	line-height: 0;
	background: center center no-repeat;
}
div.menu_page div.links a.logo:hover {
	filter: alpha(opacity=80);
	opacity: .8;
}
div.menu_page div.links a.logo1 { background-image: url(images/page/links/logo_l_mylord.gif); }
div.menu_page div.links a.logo2 { background-image: url(images/page/links/logo_square.gif); }
div.menu_page div.links a.logo3 { background-image: url(images/page/links/logo_mylord.gif); }
div.menu_page div.links a.logo4 { background-image: url(images/page/links/logo_odakyu.gif); }
div.menu_page div.links a.logo5 { background-image: url(images/page/links/logo_corty.gif); }
div.menu_page div.links a.logo6 { background-image: url(images/page/links/logo_vinawalk.gif); }
div.menu_page div.links a.logo7 { background-image: url(images/page/links/logo_terrace_city.gif); }
div.menu_page div.links a.logo8 { background-image: url(images/page/links/logo_flags.gif); }
div.menu_page div.links a.logo9 { background-image: url(images/page/links/logo_odakyu-er.gif); }
div.menu_page div.links a.logo10 { background-image: url(images/page/links/logo_kyodo_corty.gif); }

div.menu_page div.links table {
	table-layout: fixed;
	margin-top: 20px;
	line-height: 175%;
}
div.menu_page div.links table td {
	width: 210px;
	vertical-align: top;
}
div.menu_page div.links table td.frame1 {
	padding: 10px 30px 10px 10px;
	background: url(images/page/links/frame1.gif) left top no-repeat;
}
div.menu_page div.links table td.noMargin {
	padding: 10px;
}
div.menu_page div.links table td.frame2 {
	height: 34px;
	font-size: 1px;
	background: url(images/page/links/frame2.gif) left top no-repeat;
}

div.menu_page div.links table td .attention {
	font-size:83%;
	line-height:100%;!important
}
/* ---- ▼ ミロードとは ---- */
div.menu_page div.about img.anniversary {
	display: block;
	margin: 0 auto 20px;
}
div.menu_page div.about h3 {
	overflow: hidden;
	height: 0;
	margin: 16px 0 6px;
	padding-top: 25px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_page div.about h3.hs1 { background-image: url(images/page/about/hs_1.gif); }
div.menu_page div.about h3.hs2 { background-image: url(images/page/about/hs_2.gif); }
div.menu_page div.about h4 {
	overflow: hidden;
	height: 0;
	margin: 16px 0 8px;
	padding-top: 12px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_page div.about h4.hs2_1 { background-image: url(images/page/about/hs_2_1.gif); }
div.menu_page div.about h4.hs2_2 { background-image: url(images/page/about/hs_2_2.gif); }
div.menu_page div.about div.content {
	overflow: hidden;
	zoom: 1;
	padding-left: 60px;
	line-height: 175%;
}
div.menu_page div.about img.photo {
	float: right;
	margin: 2px 0 .5em 2em;
}
div.menu_page div.about div.columnHalf {
	float: left;
	width: 325px;
	margin-top: 16px;
	margin-right: -325px;
}
div.menu_page div.about div.marginColHalf {
	float: none;
	margin-left: 345px;
	margin-left: expression('342px');
}
div.menu_page div.about div.columnHalf img { display: block; }
div.menu_page div.about div.columnHalf img.aRight { margin-left: auto; }
div.menu_page div.about dl dt {
	width: 4.5em;
	text-align: right;
}
div.menu_page div.about dl dd {
	margin-left: 5em;
}

/* ---- ▼ お問い合わせ ---- */
div.menu_page div.contact h3 {
	overflow: hidden;
	height: 0;
	margin: 16px 0 6px;
	padding-top: 25px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_page div.contact h3.hs1 { background-image: url(images/page/contact/hs_1.gif); }
div.menu_page div.contact h3.hs2 { background-image: url(images/page/contact/hs_2.gif); }
div.menu_page div.contact div.contact dl dt span {
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 12px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_page div.contact div.contact dl dt span.hs2_1 { background-image: url(images/page/contact/hs_2_1.gif); }
div.menu_page div.contact div.contact dl dt span.hs2_2 { background-image: url(images/page/contact/hs_2_2.gif); }
div.menu_page div.contact div.contact dl dt span.hs2_3 { background-image: url(images/page/contact/hs_2_3.gif); }
div.menu_page div.contact div.content {
	overflow: hidden;
	zoom: 1;
	padding-left: 60px;
	line-height: 175%;
}
div.menu_page div.contact div.content img {
	position: relative;
	top: .4em;
}
div.menu_page div.contact div.faq dl dt {
	float: none;
	margin: 0;
	padding: 1px 0 3px 19px;
	font-family: ;
	font-weight: bold;
	color: #FE0000;
	background: url(images/page/contact/hs_1_q.gif) left top no-repeat;
}
div.menu_page div.contact div.faq dl dd {
	margin: 0 0 1.5em;;
	padding: 1px 0 2px 19px;
	font-family: ;
	background: url(images/page/contact/hs_1_a.gif) left top no-repeat;
}
div.menu_page div.contact a.link {
	display: block;
	margin-top: .5em;
	font-size: 90%;
	text-decoration: none;
}
div.menu_page div.contact div.contact dl {
	margin-top: 1em;
}
div.menu_page div.contact div.contact dl dt {
	width: 160px;
	margin: 0 -160px 0 0;
}
div.menu_page div.contact div.contact dl dd {
	margin: 0 0 1em 170px;
}

/* ---- ▼ サイトマップ ---- */
div.menu_page div.sitemap dl dt {
	width: 190px;
	margin: 0 -190px 0 0;
	padding: 3px 10px 0 0;
	text-align: right;
}
div.menu_page div.sitemap dl dt a {
	font-weight: bold;
	text-decoration: none;
	color: #FE0000;
}
div.menu_page div.sitemap dl dd {
	margin: 0 0 1.5em;
	padding: 3px 0 2px 212px;
	border-bottom: solid 1px #D9BE97;
	background: url(images/page/sitemap/bg.gif) left top no-repeat;
}
/* ---- ▼ サイトのご利用について ---- */
div.menu_page div.terms h3 {
	overflow: hidden;
	height: 0;
	margin: 16px 0 4px;
	padding-top: 25px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_page div.terms h3.hs1 { background-image: url(images/page/terms/hs_1.gif); }
div.menu_page div.terms h3.hs2 { background-image: url(images/page/terms/hs_2.gif); }
div.menu_page div.terms h3.hs3 { background-image: url(images/page/terms/hs_3.gif); }
div.menu_page div.terms span {
	display: block;
	overflow: hidden;
	width: 130px;
	height: 0;
	padding-top: 14px;
	line-height: 200%;
	background: right 2px no-repeat;
}
div.menu_page div.terms span.hs1_1 { background-image: url(images/page/terms/hs_1_1.gif); }
div.menu_page div.terms span.hs1_2 { background-image: url(images/page/terms/hs_1_2.gif); }
div.menu_page div.terms span.hs1_3 { background-image: url(images/page/terms/hs_1_3.gif); }
div.menu_page div.terms span.hs1_4 { background-image: url(images/page/terms/hs_1_4.gif); }
div.menu_page div.terms span.hs1_5 { background-image: url(images/page/terms/hs_1_5.gif); }
div.menu_page div.terms span.hs2_1 { background-image: url(images/page/terms/hs_2_1.gif); }
div.menu_page div.terms span.hs2_2 { background-image: url(images/page/terms/hs_2_2.gif); }
div.menu_page div.terms span.hs2_3 { background-image: url(images/page/terms/hs_2_3.gif); }
div.menu_page div.terms span.hs2_4 { background-image: url(images/page/terms/hs_2_4.gif); }
div.menu_page div.terms div.content {
	overflow: hidden;
	zoom: 1;
	padding-left: 60px;
	line-height: 175%;
}
div.menu_page div.terms dl {
	margin-top: .5em;
}
div.menu_page div.terms dl dt {
	width: 130px;
	margin: 0 -130px 0 0;
}
div.menu_page div.terms dl dd {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 1em 150px;
}
div.menu_page div.terms div.badge {
	float: left;
	margin: .75em 20px 2px 0;
	text-align: center;
	font-size: 90%;
	line-height: 100%;
}
div.menu_page div.terms div.badge img {
	display: block;
	margin-bottom: 3px;
}
div.menu_page div.terms a {
	text-decoration: none;
}

/* ---- ▼ プライバシーポリシー ---- */
div.menu_page div.policy h3 {
	overflow: hidden;
	height: 0;
	margin: 16px 0 4px;
	padding-top: 25px;
	line-height: 200%;
	background: left top no-repeat;
}
div.menu_page div.policy h3.hs1 { background-image: url(images/page/policy/hs_1.gif); }
div.menu_page div.policy h3.hs2 { background-image: url(images/page/policy/hs_2.gif); }
div.menu_page div.policy h3.hs3 { background-image: url(images/page/policy/hs_3.gif); }
div.menu_page div.policy h3.hs4 { background-image: url(images/page/policy/hs_4.gif); }
div.menu_page div.policy h3.hs5 { background-image: url(images/page/policy/hs_5.gif); }
div.menu_page div.policy h3.hs6 { background-image: url(images/page/policy/hs_6.gif); }
div.menu_page div.policy h3.hs7 { background-image: url(images/page/policy/hs_7.gif); }
div.menu_page div.policy h3.hs8 { background-image: url(images/page/policy/hs_8.gif); }
div.menu_page div.policy h4 { margin-top: .5em; padding-left: 4em; }
div.menu_page div.policy ol li { list-style-type: none; }
div.menu_page div.policy ol ol li { list-style: decimal outside; }
div.menu_page div.policy ol li p { padding-left: 2em; }

/* ---- ▼ 小田急ポイントカード ---- */
div.menu_page h2.odakyu-card {
	margin-bottom: 10px;
}
div.menu_page div.odakyu-card img.lead {
	margin: 4px 0 20px;
}
div.menu_page div.odakyu-card div.content {
	margin: 0 90px;
	line-height: 175%;
}
div.menu_page div.odakyu-card h3 {
	margin-bottom: 10px;
}
div.menu_page div.odakyu-card div.point {
	width: 545px;
	margin: auto;
	margin-bottom: 10px;
}
div.menu_page div.odakyu-card div.point img {
	display: block;
	margin-bottom: 4px;
}
div.menu_page div.odakyu-card div.otoku {
	margin-top: -16px;
	margin-bottom: 22px;
}
div.menu_page div.odakyu-card div.otoku div.frame1 {
	margin: 6px 0;
}
div.menu_page div.odakyu-card strong {
	font-size: 120%;
	color: #003399;
}
div.menu_page div.odakyu-card div.otoku dt {
	width: 38px;
	margin-right: -38px;
}
div.menu_page div.odakyu-card div.otoku dd {
	margin-left: 38px;
	padding: 9px 0;
}
div.menu_page div.odakyu-card div.entry {
	margin-right: 0;
}
div.menu_page div.odakyu-card img.photo {
	float: right;
	margin: 2px 0 1em 2em;
	border: solid 1px #F0EADE;
}
div.menu_page div.odakyu-card ul li {
	padding: 0 0 1em 13px;
	background: url(images/common/parts/circle.gif) left .35em no-repeat;
}
div.menu_page div.odakyu-card ul li a.btn5 {
	margin-top: 1em;
	display: block;
	background: none;
	outline: none;
}

/* ---- ▼ ミロードで働きませんか ---- */
div.menu_page div.recruit h3 {
	margin: 30px 0 3px;
	padding-bottom: 6px;
	background: url(images/common/parts/line.gif) left bottom no-repeat;
}
div.menu_page div.recruit h3 a {
	font-size: 120%;
	text-decoration: none;
	color: #FE0000;
}
div.menu_page div.recruit p.date {
	margin-bottom: .5em;
	text-align: right;
}
div.menu_page div.recruit div.content {
	padding: 0 90px;
}
div.menu_page div.recruit dl.recruit {
	margin: 16px 40px 0;
	border-top: solid 1px #F0EADE;
}
div.menu_page div.recruit dl.recruit dt {
	float: left;
	width: 5em;
	margin-right: -5em;
	padding: 3px 0;
	text-align: right;
	font-weight: bold;
}
div.menu_page div.recruit dl.recruit dd {
	margin: 0;
	padding: 3px 0 3px 6.5em;
	border-bottom: solid 1px #F0EADE;
}


/* 
=========================================================
2012/02/01 追加
=========================================================
*/
a.shopBlog:hover {	background-position:left 0 !important;}
div.menu_home h3 {
	margin-bottom: 15px;
	padding-top: 31px;
}
#columnMain .newsArea {
	float:left;
	width:444px;
	overflow:hidden;
	margin-bottom:30px;
}
#columnMain .newsArea dl.news {
	padding-left:12px;
}
#columnMain .newsArea dl.news dt {
    float: left;
    margin-bottom: 10px;
    margin-right: -10em;
}
#columnMain .newsArea dl.news dd {
    margin-bottom: 10px;
    margin-left: 6.2em;
	padding-left: 42px;
}
div.menu_home h3.news {
	background-image: url(images/toppage/h3_news.gif);
}
div.menu_home h3.officialblog {
	background-image: url(images/toppage/h3_officialblog.gif);
}
div.menu_home h3.shopBlog {
	background-image: url(images/toppage/h3_shopblog.gif);
}
div.menu_home h3.special {
	background-image: url(images/toppage/h3_special.gif);
}

#columnMain .officialblogArea {
	float:right;
	width:268px;
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
}
div.menu_home a.officialblog {
	position:absolute;
	top:0;
	right:0;
	overflow: hidden;
	width: 78px;
	height: 0;
	padding-top: 22px;
	line-height: 200%;
	background: url(images/toppage/b_officialblog.gif) left top no-repeat;
}
div.menu_home ul.officialblog {
	margin-left:4px;
}
div.menu_home ul.officialblog  li {
	float:left;
	width:108px;
	background-color:#ededed;
	padding:8px;
	margin-left:8px;
	_margin-left:5px;
	min-height: 127px;  
	height: auto !important;  
	height: 127px; 

}
div.menu_home ul.officialblog  li img{
	display:block;
	margin:0 auto;
}
#columnMain .shopBlogArea {
	position:relative;
	overflow:hidden;
	margin-bottom:24px;
}
div.menu_home a.shopBlog {
	position:absolute;
	top:0;
	right:0;
	overflow: hidden;
	width: 78px;
	height: 0;
	padding-top: 22px;
	line-height: 200%;
	background: url(images/toppage/b_officialblog.gif) left top no-repeat;
}
/* slider
--------------------------------------------------------- */
.slideFrame {
	position: relative;
	padding: 0 42px;
	overflow: hidden;
	overflow-x: auto;
	width: 648px;
	height: 167px;
}

.slideGuide {
	width: 150%;
	height: 100%;
}

.slideCell {
	display: block;
	float: left;
	width: 148px;
	height: 169px;
	background: url(images/toppage/bg_slide_cell.gif) left top no-repeat;
	color: #333;
	position:relative;
}
.slideCell a {
	width:120px;
	padding:0 8px;
	display:block;
}
.slideCell.news span.shopDate {
	background: url(images/toppage/shop_news.gif) left top no-repeat;
	margin:8px 0 0 8px;
	padding-top:27px;
	display:block;
}
.slideCell.fair span.shopDate {
	background: url(images/toppage/shop_fair.gif) left top no-repeat;
	margin:8px 0 0 8px;
	padding-top:27px;
	display:block;
}
.slideCell.news span.shopNewMark {
	background: url(images/toppage/shop_newmark.gif) left top no-repeat;
	position:absolute;
	top:8px;
	left:67px;
	width:32px;
	overflow: hidden;
	height: 0;
	padding-top: 16px;
	line-height: 200%;
}
.slideCell.fair span.shopNewMark {
	background: url(images/toppage/shop_newmark.gif) left top no-repeat;
	position:absolute;
	top:8px;
	left:67px;
	width:32px;
	overflow: hidden;
	height: 0;
	padding-top: 16px;
	line-height: 200%;
}
.slideCell .imgArea {
	position:absolute;
	bottom:9px;
	left:8px;
	background-color:#fff;
}
.slideCell .imgArea .imgAreaInner {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	layout-grid-line:63px;
	width:120px;
	height:63px;
}
.slideCell .imgArea img {
	vertical-align:middle;
 }

/* controller */
.slideCtrl {
	position: absolute;
	top: 0;
	width: 42px;
	height: 167px;
	color: #fff;
	cursor: default;
}
.slideCtrl.left {
	left:0;
	_left:5px;
	background:url(images/toppage/bg_slider_arrow_l.gif) left top no-repeat;
	opacity: 1!important;
}
.slideCtrl.right {
	right:0;
	background:url(images/toppage/bg_slider_arrow_r.gif) left top no-repeat;
	opacity: 1!important;
}
/* クラス名変更
--------------------------------------------------------- */
.cell {
	display: block;
	float: left;
	margin-right: 5px;
	width: 200px;
	height: 100%;
	background: #FFF;
}

.controller {
	position: absolute;
	top: 0;
	width: 60px;
	height: 100%;
	padding-top: 40px;
	background: #676767 url(hatch.png);
	padding-top: 40px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	cursor: default;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	filter: alpha(opacity=80);
}

.controller.left { left: 0px; }
.controller.right { right: 0px; }