/* CSS Document tpl*/
@charset "UTF-8";

/*
--------------------------------------------------*/
body {
padding: 0px;
margin:0px;
background-color:#fff;
text-align: center;
}

body {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka,"メイリオ", Meiryo,Verdana, "MS P ゴシック", sans-serif ;
color: #333;
font-size: 12px;
}


#headnavi a:link{background-color:#fff; color:#555;text-decoration:underline;}
#headnavi a:visited{background-color:#fff; color:#555;text-decoration:underline;}
#headnavi a:hover{background-color:#ffff00; color:#000;text-decoration:none;}

#content a:link{background-color:#fff; color:#555;text-decoration:underline;}
#content a:visited{background-color:#fff; color:#555;text-decoration:underline;}
#content a:hover{background-color:#ffff00;color:#000;text-decoration:none;}

#footer a:link{background-color:#545454; color:#fff;text-decoration:underline;}
#footer a:visited{background-color:#545454; color:#fff;text-decoration:underline;}
#footer a:hover{background-color:#545454; color:#ffff00;text-decoration:none;}


#sidecontent-menu-ul01 li a:link{background-color:#fff; color:#333; text-decoration:none;}
#sidecontent-menu-ul01 li a:visited{background-color:#fff; color:#333; text-decoration:none;}
#sidecontent-menu-ul01 li a:hover{background-color:#ffff00; color:#000; text-decoration:none;}



img{
margin:0px;
padding:0px;
border:0px;
vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6,p,div,ol,ul{ 
font-weight:normal;
margin:0px;
padding:0px;
list-style-type: none;
margin:0px;
padding:0px;
} 

/*font    topnavi
---------------*/
#n01,#n02,#n03,#n04 {
text-indent:1em;
font-size:0.8em;
font-weight:bold;
background: url(../images/arrow.png) 0 0.4em no-repeat;
}

/*sidecontent-supporter-
---------------------*/
.linkmark {
display:block;
text-indent:1em;
font-size:0.9em;
font-weight:bold;
letter-spacing:0.1em;
width:200px;
background:url(../images/arrow.png) 0 0.5em no-repeat;
}
/*sideinfomation leftboxtitle
--------------------------*/
.fontbb01{
font-size:1em;
font-weight:bold;
letter-spacing:0.1em;
}
#sidecontent-menu-ul01 li, .fontb01{
font-size:0.917em;
font-weight:bold;
letter-spacing:0.1em;
}
.fontbs01{
font-size:0.834em;
font-weight:normal;
line-height:110%;
letter-spacing:0.1em;
}
.fontss{
font-size:0.917em;
font-weight:normal;
letter-spacing:0.1em;
}

.fontssm{
font-size:0.834em;
font-weight:normal;
color:#333;
}
.fontssb{
padding-top:20px;
font-size:0.834em;
font-weight:bold;
letter-spacing:0.1em;
}
#footer{
font-size:0.834em;
font-weight:normal;
letter-spacing:0.1em;
color:#FFFFFF;
}

/*
--------------------------*/
#sidecontent-menu-ul02 li {
font-size:0.917em;
font-weight:normal;
letter-spacing:0.1em;
line-height:130%;
}
/*
--------------------------*/
.leftbox-event-title{
font-size:0.917em;
font-weight:bold;
letter-spacing:0.1em;
border-bottom:#999 1px dotted;
}
/*
--------------------------*/
#dl-inner{

}
dl{
width:267px;
margin:0px;
padding:0px;
background-color:#fff;
border:1px solid #ccc;
}
dt{ 
float:left;
clear:both;
width:50px;
height:25px;
margin:1px 0px 0px 1px;
padding:5px 0px 0px 10px;
background-color:#efeee9;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
} 
dd{ 
float:left;
width:90px;
height:25px;
margin:1px 0px 0px 1px;
padding:5px 0px 0px 10px;
background-color:#f5f5f4;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
} 
/*top.saide content font
-----------------*/


/*maincontent font
-----------------*/


#header,
#content,
#sidecontent,
#maincontent,
#maincontent-topimg,
#maincontent-leftbox,
#maincontent-rightbox,
#footer
{
position:relative;
}

#sidecontent,
#maincontent,
#maincontent-leftbox,
#maincontent-rightbox,
#titleimg
{
float:left;
}

/*clearfix
------------*/
dl:after,
#dl-inner:after,
#artist-content-inner:after,
.leftbox-event-content:after,
#header-inner:after,
#content-inner:after,
#sidecontent-inner:after,
#maincontent-inner:after,
#maincontent-leftbox-inner:after,
#maincontent-rightbox-inner:after,
#header-title:after,
.leftbox-title-line01:after,
.ait-item01:after,
.ait-item02:after,
.ait-item0301:after
{
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}
* html dl{height: 1px;}
* html #dl-inner{height: 1px;}
* html #artist-content-inner{height: 1px;}
* html .leftbox-event-content{height: 1px;}
* html #header-inner{height: 1px;}
* html #content-inner{height: 1px;}
* html #sidecontent-inner{height: 1px;}
* html #maincontent-inner{height: 1px;}

