/*baba*/


@charset "utf-8";


/*
YUI 3.4.0 (build 3928)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}


/*---------------------------------------------------------------------------------
typo seting*/

p{
font-size: 13px;
line-height: 22px;
font-weight: normal;
margin: 0 0 15px 0;
font-weight: normal;
}

.large{
font-size: 24px;
line-height: 36px;
font-weight: bold;
letter-spacing: 0.01em;
margin: 0 0 5px 0;
/*text-shadow: -1px -1px 0px #EEE, 1px 1px 0px #DEDEDE;*/
}


.mid{
font-size: 18px;
line-height: 29px;
font-weight: normal;
letter-spacing: 0.01em;
}


.basic{
font-size: 13px;
line-height: 22px;
font-weight: normal;
}


.small{
font-size: 11px;
font-weight: normal;
}


.emp{
font-weight: bold;
letter-spacing: 0.01em;
}

ul{
font-size: 13px;
line-height: 22px;
margin: 0 0 15px 0;
}


a,
a:visited{
color: #990000;
text-decoration: none;
}

a:hover,
.selected a{
color: #333333;
text-decoration: none;
}

.red{
color: #990000;
}

.dred{
color: #000000;
}


.slant{
font-style: italic;
}

.sbs{
display: inline-block;
width: 300px;
}

dl {
	margin: 0 0 0 50px;
	padding: 0;
	width: 350px;
}
dl dt {
	float: left;
	width: 250px;
	padding: 0 0 6px 0;
}

dl dd {
	padding: 0 0 6px 250px;
	text-align: right;
	margin: 0 25px 0 0;
}


.accessinfo dl {
	padding: 0;
	margin: 0 0 15px 0;
	width: 400px;
}

.accessinfo dl dt {
	float: left;
	width: 150px;
	padding: 0 0 12px 0;
}

.accessinfo dl dd {
	padding: 0 0 12px 100px;
	text-align: left;
	margin: 0 25px 0 0;
}


.reservation .right-column dl {
	padding: 0;
	margin: 0 0 0px 50px;
	width: 350px;
}

.reservation .right-column dl dt {
	float: left;
	width: 110px;
	text-align: left;
	padding: 0 0 12px 0;
}

.reservation .right-column dl dd {
	padding: 0 0 12px 100px;
	text-align: left;
	margin: 0 25px 0 0;
}


.reservation input {
width: 150px;
margin: 0 5px 0 50px;
}

.wpcf7-not-valid-tip-no-ajax{
color:#8D0000;
text-align: left;
}

.wpcf7-mail-sent-ok{
width: 350px;
padding:15px 0 30px 50px;
}

.wpcf7-submit{
text-align: center;
}

/*--------------------------------------------------------------------------------
basic layout*/

html, body {
height: 100%;
font-family:helvetica,arial,sans-serif;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.01em;
color: #333333;
text-align:justify;
text-justify: inter-ideograph;
background: url("./../../common/imgs/bg.jpg");
}

#wrapper {
width:100%;
margin: 0 auto;
min-height: 100%;
_height: 100%;
position: relative;
}

#container{
width:100%;
overflow: auto;
}

#main{
width: 960px;
padding: 0 0 1px 0;
margin: 30px auto 35px auto;
height: auto;
}

#header-bar{
border-bottom:3px solid #AA0000;
height: 12px;
width:100%;
background: #FFF;
}



#footer{
height: 35px;
width: 100%;
margin-top: -35px;
}


.footer-copy{
height: 20px;
line-height: 15px;
width: 960px;
margin: 0 auto;
overflow: hidden;
text-align: right;
}

.footer-bar{
border-top:3px solid #AA0000;
height: 12px;
width:100%;
background: #FFF;
padding: 0;
}

.m-bottom{
margin: 0 0 30px 0;
}

.m-bottom-h{
margin: 0 0 15px 0;
}

.m-bottom-l{
margin: 0 0 5px 0;
}


.m-bottom-n{
margin: 0;
}

.m-cloumn{
clear: both;
border-bottom: 1px solid #FFF;
width: 800px;
height: auto;
overflow: auto;
margin: 0 0 30px 0;
}

/*
home
*/

/*
#home{
background: url("/imgs/top.jpg") no-repeat  0 top;
background-size: cover;
}*/



/*
#news{
width: 800px;
}

/*
#news_title{
display: block;
width: 70px;
height: 35px;
background: url("/wp-content/themes/baba201410/common/imgs/news.png") no-repeat;
}*/



