/*
body {
background-color: #3399FF;
width:700px;
margin:0 auto;
color:#333333;
font-size:12px;
}
*/
html{
height:100%;
margin:0;
}
body{
margin:0 auto;
height:100%;
font-size:80%;
color:#333333;
background-color: #3399FF;
}
* html div#wrap{
height:100%;
}
div#wrap{
width: 700px;
margin:0px auto;
position:relative;
min-height: 100%;
width: 700px;
margin:0px auto;
background-color:#FFFFFF;
}
body > #wrap {
height: auto;
}
div#up{
padding-bottom:40px;
}
#footerArea{
position:absolute;
bottom:0px;
height:40px;
width:100%;
background:url(img/footer.gif) bottom no-repeat;
width:700px;

}



p {
line-height:1.5em;
}
a {
color:#3366FF;
}
a:hover {
color:#666666;
}
h1 {
margin:10px;
height:50px;
width:500px;
text-indent:-9999px;
background-repeat:no-repeat;
}
img.qr {
float:right;
}
h1.top {
background-image:url(img/h1_top.gif);
}
h1.sche {
background-image:url(img/h1_sche.gif);
}
h1.member {
background-image:url(img/h1_member.gif);
}
h1.sound {
background-image:url(img/h1_sound.gif);
}
h1.bbs {
background-image:url(img/h1_bbs.gif);
}
h1.past {
background-image:url(img/h1_past.gif);
}
h1.link {
background-image:url(img/h1_link.gif);
}h1.mail {
background-image:url(img/h1_mail.gif);
}
h2 {
clear:both;
}

/* header */
div#header{
background-color: #3399FF;
height:109px;
}
#header p {
width:95px;
height:29px;
background-image:url(img/h_sp.gif);
text-indent:-9999px;
margin:0;
padding:0;
float:left;
}
#header h1.nor{
background-image:url(img/title.gif);
height:80px;
width:700px;
margin:0;
padding:0;
text-indent:-9999px;
}
#header h1.sada{
background-image:url(img/title_kuma.gif);
height:80px;
width:700px;
margin:0;
padding:0;
text-indent:-9999px;
}
#header h2,#header h3,#header h4,#header h5 {
display:none;
}



/* main */
#main {
clear:both;
background-color:#FFFFFF;
color:#333333;
background-image:url(img/main_top.gif);
background-position:top;
background-repeat:no-repeat;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
width:680px;
}
#main h1 {
margin-top:30px;
margin-bottom:30px;
}
#main h2 {
background:url(img/h2_bg.gif) no-repeat;
color:#FFF;
padding-top:3px;
padding-left:10px;
font-size:16px;
height:22px;
width:590px;
margin:8px auto;
}
#main div.member h2 {

}
#main h3 {
margin-left:20px;
}
#main h4 {
margin-left:20px;
}
#main p {
margin-left:20px;
}
div.center400 {
margin:0 auto;
width:400px;
height:400px;
}
/* u_menu */
#u_menu {
text-align:center;
background-color:#FFFFFF;
font-size:10px;
float:none;
clear:both;
width:700px;
}
#u_menu a{
color:#3399FF;
}
#u_menu a:hover{
color:#FF3300;
}
/* footer */
#footer {

text-indent:-9999px;
font-size:1px;
color:#FFF;

}


/* menu */
#header li{
list-style:none;
margin:0;
padding:0;
}
#header ul{
margin:0;
padding:0;
float:right;
position:relative;
}
#header li {
display:block;
float:left;
height:29px;
margin:0;
padding:0;

}
#header li a {
margin:0;
padding:0;
display:block;
float:left;
height:29px;
outline:none;
text-indent:-9999px;
text-decoration:none;
}
#header li.h_menu1 a{
background-image:url(img/h_menu1.gif);
width:62px;
}
#header li.h_menu2 a{
background-image:url(img/h_menu2.gif);
width:102px;
}
#header li.h_menu3 a{
background-image:url(img/h_menu3.gif);
width:95px;
}
#header li.h_menu4 a{
background-image:url(img/h_menu4.gif);
width:82px;
}
#header li.h_menu5 a{
background-image:url(img/h_menu5.gif);
width:55px;
}
#header li.h_menu6 a{
background-image:url(img/h_menu6.gif);
width:68px;
}
#header li.h_menu7 a{
background-image:url(img/h_menu7.gif);
width:64px;
}
#header li.h_menu8 a{
background-image:url(img/h_menu8.gif);
width:64px;
}

