@charset "UTF-8";

/********** base ***********/
div#header{
height:200px;
background: url(images/common/film.gif) no-repeat right top;
}
div#header .title{
   position:relative;
   top:60px;
   left:-180px;
}

div#subpageMain{
   float:left;
   margin-top:25px;
   position:relative;

}

div#bgHead{
position:absolute;
top:-15px;
 width:600px;
 height:15px;
 background: url(images/common/backgra_head.gif) no-repeat top;
}
div#bgHead2{
position:absolute;
top:-15px;
 width:700px;
 height:15px;
 background: url(images/common/backgra_head.gif) no-repeat top;
}
div#bgBody{
 width:600px;
 background: url(images/common/gra.gif) repeat-y;
}
div#bgBody2{
 width:700px;
 background: url(images/common/gra.gif) repeat-y;
}
div#bgTail{
 width:600px;
 height:15px;
 background: url(images/common/backgra_tail.gif) no-repeat;
}
div#subpageMain h3{
 height:50px;
 font-size:0.95em;
 padding:0.3em 0.8em;
 margin-bottom:10px;
 color:#30AB9A;
  background: url(images/common/h3back.gif) no-repeat;
}
div#subpageMain h3.title-long {
 background-image: url(images/common/page-title-long.jpg);
 background-position: 0 0;
 background-repeat: no-repeat;
}

.wave{
width:600px;
height:60px;
background: url(images/common/line02.gif) no-repeat right top;
}
/********** 活動レポート ***********/
div#area1 {
 width:600px;
 height:270px;
 background: url(images/common/line01.gif) no-repeat left bottom;
}

div#area2 {
 width:600px;
 height:270px;
 background: url(images/common/line02.gif) no-repeat right bottom;
}

div#area3 {
 width:600px;
 height:270px;
 clear:both;
}

div#subpageMain .text{
   height:260px;
   padding:10px;
   width:260px;
   float:left;

}
div#subpageMain .text2{

   padding:10px;
   width:550px;
}

div#subpageMain .text2 table{
   margin-left:10px;
}
div#subpageMain .text2 td{
   font-size:0.8em;
   width:80px;
}
div#subpageMain .text2 .r{
   text-align:right;
}
div#subpageMain .image{
   position:relative;
   margin-top:10px;
   height:260px;
   width:300px;
   float:left;
}

div#subpageMain .yellow{
margin-left:40px;
padding-top:10px;
padding-left:10px;
height:100px;
width:350px;
background:url(images/common/yellow.gif) no-repeat;
margin-bottom:0px;
}

.uline{
 text-decoration:underline;
}

/**********プログラム紹介**********/
div#subpageMain .program{
 padding:10px;
}
div#subpageMain .program .sche{
 text-decoration:underline;
}
div#subpageMain .program table{
 margin-left:10px;
 border-collapse : collapse ;
}

div#subpageMain .program th{
padding:5px;
 font-weight:normal;
 background:#ffffc8;
 border:3px solid #ffffc8;
}
div#subpageMain .program td{
padding:5px;
 background:#fff;
 border:3px solid #ffffc8;
}
div#subpageMain .month td{
 width:130px;
 font-size:1em;
 text-align:center;
 background:#ffffc8;
}
div#subpageMain .schedule td{
 width:100px;
 font-size:1em;
 background:#fff;
}
div.clear{
clear:both;
}

/**********アスリート紹介**********/
div#subpageMain .profile{
text-align:center;
width:196px;
height:360px;
}
div#subpageMain .profile ul{
text-align:left;
margin:0 0 0 3px;
padding:0;
padding-left:20px;
}
div#subpageMain .profile li{
font-size:0.6em;
list-style:decimal;
}

div#subpageMain .profile img{
padding:10px 10px 20px 10px;
border:#999 1px solid;
}
/**********volunteer**********/
.volImg{
padding:10px;
border-left:#008080 10px solid;
margin-bottom:10px;

}

/**********sanka**********/
#pict{
height:200px;
}
#pict1{
position:absolute;
top:170px;
right:5px;
}
#pict2{
position:absolute;
top:280px;
right:110px;
}
#pict3{
position:absolute;
top:370px;
right:390px;
}
#pict4{
position:absolute;
top:270px;
right:270px;
}
#picttext{
text-align:right;
padding-right:20px;
font-size:0.75em;
}
/**********ouen**********/
#pict5{
position:absolute;
top:330px;
right:10px;
}
/**********gallery**********/
div#subpageMain #accordion {
margin-left:10px;
width:580px;
}
div#subpageMain #accordion .toggler{
cursor: pointer;
line-height:2em;
font-size:1em;
background:#fff;
padding-left:10px;
border-left:10px solid #30AB9A;
border-bottom:2px solid #30AB9A;
margin-bottom:5px;
}
div#subpageMain #accordion img{
padding:5px;
background:#fff;
border:1px solid #999;
}
div.toPhoto{
color:#555;
margin-right:10px;
text-align:right;
font-size:1.2em;
}
.toPhoto a{
text-decoration:underline;
}
/**********ouen**********/
#link p a{
text-decoration:underline;
margin-left:1em;
}

/*clip*/
div#subpageMain .image span{
   display:block;
   height:18px;
   width:20px;
   position: absolute;
   top:2px;
   left: 136px;
   background: url(images/common/pin.png) no-repeat;
behavior: url(iepngfix.htc);
}


div#subpageMain p{
   margin:0 0 1em 0;
   font-size:0.8em;
   line-height:1.4;
}