.news_content{
width: 800px;
margin: 0 auto;
padding: 30px 0 0 0;
}

.news_content .rights{
width: 302px;
float: right;
}

.news_content .right img{
border: 1px solid #AAAAAA;
}

.news_content .lefts{
width: 460px;
float: left;
}


#in-news{
display: none;
width: 100%;
height: 360px;
background: url("./../../common/imgs/news-bg.png") repeat;
color: #FFF;
overflow: auto;
}

#in-news .rights img{
width: 300px;
height: auto;
}

/*--------------------------------------------------------------------------------
inside layout*/

.sentence{
padding: 0 0 30px 0;
overflow: auto;
}



/*---------------------------------------------------------------------------------
menu*/

#menu{
width:100%;
height:110px;
background: url(./../../common/imgs/menu-bg.jpg) repeat-x;
overflow: visible;
margin: -15px 0 0 0;
border-bottom: 1px solid #888;
z-index:9999;
}

#menu-outer{
width: 1000px;
height: 110px;
margin: 0 auto;
overflow: visible;
position: relative;
}


#menu-inner{
width: 960px;
height: 110px;
margin: 0 auto;
overflow: visible;
position: relative;
}

#logo a{
position: absolute;
left: 30px;
bottom: 0px;
display: block;
width: 100px;
height: 150px;
background: url("./../../common/imgs/logo.png") no-repeat;
z-index:999;
}



/*---------------------------------------
menuinfo*/

#menuinfo{
width: 760px;
height: 40px;
position: absolute;
left: 200px;
top: 15px;
}

#menuinfo p.tel{
display: block;
width: 150px;
float: left;
color:#000;
font-size:14px;
letter-spacing:0.05em;
}

#menuinfo p.time{
display: block;
width: 410px;
float: left;
color:#000;
font-size:14px;
letter-spacing:0.05em;
}

#menuinfo p.link{
display: block;
width: 200px;
float: right;
}

#menuinfo a {
color: #FFFFFF;
margin: 0;
padding: 0;
}

#menuinfo a:hover {
color: #000000;
}


/*---------------------------------------
menulist*/

#menulist{
width: 700px;
height: 30px;
position: absolute;
left: 200px;
bottom: 16px;
}

#menulist ul{
display: block;
height:30px;
width:700px;
}

ul.menu li{
height: 30px;
float: left;
}

ul.menu li a{
display: block;
}

ul.menu li a.menu{
width: 70px;
height: 30px;
background: url("./../../common/imgs/menu.png") 0 0;
margin: 0 20px 0 0;
}

ul.menu li a.menu:hover,
ul.menu li.selected a.menu{
background: url("./../../common/imgs/menu.png") 0 -30px;
}


ul.menu li a.floor{
width: 82px;
height: 30px;
background: url("./../../common/imgs/menu.png") -100px 0;
margin: 0 20px 0 0;
}

ul.menu li a.floor:hover,
ul.menu li.selected a.floor{
background: url("./../../common/imgs/menu.png") -100px -30px;
}


ul.menu li a.wedding{
width: 113px;
height: 30px;
background: url("./../../common/imgs/menu.png") no-repeat -212px 0;
margin: 0 20px 0 0;
}

ul.menu li a.wedding:hover,
ul.menu li.selected a.wedding{
background: url("./../../common/imgs/menu.png") no-repeat -212px -30px;
}


ul.menu li a.jazz{
width: 67px;
height: 30px;
background: url("./../../common/imgs/menu.png") -355px 0;
margin: 0 20px 0 0;
}

ul.menu li a.jazz:hover,
ul.menu li.selected a.jazz{
background: url("./../../common/imgs/menu.png") -355px -30px;
}


ul.menu li a.reservation{
width: 118px;
height: 30px;
background: url("./../../common/imgs/menu.png") -452px 0;
margin: 0 20px 0 0;
}

ul.menu li a.reservation:hover,
ul.menu li.selected a.reservation{
background: url("./../../common/imgs/menu.png") -452px -30px;
}

ul.menu li a.access{
width: 100px;
height: 30px;
background: url("./../../common/imgs/menu.png") -600px 0;
margin: 0 0 0 0;
}

ul.menu li a.access:hover,
ul.menu li.selected a.access{
background: url("./../../common/imgs/menu.png") -600px -30px;
}



