@charset "utf-8";
/* CSS Document */

/*----- jQuery -----*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/*---------- Header --------------*/
div.Head_bg{
	background-color: #000;
	}

h1{
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	
	background-color: #000;
	width: 960px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	
	}
h1 br{ display: none; }/**/
.Head_logo_bg{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	}
	
h2.Head_logo{
	margin-top: 30px;
	margin-bottom: 25px;
	float: left;
	}

h3.Head_online{
	background-image: url(../images/header_cart.png);
	background-repeat:no-repeat;
	background-position: left top;
	text-indent: -9999px;
	
	width: 195px;
	height: 101px;
	margin-top: 30px;
	margin-left: 20px; 
	float: right;
	}
h3.Head_online:hover{ background-position: 0 -101px; }


#contents{
	margin-top: 0; 
	padding: 0; 
	}
button{ display: none; }
/*--------------- nav -----------------*/

nav.Gnav{
	width: 960px;
	background-image: url(../images/g_back.png);
	background-repeat:repeat-x;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}

nav.Gnav li{
	float: left;
	background-repeat: no-repeat;
	}
nav.Gnav li a{
	display: block;
	text-indent: -9999px;
	height: 57px;

	}
nav.Gnav li.Home{
	background-image: url(../images/g_home.png);
	width: 53px;
	}/**/
nav.Gnav li.G_Now a{
	background-image: url(../images/g_home.png);
	width: 53px;
	background-position: 0 -70px;
	background-repeat: no-repeat;
	cursor: default;
	}
nav.Gnav li.Event a{
	background-image: url(../images/g_event.png);
	background-repeat: no-repeat;
	width: 110px;
	}	
nav.Gnav li.Service a{
	background-image: url(../images/g_service.png);
	background-repeat: no-repeat;
	width: 160px;
	}
nav.Gnav li.Access a{
	background-image: url(../images/g_access.png);
	background-repeat: no-repeat;
	width: 120px;
	}
nav.Gnav li.About a{
	background-image: url(../images/g_about.png);
	background-repeat: no-repeat;
	width: 120px;
	}
nav.Gnav li.Contact a{
	background-image: url(../images/g_contact.png);
	background-repeat: no-repeat;
	width: 130px;
	}

nav.Gnav li a:hover{ background-position: 0 -70px; }
/*------------ メイン画像 -------------*/

#ui-tab{
	width: 960px;/**/
	height: 280px;
	margin-left: auto;
	margin-right: auto;
	}
main img{ float: left; width: 710px; height:279px;}
#Main_nav{ float: right; }/*.Main_nav*/
#Main_nav li{	background-color: #005500; }

