@CHARSET "utf-8";
*{
	margin:0px;
	padding:0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}

#top {
	width:100%;
	margin:0px;

	height:23px;
	background-color:#3c3c3c;
	position : fixed!important; /* importantで、Mozilla, Opera に対して優先順位を上げて固定配置 */
	position : absolute;        /* Internet Explorer 用に絶対位置配置する */
	/* あとは普通にボックスの位置指定をすればよい。これらは例。0 でなくてもいい */
	left   : 0;
	right  : 0;   
	text-align:right;
	font-size:12px;
	color:white;
	valign:middle;
}

#top a {
	color:#e44aa0;
	text-decoration:none; 
}

#top a:hover {
	color:#2ea9d5;	 
}

#top-left {
	width:620px;  
	float:left;
	text-align:left; 
	margin-left:10px;
}
#top-menu {
	width:100px;
	float:left;
	margin-left:30px;  
} 
#top-right { 
	width:250px; 
	float:right;
}


#contents {
	width:1050px;
	margin-right:0px;
	margin-left:0px;
	padding-top:20px; 
}

#header {
	background-color:#ffffff;
	margin-top:15px;
	margin-left:0px;
	float:left;
	width:30%;
	height:50px;
	text-align:left;
}

#searchform {
	background-color:#ffffff;
	margin-top:15px;
	margin-right:0px;
	float:right;
	width:500px;
	height:50px;
	text-align:right;
}


#main{
	width:1050px;
	float:left;
}
#checker{ 
	width:1050px;
	margin:5px;
	margin-right:0px;
	float:left;
}
#category{
	width:1050px;
	margin:5px;
	height:15px;
	float:left;
	padding:0px;
	font-size:10px;
}
#c a{
	color:#17a7d9;
	text-decoration:none;
}
#c a:hover {
	text-decoration:underline;
}

#menu {
	width:190px;
	
	margin:5px;
	margin-left:0px;
	background-color:#f0f0f0;
	font-size:12px;
	text-align:left;
	float:right; 
}

#all {
	width:600px;  
	margin:5px;
	margin-right:0px;
	float:left; 
	text-align:left;
}
#all table, tr, td {
	font-size:10px;
	border-spacing: 0;
	text-align:left;
	word-break: break-all;
}
#all table {
	width:100%;
	border-collapse:collapse;
	margin-top:0px;	
	border-left:2px #e44aa0 solid;
	border-right:2px #e44aa0 solid;
}

#all table.offtable {
	width:100%;
	border-collapse:collapse;
	margin-top:0px;	
	border-left:2px #3c3c3c solid;
	border-right:2px #3c3c3c solid;
}
 
#all table.detail {
	width:100%;
	border-collapse:collapse;
	margin-top:0px;	 
	border:none;
}

#all tr.detail,td.detail {
	background-color:#b8edff;
	border:none;
	text-align:left;
}

#all td.htitle {
	background-color:#e44aa0;
	color:white;
	font-weight:bold;
	text-align:center;

}

#all td.htitleoff {
	background-color:#3c3c3c;
	color:white;
	font-weight:bold;
	text-align:center;

}

#all td.titleon {
	background-color:#e44aa0;
	color:white;
	font-weight:bold;
	text-align:left;

}

#all td.titleon_broadcast {
	background-color:#e44aa0;
	color:white;
	font-weight:bold;
	text-align:left;
	

}
#all td.titleoff {
	background-color:#c0c0c0;
	color:black;
	font-weight:bold;
}

#all td.thumbnailon {
	padding:0px;
	margin:0px;
	width:50px;
	background-color:#ffdcfc;
	border-bottom:1px #ffffff solid; 
}

#all td.mainon {
	background-color:#ffdcfc;
	border-left:1px #ffffff solid; 
	border-bottom:1px #ffffff solid;
}

#all td.mainon a {
	color:#0000ac;
	text-decoration:none; 
}

#all td.mainon a:hover {
	color:#e44aa0;	 
}




#all table.mytable {
	width:100%;
	border-collapse:collapse;
	margin-top:0px;	
	border-left:2px #ff732f solid;
	border-right:2px #ff732f solid;
}

#all tr.mytitle, #all td.mytitle {
	background-color:#ff732f;
	color:white;
	font-weight:bold;
	text-align:center;

}

#all td.mymainon {
	background-color:#ffe4d6;
	border-left:1px #ffffff solid; 
	border-bottom:1px #ffffff solid;
}

#all td.mymainon a {
	color:#0000ac;
	text-decoration:none; 
}

#all td.mymainon a:hover {
	color:#e44aa0;	 
}








#all td.mainoff {
	background-color:#efefef;
	border-left:1px #ffffff solid; 
	border-bottom:1px #ffffff solid;
}

#all td.mainoff a {
	color:#0000ac;
	text-decoration:none; 
}

