@charset "utf-8";

/* common */


html{
/* -------overflow-y:scroll; */
overflow: auto;
}
body{
color:#333333;
/* text-align:center; */
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","sans-serif";
font-size:12px;
line-height:18px;
letter-spacing:1px;
background-color:#ffffff;
background-image: url("../images/top/back002.jpg");
overflow: hidden;
}
*{
margin:0;
padding:0;
}
ul{
list-style-type:none;
}
img{
border-width:0;
}
/* -----------------------------------a */
a{
text-decoration:none;
}
a:visited {
color: #000;
}
a:link{
color: #000;
}
a:hover{
/* -------text-decoration:underline; */
color:#e21017;
}
/* -------60%に */
a:hover img {
filter: alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}
.clear {
clear:both;
}
.brown {
color: #4e3b29 !important;
}
.red {
color: #e21017 !important;
}
.bold {
font-weight: bold;
}
/*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*

　　　header

*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*/
div#headerbg{
background-image:url("../images/top/back003.jpg") ;
background-repeat: repeat-x;
height:106px;
}
div#headerbg #header{
width:940px;
height:106px;
margin:0 auto;
}
div#headerbg #header #logo{
width:340px;
height:106px;
background:url("../images/top/h_logo.png") no-repeat;
float:left;
}
div#headerbg #header #pbox{/* -------住所 */
height:62px;
width:590px;
float:right;
}
div#headerbg #header #pbox p{
color:#ffffff;
padding:15px 0 0 0;
text-align:right;
font-size:9px;
line-height:11px;
}
div#headerbg #header ul{/* -------SNSボタン */
list-style-type:none;
text-align:right;
}
div#headerbg #header li{
padding:0 0 0 6px;
float:right;
text-align:right;
_float:none;
_display:inline;
}
iframe.twitter-share-button {/* -------twitter button */
    width: 105px !important;
}
div#menubox{/* -------メニュー */
width:940px;
height:55px;
margin: 0 auto;
}
div#menubox ul{
list-style-type:none;
text-align:left;
margin: 0 -20px 0 0;
overflow: hidden;
zoom: 1;
}
div#menubox li{
padding:0 20px 0 0;
float:left;
text-align:left;
_float:none;
_display:inline;
}
/*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*

　　　footer

*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*/
div#footer{
margin: 0 auto;
height:349px;
width: 940px;
background-image:url("../images/top/fo_bg04.png");
background-position:bottom;
bottom: 0;
}
ul#footmenu {
list-style-type: none;
text-align: center;
padding: 0 0 30px 0;
_clear: both;
}
ul#footmenu li {
display: inline;
padding: 0 10px;
}
/*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*

　　　contents

*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*/
div#contents{
margin: 0 auto;
width: 940px;
}
div#contents .h65{
height:65px;
}
div#contents .h20{
height:20px;
}
div#contents .h100{
height:120px;
}
div#contents .h150{
height:170px;
}
div#contents .h230{
height:230px;
}
div.border1dot{
margin: 25px 0 10px 20px;
border:1px dotted #666;
}
.line60{
width:940px;
height:20px;
background:url("../images/top/contents/line940.png") no-repeat;
margin:60px auto 10px auto; 
}
/* 注意書き---- */
.p10{
font-size:10px;
line-height:13px;
}
/* トップに戻る---- */
.gotop{
width:600px;
float: right;
text-align:right;
}
/* 左側--------------------------------------- */
div#contents #leftbox{
width: 220px;
float: left;
/* margin: 0 50px 20px 15px; */
}
div#contents div#leftbox ul#leftmenu{
/*padding:16px 16px; */
font-size:13px;
list-style-type:none;
font-weight: bold;
_clear:both;
}
div#contents div#leftbox ul#leftmenu li{
/*display:inline; */
padding:5px 0 10px 0;
width: 220px;
height: 26px;
}
/* メニューボーダー */
div#contents div#leftbox ul#leftmenu li.mb{
background:url("../images/mbh26.gif") no-repeat;
width: 220px;
height: 26px;
}
div#contents div#leftbox ul#leftmenu li.mb60{
background:url("../images/mbh26.gif") no-repeat;
width: 220px;
height: 40px;
}
.rightb{
background:url("../images/line600_40.png") no-repeat;
width: 600px;
height: 40px;
}
/* バナー--------------------------------------- */
.banner{
margin:5px 0 0 0;
width: 220px;
height: 70px !important;
}
.banner2{
margin:0 20px 0 0;
width 220px;
float: left;
}
.banner3{
margin:0;
width 220px;
float: left;
}
.banner4{
margin:0 20px 0 0;
width 460px;
float: left;
}
.banner4_{
margin:0px;
width 460px;
float: left;
}
/* 右側--------------------------------------- */
div#contents div#rightbox{
width:600px;
float: left;
margin: 0 0 0 120px;
}
/*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*

　　　text

*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*/
p.deftx{
padding: 5px 0 10px 0;
line-height: 1.6;
}
p.mediadtx{
margin: 20px 0 5px 0;
font-size:12px;
font-weight:bold;
}
p.mediatx{
padding: 0 0 0 20px;
line-height: 1.6;
}
div#contents #rightbox .subtitle{
margin: 20px 0 10px 0;
font-size:12px;
font-weight:bold;
}
/* title--h1--------------------------------------- */
div#contents h1{
display:block;
width:940px;
height:180px;
text-indent:-9999px;
overflow:hidden;
}
div#contents .concepth1{
background:url("../images/concept/concepth1.png") no-repeat;
}
div#contents .infoh1{
background:url("../images/info/infoh1.png") no-repeat;
}
div#contents .profileh1{
background:url("../images/profile/profileh1.png") no-repeat;
}
div#contents .mediah1{
background:url("../images/media/madiah1.png") no-repeat;
}
div#contents .supporterh1{
background:url("../images/supporter/supporterh1.png") no-repeat;
}
div#contents .acrobath1{
background:url("../images/acrobat/acrobath1.png") no-repeat;
}
div#contents .menuh1{
background:url("../images/menu/menuh1.png") no-repeat;
}
div#contents .kobatonyah1{
background:url("../images/kobatonya/kobatonyah1.png") no-repeat;
}
/* subtitle--h2--- */
div#contents #rightbox h2{
border-left:5px solid #c54630;
margin: 20px 0 20px 0;
padding: 3px 0;
font-size:13px;
text-indent:30px;
}
div#contents #rightbox h3{
margin: 20px 0 20px 0;
padding: 8px 20px 8px 25px;
width: 360px;
font-size:12px;
background-color:#c5452f;
color:#fff;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}
/* 保留------------------------------------

div#contents #leftbox h4{
width: 200px;
margin: 20px 0 20px 50px;
padding: 8px 0 8px 20px;
font-size:12px;
background-color:#eff59e;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}
div#contents #leftbox p{
font-size:12px;
line-height:18px;
color:#555555;
margin-bottom:15px;
margin: 0 0 0 53px;
}
div#contents #rightbox .photoboxlast{
width: 320px;
margin: 20px 0 0 40px;
background-color:#ffffff;
}
div#contents #rightbox .cap{
text-align: right;
margin: 5px 0 ;
font-size:12px;
}

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



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

　　　top_page_contents

*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*/
/* -------slider */
.theme-default #slider {
margin:0 auto 30px auto;
}
.theme-default #slider2 {
margin:0 auto;
}
div#ssliderbox{/* -------s size slider */
width: 340px;
height: 268px;
background:url("../images/top/contents/ssl_bg.png") no-repeat;
float:left;
margin-left: 20px;
}
div#ssliderbox #sslider{
width: 340px;
height: 160px;
padding-top:108px;
}
/* -------blogbox */
div#blogbg{
width: 940px;
height: 310px;
background:url("../images/top/contents/blog_bg.png") no-repeat;
position:relative;
padding-bottom:30px;
}
div#blogbg #linkbox{
width: 220px;
height: 310px;
position:absolute;
top:0px;
left:0px;
}
div#blogbg #box{
width: 625px;
height: 140px;
position:absolute;
top:120px;
left:245px;
overflow-y: scroll;
}
#feed{
}
#feed .blogdate{
font-weight: bold;
padding-top: 4px;
color: #e21017;
}
#feed .blogtitle{
font-weight: bold;
color: #4e3b29;
}
#feed li{
border-bottom: 1px dotted #ccc;
padding-bottom: 4px;
}
/* ------newsbox */
div#newsbox{
width: 580px;
height: 410px;
background:url("../images/top/contents/news_bg.png") no-repeat;
position:relative;
float:left;
}
div#newsbox #box{
width: 530px;
height: 250px;
position:absolute;
top:130px;
left:25px;
overflow-y: scroll;
background-color:#fff7e3;
}
div#newsbox #box dt{
font-weight:bold;
padding-top:4px;
}
div#newsbox #box dd{
border-bottom:1px dotted #000;
padding-bottom:4px;
padding-right:8px;
}

