@charset "utf-8";

/* default.css */

*{
margin: 0;
padding: 0;
font-size: 11px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
>font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; 
color: #000;
}

p,ul,li,div{
line-height: 1.8em;
}

img{
border: none;
vertical-align:bottom;
}

li{
list-style: none;
}

a:link,a:visited,a span{
text-decoration: none;
color: #000;
}

a:hover{
text-decoration: none;
}

header,nav,aside,footer,section,article{
display: block;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* module.css */
*{
font-family: 'Hiragino Maru Gothic Pro','Hiragino Maru Gothic Pro W3','ヒラギノ角ゴ Pro W3','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro W4','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
>font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; 
}

body{
background: url(images/main-bg.png);
text-align: center;

}

header h1{
}

#main{
width: 950px;
margin: 0 auto;
}


#lead{
width: 820px;
margin: 0 auto;
background: url(images/camp-lead-bg-top.png) no-repeat top center;
margin-top: 30px;
padding-top: 32px;
}

#lead #lead-main{
background: url(images/camp-lead-bg-middle.png) repeat-y center;
}

#lead #lead-bottom{
background: url(images/camp-lead-bg-bottom.png) no-repeat;
height: 40px;
}

#lead-main p{
font-size: 14px;
color: #555;
font-weight: bold;
}

#lead-main .banner{
margin-top: 30px;
}



#lead-main .shots{
width: 727px;
margin: 30px auto 0;
}

#lead-main .shots img{
border:1px solid #ccc;
margin: 0 4px;
}

#lead-main .about-digram{
font-size: 13px;
background: url(images/camp-about-bg.png) no-repeat;
width: 727px;
margin: 30px auto 0;
padding-top: 50px;
height: 148px;
line-height: 25px;
}

#main h2{
margin-top: 20px;
margin-bottom: 30px;
}

#main .box{
width: 798px;
margin: 0 auto;
box-shadow: 0 0 7px #999;
}

.box .present{
padding-top: 30px;
padding-bottom: 30px;
}

#main .box01{
background: url(images/camp-box-bg.png) repeat-y;
border:2px solid #fa7561;
}

#main .box02{
background: url(images/camp-box-bg.png) repeat-y;
border:2px solid #4f8cd6;
margin-top: 50px;
}

.box02 .exp{
margin-top: 30px;
font-size: 14px;
color: #666;
line-height: 30px;
}

.box02 .exp span{
font-size: 20px;
color: #666;
}

#main .box03{
background: #f5f5f5;
border:2px solid #666;
margin-top: 50px;
padding-bottom: 30px;
}

.box03 h4{
font-size: 18px;
color: #555;
margin-top: 30px;
}

.box03 p {
margin-top: 20px;
}

.box03 .to-apply{
font-size: 15px;
color: #555;
font-weight: bold;
}

.to-apply span{
color: #fa7561;
font-size: 15px;
}

.box03 .caution{
font-size: 12px;
color: #666;
}

.box03 .caution span{
color: #fa7561;
}

.box03 .date{
margin-top: 30px;
margin-bottom: 50px;
}

.box03 .banner{
margin-top: 30px;
}

.book{
background: url(images/camp-book-bg.png) no-repeat;
width: 701px;
margin: 50px auto 0;
height: 224px;
padding-top: 45px;
}

.book .book-left{
float: left;
width: 140px;
margin-left: 45px;
}

.book .book-left img{
border: 1px solid #ccc;
}

.book .book-right{
float: right;
width: 432px;
margin-right: 45px;
}

.book .book-right p{
font-size: 15px;
color: #666;
text-align: left;
font-weight: normal;
height: 139px;
}

.mouseover:hover{
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}