#all td.mainoff a:hover {
	color:#e44aa0;	 
}
 

#all td.topicon {
	background-color:#ffdcfc;
	padding:2px;
	border-left:1px #ffffff solid;
	border-bottom:1px #ffffff solid;
}

#sub ul {
    font-size:1.2em;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
}

#sub li {
    height: 40px;
    overflow: hidden;
}
 
#sub li h5 {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0;
}

#sub li h5 a {
    color:#A5A9AB;
    text-decoration:none;
}

#sub li img {
    float:left;
    margin-right:8px;
}

#sub li .info {
    color:#3E4548;
    font-size:1em;
}

#sub .info a,
#sub .info a:visited {
    color:#3E4548;
    text-decoration: none;
}

#sub .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}

#sub {
	width:285px;   
	float:left;
	margin-top:8px;
	margin-left:0px;

} 
#archive {
	width:155px;
	float:right;
	margin-left:0px;
	margin-top:14px;
} 

#sub table {
	width:100%;
	border-collapse:collapse;
}

#select {
	width:130px;
	margin-left:10px;
	float:left; 
}
#select td a {
	color:#0000ac;
	text-decoration:none; 
	font-weight:bold;
}

#select td a:hover {
	color:#e44aa0;	 
}


#mychecker {
	width:130px;
	margin-left:10px;
	float:left;
}

#mychecker td a {
	color:#0000ac;
	text-decoration:none; 
	font-weight:bold;
}

#mychecker td a:hover {
	color:#e44aa0;	 
}

#logchecker {
	width:130px;
	margin-left:0px; 
	float:left;
}
#logchecker td a {
	color:#0000ac;
	text-decoration:none; 
	font-weight:bold;
}

#logchecker td a:hover {
	color:#e44aa0; 
}
  

a img {
    border-style:none;
}

 
.btn.pink { background: #e4007f; color:white; }
.btn:hover { background-color: #e4007f;color:white; }
.btn:active { background-color: #e4007f;color:white; }
.btn[class] {  background-image: url(./img/shade.png); background-position: bottom;color:white; }


#imgHover {
	float: center;
	margin-right: 0px;
}
#imgHover img {
	border: none;
}

#imgHover a { 
	display: block;
}
			
#imgHover a:hover {
	position: relative;
}

	#imgHover a .mainImage {
		display: none;
	}
				
	#imgHover a:hover .mainImage {
		display: block;
		position: absolute;
		top: -180px;    
		right: 40px; 
	}
	
#user_reg {
	width:650px;
	text-align:left;
	float:left; 
	margin-left:200px;
	margin-right:200px;
	padding-left:10px;
	padding-right:10px; 
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
}

#promotion {
	width:270px;
	background-color:white;
	height:235px;
	margin-bottom:10px;
	color:white;
	float:left;
	margin-left:10px;
}

#promotion a{
	color:#17a7d9;
	text-decoration:none;
}
#promotion a:hover{
	color:#e44aa0;
}

#all td.dtitle{
	background-color:#17a7d9;
	color:white;
	text-align:center;
}
#all td.dinfo{
	background-color:#b8edff;
	color:black;
	text-align:center;
}

#all td.ttitle{
	background-color:#35b903;
	color:white;
	text-align:center;
}
#all td.tinfo{
	background-color:#b6f9a5;
	color:black;
	text-align:center;
}

#all td.stitle{
	background-color:#f99121;
	color:white;
	text-align:center;
}
#all td.sinfo{
	background-color:#f9d0a5;
	color:black;
	text-align:center;
}













.dropdown, .dropdown * {
 font-size: 12px; /* 文字サイズ */
 line-height: normal;
 margin: 0;
 padding: 0;
}
.dropdown ul, .dropdown li {
 width: 100px;  /* メニューの幅 */
}
.dropdown a {
 display: block;
 padding: 2px 0.5em;
}
.dropdown a, .dropdown a:link, .dropdown a:hover, .dropdown a:visited {
 color: #fff;  /* 文字色 */
 text-decoration: none;
}
.dropdown a:hover {  /* マウスカーソルが乗ったとき */
 color: #fff;  /* 文字色 */
 background: #000;  /* 背景 */
}
.dropdown li {
 position: relative;
 display: block;
 float: left;
 list-style: none;
 background: #3c3c3c;  /* メインメニュー背景 */
}
.dropdown li li {
 background: #000;  /* サブメニュー背景 */ 
}
.dropdown ul {
 visibility: hidden;
 position: absolute;
 left: -1px;  /* サブメニューのボーダー幅を減算 */
 border: solid 1px #000;  /* サブメニューのボーダー */
}
.dropdown ul ul {
 left: 100px;  /* メニューの幅と同じ値 */
 top: -1px;  /* サブメニューのボーダー幅を減算 */
}
.dropdown li:hover > ul {
 visibility: visible;
}