/*---------------------------------------------------------------------------------
slide*/
#maincontent {
	background: #111111;
	height: 360px;
	overflow: hidden;
	position: relative;
	z-index:1;
}
#maincontent div.pict {
	cursor: default !important;
	z-index:1;
	height: 360px;
	width: 560px;
}

#maincontent div.main {
	position: static;
	text-align: center;
	display: block;
	z-index:1;
}
#maincontent .element {
	display: none;
	position: absolute !important;
	background: #000;
	z-index:1;
}

#main-arrow{
width: 560px;
height: 360px;
margin: 0 auto;
position: relative;
}

#main-arrow .left {
	top :162px;
	left: -18px;
	cursor: pointer;
	background: transparent;
}
#main-arrow .right {
	top: 162px;
	right: -18px;
	cursor: pointer;
	background: transparent;
}


/*---------------------------------------------------------------------------------
main*/


.inner{

}

.article{
width: 918px;
padding: 0 25px;
margin: 0 0 30px 0;
}


.article2{
width: 1000px;
margin: 0 0 30px -30px;
}

.article .right-column{
width: 300px;
float:right;
}

.article .left-column{
width: 580px;
float:left;
}


.inner-whitebg{
width: 918px;
padding: 25px 25px 10px 25px;
margin: 0 0 30px 0;
background: url("./../../common/imgs/inner-bgwhite.png") repeat;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
/*behavior: url(http://test-td.cafecottonclub.com/common/css/border-radius.htc);*/
border: 1px solid #EAEAEA;
}



.double-division{	
width: 449px;
position: relative;
}

.double-division .rr{
width: 200px;
float: right;
}

.double-division .ll{
width: 249px;
float:left;
}



.double-division dl{
	padding: 0;
	margin: 0;
	width: 400px;
}

.double-division dl dt {
	float: left;
	width: 320px;
	padding: 0 0 0 0;
	margin: 0;
}

.double-division dl dd {
	padding: 0 0 0 320px;
	text-align: left;
	margin: 0 0 0 0;
}




.double-division dl.dolce-dl {
	padding: 0;
	margin: 0;
	width: 300px;
}

.double-division  dl.dolce-dl dt {
	float: left;
	width: 220px;
	padding: 0 0 0 0;
	margin: 0;
}

.double-division  dl.dolce-dl dd {
	padding: 0 0 0 220px;
	text-align: left;
	margin: 0 0 0 0;
}


#menu-frame{
	height: 15px;
	width: 100%;
	background: url("./../../imgs/menu/menu-frame.png") repeat;
	margin-bottom:15px;
}



.inner-whitebg-h{
width: 418px;
padding: 25px 25px 10px 25px;
margin: 0 0 30px 0;
background: url("./../../common/imgs/inner-bgwhite.png") repeat;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
/*behavior: url(http://test-td.cafecottonclub.com/common/css/border-radius.htc);*/
border: 1px solid #EAEAEA;
}

.inner-whitebg .right-column{
width: 300px;
float:right;

}

.inner-whitebg .left-column{
width: 580px;
float:left;
height:auto;
}


.inner-h{
width: 470px;
margin: 0 0 0 30px;
float: left;
}

.frame{
background: url("./../../common/imgs/frame.png") no-repeat;
width: 442px;
height: 25px;
margin: -15px 0 5px -12px;
}


.frame2{
background: url("./../../common/imgs/frame2.png") no-repeat;
width: 442px;
height: 25px;
margin: 0 0 0px -12px;
}


.frame3{
background: url("./../../common/imgs/frame3.png") no-repeat;
width: 942px;
height: 25px;
margin: -15px 0 10px -12px;
}

.frame4{
background: url("./../../common/imgs/frame4.png") no-repeat;
width: 942px;
height: 25px;
margin: 10px 0 0 -12px;
}



/*---------------------------------------------------------------------------------
food*/


.food-head{
background: url("./../../imgs/menu/food-head.jpg") no-repeat 0 0;
background-size: cover;
}


/*---------------------------------------------------------------------------------
floor*/


.floor-head{
background: url("./../../imgs/floor/floor-head.jpg") no-repeat 0 0;
background-size: cover;
}


/*---------------------------------------------------------------------------------
access*/


#head-img{
width: 100%;
height: 360px;
}

#home #head-img{
background: url("./../../imgs/top.jpg") no-repeat  0 top;
background-size: cover;
}



.access-head{
background: url("./../../imgs/access/access-head.jpg") no-repeat 0 0;
background-size: cover;
}


