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

/* Reset ------------------------------------------------------------------ */

:link,:visited {
text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
table {
border-spacing:0;
}
fieldset,img,abbr,acronym {
border:0;
} 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
/* font-style:normal; */
/* font-weight:normal; */
}

caption,th {
text-align:left;
}
q:before,q:after {
content:'';
}
a {
text-decoration:underline;
outline:none;
}
hr {
border:0;
height:1px;
background-color:#000;
color:#000;
}
a img,:link img,:visited img {
border:none;
}
address {
font-style:normal;
}
ul,ol,dl{
list-style: none;
}

.cl{
clear: both;
}


/* Layout ------------------------------------------------------------------ */

#wrapper{
width:100%;
text-align:center;
}

#main{
width:880px;
text-align:left;
margin:auto;
}

#header{
margin-top: 23px;
}

#nav{
padding:13px;
margin-top:20px;
}

#nav li{
display: inline;
padding:0 15px 0 20px;
}

#nav li .top{
display: inline;
padding:0 15px 0 -20px;
}

#contents{
}

#topicpath{
margin-top: 15px;
}

#topicpath li{
display: inline;
}

#topicpath .root{
margin-left:0.25em;
padding-left:12px;
}

#title{
margin-top: 20px;
}

.pagenavi ul{
margin-top: 20px;
text-align: right;
}

.pagenavi li{
display: inline;
}

.tab li{
display: inline;
}

.tab{
margin: 40px 0 20px;
}

.w280{
width: 280px;
float: left;
margin:10px 20px 10px 0;
}

.w280r{
width: 280px;
float: left;
margin:10px 0 10px 0;
}

.w430{
float: left;
width:430px;
}

.w540{
width: 540px;
float: left;
margin:0 40px 20px 0;
overflow: hidden;
}

.w300{
width: 300px;
float: left;
}

.blockr{
margin-left: 20px;
}

.center{
text-align: center;
}

.right{
text-align: right;
}

.list{
margin-bottom: 0.5em;
}

.list_indent{
margin-left: 1em;
}

.clmn3{
width:880px;
margin-top: 20px;
padding-top: 30px;
margin-right: -20px;
}

.clmn2{
width:880px;
margin-top: 20px;
padding-top: 30px;
margin-right: -20px;
}


.disco{
display: block;
text-align: center;
border-top: 3px solid #000;
padding:5px;
margin-bottom:15px;
height:145px;
}

.clmn3 p{
margin-top: 1em;
}

.clmnbggr{
padding: 15px 15px 15px 20px;
margin: 1em 0 1em;
}

.float_l{
float: left;
margin: 0 15px 15px 0;
}


#sidebar h4{
margin-top:1.5em;
}

#back{
margin-top:60px;
}

#back p{
text-align: right;
margin: 0;
}

#footer #fmain{
width:880px;
text-align:left;
margin:auto;
padding:20px 0 100px;
}

#footer #fmain li{
display: inline;
margin-left: 12px;
}

#footer #fmain p{
display: inline;
margin-right: 20px;
}

#footer #fmain .lw520{
float: left;
width: 520px;
}

#footer #fmain .rw340{
float: right;
width: 340px;
text-align: right;
margin-top:25px;
}

/* Form */

.form h3{
padding: 5px;
margin-top: 20px;
}


.form th{
padding-left:15px;
width: 160px;
vertical-align: top;
}

.form th p{
margin-right: 20px;
}

.form table{
margin-top: 20px;
width: 880px;
}

.formarea{
width: 160px;
float: left;
margin-right: 20px;
}

.form .f_line{
width: 160px;
margin-bottom: 10px;
}

.form .f_linew{
width: 340px;
margin-bottom: 10px;
}

.form .f_lineww{
width: 560px;
margin-bottom: 10px;
}

.form select{
margin-bottom: 10px;
}

.form .sep{
width: 880px;
border: none;
padding-left:0;
}

.form .p_block{
display: inline;
_vertical-align: center;
_vertical-align: 0.5em;
}

.form .sep .line{
margin: 15px 0 15px 0;
width: 100%;
height: 1px;
}

.form p{
margin-bottom: 0.25em;
}

/*blog*/
.navigation {
margin:0 0 50px 0;
width:540px;
}

.navigation .alignleft{
width: 250px;
float:left;
}

.navigation .alignright{
width: 250px;
float: right;
}

.entry{
margin-bottom: 20px;
}

#sidebar .ban{
width:300px;
overflow: hidden;
}


