/* CSS Document */
body{
background-image:url(../img/bg.jpg);
margin:0px 0px 0px 0px;
text-align:center;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif;
}

#bg{
width:750px;
background-image:url(../img/kage.jpg);
text-align:left;
margin:0px auto;
padding:0px;
}

:root #bg{
width:762px;
background-image:url(../img/kage.jpg);
text-align:left;
margin:0px auto;
padding:0px;
}

#container{
width:750px;
text-align:left;
margin:0px 0px 0px 8px;
padding:0px;
}

/* IE07?a */

*:first-child+html #bg{
width:762px;
background-image:url(../img/kage2.jpg);
text-align:left;
margin:0px 0px 0px 0px;
padding:0px;
}

*:first-child+html #container{
width:757px;
text-align:left;
margin:0px 0px 0px 8px;
padding:0px;
}


#top{
margin:0px;}

/* ? */

.pict{
margin:0px 20px 0px 0px;
padding:0px;
float:left;}

.pict2{
float:left;
padding-right:3px;}

.pict3{
float:left;
margin-right:10px;
}

.pict5{
float:left;
margin:5px 10px 10px 0px;
}

.pict4{
margin-top:6px;
}

/* ?E?*/

:root #nav{
float:left;
width:220px;
padding:3px 0px 0px 0px;
}

#nav{
float:left;
width:220px;
padding:15px 0px 0px 0px;
}
#nav ul{
list-style:none;
font-size:12px;
}

#nav li{
display:inline;
border-left:1px dotted #6666FF;
padding-left:7px;
padding-right:4px;
margin-left:50px;
}

#nav a{
text-decoration:none;
color:#6666FF;
}

.ditted{
border-right:1px dotted #6666FF;
padding-right:4px;}

#btn{
float:left;
padding-top:12px;
}

/* ?? */
#menu{
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
clear:both;}

/* ?E*/

#main{
margin:10px 20px 5px 20px;
color:#666666;
font-size:small;
}

#info{
width:48%;
background-color:#FFFFFF;
line-height:1.2em;
float:left;
margin-right:15px;
}

h2{
 font-size: 14px;
 padding-left:40px;
 line-height:2em;
 margin:0px;
 }
 
#info h2 {
  background: url(../img/wakaba.gif) no-repeat;
}

a{
text-decoration:none;
color:#666666;
}

a:hover{
text-decoration:underline;
color:#3366FF;
}

.color01{
color:#FF3333;
}

.color02{
color:#FF9900;
}

.color03{
color:#663300;
}

.color04{
color:#6633CC;
}

.color05{
color:#3333FF;
}
.color07{
color:#3366FF;
}
.color06{
color:#E35814}

.day{
color:#3366FF;
font-weight:bold;
font-size:small;
}

.dotted{
padding-bottom:5px;
margin-bottom:8px;
border-bottom:1px dotted #999999;}


#info2{
line-height:1.2em;
float:left;
width:329px;
}

#pickup{
margin:0px;
line-height:1.3;
}

h3{
display:block;
margin-bottom:3px;
padding-left:10px;
font-size: 14px;
background: url(../img/sankaku.gif) no-repeat;
 }
 
h4{
display:block;
font-size: 14px;
margin:5px 0px 0px 0px;
padding-left:15px;
padding-bottom:0px;
background: url(../img/sankaku.gif) no-repeat;
 }

h6{
display:block;
font-size: 14px;
margin:5px 0px 0px 0px;
padding-left:15px;
padding-bottom:0px;
 }
 
h5{
display:block;
width:280px;
font-size:16px;
border-left:5px #91C54E solid;
padding:3px 8px;
margin:10px 0px;
}
 
.name{
display:block;
font-weight:bold;
font-size:15px;
line-height:1.2;
margin-bottom:8px;
}
.no{
font-weight:bold;
font-size:small;
}
 
.intro{
color:#666666;
font-size:small;
}

#video{
clear:both;
padding-top:10px;
}

.coment{
margin:0px;
padding-left:0px;
width:195px;}

.mirai{
float:left;
width:195px;
padding-right:0px;
padding-top:5px;}

.yume{
float:left;
width:195px;
padding-right:0px;
padding-top:5px;}

#footer{
clear:both;
text-align:center;
font-size:smaller;
margin-top:20px;
}

.ame{
margin:50px 0px 250px 210px;
font-size:medium;
}
 
.ame2{
margin:50px 0px 250px 50px;
font-size:medium;
}

/* ?E*/
#mail{
background:url(../img/mail02.gif) no-repeat top left;
width:160px;
height:22px;
margin:20px 0px 5px 0px;
padding:23px 0px 0px 45px;
font-size:15px;
float:left;
}

.act{
margin:20px 0px 5px 10px;
}

#banner{
clear:both;}

/* ?E*/
#mail a{
text-decoration:underline;
color:#3366FF;
}


/*border:2px solid #CCCCCC;
#mail a{
text-decoration:underline;
color:#3366FF;
}*/

#bbs{
margin:40px 0px 0px 30px;
}

/* -----------------------上に戻る ----------------------*/

#back{
clear:both;
display:block;
margin-top:5px;
margin-bottom:10px;
width:500px;
line-height:1.5;
font-size:14px;
font-weight:bold;
color:#999999;
text-align:center;
}

#back a{
padding:10px 20px;
color:#666666;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

#back a:hover{
padding:10px 20px;
color:#CCCCCC;
text-decoration:none;
}

/* -----------------------トップ頁新着情報 ----------------------*/
dl{
margin:0px 0px 2px 0px;
padding:0px;
}

dt{
float:left;
color:#3366FF;
font-weight:bold;
font-size:small;
}

dd{
width:290px;
margin:0px 0px 0px 40px;
padding:0px 0px 0px 0px;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
/*
*{
border:#999999 1px solid;
}
*/

/* スクロールバーの有無によるセンタリングのずれ解消　*/
html{
height:100%;
margin-bottom:1px;
}