@charset "UTF-8";
/* TOP CSS */

body {
background: url(../img/bg01.jpg) top center no-repeat;
background-size: 100% auto;
}

/* =========
:: #container
========= */
#container {
margin-top: 35%;	
}

/* =========
:: #conts
========= */
#conts {
padding: 0px 0px 0px 20px;	
}
/* -- 共通 --*/
.topiBox {
width: 290px;
height: 290px;
float: left;	
margin: 20px 20px 0 0;
box-sizing: border-box;
}
.topiBox img{
width: 100%;
}
.topiBox a:hover{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;	
}
.topiBox p.next{
text-align: right;
font-size: 12px;	
}
/* -- 作品集用 --*/
.galleryBox {
border: 1px solid #ccc;
position:relative;
display:block;
}
.galleryBox img{
z-index:0;
}
.galleryBox p{
width: 268px;
padding: 10px;
background: #fff;
opacity: 0.8;
filter: alpha(opacity=80);/*IE7*/
font-family: serif;
font-weight: bold;
position:absolute;
bottom:0px;
left:0px;
z-index:1;
}
.galleryBox p span{
padding: 3px 5px;
background: #036;
font-family: sans-serif;
font-weight: normal;
color: #fff;
font-size: 11px;
margin: 0 10px 0 0;
}
/* -- プロフ用 --*/
.profBox {
}
.profBox h2{
font-size: 22px;
font-weight: bold;
font-family: serif;
}
.profBox p.catch{
font-size: 32px;
font-weight: bold;
margin:0;
line-height: 2.5;
}
/* -- お知らせ用 --*/
.newsBox {
background: url(../img/bg_news.jpg) bottom right no-repeat;
background-size: 80% auto;
}
.newsBox h2{
font-size: 26px;
font-weight: bold;
font-family: serif;
border-bottom: 1px dashed #ccc;
padding: 0;
margin: 0;
}
.newsBox h2:first-letter{
color: #0D74A8;
font-size: 44px;
}
.newsBox h2.eventNews:first-letter{
color: #ffcc00;
}
.newsBox h2.houkokuNews:first-letter{
color: #99cc33;
}
.newsBox h2 a{
text-decoration: none;
font-size: 16px;
float: right;
padding: 5px;
background: #333;
color: #fff;
}
.newsBox dl{
margin: 10px 0;
}
.newsBox dt{
font-size: 12px;
}
.newsBox dd{
margin: 10px 0 0 0;
line-height: 1.4;
}
.newsBox dd span.date{
font-weight: bold;
font-size: 14px;
background: #ddd;
}
.newsBox dd p{
margin: 0 0 1em 0;
}

/* -- 動画チャンネル --*/
.youtubeBox {
background: url(../img/bg_youtube.jpg) bottom center no-repeat;
background-size: cover;
border: 1px solid #ccc;
}
.youtubeBox h2{
font-size: 26px;
font-family: serif;
padding: 0;
margin: 0;
line-height: 1.3;
}
.youtubeBox h2 span{
font-size: 14px;
font-weight: normal;
}
.youtubeBox h2 a{
display: block;
text-decoration: none;
padding: 0px 10px 5px 10px;
background: url(../img/logo_youtube.png) #666 right no-repeat;
color: #fff;
}
.youtubeBox dl{
margin: 0;
padding: 10px;
}
.youtubeBox dt{
font-size: 12px;
}
.youtubeBox dd{
margin: 10px 0 0 0;
line-height: 1.4;
}
.youtubeBox dd span.date{
font-weight: bold;
font-size: 14px;
background: #ddd;
}
.youtubeBox dd p{
margin: 0 0 1em 0;
}

/* -- 大きいバナー用 --*/
.bnBoxWide {
width: 910px;
margin: 0;
padding:0;
}
.bnBoxWide img{
width: 100%;
}

/* -- LINKバナー用 --*/
.bnBox{
margin: 60px 20px 20px 20px;
box-sizing: border-box;
}
.bnBox a:hover{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;	
}
.bnBox h2{
font-size: 26px;
font-weight: bold;
font-family: serif;
border-bottom: 1px dashed #ccc;
padding: 0;
margin: 0;
}
.bnBox h2:first-letter{
color: #0D74A8;
font-size: 44px;
}
.bnBox ul{
margin: 10px 0 20px 0;
}
.bnBox ul li{
display: inline;
}