#header li.h_menu_hl {
position:absolute;
top:-20px;
left:450px;
}
#header li.h_menu_hl a{
height:18px;
background-image:url(img/h_menu_hl.gif);
width:140px;
}


#header li a {
background-position:left;

}
#header li a:hover{
background-position:right;
}
#header li a.page {
background-position:right;
}
.contarea {
width:600px;
margin:0 auto;
}
/* headline */
.headline {
width:600px;
margin:0 auto 30px;
}
.headline img {
float:right;
margin-left:10px;
padding-bottom:10px;
}
#main .headline h3 {
/*
font-size: small;
border-bottom:solid 1px #FF9900;
padding-left:5px;
margin-left:5px;
padding-top:5px;
*/
margin-left:0;
}
#main h2#headlineTitle{
margin:0 0 10px 0;
text-align:center;
padding:0;
height:46px;
background:none;
width:100%;
}
.headline .date{
font-size:x-small;
color:#999999;
}
.headline .vph{
margin-top:20px;
}
.headlinefoot {
text-align:right;
margin-bottom:50px;
margin-top:20px;
clear:both;
}

/* index page */

#info {
width:660px;
margin:0 auto;
margin-top:30px;
background-image:url(img/index_info_bg.gif);
}
#info h2 {
width:660px;
margin:0;
background-image:url(img/index_info_h2.gif);
text-indent:-9999px;
padding:0;
height:36px;
}
#info h3{
font-size:small;
background-color:#CCCCCC;
color:#333;
margin:0;
margin-bottom:5px;
margin-top:5px;
margin-right:15px;
padding:0 5px;
clear:both;
}
#info div.new {
width:300px;
display:block;
float:left;
margin:0;
padding:0;
padding-top:20px;
padding-left:15px;
padding-right:15px;
}
#info div.mob {
width:300px;
display:block;
float:left;
margin:0;
padding:0;
padding-top:20px;
padding-left:20px;
padding-right:10px;
}
.readrss {
color:#333;
width:280px;
margin-left:5px;
}
.readrss a {
font-weight:bold;
}
.rssdate {
font-size:x-small;
text-align:right;
}

/* past page */
#repomenu {
width:600px;
margin:0 auto;
line-height:1.6;
}
#repomenu a{
white-space:nowrap;
}
#repomenu strong{

}
#repocont{
width:600px;
margin:0 auto;
}
#repocont p.pastInfo {
width:250px;
border:2px dotted #999999;
float:right;
padding:10px;
margin-bottom:10px;
}
#repocont p.floatRight {
float:right;
}
#repocont p.floatLeft {
float:left;
}
#repocont p.clearBoth {
clear:both;
}
.clearBoth {
clear:both;
}


/*youtube関係 20100111〜*/
div.pastInfo{
border:1px solid #999999;
padding:10px;
width:403px;
margin:10px auto;
}

div.pastInfo em{
font-style:normal;
display:block;
text-align:center;
color:#666666;
}

#youtubeMenu li{
color:#3366FF;
}
#youtubeMenu li:hover{
color:#666;
}
#youtubeMenu li.select{
font-weight:bold;
color:#FF6600;
}

#youtube{
width:480px;
margin:0 auto 30px;
}

#youtube p{
text-align:right；
}



/* link page */

.link a{
font-weight:bold;
border-left:11px solid #CCC;
padding-left:5px;
margin-left:50px;
line-height:1.5em;
}
.link p{
padding-left:50px;
margin:0;
}
.notxt {
margin-bottom:10px;
}

/* mail page */
div.error {
color:#FF0000;
font-weight:bold;
}
#mail {
width:450px;
margin:0 auto;
}
.mailcheck {
border:1px solid #999;
padding:10px;
}
form.conf {
width:50%;
float:left;
text-align:center;
margin-top:20px;
}
form.sendform{
text-align:center;
}

/* sche page */
div.sche {
width:500px;
margin: auto;

}
div.sche p {
float:left;
width:250px;
padding:0;
margin:0;
margin-bottom:10px;
}
div.sche dl {
width:200px;
float:right;
border:1px solid #999999;
padding:5px;
margin:0;
margin-bottom:10px;
}

/* member page */
div.member {
clear:both;
padding-top:20px;
height:200px;
background-color:#FFFFFF;
width:600px;
margin:0 auto;
}
div.member img {
border: 1px solid #666666;
float:left;
margin:10px;
}
div.member dl {
width:350px;
float:left;
margin-top:20px;
}
div.member dt {
background-color:#DCF3FC;
padding:3px 3px 0 3px;
}
div.member dd {
margin:10px;
}