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

html {
}
/**************************************************/
/*左側のメニューここから*/
/**************************************************/
#menu {
	position:relative;
	top:12px;
	left:12px;
	width:186px;
	border:#000000 solid 1px;
}

/*****ボタンの設定ここから*****/
#menuBtn {
	height:18px;
}

#menuBtn li {
	width:93px;
	height:18px;
	text-align:center;
	float:left;
}

#menuBtn li span{
	cursor:pointer;
	display:block;
	color:#FFFFFF;
	width:93px;
	height:19px;
	background:#000000;
}

#menuBtn li span.off{
	display:block;
	color:#848484;
	width:93px;
	height:18px;
	background:url(../list/img/menubg.jpg) no-repeat;
}
/*****ボタンの設定ここまで*****/

/*****リストの設定ここから*****/
ul#menuListNow {
	border-top:#000000 solid 6px;
	padding:0 0 20px 15px;
}

ul#menuListOld {
	margin-top:-20px;
	padding:0 0 20px 15px;
}

ul#menuListNow .hiden {
	display:none;
}

ul#menuListOld .hiden {
	display:none;
}

ul#menuListNow li {
	margin:10px 0 0 0;
}

ul#menuListNow li a {
	color:#666666;
}

ul#menuListNow li div {
	float:right;
	width:66px;
	height:66px;
	position:relative;
	top:-10px;
	left:-10px;
	border:#4d4d4d solid 9px;
} 

ul#menuListOld li {
	margin:10px 0 0 0;
}

ul#menuListOld li a {
	color:#666666;
}

ul#menuListOld li div {
	float:right;
	width:66px;
	height:66px;
	position:relative;
	top:-10px;
	left:-10px;
	border:#4d4d4d solid 9px;
} 

div.hiden {
	display:none;
} 

li.box{
	padding-bottom:20px;
}
/*****リストの設定ここまで*****/
/**************************************************/
/*左側のメニューここまで*/
/**************************************************/

/**************************************************/
/*右側のメニューここから*/
/**************************************************/
#story,
p{
	text-align:justify;
	text-justify:distribute;
}

#topic {
	position:relative;
	top:12px;
	left:0;
	width:667px;
	padding-bottom:10px;
	float:right;
}

#screenshot{
	position: absolute;
	z-index:20;
	border: 2px solid #7c0e0e;
	background: #aa0000;
	padding: 2px;
	display: none;
	color: #FFF;
  text-align: center;
}

/*****top unitここから*****/
#topic .left {
	width:308px;
	float:left;
}

#topic .left ul {
	height:30px;
}

#topic .left ul li.btn {
	margin:10px 0 0 0;
	float:left;
}

#topic .left ul li.lmag {
	margin-left:5px;
}

#topic .left h2 {
	width:308px;
	height:100%;
}

#topic .left h2 span {
	display:none;
}

#topic .left #story {
	height:100%;
	color:#282828;
	margin:20px 0 20px 0;
	padding:30px 0 0 0;
	background:url(../list/img/story.jpg) no-repeat top left;
}

#topic .right {
	position:relative;
	left:10px;
	width:354px;
	float:left;
	margin:0 0 10px 0;
}
/*****top unitここまで*****/

/*****bpttom unitここから*****/
#topic h3 {
	clear:both;
	background:url(../list/img/character.jpg) no-repeat bottom left;
	width:657px;
	height:23px;
	padding:0 0 0 0;
	margin:0 0 10px 0;
}

#topic h3 span {
	display:none;
}

#topic ul li.box {
	width:318px;
	height:150px;
	float:left;
	display:inline;
	margin:0 10px 10px 0;
}

#topic ul li.colum1 {
	height:290px;
}

#topic ul li.colum2 {
	height:370px;
}

#topic ul li.box div.l {
	float:left;
	width:145px;
}

#topic ul li.box div.l img {
	position:relative;
	z-index:10;
	border:#333333 solid 1px;
}

#topic ul li.box div.r {
	float:right;
	width:173px;
}

#topic ul li.box div.r h4 {
	height:100%;
	padding-left:5px;
	background:#cfd9e8;
	border-bottom:#50596a solid 3px;
}

#topic ul li.box div.r h5 {
	height:100%;
	padding:5px;
	border-bottom:#50596a solid 1px;
}

#topic ul li.box div.r p {
	display:block;
	color:#333333;
	margin:5px 0 0 0;
	padding-left:5px;
}

.hurigana {
	font-size:85%;
}
/*****bpttom unitここまで*****/

/**************************************************/
/*右側のメニューここまで*/
/**************************************************/