@CHARSET "UTF-8";

/* custom CSS */
/* カスタム設定を有効にするには、settei.php で $headergrade = 1; を指定してください。 */
.gradient1 {

	background: #666666; /* for non-css3 browsers */
 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#666666'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#666666)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #505050,  #666666); /* for firefox 3.6+ */
}

.gradient2 {

	background: #666666; /* for non-css3 browsers */
 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#777777'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#777777)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #666666,  #777777); /* for firefox 3.6+ */
}

/* ヘッダ部グラデーション下部にアンダーラインを入れるため、高さを小さくする */
/*
#syncheader{
	background: #a7a7a7;
}
#headertitle{
	top: 6px !important;
	* top: 8px !important;
}
#headergra1{
	height: 19px !important;
}
#headergra2{
	height: 20px !important;
	top: 18px !important;
}
#copyarea{
	height: 21px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F08200;
}
*/


/* 再設定 */

/* カスタマイズエリア ボタンを配置したりできます。*/
/* visibility をvisibleに変更 */
/* display をblockに変更 */

#ended_out{
	opacity:0;
}

#sousabtn li a{
	color:#fff;
	font-size:11.5px;
	width:100px;
	line-height:19px;
	padding-top:7px;
	padding-bottom:6px;
	border-radius: 0.2em;        /* CSS3草案 */  
	-webkit-border-radius: 0.2em;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0.2em;   /* Firefox用 */ 
}

#btnTenkai{
	width: 140px;
	height:19px;
	font-size: 12px;
}

/*
.spwaku2 li:nth-child(1){
	width:76px !important;
}
.spwaku2 li:nth-child(2){
	width:550px !important;
}
*/


#copyarea{
	text-align:right;
	padding-right:0.3em;
}
#footerfree{
	display: block;
	width:375px;
	left: 10px;
}
#footerfree p{
	width:375px;
}
#footerfree p img{
	width:100%;
	margin: 0 0px 0 0;
}

#speaker li a.mark{
	padding-bottom:3px !important;
	margin-bottom:4px !important;
	border-bottom:dotted 1px #dddddf;
}
#speaker li a.mark :hover{
	color:#00F;
}

@media screen and (max-width:959px){
	#footer{
		height: 60px;
	}
	#copyarea{
		text-align: center;
	}
	#footerfree{
		top : 30px;
		left: 0px;
		width:100%;
	}
	#footerfree p{
		width:375px;
		margin:0 auto;
	}
	/*
	#speaker li:not(:last-child){
		padding-bottom:2em;
	}
	*/
}
@media screen and (max-width:399px){
	#footerfree p{
		width:100%;
	}
}