* html #maincontent-leftbox-inner{height: 1px;}
* html #maincontent-rightbox-inner{height: 1px;}
* html #header-title{height: 1px;}
* html .leftbox-title-line01{height: 1px;}
* html .ait-item01{height: 1px;}
* html .ait-item02{height: 1px;}
* html .ait-item0301{height: 1px;}
/*----------*/

/*fierfox linkline out*/
a:focus{/*\*/overflow: hidden;/**/}



/*end
--------------------------------------------------*/

#all{
width: 940px;
margin:0px auto 0px;
padding:0px;
text-align:left;
}
/*header
--------------------------------------------------*/
/*border: #000000 solid 3px;*/
/*foat属性は上部でまとめ*/

#header{
width: 940px;
}

#header-title{
width: 940px;
margin:25px 0px 10px 0px;
padding:0px;
}
/*header navi
------------*/
#headnavi{
float:right;
width:240px;
height:14px;
}

#headnavi ul{
display:block;
margin: 0;
padding: 0;
}
#headnavi li {
display:block;
float:left;
margin:0px 0px 0px 10px;
}
/*header menu
--------------------------------------------------*/
#header-menu{
clear:both;
position: relative;
height:70px;
background: url(../images/menuimg01.png);
}
#header-menu ul {
display:block;
margin: 0;
padding: 0;
height:100%;
text-indent:-9999px ;
}
#header-menu li {
position: absolute;
width: 120px;
height: 70px;
}
#header-menu li a {
display: block;
width: 120px;
height: 70px;
overflow: hidden;
}

#header-menu li#navi01 {left: 0;  background: url(../images/menuimg01.png) 0px 0px;}
#header-menu li#navi02 {left: 120px; background: url(../images/menuimg01.png) -120px 0;}
#header-menu li#navi03 {left: 240px; background: url(../images/menuimg01.png) -240px 0;}
#header-menu li#navi04 {left: 360px; background: url(../images/menuimg01.png) -360px 0;}
#header-menu li#navi05 {left: 480px; background: url(../images/menuimg01.png) -480px 0;}
#header-menu li#navi06 {left: 600px; background: url(../images/menuimg01.png) -600px 0;}
#header-menu li#navi07 {left: 720px; background: url(../images/menuimg01.png) -720px 0;}

#header-menu li#navi01 a:hover{left: 0; background: url(../images/menuimg01.png) 0px -70px;}
#header-menu li#navi02 a:hover{left: 0; background: url(../images/menuimg01.png) -120px -70px;}
#header-menu li#navi03 a:hover{left: 0; background: url(../images/menuimg01.png) -240px -70px;}
#header-menu li#navi04 a:hover{left: 0; background: url(../images/menuimg01.png) -360px -70px;}
#header-menu li#navi05 a:hover{left: 0; background: url(../images/menuimg01.png) -480px -70px;}
#header-menu li#navi06 a:hover{left: 0; background: url(../images/menuimg01.png) -600px -70px;}
#header-menu li#navi07 a:hover{left: 0; background: url(../images/menuimg01.png) -720px -70px;}

#header-menu li#navi01 a:active{left:0; background: url(../images/menuimg01.png) 0px -140px;}
#header-menu li#navi02 a:active{left:0; background: url(../images/menuimg01.png) -120px -140px;}
#header-menu li#navi03 a:active{left:0; background: url(../images/menuimg01.png) -240px -140px;}
#header-menu li#navi04 a:active{left:0; background: url(../images/menuimg01.png) -360px -140px;}
#header-menu li#navi05 a:active{left:0; background: url(../images/menuimg01.png) -480px -140px;}
#header-menu li#navi06 a:active{left:0; background: url(../images/menuimg01.png) -600px -140px;}
#header-menu li#navi07 a:active{left:0; background: url(../images/menuimg01.png) -720px -140px;}
#header-menu li#navi011 {left: 0;  background: url(../images/menuimg01.png) 0px -140px;}
/*end
--------------------------------------------------*/


#content{
width:940px;
}

/*sidecontent
--------------------------------------------------*/

#sidecontent{
width:220px;
}

#sidecontent-air{
 margin:5px 0px 5px 0px;
}

.banerimg{
width:220px;
margin-bottom:5px;
}