/* Font ------------------------------------------------------------------ */

body{
background:#21262e;
}

h1 , h2 , h3 , h4{
font-weight: bold;
margin-bottom: 0.5em;
}

h2{
font-size: x-large;
}

h3{
font-size: large;
}

p{
font-size: small;
line-height: 175%;
margin-bottom: 0.75em; 
}

dt ,dd{
font-size: x-small;
}

#contents{
font-size: small;
}


#contents .navigation a{
background: none;
color: #666;
text-decoration: underline;
}

#contents .navigation a:hover{
background: none;
text-decoration: none;
}


#topicpath li {
font-size: xx-small;
}

.pagenavi li{
font-size: x-small;
}

#contents p a{
color:#fff;
background:#757d80;
text-decoration: none;
padding:0.25em;
}

#contents p a:hover{
background:#40474a;
}

#contents p a:active{
background:#0e4157;
}

#contents .li_link a{
color:#fff;
background:#99a0a3;
text-decoration: none;
padding:0.25em;
}

#contents .li_link a:hover{
background:#40474a;
}

#contents .li_link a:active {
background:#0e4157;
}

#contents h4 a{
color:#fff;
background:url(../image/arrow.gif) no-repeat right center #757d80;
text-decoration: none;
padding:0.25em;
display: block;
}

#contents h4 a:hover{
background:url(../image/arrow.gif) no-repeat right center #40474a;
}

#contents h4 a:active {
background:url(../image/arrow.gif) no-repeat right center #0e4157;
}

#contents .txtsmpl a{
background: none;
color: #666;
text-decoration: underline;
}

#contents .txtsmpl a:hover{
background: none;
text-decoration: none;
}

#contents .l{
font-size: large;
line-height: 175%;
}

#contents .s{
font-size: x-small;
line-height: 150%;
}

.list a{
display: block;
}

.entry h3{
font-size: x-large;
}

.entry h3 a{
color:#fff;
background:url(../image/arrow.gif) no-repeat right center #757d80;
text-decoration: none;
padding:0.25em;
display: block;
padding-right:0.25em;
}

.entry h3 a:hover{
background:url(../image/arrow.gif) no-repeat right center #40474a;
}

.entry h3 a:active {
background:url(../image/arrow.gif) no-repeat right center #0e4157;
}

#sidebar h2{
font-size: small;
}

#sidebar p{
font-size: x-small;
}

#sidebar a{
margin:0;
padding: 0;
}

.anchor {
visibility: hidden;
}

.must{
color:#ff0099;
}


.form h3{
background: #dadfe1;
}

.clmn3 h3{
font-size:xx-large;
font-family: "Helvetica","Arial",sans-serif ;
margin-bottom: 10px;
}

.clmn3 h4{
font-size:medium;
}

.clmn3 dt{
font-weight: bold;
margin-top: 0.5em;
}

.clmn3 dd{
margin-left: 1em;
}

.en {
font-family: "Helvetica","Arial",sans-serif ;
}

.gr{
color: #666;
}

.red{
color:#ff0099
}

/* Design ------------------------------------------------------------------ */

body{
background: #fff;
background:url(../image/bg_grade.jpg) top repeat-x;
font-family: sans-serif;
}

#nav{
background:#757d80;
}

#nav li{
background: url(../image/nav_sep.gif) center left no-repeat;
}

#nav .top{
padidng:0;
background: none;
}

#topicpath .root{
background: url(../image/topickpath_arrow.gif) center left no-repeat;
}

a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

#contents {
color:#000;
}

.clmnbg{
background: url(../image/bg_sep_3clmn.gif) top left no-repeat ;
}

.clmn2bg{
background: url(../image/bg_sep_2clmn.gif) top left no-repeat ;
}

.clmn2bg2{
background: url(../image/bg_sep_2clmn2.gif) top left no-repeat ;
}

.disco{
background: url(../../discography/image/disco_bg.gif);
}

.tab {
background: url(../../booking/image/tab_bg.gif) top repeat-x;
}

.form th{
border-left: 5px solid #dadfe1;
}

.form .mustth{
border-left: 5px solid #b6c0c2;
}

.line{
background: url(../../booking/image/dotline.gif) repeat-x;
margin: 15px 0 15px 0;
width: 100%;
height: 1px;
}

.clmnbggr{
background:#eee;
border-left: 3px solid #ccc;
}


#footer {
background:#757d80;
}

#main{
}

hr{
margin: 15px 0 15px 0;
clear: both;
}