.reserve-head{
background: url("./../../imgs/reservation/reserve-head.jpg") no-repeat 0 0;
background-size: cover;
}


/*---------------------------------------------------------------------------------
party*/
.party-title{
width: 800px;
height: 120px;
margin: 0 0 15px 0;
background: url("./../../imgs/party/party.png") no-repeat  0 top;
}

.party-info ul,
.party-info p{
	margin: 0 0 0 50px;
	padding: 0;
	width: 350px;
}




.course{
background: url("./../../imgs/party/bg/course.png") no-repeat  0 top;
}

.course-drink{
background: url("./../../imgs/party/bg/course-drink.png") no-repeat  0 top;
}


.rental{
background: url("./../../imgs/party/bg/rental.png") no-repeat  0 top;
}

/*---------------------------------------------------------------------------------
reservation*/
.reservation-title{
width: 400px;
height: 80px;
margin: 0 0 15px 0;
background: url("./../../imgs/reservation/reservation.png") no-repeat  0 top;
}


textarea {
width: 300px;
margin: 0 0 0 0px;
}

input {
width: 200px;
margin: 0 0 0 50px;
}


.wpcf7-list-item{
padding: 0 40px 0 0;

}

.wpcf7-list-item input {
width: 10px;
}


.reservation .right-column p{
margin: 0 0 6px 0;
}

.reservation .right-column p{
margin: 0 0 6px 50px;
}


.reservation .right-column ul{
width: 350px;
margin: 0 0 0 50px;
color: #850000;
}

/*---------------------------------------------------------------------------------
floor*/



#floor-img{
width: 100%;
height: 360px;
display: none;
}


.floorImg{
border-bottom: 1px solid #ddb690;
border-top: 1px solid #f7f3ed;
}


#floor3{
	border-top: none;
}

#main .floorImg:last-child{
	border-bottom: none;
}



.floorImg__head{
	width: 920px;
	height: 80px;
	margin: 0 auto;	
}

.floorImg__head__name{
	width: 160px;
	height: 80px;
	float: left;
}

#floor3 .floorImg__head__name{
background: url("./../../imgs/floor/3rd.png") no-repeat  0 top;
}


#floor2 .floorImg__head__name{
background: url("./../../imgs/floor/2nd.png") no-repeat  0 top;
}

#floor1 .floorImg__head__name{
background: url("./../../imgs/floor/1st.png") no-repeat  0 top;
}

#floorB1 .floorImg__head__name{
	width: 220px;
	background: url("./../../imgs/floor/b1.png") no-repeat  0 top;
}


.floorImg__head__imgSelector{
	float: right;
}

.floorImg__head__imgSelector li{
	float:left;
}

.floorImg__head__imgSelector img{
	width: 120px;
	height: 60px;
	margin: 10px 0 10px 20px;
	cursor: pointer;
}

.floorImg__head__imgSelector img:hover{
	opacity: 0.7;
}

.floorImg__img{
	position: relative;
	width: 920px;
	height: 360px;
	overflow: hidden;
}

.floorImg__img img{
	width: 920px;
	height: 360px;
	position: absolute;
	left:0;
	top:0;
}


.floorImg{
	height: 465px;
	width: 920px;
	padding: 50px 20px 60px 20px;			
}

.floorImg__head__imgSelector img{
}



/*^---------------------------------------------------------------------------------------*/

#subnav{
width: 100%;
margin:0 0 30px 0;
z-index: 9999;
}


#subnav .inner{
width: 960px;
margin: 0 auto;
padding: 30px 0;
overflow: visible;
}


.fb-like-box{
float: left;
}

#news-thum{
float: right;
padding: 0 0 60px 0;
width: 875px;
}


#news-thum li{
width: 160px;
height: 80px;
margin: 0 15px 45px 0;
float: right;
border: 1px solid #AAA;
cursor: pointer;
overflow: visible;
}

#floor-thum li img{
width: 80px;
height: auto;
}


#floor-thum li.selected,
#news-thum li.selected{
border: 1px solid #AA0000;
}




/*---------------------------------------------------------------------------------
jazz*/

.jazz-title{
width: 400px;
height: 80px;
margin: 0 0 15px 0;
background: url("./../../imgs/jazz/jazz.png") no-repeat  0 top;
}

#in-jazz{
width: 100%;
height: 360px;
background: url("./../../common/imgs/news-bg.png") repeat;
color: #FFF;
overflow: auto;
}