/*短期募集
-------------------------------*/
.sidecontent-air-item {
margin:10px 0px 15px 0px;
}
.sidecontent-air-item table{
border:#aaa 1px solid;
}
.sidecontent-air-item table tr{
border:#aaa 1px solid;
padding:5px;
}
.sidecontent-air-item table td{
border:#aaa 1px solid;
padding:5px;
}
.sidecontent-air-item-td {
background-color:#eee;
}


#sidecontent-menu{
 padding:25px 0px 20px 0px;
 border-top:#333 double 3px;
 border-bottom:#333 double 3px;
}

#sidecontent-menu-ul01{
margin:10px 0px 0px 0px ;
padding:10px 0px;

}

#sidecontent-menu-ul01 li{
margin:0px 0px 5px 0px;
border-left:#333 solid 3px;
}
#sidecontent-menu-ul01 li a {
display: block;
padding: 5px 0px 0px 10px;
width: 207px;
height: 35px;
overflow: hidden;
}

#sidecontent-menu-ul02{
margin:35px 0px 0px 0px ;
padding:30px 0px;
border-bottom:#333 double 3px;
border-top:#333 double 3px;
}


.sidecontent-b{
margin:40px 0px 0px 0px ;
line-height:160%;
}

/*共通項目あり
-------------*/
.imgmark{
margin-bottom:3px;
}

/*maincontent
--------------------------------------------------*/
#maincontent{
margin-left:15px;
width:700px;
}
/*画像
--------------------------------------------------*/
#maincontent-topimg{
clear:both;
width:700px;
margin:0px;
padding:0px;
}

#maintopimg{
margin:0px;
padding:0px;
}

/*leftbox
--------------------------------------------------*/
/*leftbox
--------------------------------------------------*/

#maincontent-leftbox{

width:480px;
margin:0px;
padding:0px;
}
/*--content title--------------*/
.leftbox-title-line00{
 width:480px;
 margin:20px 0px 0px 0px;
 background:url(../images/contenttitleline.png) repeat-x;
 border-bottom: 1px #666 solid;
}

.leftbox-btype-line01 {
 width:480px;
 margin:20px 0px 0px 0px;
 background:url(../images/contenttitleline.png) repeat-x;
}
.leftbox-title-line02{
 width:480px;
 margin:30px 0px 10px 0px;
 background:url(../images/contenttitleline.png) repeat-x;
 border-bottom:1px #666 solid;
}
#newstitle li{
padding-bottom:3px;
}


.leftbox-title {
padding:10px 0px 5px 5px;
}

.leftbox-title02 {
padding:20px 0px 5px 5px;
}
/*--content title----------*/
.leftbox-event-content{
clear:both;
width:480px;
padding:10px 0px 20px 0px;
}

.leftbox-e-box{
width:480px;
margin:10px 0px 0px 0px;

}
.leftbox-event-img{
float:left;
width:160px;
overflow:hidden;
}
.leftbox-event-text{
float:left;
width:310px;
overflow:hidden;
margin:0px 0px 0px 10px;
line-height:160%;
}


/*rightbox
--------------------------------------------------*/
/*rightbox
--------------------------------------------------*/
#maincontent-rightbox{
float:right;
width:200px;
margin:0px 0px 0px 0px;
}
/*--content title--------------*/
.rightbox-title-line01{
 width:200px;
 margin:20px 0px 0px 0px;
 background:url(../images/contenttitleline.png) repeat-x;
}
.rightbox-title-line02{
width:200px;
height:35px;
margin:30px 0px 30px 0px;
background:url(../images/contenttitleline.png) repeat-x;
border-bottom:1px #666 solid;
}
.rightbox-title {
padding:10px 0px 5px 5px;
border-bottom:1px #666 solid;
}
.rightbox-event-img{
margin:10px 0px 0px 0px;
width:200px;
overflow:hidden;
}
.rightbox-event-text{
 width:200px;
 margin:10px 0px 0px 0px;
line-height:160%;
}
/*footer
--------------------------------------------------*/
#footer{
clear:both;
width:940px;
height:110px;
margin-top:100px;
bottom: 0;
background-color:#545454;
border-top:1px #000 dotted;
}
#footer-menu{
width:940px;
height:20px;
padding:30px 0px 0px 0px;
}
#footer-menu ul{
display:block;
margin: 0px 0px 0px 20px;
padding: 0;

}
#footer-menu li{
float:left;
height:15px;
margin:0px;
padding:0x;
}
#footer-m{
text-align:right;
margin:35px 10px 0px 0px;
}
#footer-c{
width:940px;
text-align:right;
}


/*artist in town
--------------------------------------------------*/
.ait-item01 {
padding-top:20px;
}
.ait-item02 {
clear:both;
padding-top:10px;
margin-top:3px;
border-top:1px dotted #aaa;
}
.ait-item03 {
width:470px;
margin-top:20px;
}
.ait-item0301{
clear:both;
width:470px;
padding:0px 0px 25px 0px;
}

