A:link { color:orange; text-decoration: none; }
A:active  { color: lightblue; text-decoration: none; }
A:hover  { color: red; text-decoration: none; }

a { text-decoration: none; cursor:pointer;  }

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
	font-size: 10pt;
	line-height: 14pt;
	color:#d2d2d2;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body { 
background-image: url(img/back_1280x1_2.gif);
background-repeat: repeat;
background-position: center;
background-attachment: fixed;
margin: 0px;
padding: 0px;
}

.by {
	font-size: 9pt;
	line-height: 13pt;
	color:#000000;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-transform: none;

}

.bd {
	font-weight: bolder;
	font-size: 10pt;
	line-height: 14pt;
	color:#FFFFFF;
	font-variant: normal;
}
.bdd {
	font-size: 10pt;
	line-height: 13pt;
	color:#FFFFFF;
	font-variant: normal;
}

.bd2 { 
	font-weight: bolder;
	font-size: 10pt;
	line-height: 14pt;
	color:#666666;
	}
	
.bdr {
	font-weight: bolder;
	font-size: 9pt;
	line-height: 11pt;
	color:red;
	font-style: normal;
	font-variant: normal;
}
.q { font-weight: bolder; font-size: 10pt; line-height: 14pt; color:#FFFFFF;} 
.q2 { font-size: 7pt; line-height: 12pt; color:#FFFFFF;}
.an { font-size: 7pt; line-height: 9pt; color:#FFFF00;}
hr { style:solid; height:1px; color:#333333;}

.z { ime-mode: active; }
.h { ime-mode: inactive; }
.n { ime-mode: disabled; }

.0 {border-style:dashed; border-width:1px; border-color:#333333;}
.1 {border-style:solid; border-width:1px; border-color:#333333;}
.2 {filter: Shadow(Color=#0000000, Direction=135, Strength=2);height: 2em;padding: 0.2em;}

.solid {
 border-style : solid;
 border-color : #333333;
 border-width : 1px;
 background-color : black;
 color : yellow;
}
.solid2 {
 border-style : solid;
 border-color : red;
 border-width : 1px;
 background-color : #222222;
 color : white;
}
.solid3 {
 border-style : solid;
 border-color : red;
 border-width : 1px;
 background-color : black;
 color : white;
}
.solid4 {
 border-style : solid;
 border-color : #222222;
 border-width : 1px;
 background-color : #111111;
 color : white;
}
.solid5 {
 border-style : solid;
 border-color : #333333;
 border-width : 1px;
 background-color : black;
 color : white;
 font-size: 0.9em;
}

.dashline { border : 2 dashed #333333; }

.imgright {
	float:right;
	margin-left:20px;
	margin-top:20px;
}

body,form {
　scrollbar-track-color:#111111;
　scrollbar-face-color:#000000;
　scrollbar-shadow-color:#000000;
　scrollbar-darkshadow-color:#333333;
　scrollbar-highlight-color:#000000;
　scrollbar-3dlight-color:#333333;
　scrollbar-arrow-color:#808080;
}
.bbd {
	font-size: 14pt;
	font-style: normal;
	line-height: 18pt;
	font-weight: bolder;
	font-variant: normal;
	color: #CCCCCC;
}
.bdrr {
	font-size: 14pt;
	font-style: normal;
	line-height: 17pt;
	font-weight: bolder;
	color: #FF0000;
}
.red {
	font-size: 7pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FF0000;
}
.bold {
	font-size: 1.6em;
	font-style: normal;
	line-height: 1.6em;
	font-weight: bolder;
	font-variant: normal;
}
.gb {
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.6em;
	font-weight: bolder;
	font-variant: normal;
	color: #666666;
}
.sm {
	font-size: 0.75em;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
}
.tableborder{
border-collapse:collapse;
border-bottom:solid 1px #333333;
border-left:solid 1px #333333;
}

.sns_btn{
	float: right;
	margin-left: 10px;
}

hr{
	border:none;
	border-top:dotted 1px #111;
}

.flort      {
	float: left;
	padding-right: 10px;
}


.margin{
	padding: 3px;
	border:solid 1px #111;
}

img{
	border:none;
}

ul {
    text-align: left;
	list-style-type: none;
	margin: 0; 
	padding: 0; 
}

li {
	list-style-type: none;
	display: inline-block;

}

.snsb{ 
	list-style-type:none;
	text-align:right;
	margin: 0; 
	padding: 0; 

}
.snsb li{
    display:inline-block;
    vertical-align:bottom;
    *display: inline;   <!-- IE用のハック -->
    zoom: 1;        <!-- IE用の hasLayout を true にするための記述 -->
}

#___plusone_0 {
width:65px !important;
}

#page-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

#wapper { /* table like */
	display: table;
	padding: 5px;
	color : white;
	text-align:center;
}

#outer { /* table like */
	display: table;
	margin: 0 auto;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-style : solid;
	border-color : #111111;
	border-width : 1px;
	background-color : rgba( 0, 0, 0, 0.55 );
	color : white;
	text-align:center;
}

#outer2 { /* table like */
	display: table;
	margin: 0 auto; 
	width: 570px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-style : solid;
	border-color : #222222;
	border-width : 1px;
	background-color : rgba( 0, 0, 0, 0.55 );
	color : white;
}

#inner { /* tr like */
	display: table-cell;
	display:inline-block;
	background:#111;
	border-color:#222;
	border-style:solid;
	border-width:1px;
	margin:2px;
}

#inner2 { /* tr like */
	display: table-row;
	display:inline-block;
	background:#111;
	border-color:#222;
	border-style:solid;
	border-width:1px;
	padding:5px;
	margin:2px;
	text-align:center;
	width:160px;
}
#photo { /* td like */
	display: table-cell;
	padding:5px;
}

#comment { /* td like */
	display: table-cell;
	width:100%;
	vertical-align: middle;     
	padding:5px;
}

#movie { /* td like */
	display: table-cell;
	padding:5px;
}



#headerbox {
 display: table;
 margin:0 auto;
 width:100%;
 border-top-style : solid;
 border-bottom-style:solid;
 border-color : #666666;
 border-top-width : 1px;
 border-bottom-width : 1px;
 background-color : rgba( 0, 0, 0, 0.75 );
 color : white;
 height: 45px;
 box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.6);
}

dl {
	width:auto;
	padding:10px;
	margin:0px;
	} 
dt {
	float:left;
	clear:left;
	width:170px;
	font-weight:bold;
	line-height:14pt;
	border: 1px solid #222;
	border-top:none;
	border-right:none;
	border-left:none;
	} 
dd {
	margin-left:170px;
	line-height:14pt;
	border: 1px solid #222;
	border-top:none;
	border-right:none;
	border-left:none;
	} 

#lineup{
	margin: 0 auto;
	padding: 0;
	position: relative;
	height: 1119px;
	width: 800px;
}
@media screen and (max-width: 40em) {
#lineup{
	height:500px;
}
}

#lineup div{
		position:absolute; top:0; left:0;
}

	
#lineupBg, #lineup01,#lineup02,#lineup03,#lineup04,#lineup05,#lineup06,#lineup07,#lineup08,#lineup09,#lineup10,#lineup11,#lineup12,#spImg
{display:none;}