@charset "utf-8";
/* ===================================================================
style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
 #contents
 #main
 #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
margin:20px 0 0 0;
text-align : center;
background:url(../image/brick.jpg) repeat 0px 0px #ffffff;
}

a:link { color : #6A3906;text-decoration : none;} 
a:visited { color : #6A3906;text-decoration : none;} 
a:hover { color : #C58816;text-decoration : none;} 
a:active { color : #C58816;text-decoration : none;} 



/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

/* clearfix */
#clearFix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.clear {
clear: both;
font: 0px/0px sans-serif ;
}

.smallText{
font-size:10px;
}

/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------
FLASH
-------------------*/
div.flashArea{
margin:5px 10px 0 10px;
}
div.photobox{
width:900px;
height:508px;
margin:0;
z-index:0;
overflow:hidden;
background:url(../image/contents_bg_plain.jpg) repeat 0px 0px #ffffff;
}


/*----------------------------------------------------
　#レイアウト  
----------------------------------------------------*/
div#wrap{
width:900px;
height:auto;
margin:0 auto;
text-align:left;
}

/*------------------------
RUDE BOY CAFE LAYOUTS
----------------------------*/
div#contentsRBC{
width:900px;
height:auto;
padding:0 0 30px 0;
float:left;
background:url(../image/contents_bg.jpg) repeat 0px 0px #ffffff;
}
/*----------------LAFT NAVIGATION----------------*/
div#contentsRBC div#left{
width:210px;
margin:0 0 0 0;
float:left;
}
div#left div.pad{
padding:0 10px;
}
div#contentsRBC div#left h2.RudeBoyCafe{
width:190px;
height:88px;
display:block;
background:url(../schedule/image/rudeboycafe_banner.gif) no-repeat 13px 10px;
text-indent:-9999px;
}
div#contentsRBC div#left h2.RudeBoyCafe a{
width:190px;
height:88px;
display:block;
background:url(../schedule/image/rudeboycafe_banner.gif) no-repeat 13px 10px;
}
div#contentsRBC div#left h2.RudeBoyCafe a:hover{
width:190px;
height:88px;
display:block;
background:url(../schedule/image/rudeboycafe_banner.gif) no-repeat 13px 10px;
}
div#contentsRBC div#left h2.irie{
width:190px;
height:149px;
display:block;
background:url(../schedule/image/iriecompany_logo.gif) no-repeat 46px 10px;
text-indent:-9999px;
}
div#contentsRBC div#left h2.irie a{
width:190px;
height:149px;
display:block;
background:url(../schedule/image/iriecompany_logo.gif) no-repeat 46px 10px;
}
div#contentsRBC div#left h2.irie a:hover{
width:190px;
height:149px;
display:block;
background:url(../schedule/image/iriecompany_logo.gif) no-repeat 46px 10px;
}
div#contentsRBC div#left h2.LionCurry{
width:190px;
height:166px;
display:block;
background:url(../schedule/image/lioncurry_banner.jpg) no-repeat 35px 10px;
text-indent:-9999px;
}
div#contentsRBC div#left h2.LionCurry a{
width:190px;
height:166px;
display:block;
background:url(../schedule/image/lioncurry_banner.jpg) no-repeatt 35px 10px;
}
div#contentsRBC div#left h2.LionCurry a:hover{
width:190px;
height:166px;
display:block;
background:url(../schedule/image/lioncurry_banner.jpg) no-repeatt 35px 10px;
}
div#contentsRBC div#left h2 a:focus{
/*\*/
	overflow: hidden;
/**/
}