.Main_book a{
	background-image:url(../images/main_nav_book.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 70px;/*71px*/
	}
.Main_music a{
	background-image:url(../images/main_nav_music.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 69px;/*68px*//*69px*/
	}
.Main_movie a{
	background-image:url(../images/main_nav_movie.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 70px;/*70px*/
	}
.Main_store a{
	background-image:url(../images/main_nav_store.png);
	height: 70px;/*71px*/
	}
ul li a{
	display: block;
	width: 250px;
	text-indent: -9999px;
	}
ul li a:hover{
	background-position: -260px 0;
	background-repeat: no-repeat;
	}
.Main_Now{
	background-image:url(../images/main_nav_book.png);
	background-repeat: no-repeat;
	background-position: -261px 0;
	width: 250px;
	height: 70px;
	cursor: default;
	}

/*--------------- Contents -------------------*/

div.Container_bg{
	background-color: #000;
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.7);
	/*width: 100%;*/
	}

div.Container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	
	margin-top: 50px;
	padding-top: 32px;
	padding-bottom: 57px;
	
	}
/*-------- Cont =right= -----------*/
article.Cont{
	width: 681px;
	float: right;
	}
h3.Cont_What{
	background-image: url(../images/cont_what.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 148px;
	height: 21px;
	}
section.What_Textarea{
	padding: 10px;
	background-color: #333;
	border: solid 1px #999;
	
	margin-top: 10px;
	margin-bottom: 53px;
	}
dt, dd{
	font-size: 14px; 
	line-height: 120%; 
	color: #FFF;
	}
dl{	margin-top: 22px; }
dl.dl_top{margin-top: 16px;}
dl.dl_last{margin-bottom: 36px;}

dt{	float: left; }
dd{
	width: 510px;/**/
	margin-left: 15px;
	float: right;/**/
	}
/* ________________________  */
h3.Gazyou_title{
	background-image: url(../images/cont_title.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 672px;
	height: 27px;
	clear: both;
}
.Gazyou_txt{
	font-size: 15px;
	line-height: 150%;
	color: #FFF;
	margin-top: 17px;
	margin-bottom: 62px;
	text-indent: 0.5em;
	
}

/* __________________________________ */
.BMM ul li{
	padding-top: 204px;
	padding-left: 9px;
	padding-right: 9px;
	/*padding-bottom: 11px;*/
	width: 200px;/*218px*/
	height: 233px;/*437px;*/
	position: relative;
	}

.BMM_B{
	background-image: url(../images/cont_book.png);
	background-repeat: no-repeat;
	float:left;
	}
.BMM_Mu{
	background-image: url(../images/cont_music.png);
	background-repeat: no-repeat;
	width: 197px;/*215px*/
	float:left;
	margin-left: 12px;/*17px*/
	}
.BMM_Mo{
	background-image: url(../images/cont_movie.png);
	background-repeat: no-repeat;
	width: 198px;/*216px*/
	float:right;
	margin-right: 4px;
	}

li p{
	font-size: 14px;
	line-height: 125%;
	}
.Kotira{
	/*font-size: 13px;*/
	position: absolute;
	bottom: 10px;
	right: 9px;
	}
.Kotira_Link{
	color: #00238C;
	text-decoration: underline;
	}
.Kotira_Link:hover{
	color: #002288;/*7777CC*/
	opacity: 0.5;
	}	
li p a img{ margin-left: 0.2em; }


/*-------- Cont =left= -----------*/
.Side{
	width: 252px;
	float: left;
	}
.Shop{ overflow: hidden; }

.Name_B{
	width: 94px;/*94px*/
	height: 23px;
	background-image: url(../images/side_name.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 1px;
	margin-top: 0;/**/
	
	}
.Shop_add{ 
	font-style: normal;
	font-size: 15px;
	line-height: 120%;
	width: 180px;
	margin-top: 44px;/**/
	color: #FFF;
	}
.Shop_tel{
	font-style: normal;
	font-size: 15px;
	line-height: 120%;
	margin-top: 15px;
	margin-bottom: 25px;
	color: #FFF;
	}
	
.Sns{ margin-bottom: 26px; }

/*---- banner -----*/
.banner li{ margin-bottom: 25px; }
.banner li:last-child{ margin:0; }
.banner li a{
	display: block; 
	width: 252px; 
	height: 102px;
	text-indent: -9999px;
	}
	
.banner li.CSJ a{
	width: 251px;
	background-image: url(../images/side_ban1.png);
	background-repeat: no-repeat;
}
.banner li.Ivent_info a{
	background-image: url(../images/side_ban2.png);
	background-repeat: no-repeat;
}
.banner li.Travel a{
	background-image: url(../images/side_ban3.png);
	background-repeat: no-repeat;
}
.banner li.Caffe a{
	background-image: url(../images/side_ban4.png);
	background-repeat: no-repeat;
}
.banner li.Online_Store a{
	background-image: url(../images/side_ban5.png);
	background-repeat: no-repeat;
	height: 252px;
}

.banner li a:hover{ 
	background-position: -260px 0;/*-252px 0*/
	}

/*--------- footer --------------*/
/*=== menu ===*/
footer{
	width: 838px;/*960px*/
	padding-top: 20px;
	padding-right: 62px;
	padding-left: 60px;
	
	margin-right: auto;
	margin-left: auto;
	/*background: green;*/
}
footer nav{
	width: 574px;/*550px*/
	margin-right: auto;
	margin-left: auto;
	}/**/
footer nav a{
	display: inline-block;
	font-size: 14px;
	margin-left: 7px;
	padding-left: 7px;
	border-left: 1px solid #000;
}
footer nav a:first-child{ border: none; }
.Now{
	text-decoration: underline;
	cursor: default;
	color: #999;
	}
footer nav a:hover{ color: #999; }

/*_________foot_contents_____________*/
.Foot_Cont{
		margin-top: 56px;
}
footer nav br{display: none;}
/*=== map ===*/
.Footer_Map{
	width: 250px;
	height: 220px;

	margin-right: 18px;
	margin-bottom: 3px;/**/
	float: left;
}
p.Map_Big{
	text-align: right;
	font-size: 9px;
}
a.Map_Big_a{
	color: #2266aa;
}

/*______________*/
.F_Add{
	float: left;
	/*width: 205px;205px*/
	/*height: 230px;*/
}
.F_Name_W{
	background-image:url(../images/footer_name.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 24px;
	text-indent: -9999px;
	margin-bottom: 1px;
	margin-top: 0;
}

.F_Shop_add{ 
	font-style: normal;
	font-size: 15px;
	line-height: 120%;
	margin-top: 45px;/**/
	color: #000;
	}
.F_Shop_tel{
	font-style: normal;
	font-size: 15px;
	line-height: 120%;
	margin-top: 15px;
	margin-bottom: 25px;
	color: #000;
	}
	
.F_Sns{ 
	 width: 205px;
	 height: 65px;}/*margin-bottom: 26px;*/

/*____________________________*/
.F_Service{
	float: right;
}
.F_Service section{
	margin-bottom: 11px;
}
.F_Service section:last-child{
	margin-bottom: 0;
	}
.F_Service h3{
	font-size: 13px;
	line-height: 65%;
	font-weight: bold;

}
.F_Service p{
	font-size: 13px;
	line-height: 120%;
	font-weight: normal;
	margin-top: 5px;
}

/*___________ copyright _______________*/
.copyright{
	font-size: 14px;
	font-family: "メイリオ";
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
	width: 450px;
}

/*-------------TOP BUTTON-----------------*/
.ScTop{
	/*display: none;*/
	width: 50px;
	height: 50px;
	position: fixed;
	right: 30px;
	bottom: 10px;
	
	background-color: #080;
	opacity: 0.6;
	border-radius: 25px;
	}
.ScTop:hover{ opacity: 1; }
/*#ScrollTop{ color: #fff; }*/


/*-------------color.yokohama BUTTON-----------------*/
.CYbtn{
	/*display: none;*/
	width: 80px;
	height: 40px;
	position: fixed;
	left: 30px;
	bottom: 10px;
	
	/*background-color: #FFF;*/
	opacity: 0.6;
	border-radius: 25px;
	}
.CYbtn:hover{ opacity: 1; }