@charset "UTF-8";
/*
*
* 上部固定ヘッダーメニュー
* base.css
*
*/
/*---------------------------------
初期設定
---------------------------------*/
html {
 	font-size : 1;
	}

body {
 	margin:0;
 	padding:0;
 	background-color:#e6e6e6;
 	font-family: " メイリオ",Meiryo,Osaka," ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"," ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}

p {
	font-weight: bold; 
   }

/*---------------------------------
メディアクエリ
---------------------------------*/

@media screen and (min-width:1024px){
#container {
	max-width: 980px;
	padding: 10px 0;
	}



	}


#container, .nav {
	width: 100%;
	margin: 0 auto;
	}

/*---------------------------------
ドロップダウンメニュー
---------------------------------*/

.nav{
 	margin:0;
 	padding:0;
	background-color:#e6e6e6;
	}

.pict{
 	margin:0 auto;
 	padding:0;
	}

.fixed{
	 position:fixed;
	 top:0;
	 max-width: 980px;
	 margin:0 auto;
	 Z-index:10000
	}

#dropmenu{
	  list-style-type: none;
	  width: 100%;
	  height: 40px;
	  padding: 0;
	  background: #554562;
	  border-bottom: 5px solid #494562;
	  border-radius: 3px 3px 0 0;
	}

#dropmenu li{
	  position: relative;
	  width: 16.6%;
	  float: left;
	  margin: 0;
	  padding: 0;
	  text-align: center;
	}
#dropmenu li a{
	  display: block;
	  margin: 0;
	  padding: 15px 0 11px;
	  color: #fff;
	  font-size: 1;
	  font-weight: bold;
 	  line-height: 1;
	  text-decoration: none;
}
#dropmenu li ul{
	  list-style: none;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  margin: 0;
	  padding: 0;
	  border-radius: 0 0 3px 3px;
	}

#dropmenu li ul li{
	  overflow: hidden;
	  width: 100%;
	  height: 0;
	  color: #fff;
	  -moz-transition: .2s;
	  -webkit-transition: .2s;
	  -o-transition: .2s;
	  -ms-transition: .2s;
	  transition: .2s;
}
#dropmenu li ul li a{
	  padding: 15px 15px; 
	  background: #494562;
	  text-align: left;
	  font-size: 1;
	  font-weight: normal;
}

#dropmenu li:hover > a{
	  background: #554562;
	  color: #eff7b1;
	}

#dropmenu > li:hover > a{
	  border-radius: 3px 3px 0 0;
	}
#dropmenu li:hover ul li{
	  overflow: visible;
	  height: 38px;
	  border-top: 1px solid #444562;
	  border-bottom: 1px solid #494562;
	}

#dropmenu li:hover ul li:first-child{
	  border-top: 0;
	}
#dropmenu li:hover ul li:last-child{
	  border-bottom: 0;
	}
#dropmenu li:hover ul li:last-child a{
	  border-radius: 0 0 3px 3px;
	}

/*---------------------------------
タイトル
---------------------------------*/

#header{
	width: 95%;
	text-align: left;
	font-size: 90%;
 	padding: 10px;
	margin:10px;
	float: left;	


	}

.order{
	width: 95%;
	text-align: left;
	font-size: 120%;
 	padding-left: 20px;
	margin-left:15px;
	}
#coco1{
	width: 100%; 
	padding-top:20px;
	float:left;
	}

#coco2{
	width: 100%; 
	padding-top:50px;
	float:left;
	}

#coco3{
	width: 100%;
	padding-top:50px;
	float:left;
	}

/*---------------------------------
Iframe
--------------------------------*/

.ifrm {
	width:100%;
	height:100%;
	border:none;
	display:block;
	}


/*---------------------------------
カウンターとフォントサイズ
---------------------------------*/

#fontsize {
	text-align: left;
	font-size: 60%;
	float: left;
	width: 100%;
	}
/*---------------------------------
コンテンツ全般
---------------------------------*/
.box1-1 {
	width: 95%;
	text-align: left;
	font-size: 1;
	margin: 0px;
	margin-bottom: 10px;
	vertical-align: top;
	float: left;
	padding-left: 12px;
	padding-right: 22px;
	}

.box1-2 {
	width: 95%;
	text-align: left;
	margin-top: 20px;
	vertical-align: top;
	float: left;
	padding-left: 12px;
	padding-right: 22px;
	}

.dbox {
	display: inline-block;
	text-align: center;
	font-size: 80%;
	margin: 20;
	padding: 20;
	height: 100px;
	}

.sbox {
	width: 95%;
	text-align: left;
	font-size: 80%;
	margin: 20 10;
	padding: 12px;
	vertical-align: top;
	float: left;
	}

/*---------------------------------
共通見出し
---------------------------------*/
.midashi2 {
	width: 100%;
	height: 80px;
	margin-top: 10px;
	float: left;
	}


/*---------------------------------
主催
---------------------------------*/
h4.nn {
	background-position: 0px; 
	width: auto; 
	padding: 10px;
	font-size: 120%; 
	height: 18px; 
	text-align: left; 
	background-repeat: repeat; 
	background-color:  #eaadbd;
	}

/*---------------------------------
動画フレーム
---------------------------------*/

#player {
	width: 40%;
	float: left;
	padding-left: 10%;
	}
#thumbnail {
	float: right;
	width: 20%;
	padding-right:30% 
	}
#thumbnail li {
	font-size : 1.0em;
	margin-bottom: 10px;
	text-align: right;
	}
#thumbnail li img {
	width: 35%;
	height: auto;
	vertical-align: middle;
	}


/*---------------------------------
フッタ用BOX
---------------------------------*/
#footer {
	background-position: 0px 0px; 
	padding: 3px 0px 0px; 
	width: 100%;
	height: 25px; 
	text-align: center; 
	clear: both; 
	font-size: 90%; 
	background-color: #eaadbd;;
	}