div#contentsRBC div#left ul{
margin:10px 0 0 8px;
padding:5px 0 0 0;
border-top:2px dotted #D8DAAF;
border-bottom:2px dotted #D8DAAF;
}
div#contentsRBC div#left div.rss-box{
padding:25px 0 0 0;
}
div#contentsRBC div#left ul.rss-items{
margin:0 0 0 10px;
padding:0 0 0 0;
border:0;
font-size:84%;
}
div#contentsRBC div#left li{
margin:0 0 0 0;
text-indent:-9999px;
}
div#contentsRBC div#left li.rss-item{
margin:0 0 1em 0;
padding:0 0 .5em 10px;
text-indent:0;
border-bottom:1px solid #D8DAAF;
background:url(../schedule/image/feed_bg.jpg) no-repeat 0px 0px;
}
div#contentsRBC div#left li.lastChild{
margin:0;
border-bottom:none;
}
div#contentsRBC div#left li.rss-item a{
font-weight:bold;
}
div#contentsRBC div#left li.rss-item span.rss-date{
border-top:1px solid #D8DAAF;
line-height:2.0;
}

div#contentsRBC div#left li.top{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_top_cnt.gif) no-repeat 0px 0px;
}
div#contentsRBC div#left li.top a{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_top.gif) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC div#left li.top a:hover{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_top_on.gif) no-repeat;
}

div#contentsRBC div#left li.access{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_access_cnt.gif) no-repeat 0px 0px;
}
div#contentsRBC div#left li.access a{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_access.gif) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC div#left li.access a:hover{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_access_on.gif) no-repeat;
}
div#contentsRBC div#left li.menu{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_menu_cnt.gif) no-repeat;
text-indent:-9999px;
}
div#contentsRBC div#left li.menu a{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_menu.gif) no-repeat;
text-indent:-9999px;
}
div#contentsRBC div#left li.menu a:hover{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_menu_on.gif) no-repeat;
}
div#contentsRBC div#left li.contact a{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_contact.gif) no-repeat;
}
div#contentsRBC div#left li.contact a:hover{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_contact_on.gif) no-repeat;
}
div#contentsRBC div#left li.home a{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_home.gif) no-repeat;
}
div#contentsRBC div#left li.home a:hover{
display:block;
width:159px;
height:29px;
background:url(../rudeboycafe/image/Lnavi_home_on.gif) no-repeat;
}
div#contentsRBC div#left li a:focus{
/*\*/
	overflow: hidden;
/**/
}

div#contentsRBC div#left li.subMenu{
 text-indent:0;
 margin:0 0 0 0;
}
div#contentsRBC div#left li.subMenu p{
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:2px dotted #D8DAAF;
}
div#contentsRBC div#left li.subMenu p img{
margin:0 0 2px 0;
vertical-align:bottom;
}

div#contentsRBC div#left dl{
margin:0 0 0 10px;
}
div#contentsRBC div#left dt{
display:block;
width:114px;
height:22px;
background:url(../rudeboycafe/image/RBC.png) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC div#left dt.irie{
background:url(../schedule/image/iriecompany.png) no-repeat 0px 0px;
}
div#contentsRBC div#left dt.LionCurry{
background:url(../lioncurry/image/lioncurry.png) no-repeat 0px 0px;
}
div#contentsRBC div#left dd{
font-size:84%;
}


div#contentsRBC div#left div.blogFeedArea{
margin:1em 0 0 0 ;
padding:.5em 0 0 0;
background:url(../schedule/image/blogfeed_title.gif) no-repeat 0px 5px;
border-top:2px dotted #D8DAAF;
border-bottom:2px dotted #D8DAAF;
}

div#contentsRBC div#left div.brunch{
text-align:center;
border-bottom:2px dotted #D8DAAF;
}
div#contentsRBC div#left div.brunch img{
margin:.5em 0;
}

/*----------------MAIN CONTENTS----------------*/
div#contentsRBC div#main{
width:680px;
margin:7px 0 0 0;
float:right;
}
div#contentsRBC div#main div.pad{
padding:20px 15px 0 15px;
}
div#contentsRBC div.mapArea{
width:370px;
height:352px;
float:left;
}
div#contentsRBC div.exArea{
width:268px;
float:right;
}
div#contentsRBC div.exArea h4{
width:268px;
height:19px;
background:url(../rudeboycafe/image/h4_title_bg.jpg) no-repeat 0px 0px;
text-indent:-9999px;
}

