@charset "Shift_JIS";
--------------------------------------------*/

* {
margin : 0; 
padding : 0; 
font-weight : normal; 
}
#my_header{ margin: 20; font-size: 12px; height: 210px;}
#my_body { margin: 0 auto; width : 780px ; background-color: #FFFFFF; border: 1px solid #000000;}
#menu { margin: 0; height : 40px; background-color: #FFFFFF; font-size: 12px; background-image: url("menubutton/menu_wall.gif");}
#my_contents { float : left ; width : 700px ; background-color: #FFFFFF; font-size: 12px; margin-left: 20px; margin-bottom: 10px;}
#main {
float:left;
width:450px;
min-width:450px;
margin-bottom:1em;
padding:1em;
background:#FFFFFF;
color:black;
font-size: 12px;
}
#sub {
float:right;
width:280px;
min-width:280px;
margin-bottom:1em;
padding:1em;
background:#FFFFFF;
font-size: 12px;
}
#my_footer {width : 100% ; clear : both ; background-image: url); margin-right: 20px;}
#index { margin: 0; height: 100%; background-color: #FFCC00 ;font-size : 12px ;}
html{
overflow-y:scroll;
}
/* 記号の文字化け対策 */
.mark {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
}
body
{
margin: 0;
padding: 0;
background-color: #FFCC00;
font-size : 12pt; 
line-height : 150%; 
color : #000000; 
text-align : left;
font-family : Verdana, Chicago, osaka, sans-serif, "ＭＳ Ｐゴシック"; 
background-position: bottom;
}
img {
border : 0; 
}
br {
letter-spacing : normal; 
} 

/* テーブル
----------------------------------------------------------- */
.sample2 th {
border-bottom: 2px solid #000000;
}
.sample2 td	{
border-bottom: 1px solid #DDD;
}
/* メニュー１ */
a.menu-1 {
display:block;
width:66px;
height:31px;
text-indent:-9999px;
background-image: url("menubutton/top.gif"); 
background-position:top;
}
a.menu-1:hover {
background-image: url("menubutton/top.gif");
background-position:bottom;
}
a.menu-2 {
display:block;
width:106px;
height:31px;
text-indent:-9999px;
background-image: url("menubutton/about.gif"); 
background-position:top;
}
a.menu-2:hover {
background-image: url("menubutton/about.gif");
background-position:bottom;
}
a.menu-3 {
display:block;
width:98px;
height:31px;
text-indent:-9999px;
background-image: url("menubutton/event.gif"); 
background-position:top;
}
a.menu-3:hover {
background-image: url("menubutton/event.gif");
background-position:bottom;
}

a.menu-4 {
display:block;
width:81px;
height:31px;
text-indent:-9999px;
background-image: url("menubutton/join.gif"); 
background-position:top;
}
a.menu-4:hover {
background-image: url("menubutton/join.gif");
background-position:bottom;
}

a.menu-5 {
display:block;
width:101px;
height:31px;
text-indent:-9999px;
background-image: url("menubutton/circle.gif"); 
background-position:top;
}
a.menu-5:hover {
background-image: url("menubutton/circle.gif");
background-position:bottom;
}
a.menu-6 {
display:block;
width:81px;
height:31px;
text-indent:-9999px;
background-image: url("menubutton/q_a.gif"); 
background-position:top;
}
a.menu-6:hover {
background-image: url("menubutton/q_a.gif");
background-position:bottom;
}
a.menu-7 {
display:block;
width:77px;
height:31px;
text-indent:-9999px;
background-image: url("menubutton/link.gif"); 
background-position:top;
}
a.menu-7:hover {
background-image: url("menubutton/link.gif");
background-position:bottom;
}
a.menu-8 {
display:block;
width:128px;
height:31px;
text-indent:-9999px;
background-image: url("menubutton/contact.gif"); 
background-position:top;
}
a.menu-8:hover {
background-image: url("menubutton/contact.gif");
background-position:bottom;
}


/* メニュー１おわり */


/* 見出し */
h1 
{
font-size : 130％; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
background :url(menubutton/text_wall_dot.gif) repeat;

}
h2{
font-size : 120%; 
background :url(img/line.gif) repeat-x bottom;
}
h3{
margin-left: 10px;
background-image:url(menubutton/h3.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:20px;
font-size:100%;
color:#000000;
border-bottom:dotted 1px #C0C0C0;
}

}
h4 {
font-size : 120%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
background :url(img/line.gif) repeat-x bottom;
} 
h5{
font-size : 11px; 
padding: 10px 0 5px 0;
}


p {
padding: 5px 0 20px 0;
margin-left: 10px;
} 
ul {
margin-left: 10px;
}

form{
padding : 10px 0;
}
textarea,input,select {
font-size : 10pt; 
color : #000000; 
border : 1px solid #333333;
background-color : #ffffff;
margin: 2px 0;
padding : 1px;
}
/* INFO */
.info{
overflow: auto;
width : 250px;
height : 60px;
margin: 10px 0 20px 0;