@charset "UTF-8";

html{
color:#333333;
background:#FFFFFF;
}

body{
color:#333333;
font:10px/1.5 arial,helvetica,clean,sans-serif;
*font-size:xx-small; /* for IE */
*font:56%; /* for IE in quirks mode */
*line-height:1.5;
}
select,input,button,textarea{
font:99% arial,helvetica,clean,sans-serif;
}
table{
font-size:inherit;
font:100%;
*line-height:1.5;
}
pre,code,kbd,samp,tt{
font-family:monospace;
*font-size:108%;
line-height:1.5;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal;
}
li{
list-style:none;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{
content:'';
}
abbr,acronym{
border:0;
font-variant:normal;
}
sup{
vertical-align:text-top;
}
sub{
vertical-align:text-bottom;
}
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input,textarea,select{
*font-size:100%;
}
legend{
color:#000;
}
del,ins{
text-decoration:none;
}

#container a{
    font-weight: normal;
    text-decoration: underline;
}
#container a:link{color:#C78634;}
#container a:visited{color:#C78634;}
#container a:hover{color:#FF4500;}
#container a:active{}


/*------------------------------------------------------------------------------
    layout
------------------------------------------------------------------------------*/

#container{
    width:900px;
    margin:0 auto;
}

#box{
    width:900px;
    margin:0 auto;
}

#contents{
    width:880px;
    margin:0 0 5px 0;
    padding:10px 10px 25px 10px;
}

#header{
    width:880px;
    height:90px;
    margin:0 0 10px 0;
}

#staticNavi{
    width:880px;
    background-color: #FFFFFF;
    height: 57px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
/*  clear:both;*/
}

#1009staticNavi{
    width:880px;
    background-color: #FFFFFF;
    height: 57px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
/*  clear:both;*/

}

#footer{
    width:880px;
    height:90px;
    margin:0;
    padding:10px 10px 0 10px;
}


/*------------------------------------------------------------------------------
    background
    body:背景を差し替える場合はここを変更

    #contentsfoot{display:none;}
    背景を透かす場合はこのスタイルを適用

    #contents,#contentsfoot:背景を透かす場合はコメントアウト

------------------------------------------------------------------------------*/
body{
    background-image: url(staticimages/bg.gif);
    background-position: center top;
    background-repeat: repeat-x;
}
#footer{
    background-image: url(staticimages/bg_footer.gif);
    background-repeat: no-repeat;
}

#contents{
    margin:0;
    padding:10px 9px 0 9px;
    border-right:1px solid #A1A1A1;
    border-left:1px solid #A1A1A1;
    background-color:#FFFFFF;
}
#contentsfoot{
width:900px;
margin:0 0 5px 0;
}

/*------------------------------------------------------------------------------
    header
------------------------------------------------------------------------------*/
#header h1{
    float: left;
}
#header .banner{
    float: right;
}


/*------------------------------------------------------------------------------
    staticNavi
------------------------------------------------------------------------------*/
#staticNavi{}





/*------------------------------------------------------------------------------
    footer
------------------------------------------------------------------------------*/
#footer p{
    text-align:center;
    color:#FFFFFF;
}
#footer p.link{
    padding-bottom:8px;
    font-size:12px;
    line-height:1.8;
    background-image: url(staticimages/border_white.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}
#footer p.link a{color:#FFFFFF;}

#footer p.copyright{
    height:38px;
    line-height:38px;
}


/*------------------------------------------------------------------------------
    contents
------------------------------------------------------------------------------*/
#contentsBox{
    margin:10px 0 0 0;
    padding:0 0 30px 0;
}
#contentsBox div.left{
    float: left;
    width: 440px;
    padding-bottom:160px;
}
#contentsBox div.right{
    float: right;
    width: 440px;
    padding-bottom:160px;
}
#contentsBox h2{margin:0 0 20px 0;}
#contentsBox dl{
    clear: both;
    width: 440px;
}
#contentsBox dt{
    border: 1px solid #AAAAAA;
    height: 88px;
    width: 118px;
    clear: left;
    float: left;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
}
#contentsBox dd{
    margin-left:130px;
    font-size:120%;
    background-image: url(staticimages/bullet_red.gif);
    background-repeat: no-repeat;
    background-position: left 7px;
    padding-left: 14px;
    margin-bottom: 20px;
}
#contentsBox dd a{
    font-size: 14px;

}
#contentsBox ul{
    font-size: 140%;
    margin-left: 8px;
}
#contentsBox li{
    background-image: url(staticimages/bullet_red.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 1.5em;
    padding-left: 14px;
}

#program{
clear:both;
}
#dorama{
clear:both;
}
#news{
margin-bottom:160px;
clear:both;
}
#end{
clear:both;
}
#event{
margin-bottom:160px;
clear:both;
}
#company{
margin-bottom:160px;
clear:both;
]}
#information{
margin-bottom:40px;
clear:both;
}

/*------------------------------------------------------------------------------
    pinsupo
------------------------------------------------------------------------------*/
#boxpinsupo{
    margin:0;
    padding-top: 50px;
    padding-right: 40px;
    padding-bottom: 50px;
    padding-left: 40px;
}


/*------------------------------------------------------------------------------
    voice
------------------------------------------------------------------------------*/
#boxpvoice{
    margin:0;
    padding-top: 50px;
    padding-right: 40px;
    padding-bottom: 50px;
    padding-left: 40px;
}