div#contentsRBC div.exArea dl{
margin:1em 0 0 1em;
}
div#contentsRBC div.exArea dt{
font-weight:bold;
font-size:84%;
padding:0 0 0 14px;
background:url(../image/list_bg.gif) no-repeat 0px 4px ;
}
div#contentsRBC div.exArea dd{
font-size:84%;
padding:0 0 0 1.5em;
margin:0 0 1em 0;
}
div#contentsRBC h3.accessTitle{
width:670px;
height:100px;
background:url(../rudeboycafe/image/access_title_bg.jpg) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC h3.menu{
width:680px;
height:100px;
display:block;
background:url(../rudeboycafe/image/menu_titleback.jpg) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC h3.schedule{
width:670px;
height:100px;
display:block;
background:url(../schedule/image/schedule_titleback.jpg) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC h3.event{
width:670px;
height:100px;
display:block;
background:url(../event/image/event_titleback.jpg) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC h3.LionCurry{
width:670px;
height:100px;
display:block;
background:url(../lioncurry/image/titleback.jpg) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC h3.PeaceCafe{
width:670px;
height:100px;
display:block;
background:url(../peacecafe/image/titleback.jpg) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC h3.gallery{
width:670px;
height:100px;
display:block;
background:url(../gallery/image/title_bg.jpg) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC h3.profile{
width:670px;
height:100px;
display:block;
background:url(../profile/image/title_back.jpg) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC h3.policy{
width:670px;
height:100px;
display:block;
background:url(../policy/image/title_back.jpg) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC h3.terms{
width:670px;
height:100px;
display:block;
background:url(../terms/image/title_back.jpg) no-repeat 0px 0px;
text-indent:-9999px;
}
div#contentsRBC h3.link{
width:670px;
height:100px;
display:block;
background:url(../link/image/title_back.jpg) no-repeat 0px 0px;
text-indent:-9999px;
}


/*---------------------
RSS FEED
------------------------*/
div#contentsRBC div#left div.rss-box ul.rss-item{
border:0px;
}

/*--------------------
REGULAR STYLES
----------------------*/
div#contentsRBC div.block{
margin:0 0 2em 0;
padding:0 0 1em 0;
border-bottom:2px dotted #D8DAAF;
}
h4{
height:20px;
}
h4.january{
background:url(../schedule/image/january.gif) no-repeat;
text-indent:-9999px;
}
h4.february{
background:url(../schedule/image/february.gif) no-repeat;
text-indent:-9999px;
}
h4.march{
background:url(../schedule/image/march.gif) no-repeat;
text-indent:-9999px;
}
h4.april{
background:url(../schedule/image/april.gif) no-repeat;
text-indent:-9999px;
}
h4.may{
background:url(../schedule/image/may.gif) no-repeat;
text-indent:-9999px;
}
h4.june{
background:url(../schedule/image/june.gif) no-repeat;
text-indent:-9999px;
}
h4.july{
background:url(../schedule/image/july.gif) no-repeat;
text-indent:-9999px;
}
h4.august{
background:url(../schedule/image/august.gif) no-repeat;
text-indent:-9999px;
}
h4.september{
background:url(../schedule/image/september.gif) no-repeat;
text-indent:-9999px;
}
h4.october{
background:url(../schedule/image/october.gif) no-repeat;
text-indent:-9999px;
}
h4.november{
background:url(../schedule/image/november.gif) no-repeat;
text-indent:-9999px;
}
h4.december{
background:url(../schedule/image/december.gif) no-repeat;
text-indent:-9999px;
}
div.block ul.blockUl{
margin:0 0 20px 0;
padding:10px 10px 0 10px;
background:url(../schedule/image/block_bg_r.jpg) no-repeat 0px 0px;
}
div.block li.date{
padding:0 0 6px 12px;
background:url(../image/list_bg.gif) no-repeat 0px 2px;
line-height:10px;
color:#000000;
font-weight:bold;
font-size:12px;
}
div.block li.title{
margin:0 0 4px 0;
padding:0 0 4px 12px;
font-weight:bold;
font-size:14px;
border-bottom:2px solid #6A3906;
}
div.block li.place,div.block li.time,div.block li.info{
padding:0 0 3px 8px;
background:url(../image/list_bg_mini.gif) no-repeat 0px 5px;
}
div.block li.inImage{
background:none;
overflow:hidden;
}
div.block li.inImage p.image{
float:left;
margin:0 1em 0 0;
}
div.block li.inImage p.text{
overflow:hidden;
}

div.topBtn{
text-align:right;
}


h4.event{
background:url(../event/image/event.gif) no-repeat;
text-indent:-9999px;
}
h4.party{
background:url(../event/image/party.gif) no-repeat;
text-indent:-9999px;
}
h4.LionCurry{
background:url(../lioncurry/image/lioncurry_h4.gif) no-repeat;
text-indent:-9999px;
}
h4.PeaceCafe{
background:url(../peacecafe/image/peacecafe_h4.gif) no-repeat;
text-indent:-9999px;
}
h4.gallery{
background:url(../gallery/image/gallery.gif) no-repeat;
text-indent:-9999px;
}
h4.profile{
background:url(../profile/image/profile.gif) no-repeat;
text-indent:-9999px;
}
h4.policy{
background:url(../policy/image/policy.gif) no-repeat;
text-indent:-9999px;
}
h4.terms{
background:url(../terms/image/terms.gif) no-repeat;
text-indent:-9999px;
}
h4.link{
background:url(../link/image/link.gif) no-repeat;
text-indent:-9999px;
}

div.block p{
margin:0 0 1em 0;
}
div.block ul.thumbs{
width:650px;
height:138px;
}
div.block ul.thumbs li{
width:122px;
height:122px;
margin:0 9px 0 0;
float:left;
background:url(../event/image/thumbs_bg.gif) no-repeat;
}
div.block ul.thumbs li.lastChild{
margin-right:0px;
}
div.block ul.thumbs li img{
width:112px;
height:112px;
margin:5px 0 0 5px;
}

li.listBg{
background:url(../image/list_bg_mini.gif) no-repeat 0px 6px;
padding:0 0 0 6px;
}
div.block dl.profile{
margin:0 0 1em 0;
padding:0 0 1em 0;
border-top:1px solid #D8DAAF;
}
div.block dl.add{
border-top:0px;
}
div.block dt.title{
width:200px;
padding:0 0 0 12px;
float:left;
background:url(../image/list_bg.gif) no-repeat 0px 6px;
}
div.block dd.prof{
margin:0 0 0 213px;
}


/*---------------------
peacecafe
---------------------*/

ul.PeaceCafe li{
float:left;
}

ul.PeaceCafe li img{
margin:0 5px 5px 0;
line-height:0;
vertical-align:top;
}


/*-----------
link
--------------*/
dl.link{
width:630px;
margin:1em 0 0 0;
background:url(../image/oldpaper.jpg) no-repeat 0px -22px;
border-bottom:1px solid #D3D0AF;
border-right:1px solid #D3D0AF;
}
dl.link dt{
float:left;
margin:0 1em 0 0;
padding:.5em 0 .5em 20px;
background:url(../image/list_bg.gif) no-repeat 5px 12px;
}
dl.link dd{
padding:.5em 0;
}
dl.linklastChild{
margin-bottom:2em;
}


h5.galleryTitle{
background:url(../image/list_bg.gif) no-repeat 0px 7px;
padding:0 0 0 15px;
margin:0 0 .5em 0;
}


.photoBox{
width:900px;
height:500px;
margin:-82px 0 0 0;
overflow:hidden;
z-index:1;
}
















