@charset "UTF-8";


html{
	height:100%;
	margin:0;
	padding:0;
}

body{
width:100%;
min-height:100%;
text-align:left;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:11px;
line-height:2em;
color:#333333;
}

#container{
width:100%;
min-height:100%;
position:relative;
background:url(../img/side.jpg) no-repeat left top;
background-attachment:fixed;
}


body > #contents {height: auto; min-height: 100%;}

#contents a,
#contents a:link,
#contents a:visited
{
text-decoration:none;
color:#669900;
border-bottom:dotted 1px;

}

#contents a:hover{
border-bottom:solid 1px;
}



a,
a:link,
a:visited
{
border-bottom:none;
}


#sub a,
#sub a:link,
#sub a:visited
{
border-bottom:none;
}

.floatL{
float:left;
}

.floatR{
float:right;
}


p{
margin-bottom:10px;
}

#side{
width:421px;
height:100％;
position:fixed;
top:0;
left:0;
z-index:1;
}

#contents
{
width:350px;
height:100%;
padding:20px 0 ;
position:relative;
left:440px;
z-index:2;
background-color:#FFFFFF;
}

h3{
margin-top:30px;
}

#menu1{
position:absolute;
top:300px;
left:20px;
width:auto;
}

#menu1 li{
margin:5px 0;
background-color:#000000;
}

#menu2 {
position:relative;
left:295px;
width:125px;
}

#menu2 li{
position:absolute;
background:url(../img/menu_back.png) no-repeat;
height:40px;
}

#menu2 li.chino{
top:43px;
}

#menu2 li.beppu{
top:263px;
}

#menu2 li.kyoto{
top:115px;
}

#menu2 li.okayama{
top:485px;
}

blockquote{
border:1px solid #333333;
padding:5px;
margin-bottom:10px;
}

dl{
margin-bottom:10px;
}

span.recommend{
border:1px solid #666666;
display:block;
padding:5px;
color:#666666;
margin-bottom:10px;
}

span.recommend em{
text-align:right;
display:block;
}

p span{
margin-left:5.3em;
}

ul#sub{
float:right;
}

ul#sub li{
display:inline;
float:right;
background:url(../img/sub_repertory_back.gif) no-repeat top left;
}

.clear{
clear:both;
}

p.preview{
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-family:Georgia, Constantia, Hoefler Text, serif;
}

/*----------------------------------------------------------------------------------------*/
#profile{
background:url(../img/profile_title.jpg) no-repeat top left #000000;
color:#FFFFFF;
}

#profile #wrapper
{
margin:120px 0 0 0;
padding-bottom:100px;
background-color:#000000;
background:url(../img/bottom.jpg) no-repeat bottom;
}

#monochrome,
.guest{
width:360px;
margin:20px;
}

.member{
width:360px;
margin:10px 20px 0 20px;
}

#kosei{
background:url(../img/profile_kosei.jpg) no-repeat top left;
}

#yuko{
background:url(../img/profile_yuko.jpg) no-repeat top left;
}

#chiyo{
background:url(../img/profile_chiyo.jpg) no-repeat top left;
}

#yuki{
background:url(../img/profile_yuki.jpg) no-repeat top left;
}

#kyoko{
background:url(../img/profile_kyoko.jpg) no-repeat top left;
}

h4{
line-height:100%;
margin-bottom:10px;
font-size:14px;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-family:Georgia, Constantia, Hoefler Text, serif;
}

.member h4,
.member p{
margin-left:90px;
}

/*----------------------------------------------------------------------------------------*/
#repertory{
background:url(../img/repertory_title.jpg) no-repeat top left #000000;
color:#FFFFFF;
}

#repertory #wrapper{
margin:120px 0 0 0;
padding-bottom:100px;
background-color:#000000;
background:url(../img/bottom.jpg) no-repeat bottom;
}

#repertory #wrapper div{
width:360px;
margin:10px 20px 0 20px;
}

#repertory p.data{
margin-bottom:0px;
}

#repertory h4{
margin-top:20px;
}

#repertory #neighbor h4,
#repertory #remming h4
{
margin-top:15px;
}

#repertory span.icon{
text-align:right;
display:block;
}

#repertory .icon img{
text-align:right;
margin-left:10px;
}

p.venueurl{
font-family:Georgia, Constantia, Hoefler Text, serif;
margin-top:-10px;
font-size:12px;
}

/*----------------------------------------------------------------------------------------*/

	
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */