@charset "utf-8";
/* CSS Document */

/* module */
*{margin:0; padding:0;}

.clearfix{
 ?zoom:1;
}
.clearfix :after {
content:'';
display:block;
clear:both;
}

.left{ float:left;}
.right{ float:right;}


/* 本編 */
#centerize{
height:690px;
margin:-345px 0 0;
position:absolute;
top:50%;
width:100%;
}



body{margin:0; padding:0;}
.caption{
	background:#FFF;
	width: 170px;
	height:15px;
	padding:3px 3px 3px 3px;
	margin:0 0 4px;
	opacity: 0.7; 			/*alpha*/
	-moz-opacity: 0.7; 		/*firefox*/
	filter:alpha(opacity=70);	/*IE*/
	font-size:80%;
	border-bottom:solid 4px #ffa148;
    position:absolute;
    bottom:0;
    _margin-bottom:3px;
}
.caption .left{float:left;color:#FF540F; font-weight:bold;}
.caption .right{float:right;}

.scrollableArea{padding-left:1px;}
#titleView.scrollableArea{
padding-left:0px;
border-left:1px solid #b0b0b0;
}

#faceView.scrollableArea .rWrap .r-block dt{display:block;}
#faceView.scrollableArea .rWrap .r-block .caption,
#faceView.scrollableArea .rWrap .r-block dd,
#faceView.scrollableArea .rWrap .r-block dd h2,
#faceView.scrollableArea .rWrap .r-block dd p{display:none;}


#titleView.scrollableArea .rWrap .r-block dt,
#titleView.scrollableArea .rWrap .r-block .caption,
#titleView.scrollableArea .rWrap .r-block dd p{display:none;}
#titleView.scrollableArea .rWrap .r-block dd,
#titleView.scrollableArea .rWrap .r-block dd h2{display:block;}

dl dt a:link,
dl dt a:visited,
dt a:hover{
	display:block;
}

img{border:none;}

#faceView .rWrap .r-block{
height:143px; width:176px;
margin-right:1px;
margin-bottom:1px;
}

#titleView .rWrap .r-block{
height:71px; width:352px;
border-bottom:1px solid #b0b0b0;
margin:0; padding:0;
}
#titleView .rWrap{
border-top:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
}


#titleView .rWrap .r-block dl{
padding:0 20px;
}

#makeMeScrollable #titleView .rWrap .r-block dd{
	display:block;
}

#makeMeScrollable #titleView .rWrap .r-block h2 a{
	font-size:14px;
	line-height:1.4;
	vertical-align:middle;
	display:table-cell;
	height:71px; width:312px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:#fff;
}
* html #makeMeScrollable #titleView .rWrap .r-block h2 a{/* IE 6 */
padding-top:17px;
display:block; 
zoom:1;
height:54px;
}
*:first-child+html #makeMeScrollable #titleView .rWrap .r-block h2 a{/* IE 7 */
padding-top:17px;
display:block; 
zoom:1;
height:53px;
}

#makeMeScrollable #titleView .rWrap .r-block h2 a{text-decoration:none;}
#makeMeScrollable #titleView .rWrap .r-block h2 a:link{color:#050505;}
#makeMeScrollable #titleView .rWrap .r-block h2 a:visited{color:#595959;}
#makeMeScrollable #titleView .rWrap .r-block h2 a:hover{color:#999; text-decoration:underline;}


#makeMeScrollable .scrollableArea{
height:576px;
position:relative;
padding-top:18px;
}

#text{
margin:0; padding:0;
padding-left:10px;
position:absolute;
top:0; left:0;
font-size:12px;
background:#fff;
}

.rWrap{
float:left;
}

#makeMeScrollable{
width:100%;
position: relative;
overflow:hidden;
height:595px;
clear:both;
}

.header .left{
padding:0; padding-bottom:4px;
border-bottom:1px solid #bdbdbd;
margin-bottom:5px;
}

.header .right{
margin-right:3px;
}

.header{width:100%;}

.header a{
	display:block;
	float:left;
}


.header img{padding:0 5px;}



.footer{font-size:12px; padding-left:5px;}
.footer ul,
.footer #copyright{
margin:8px 0;
}



#copyright{padding-left:5px;}
.footer img{vertical-align:bottom;}

.footer ul{padding:0;}
.footer li{
display:inline;
list-style:none outside; margin:0;
}

.footer a{text-decoration:none;}

.footer a:link{color:#333;}
.footer a:visited{color:#333;}
.footer a:hover{color:#F33;}

.r-block dt a{
display:block;
position:relative;
}

.r-block dt a img.sticker{
display:block;
position:absolute;
left:0; bottom:0;
}

.r-block a:link,
.r-block a:visited{
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}

.r-block a:hover{
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}