/* ------PosterBox トップページでの画面２分割掲示用class作成20200911 */
div.PSbox_h600{
width: 460px;
height: 600px;
position:relative;
float:left;
}
div.PSbox_h600 .box1{
width: 440px;
height: 600px;
position:absolute;
left:10px;
overflow-y: hidden;
}
div.PSbox_h600 .box2{
width: 440px;
height: 600px;
position:absolute;
left:30px;
overflow-y: hidden;
}

div.PSbox2_h600{
width: 460px;
height: 600px;
float:left;
padding-left:10px;
}


/* ------SNSbox */
div#snsbox{
width: 460px;
height: 600px;
position:relative;
float:left;
}
div#snsbox2{
width: 460px;
height: 600px;
float:left;
padding-left:20px;
}
/* ------住所など */
div#ad{
width: 340px;
float:left;
text-align:right;
margin: 50px 0 0 20px;
}
div#ad p{
font-size:10px;
line-height:15px;
}
/*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*

　　　table

*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*/
div.tablem{
width:600px;
border:1 ;
margin-bottom: 35px;
/* ------text-indent: 10px;　メニューフローの為一時停止 */
}
div.tablem td{
padding: 6px;
height:30px;
border-bottom:1px dotted #999999;
}
div.tablem td.w300{
width:300px;
}
div.tablem td.m1_225{
width:255px;
}
div.tablem td.m2_225{
width:215px;
}
div.tablem td.m3_130{
width:130px;
 text-align:right;
}
div.tablem td.m4_375{
width:375px;
}
.bgc01{
background-color:#eff8c2;
}
.bgc02{
background-color:#f8efc2;
}
.bgc03{
background-color:#f0f9fd;
}
.bgc04{
background-color:#fbe4d9;
}
/*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*

　　　photo

*-*-**-*-**-*-**-*-**-*-**-*-**-*-**-*-*/
div#contents #rightbox .box600{
width: 560px;
padding: 20px;
background-color:#f7f7f7;
}
.photobox200{
width: 200px;
padding: 8px;
margin-bottom: 8px;
margin-left: 20px;
background-color: #e3dfde;
float:right;
}
.boxtext{
margin-bottom: 10px;
line-height: 1.6;
}