@charset "utf-8";

/*  layout.css(全体)
-------------------------------------------------------------------------------*/
body{
	background: url(../img/common/bg_base.jpg) repeat 0 0;
	margin:0 auto;
	padding:0;
	min-width:1260px;
}

.over a:hover img{
	opacity: 0.7;
	filter: alpha (opacity=70) ; /* forIE */
	-moz-opacity:0.70;
}

#header {
	background-color:#DB2D2D;
	height:60px;
	margin:0 auto;
	padding:0;
}

#header ul{
	width:670px;
	margin:0 auto;
	padding:10px 35px 10px 330px;
}

#header ul li{
	float:left;
	margin:0 0 0 25px;
}

#bgcharaImg {
	/*background: url(../img/bg_mire.png) no-repeat right bottom;*/
	width:1260px;
	margin:0 auto;
}

.wrapper {
	width:1040px;
	margin:0 auto;
}

#logoImg {
	overflow: hidden;
	position: absolute;
	top: 0;
}

#contents  {
	width:1040px;
	margin:0 auto 20px auto;
	padding:0;
}

#contents .media {
	text-align:right;
	margin:0 35px 0 0;
	padding:0;
	height: 40px;
}

#contents .media ul.tw_fb li{
	float:right;
	margin:0;
	padding:15px 10px 0 0;
}

#contents #mainLeft {
	float:left;
	width:650px;
	margin:0 auto;
}

#contents #mainLeft .mainImg {
	width:601px;
	margin:0 auto;
}

#contents #mainLeft .btn_mainImg {
	overflow: hidden;
	position: absolute;
	top:550px;
	width:630px;
	margin:0 0 0 10px;
	padding:0;
}

#contents #mainLeft .btn_mainImg a.btnRight{
	float:right;
}

#contents #mainRight {
	float:left;
}

#contents #mainRight .pickup{
	background: url(../img/bg_pickup.png) no-repeat 0 0;
	width:342px;
	height:462px;
	margin:0 0 20px 0;
}

#contents #mainRight .pickupIn {
	padding:50px 25px 20px 25px;
}

#contents #mainRight .pickupIn h2{
	text-align:center;
	color:#DB2D2D;
	font-weight:bold;
	font-size:18px;
	line-height:160%;
}

#contents #mainRight .bookImg {
	margin:0 auto;
	text-align:center;
}

#contents #mainRight .bookImg img{
	border:2px solid #cccccc;
}


#contents #mainRight .bookTitle {
	font-weight:bold;
	font-size:20px;
	line-height:160%;
}

#contents #mainRight .bookspec {
	font-size:11px;
	line-height:120%;
}

#contents #mainRight .pickupIn ul{
	margin:10px 0 5px 0;
}

#contents #mainRight .pickupIn ul li{
	float:left;
	margin:0 10px;
}

#contents #mainRight .pickupIn .linkMore{
	text-align:right;
}

#contents #mainRight .news{
	background: url(../img/bg_newstop.png) no-repeat 0 0;
	width:342px;
	height:241px;
}

#contents #mainRight .newsIn {
	padding:47px 8px 20px 25px;
}

#contents #mainRight .newsIn .scroll-pane{
	height:160px;
	overflow:auto;
}

#contents #mainRight .newsIn dl{
	line-height:120%;
	margin:0 15px 3px 0;
}

#contents #mainRight .newsIn dl dt{
	color:#DB2D2D;
	font-size:12px;
}

#contents #mainRight .newsIn dl dd{
	font-weight:bold;
	font-size:14px;
}

#contents #mainRight .newsIn .linkMore{
	text-align:right;
	margin:0 25px 0 0;
}

#contents #mainRight .comicIn {
	position: absolute;
	margin:70px 0 0 20px;
}

#footer {
	background-color:#DB2D2D;
	margin:0 auto;
	color:#ffffff;
	padding:20px 0;
}

#footer ul{
	margin:0 auto;
	width:700px;
}

#footer ul li {
	float:left;
	margin:10px;
}

#footer p{
	margin:0 auto;
	width:1040px;
	font-size:12px;
	text-align:center;
}

#footer a {color: #fff;}



/*#specialDL {
	position:relative;
	bottom:70px;
	right:45px;
}*/

#specialDL {
	position:relative;
	width:1260px;
	margin:0 auto;
}

#specialDL img{
	position:absolute;
	bottom:480px;
	right:20px;
}




#twitterbtn {
	position:absolute;top:30px;left:50%;margin-left:450px;z-index:1000;
}

@media screen and (max-device-width: 1024px) {
	#twitterbtn {
	position:absolute;top:30px;left:50%;margin-left:570px;z-index:1000;
}
}

.pickup iframe {
	width:314px;height:398px;margin-top:50px;margin-left:20px;overflow:auto;
}

@media screen and (max-device-width: 1024px) {

.pickup iframe {
	width:314px;height:398px;margin-top:0px;margin-left:20px;overflow:auto;
}
	.pickup { padding-top:50px;}
	#iframewaku { height:400px;overflow:auto;-webkit-overflow-scrolling:touch; }
}