#tempo-table-caption{
width: 968px;
/*background: url("/wp-content/themes/shinbashi201207/common/imgs/inner-bgwhite.png") repeat;*/
background: #f1f1f1;
color: #000;
}


.jazz-head{
background: url("./../../imgs/jazz/jazz-head.jpg") no-repeat 0 0;
background-size: cover;
}

.jazzinfo{
margin: 0 0 30px 0;
padding: 0;
}


/*jazz table*/

.prevmanth,
.nextmanth{
cursor: pointer;
}

#tempo-table{
width: 968px;
background: #AA0000;
color: #FFF;
font-weight: bold;
line-height: 20px;

-moz-top-right-radius: 20px;
-webkit-top-right-radius: 20px;
border-top-right-radius: 20px;

-moz-top-left-radius: 20px;
-webkit-top-left-radius: 20px;
border-top-left-radius: 20px;
}


.fixed{
position: fixed;
top: 0;
background: #AA0000;
}


#main-table{
/*background: url("/wp-content/themes/baba201410/common/imgs/inner-bgwhite.png") repeat;*/
background: #FFF;
width: 968px;
line-height: 18px;
}

#last-table{
width: 968px;
height: 40px;
background: #AA0000;
/*background: url("/wp-content/themes/baba201410/common/imgs/inner-bgwhite.png") repeat;*/
-moz-bottom-right-radius: 20px;
-webkit-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;

-moz-bottom-left-radius: 20px;
-webkit-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;
margin: -1px 0 30px 0;
}



.jazz table td{
text-align: left;
vertical-align: top;
}

.jazz table tr{
width:968px;
padding: 15px 0 15px 0;

}

.jazz #main-table tr td{
width: 249px;
padding: 5px 15px;
border-left:2px solid #222;
}

.jazz #tempo-table tr td,
.jazz #tempo-table-caption tr td{
width: 249px;
padding: 15px 15px;
border-left:2px solid #222;
}


.jazz #main-table tr td.calday,
.jazz #tempo-table tr td.calday,
.jazz #tempo-table-caption  tr td.calday{
width: 97px;
padding: 5px 15px;
border:none;
}



tr.odd{
	background: transparent;
	border-bottom:1px solid #333;
}

tr.even{
	background: transparent;
	border-bottom:1px solid #333;
}



td.sun{
background:#FFC7C7;
border: none;
}

td.sat{
background:#A8E7F7;
border: none;
}

#in-jazz .rights img{
width: 300px;
height: auto;
}


/*cforms*/

.linklove{
display: none;
margin: 0;
}

.cform .cf-ol li{
padding: 3px 0;
}

.cform .cf-ol li span:first-child{
display: inline-block;
width: 150px;
font-weight: bold;
}

label{
_display:inline;
_zoom:1;
_width: 150px;
}

.failure{
color:#AA0000;
font-weight: bold;
_padding:0 0 30px 0;
}

.success{
color: #222222;
font-weight: bold;
padding:0 0 30px 0;
}


legend{
color:#AA0000;
padding: 0 0 30px 0;
}

.press_dl input.single{
width: 300px;
line-height: 30px;
height: 30px;
background-color: #FCFCFC;
border: 1px solid #999999;
}


.cform input{
width:200px;
}

.cform textarea{
width: 418px; 
}

.cf-sb{
text-align: right;
}


#cf_field_8, #cf_field_9{
margin-left:50px;
padding-left:50px;
}

/*---------------------------------------------------------------------------------
etc*/


.invisible{
display: none;
}

.inblock{
display: inline-block;
width: 300px;
}


.clearfix:after { content:""; display:block; clear:both; height:0; }
* html .clearfix  { zoom: 1; }  /* IE6 */
*:first-child+html .clearfix { zoom: 1; }  /* IE7 */

/* Alignment */
.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.center{
	text-align: center;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* float */
.right{
float: right;
}

.left{
float: left;
}

/*message*/

#message{
	position: relative;
	width:600px;
	height: 360px;
	margin: 0 auto 0 auto;
}


#message__inner{
	position: absolute;
	left:0;
	top:30px;
	background:rgba(0,0,0,0.7);
	border-radius: 10px;
	width:550px;
	padding:20px;
}

#message__inner p{
	font-size: 15px;
	line-height: 28px;
	font-weight: bold;
	color:#FFF;
}

#message__inner p span{
	font-size:21px;
}