@charset "utf-8";
/*utaTSubu－スタイル設定*/
/*全体---------------------------------------*/
*{
   margin:0;
   padding:0;
}
body{
   background-color:#000;
   /*color:#393;*/
   font-family:font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino KakuGothic Pro",Osaka,sans-serif;
}
/*@font-face{
    font-family:'WebSymbolsRegular';
    src: url('websymbols-regular-webfont.eot');
    src: url('websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('websymbols-regular-webfont.woff') format('woff'),
         url('websymbols-regular-webfont.ttf') format('truetype'),
         url('websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


/*div#{
	border:1px solid red;
}
p{
	border:1px solid blue;
}*/


/*レイアウト-----------------------------------*/
div#wrapper{
   width:950px;
   background-colo:#000;
   margin-right:auto;
   margin-left:auto;
   padding-top:40px;
   
}

div#header{
   height:200px;
   background-color:#fff;
   color:#fff;
   background-image:url(images/uta.gif);
   background-repeat:no-repeat;
   margin-right:auto;
   margin-left:auto;
  /* position:fixed;*/
}
div#gnavi{
   height:50px;
   background-color:#000;
   
}
div#content{
   width:610px;
   height:700px;
   background-color:#D4DDE4;
   padding:5px 10px;
   float:left;
   overflow:scroll;
}
div#box1{
  width:300px;
  height:350px;
  background-color:#000;
  float:right;
}
div#box2{
  width:200px;
  height:200px;
  background-color:#000;
  float:right;
  margin-right:30px;
  margin-top:20px;
}
div#box3{
  width:300px;
  height:350px;
  background-color:#000;
  float:right;
}
div#box4{
  width:200px;
  height:200px;
  background-color:#000;
  float:right;
  margin-right:30px;
  margin-top:20px;
}
div#box5{
  width:200px;
  height:150px;
  background-color:#000;
  float:right;
  margin-right:72px;
  margin-top:20px;
}
/*div#social-icon {
	font-size:50px;
	font-family:'WebSymbolsRegular';
    color: #fff;
	text-decoration: none;
	text-shadow: 0 0 1px #000,2px 2px 2px #aaa;
	padding: 0 5px;
}
/*#social-icon a.facebook:before {color: #3b5998; content: "f";}
#social-icon a.google-plus:before {color: #c53727; content: "g";}
#social-icon a.twitter:before {color: #00a1e9; content: "k";}
#social-icon a.feed:before {color: #ff8c00;content: "r";}
#social-icon a.hatena:before {color: #0075c2;content: "v";}*/
div#footer{
   background-color:#717a91;
   height:80px;
   margin-left:10px;
   margin-right:10px;
   clear:both;
}
 


/*コンテンツ部分--------------------------------*/
div#content p{
  background-color:#000;
  color:#fff;
  font-family:Hiragino Kaku Gothic Pro;
  font-size:0.85em;
  padding:5px;
  line-height:20px;
}

/*div#content div#main-img img{
  margin-left:-10px;
}*/
 
/*-----------------------------------------------*/
div#content dl{
   margin-left:2px;
   margin-bottom:5px;
   padding:10px;
  
}
div#content dl dt{
   width:570px;
   height:75px;
   background-color:#001c1f;
   color:#fff;
   font-weight:bold;
   
}
div#content dl dd{
   width:570px;
   height:75px;
   font-size:1.5em;
   background-color:#001c1f;
   color:#fff;
   margin-bottom:8px;
   
}

/*Youtube画像部分-------------------------------------*/
div#box1 h2{
  color:#fff;
  font-style:bold;
  font-size:1.25em;
  margin-top:10px;
  margin-left:25px;
}
div#box2 h3{
  color:#fff;
  font-style:bold;
  margin:60px 40px;
}
 
div#box3 h2{
  color:#fff;
  font-style:bold;
   font-size:1.25em;
  margin-top:10px;
  margin-left:25px;
}
div#box4 h3{
  color:#fff;
  font-style:bold;
  margin:60px 40px;
} 

/*CD-------------------------------------*/
#main-img2 img{
  margin-top:35px;
  margin-left:70px;
}


/*グローバルナビ部分---------------------------------*/
div#gnavi ul{
   list-style-type:none;
   width:600px;
   height:50px;
}
div#gnavi li{
   float:left;
   width:100px;
}
div#gnavi li a{
   display:block;
   line-height:50px;
   text-align:center;
   color:#fff;
   font-family:Meiryo;
   font-size:1.0em;
   font-size:bold;
   text-decoration:none;
   padding-left:50px;
   background-color:#000;   
}


/*フッター部分--------------------------------*/
div#footer address{
   line-height:80px;
   font-size:1.0em;
   font-style:normal;
   text-align:center;
   color:#fff;
}
   
   
   


/*---------*/
.clearfix{
	zoom:1;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}