@charset "utf-8";
/* CSS Document */
html,body{
margin:0;
padding:0;
/*font-family:"メイリオ","ＭＳ ゴシック", Osaka, sans-serif;*/
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
}

h1,h2,h3,h4,h5,p,form,address{
color:#FFFFFF;
margin:0;
padding:0;
}

p,address,ul,ol,dl,caption{
color:#CCCCCC;
margin:0;
padding:0;
}

ul ul,
ol ul,
ul ol,
ol ol,
dl ul,
dl ol,
dl dl{
padding-left:20px;
font-size:100% !important;
}

ul dl,
ol dl{
display:inline;
font-size:100% !important;
}

ul dl dt,
ol dl dt,
ul dl dd,
ol dl dd{
font-size:100% !important;
}

a img{
border:none;
}
td textarea{
font-size:100%
}

a:link,
a:visited{
color:#00CCFF;
}
a:hover,
a:active{
color:#FF3333;
}

strong{
font-weight:normal;
}
em,dfn{
font-style:normal;
}


/* BARTENDER */
body{
background:#000000 url(../img/body_bg.gif) repeat-x;
padding:20px;
width:360px;
}

#header{
width:360px;
height:70px;
margin-bottom:25px;
}

#logo{
float:left;
width:120px;
height:70px;
}

h1{
float:right;
background:url(../performer/flair_bartender/img/h1.gif) 0 8px no-repeat;
width:220px;
height:70px;
text-indent:-9999px;
font-size:75%;
overflow:hidden;
}

.catch{
background:url(../performer/flair_bartender/img/catch.gif) no-repeat;
width:353px;
height:124px;
margin:0 auto 5px auto;
padding:0;
text-indent:-9999px;
}

.catch_2{
background:url(../performer/flair_bartender/img/catch_2.gif) no-repeat;
width:287px;
height:44px;
margin:0 auto 15px auto;
padding:0;
text-indent:-9999px;
}

h2{
margin:20px 0 15px 0;
padding:0;
}


h3{
color:#FFFFFF;
padding:20px 10px 10px 5px;
font-size:100%;
clear:left;
}
p{
padding:0 15px;
margin-bottom:0.5em;
line-height:1.8;
font-size:12px;
}

p.text1:first-letter {
float:left;
background:#FFFFFF;
color:#000000;
font-size:24px;
padding:8px;
margin:0 3px 5px 0;
}

p.catch:first-letter{
font-size:75%;
float:none;
}

#content{
border:1px solid #999999;
background:#04262B;
margin-top:15px;
padding:0 20px 20px 20px;
}

dl{
padding:0 20px;
font-size:75%;
margin-bottom:0.5em;
}
dt{
font-weight:bold;
}

ul{
color:#FFFFFF;
font-size:75%;
padding:0 10px 0 25px;
margin-bottom:15px;
font-weight:bold;
}

.contact{
text-align:center;
margin-bottom:0;
}

.copy{
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
font-weight:bold;
font-style:normal;
}

/* COMMON CLASS */

.cred{
color:#FF3333;
}
.hidden{
display:none;
}

.bold{
font-weight:bold;
}

.txal{
text-align:left;
}

.txar{
text-align:right;
}
.txac{
text-align:center;
}

.clrl{
clear:left;
}
.clrr{
clear:right;
}

.clrb{
clear:both;
}

.fs10{
font-size:62.5%;
}

.fs12{
font-size:75%;
}

.fs14{
font-size:87.5%;
}
.fs16{
font-size:100%;
}

.fs10px{
font-size:10px !important;
}

.fs12px{
font-size:12px !important;
}

.fs14px{
font-size:14px !important;
}

.fs16px{
font-size:16px !important;
}