@charset "EUC-JP";
/*-------------------------------------------------
  made by Shoko Onishi
-------------------------------------------------*/

/*=========================================
  General layout
=========================================*/
html, body
{
	height: 100%;
}

body
{
	margin: auto;
	padding: 0;
	background : #f6f5f4 url(images/bg.gif) center top repeat;
	color: #625E46;
	font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro', "£Í£Ó £Ð¥´¥·¥Ã¥¯", "Georgia", "Lucida Grande", Arial, sans-serif;
	font-size:85%;
	line-height: 1.5;
}

div, p, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form
{
	margin: 0;
	padding: 0;
	border: 0;
}


img
{
	border: 0;
	vertical-align: bottom;
}

/* Headings */
h1, h2, h3, h4, h5, h6
{
	margin: 0;
	font-weight: bold;
	line-height: 1;
}

/* Lists */
ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

li
{
	margin: 8px 3px;
}

/* Links */
a:link, a:visited
{
	color: #635D45;
	text-decoration: none;
}

a:hover, a:active
{
	color: black;
}

#header a:link, #header a:visited
{
	color: #474747;
}

#header a:hover, #header a:active
{
	color: #737373;
}
#footer a:link, #footer a:visited
{
	color: #97977B;
}

#footer a:hover, #footer a:active
{
	color: #737373;
}

/* Basic classes */
.hidden
{
	display: none;
}

.centerize
{
	text-align: center;
}

.alignRight
{
	text-align: right;
}

.clearing
{
	clear: both;
	height: 0;
	overflow: hidden;
}

.clrL
{
	clear: left;
	height: 0;
	overflow: hidden;
}
	
.clrR
{
	clear: right;
	height: 0;
	overflow: hidden;
}

hr
{
	display: none;
}

.detail { text-align: right; }
.red { color: #F00; }
.normal { font-weight: normal; }
.sizeS { font-size: 0.84em; line-height: 1.2; }


/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header
{
	position: relative;
	width: 174px;
	height: 105px;
	margin: auto;
}

#header h1
{
	position: absolute;
	width: 174px;
	height: 105px;
	margin: 0;
	text-align: center;
	z-index: 0;
}

#headerLogo img
{
	/* small header image specific lines */
	position: absolute;
	margin: 0;
	top: 0;
	z-index: 100;
}



/*=========================================
  Container
=========================================*/
#container
{
	width: 800px;
	min-height: 100%;
	margin: 0 auto;
	background: url(images/body-bg.gif) center top repeat-y;
	position: relative;
	height: auto !important;
	height: 100%;
}

#main
{
	width: 800px;
	padding: 0 0 0;
	/*background: url(images/body-bg_head.gif) center top no-repeat; */
}

#mainWrapper
{
	width: 800px;
	padding: 0 0 10px;
	/*background: url(images/body-bg_foot.gif) center bottom no-repeat; */
}

#leftWrapper
{
	width: 174px;
	padding: 0 0 20px 24px; 
	float: left;
}


#rightWrapper
{
	width: 550px;
	padding: 22px 26px 20px 24px;
	float: right;
}

#topRightWrapper
{
	width: 560px;
	padding: 22px 16px 20px 24px;
	float: right;
}

#footer
{
	margin: 0 26px 20px;
	padding: .5em 0 0;
	
	background: url(images/bar_footer.gif) top center no-repeat;
}

#pagetop
{
	clear:  both;
	width: 63px;
	height: 14px;
	margin: 0 26px 6px 708px;
	background: url(images/pagetop.gif) right center no-repeat;
	text-indent: -9999px;
}

#pagetop a
{
	width: 63px;
	height: 14px;
	display: block;
}



/*-------------------------------------------------
  CRUMBS
-------------------------------------------------*/
#crumbs
{
	width: 550px;
	margin: .5em auto 0;
	color: #A4A293;
	font-size: 0.72em;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 224px;
	text-align: right;
}

#crumbs a
{
	text-decoration: underline;
}



/*=========================================
  Primary
=========================================*/

/*-------------------------------------------------
  Main Navi
-------------------------------------------------*/
h3#navi
{
	width: 170px;
	height: 15px;
	margin: 20px 2px 2px;
	background: url(images/title_navi.gif) left top no-repeat;
	text-indent: -9999px;
}

#naviInner
{
	padding: 6px 0 8px;
	background: url(images/bar_navi.gif) left bottom no-repeat;
}

#navi00, #navi01, #navi02, #navi03, #navi04, #navi05, #navi06, #navi07
{
	width: 170px;
	height: 28px;
	margin: 0 0 1px;
	text-indent: -9999px;
}

#navi00 { background: url(images/menu-top.gif) left top no-repeat; }
#navi01 { background: url(images/menu-about.gif) left top no-repeat; }
#navi02 { background: url(images/menu-schedule.gif) left top no-repeat; }
#navi03 { background: url(images/menu-report.gif) left top no-repeat; }
#navi04 { background: url(images/menu-place.gif) left top no-repeat; }
#navi05 { background: url(images/menu-artist.gif) left top no-repeat; }
#navi06 { background: url(images/menu-wanted.gif) left top no-repeat; }
#navi07 { background: url(images/menu-links.gif) left top no-repeat; }


#navi00 a, #navi01 a, #navi02 a, #navi03 a, #navi04 a, #navi05 a, #navi06 a, #navi07 a
{
	width: 170px;
	height: 28px;
	display: block;
}

#navi00 a:hover { background: url(images/menu-top_o.gif) left top no-repeat; }
#navi01 a:hover { background: url(images/menu-about_o.gif) left top no-repeat; }
#navi02 a:hover { background: url(images/menu-schedule_o.gif) left top no-repeat; }
#navi03 a:hover { background: url(images/menu-report_o.gif) left top no-repeat; }
#navi04 a:hover { background: url(images/menu-place_o.gif) left top no-repeat; }
#navi05 a:hover { background: url(images/menu-artist_o.gif) left top no-repeat; }
#navi06 a:hover { background: url(images/menu-wanted_o.gif) left top no-repeat; }
#navi07 a:hover { background: url(images/menu-links_o.gif) left top no-repeat; }



/*-------------------------------------------------
  Archives (left navi)
-------------------------------------------------*/
#archives
{
	width: 170px;
	padding: 15px 0 0;
	margin: 20px 0 2px;
	background: url(images/archives-top.gif) left top no-repeat;
}

#archivesTitle
{
	width: 156px;
	height: 17px;
	background: url(images/title_schedule-arch.gif) left top no-repeat;
	text-indent: -9999px;
}

#archivesTitle-place
{
	width: 156px;
	height: 17px;
	background: url(images/title_place-arch.gif) left top no-repeat;
	text-indent: -9999px;
}

#archivesTitle-report
{
	width: 156px;
	height: 17px;
	background: url(images/title_report-arch.gif) left top no-repeat;
	text-indent: -9999px;
}

#archivesTitle-artist
{
	width: 156px;
	height: 17px;
	background: url(images/title_artist-arch.gif) left top no-repeat;
	text-indent: -9999px;
}

#archivesInner
{
	padding: 0 6px .8em;
	background-color: #FFF8DE;
	border-right: 1px solid #F0E7D5;
	border-bottom: 1px solid #F0E7D5;
	border-left: 1px solid #F0E7D5;
}

dl.archivesList, ul.archivesList
{
	padding: 6px 0 0;
}

dl.archivesList dt
{
	padding: 4px 0  0;
	font-size: 0.84em;
	font-weight: bold;
	line-height: 1.2;
}

dl.archivesList dd, ul.archivesList li
{
	padding: 0 0 2px;
	background: url(images/dot.gif) left bottom repeat-x;
}

dl.archivesList dd a, ul.archivesList li a { text-decoration: none; }
dl.archivesList dd a:hover, ul.archivesList li a:hover { text-decoration: underline; }


/*-------------------------------------------------
  TOP Links
-------------------------------------------------*/
h3#topLinks
{
	width: 170px;
	height: 11px;
	margin: 20px 2px 2px;
	background: url(images/title_links.gif) left top no-repeat;
	text-indent: -9999px;
}

h3#topLinks a
{
	width: 170px;
	height: 11px;
	display: block;
}

#topLinksInner
{
	padding: 6px 0;
}

#topLinksInner p
{
	padding: 0 0 4px;
}



/*-------------------------------------------------
  WANTED
-------------------------------------------------*/
#insideBanner
{
	margin: 20px 2px 2px;
}



/*=========================================
  Page Title
=========================================*/
#title
{
	width: 550px;
	margin: 0 0 20px;
	padding: 0 0 4px;
	background: url(images/bar_title.gif) left bottom no-repeat;
}

#titabout, #titschedule, #titreport, #titplace, #titartist, #titwanted, #titprivacy, #titinquiry
{
	width: 300px;
	height: 34px;
	text-indent: -9999px;
}

#titabout { background: url(images/title01.gif) left top no-repeat; }
#titschedule { background: url(images/title02.gif) left top no-repeat; }
#titreport { background: url(images/title03.gif) left top no-repeat; }
#titplace { background: url(images/title04.gif) left top no-repeat; }
#titartist { background: url(images/title05.gif) left top no-repeat; }
#titwanted { background: url(images/title06.gif) left top no-repeat; }
#titprivacy { background: url(images/title07.gif) left top no-repeat; }
#titinquiry { background: url(images/title08.gif) left top no-repeat; }



/*=========================================
  Page explanation
=========================================*/
.explanation
{
	padding: 0 0 1.2em;
	font-size: 0.84em;
}

.explanation p.iconEx
{
	line-height: 2;
	padding: 1em 0 0;	
	color: #F9986A;
}


/*=========================================
  common block
=========================================*/
.block
{
	padding: 1em 0;
	font-size: 0.84em;
}



/*=========================================
  Content
=========================================*/
.content
{
	width: 526px;
	margin: 0 0 20px;
	padding: 12px;
	background-color: #fff;
	font-size: 0.94em;
	color: #330;
}

.content a { color: #330; text-decoration: underline; }
.content a:hover { background-color: #FCCDB6; text-decoration: none; }

#InnerDate { text-align: right; }

h4#InnerTitle
{
	padding: 0 0 6px;
	font-size: 1.52em !important;
	font-weight: bold;
	border-bottom: 1px solid #AFAA98;
}

.inner { padding: 1em 0 0; }

.innerL
{
	width: 270px;
	padding: 1em 0 0;
	float: right;
}

.innerPhoto
{
	width: 244px;
	margin: 1em 12px 0 0;
	float: left;
}

ul.innerUlList
{
	padding: 1em 0 0;
	font-size: 1.04em !important;
	font-weight: bold;
}

ul.innerUlList li
{
	padding:  .2em 0;
	margin: 0;
	list-style: none;
	border-bottom: 1px dotted #AFAA98;
}

dl.innerDlList
{
	padding: 1em 0 0;
}

dl.innerDlList dt
{
	margin: 0 0 .5em;
	padding: 2px 6px;
	background-color: #ABA89C;
	font-weight: bold;
	color: #fff;
}

dl.innerDlList dd { padding: .3em 6px .5em; line-height: 2; }
dl.innerDlList dd img { margin-right: 5px; vertical-align: middle; }
dl.innerDlList dd a { font-weight: bold; }

dl.innerDlList dd.btnReserve,
p.btnReserve {
	text-align: center;
}

dl.innerDlList dd.btnReserve a,
p.btnReserve a {
	border: none;
	text-decoration: none;
}

dl.innerDlList dd.btnReserve a:hover,
p.btnReserve a:hover {
	background: none;
}

.innerBlock { padding: 10px 0; }



/*=========================================
  about BOSCA
=========================================*/
h4#InnerTitleAbout
{
	width: 526px;
	height: 27px;
	padding: 0 0 6px;
	background: url(images/about_main-title.gif) left top no-repeat;
	text-indent: -9999px !important;
}

#about02
{
	width: 390px;
	height: 247px;
	margin: 30px 0;
	background: url(images/about_copy.gif) left top no-repeat;
	text-indent: -9999px !important;
}



/*=========================================
  report
=========================================*/
#reportDate { margin: 0 0 -1.5em; text-align: right; }

h4#reportTitle
{
	margin: 0 0 10px;
	padding: 0 0 6px;
	font-size: 1.52em !important;
	font-weight: bold;
	border-bottom: 1px solid #AFAA98;
}

.reportL
{
	width: 354px;
	margin: 0 0 20px;
	padding: 1em 0 0;
	float: right;
}

.reportPhoto
{
	width: 160x;
	margin: 1em 12px 20px 0;
	float: left;
}

.reportLink
{
	margin: 10px 0 .5em;
	padding: 2px 6px;
	font-weight: bold;
	color: #ABA89C;
	text-align: right;
}

.reportLink a { color: #ABA89C; }
.reportLink a:hover { background-color: #ABA89C; color: #fff; }


#reportGallery
{
	padding: 10px 10px 0;
}

h5#reportGalleryTitle
{
	margin: 20px 0 10px;
	padding: 4px 6px;
	background-color: #ABA89C;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}

.reportImg { width: 480px; margin: 0 0 4px; padding: 8px; border: 1px solid #E3E2DF; }
.reportImg img { vertical-align: bottom; }
.reportCap { margin: 0 0 12px; font-size: 0.84em; }



/*=========================================
  wanted
=========================================*/
.wantedTitle
{
	padding: 0 0 4px;
	font-size: 1.52em !important;
	font-weight: bold;
	color: #F9986A;
	border-bottom: 1px solid #F9986A;
}

.wantedTitle a { color: #F9986A; text-decoration: none; }
.wantedTitle a:hover { text-decoration: under-line; }

.wantedlink
{
	margin: -1.8em 0 .35em;
	font-weight: bold;
	text-align: right;
}

.wantedPhoto01
{
	width: 250px;
	padding: 20px 0 10px 20px;
	float: right;
}

.wantedPhoto02
{
	width: 180px;
	padding: 20px 10px 20px 0;
	float: left;
}

.wantedCaption
{
	padding: 2px 0 10px;
	font-size: 0.84em;
}

.wantedInner01, .wantedInner02 { padding: 20px 0;}


table.placeDetail { width: 330px; background: url(images/dot.gif) left top repeat-x;}

table.placeDetail tr th, table.placeDetail tr td
{
	padding: 4px;
	background: url(images/dot.gif) left bottom repeat-x;
	text-align: left;
	vertical-align: top;
}

table.placeDetail tr th
{
	width : 5em;
	background-color: #eee;
	font-size: 0.94em;
}



/*=========================================
  artist
=========================================*/
div.artist 
{
	height: 100%;
	min-height: 100%;
}

ul.artistList li
{
	width: 248px;
	margin: 5px 10px 0 5px;
	padding: 2px 0 4px;
	display: inline;
	float: left;
	font-weight: bold;
	color: #F9986A;
	background: url(images/dot.gif) left bottom repeat-x;
}

ul.artistList li a { color: #F9986A !important; text-decoration: none; }
ul.artistList li a:hover { text-decoration: under-line; }

h4.artistTitle
{
	margin: 10px 0 15px;
	padding: 2px 0 4px;
	font-size: 1.52em !important;
	font-weight: bold;
	color: #F9986A;
}

.artistIcon
{
	margin: -1.8em 0 .35em;
	font-weight: bold;
	text-align: right;
}

.artistPhoto-index{
	height: 80px;
	padding: 0 20px 0 0;
	float: left;
}

.artistTxet-index {
	padding: 0;
}

.artistPhoto
{
	padding: 10px 20px 5px 10px;
	float: left;
}

.artistTxet {
	padding: 0 0 20px 0;
}



/*=========================================
  FORM
=========================================*/
#form
{
	margin: 1em 0 0;
	padding: 12px;
	background-color: #FFF8DE;
}

h4#eventReserve
{
	width: 124px;
	height: 18px;
	margin: 0 0 .8em;
	background: url(images/sub_title-reserve_event.gif) left top no-repeat;
	text-indent: -9999px;
}

h4#inquiry 
{
	width: 124px;
	height: 18px;
	margin: 0 0 .8em;
	background: url(images/sub_title-inquiry.gif) left top no-repeat;
	text-indent: -9999px;
}

h4#placeReserve 
{
	width: 160px;
	height: 18px;
	margin: 0 0 .8em;
	background: url(images/sub_title-reserve_place.gif) left top no-repeat;
	text-indent: -9999px;
}

h4#wantedReserve 
{
	width: 210px;
	height: 18px;
	margin: 0 0 .8em;
	background: url(images/sub_title-bosca_kikaku.gif) left top no-repeat;
	text-indent: -9999px;
}

h4#reservecheck 
{
	width: 124px;
	height: 18px;
	margin: 0 0 .8em;
	background: url(images/sub_title-check.gif) left top no-repeat;
	text-indent: -9999px;
}

h4#reserveComplete 
{
	width: 124px;
	height: 18px;
	margin: 0 0 .8em;
	background: url(images/sub_title-complete.gif) left top no-repeat;
	text-indent: -9999px;
}

table#formTable
{
	width: 500px;
	margin: 10px auto;
	background: url(images/dot01.gif) left bottom repeat-x;
	text-align: center;
}

table#formTable tr th
{
	width: 180px;
	padding: 6px;
	background: url(images/dot01.gif) left top repeat-x;
	text-align: left;
	vertical-align: top;
}

table#formTable tr td
{
	padding: 6px;
	background: url(images/dot01.gif) left top repeat-x;
	text-align: left;
}

table#formTable tr td input, table#formTable tr td textarea
{
	padding: 3px;
	border: 1px solid #A4A293;
	background-color: #fff;
	font-size: .84em;
	text-align: left;
}

table#formTable tr td textarea { height: 8em; }

table#formTable .f-caution
{
	font-size: .84em;
	font-weight: normal;
	color: #f00;
}

table#formTable .formnote
{
	font-size: .84em;
	color: #665311;
}



.form-preview
{
	width: 500px;
	border: 1px solid #666;
}

.form-name
{
	border: 1px solid #eee;
	background-color: #eee;
	width: 120px;
}

.form-value
{ 
	font-weight: bold;
}

.formerror
{
	font-weight: bold;
	color: #f30;
}

.form-notice
{
	font-weight: bold;
	color: #f30;
}



/*=========================================
  TOP layout
=========================================*/
/*-------------------------------------------------
  SEO
-------------------------------------------------*/
#forSEO
{
	width: 550px;
	margin: .5em auto 0;
	color: #A4A293;
	font-size: 0.84em;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 224px;
}



/*-------------------------------------------------
  Pic up
-------------------------------------------------*/
h3#picup
{
	width: 170px;
	height: 26px;
	margin: 20px 2px 4px; 
	background: url(images/title_recent-event.gif) left top no-repeat;
	text-indent: -9999px;

}

#picupInner
{
	margin: 0 2px;
	padding: 0 0 16px;
	border: 1px solid #EEEEEB;
	background: #fff;
}

#picupImage
{
	width: 136px;
	padding: 16px 16px 6px;
}

#picupDate, h2#picupTitle, #picupDetail
{
	width: 146px;
	padding: 0 12px .2em;
}


#picupDate
{
	font-size: .94em;
}

h2#picupTitle
{
	font-size: 1.12em;
}

#picupDetail
{
	font-size: .94em;
	text-align: right;
}



/*-------------------------------------------------
  top Movie
-------------------------------------------------*/
#movie
{
	width: 550px;
	margin: .5em 0 0;
	padding: 0 10px 0 0;
}

#movie
{
	background: url(images/movie.gif) left top no-repeat;
}



/*-------------------------------------------------
  Greeting
-------------------------------------------------*/
#greeting
{
	width: 254px;
	height: 122px;
	background: url(images/greeting.gif) left top no-repeat;
	margin: 20px auto 0;
	padding: 21px 8px 6px;
	float: left;
}

h3#titleGreeting
{
	width: 90px;
	height: 23px;
	background: url(images/title_greeting.gif) left top no-repeat;
	text-indent: -9999px;
}

#greetingInner
{
	margin: 0 auto;
	padding: 8px 0 0;
	font-size: 0.84em;
}



/*-------------------------------------------------
  TOP information 
-------------------------------------------------*/
#topInformation
{
	width: 270px;
	min-height: 120px;
	margin: 20px 10px 0 8px;
	font-size: 0.9em;
	float: right;
}

#topInfo
{
	width: 270px;
	height: 18px;
	background: url(images/title_information.gif) left top no-repeat;
	text-indent: -9999px;
}

#topInfoFrame
{
	padding: 0 0 3px;
	background: url(images/bar_information.gif) left bottom no-repeat;
}

#topInfoInner
{
	height: 126px;
	overflow: overflow-y;
	 /*\*/overflow: auto; /* */
}


dl.infoList { padding: 3px 0; background: url(images/dot.gif) left bottom repeat-x; }
dl.infoList dt { font-size: 0.9em; float: left; clear: left;}
dl.infoList dd { margin: 0 0 0 12ex; }



/*-------------------------------------------------
  TOP recent report 
-------------------------------------------------*/
#topReportList
{
	width: 560px;
	padding: 20px 0 0;
}

h3#topReportTitle
{
	width: 560px;
	height: 16px;
	margin: 0 0 6px;
	background: url(images/title_recent-report.gif) left top no-repeat;
	text-indent: -9999px;
}

.trlBlock
{
	width: 248px;
	height: 189px;
	padding: 14px 11px 12px;
	margin: 0 10px 10px 0;
	background: url(images/top_recent-report.gif) left top no-repeat;
	float: left;
}

.trlBlock img
{
	border: 1px solid #fff;
}

.trlDate
{
	font-size: 0.84em;
	line-height: 1;
	text-align: right;
}

.trlTitle
{
	padding-bottom: 6px;
	font-size: 0.96em;
	line-height: 1.2;	
}

.trlDate { color: #fff !important; }
.trlDate, .trlTitle, .trlTitle a { color: #F0F0EB !important; }
.trlTitle a:hover { color: #fff !important; }



/*=========================================
  Footer
=========================================*/

#footer, #footer a
{
	color: #97977B;
}

#footerNavi
{
	width: 50%;
	font-size: 0.9em;
	float: left;
}

#copyright
{
	width: 40%;
	font-size: 0.8em;
	text-align: right;
	float: right;
}

/* ++++++ FOR SAFARI ++++++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	font-family: "Lucida Grande", '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro', "£Í£Ó £Ð¥´¥·¥Ã¥¯", "Georgia", "Lucida Grande", Arial, sans-serif;#
	}