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

/* ==========================================================================
   clearfix
   ========================================================================== */
.clearfix { zoom:1;/*for IE 5.5-7*/ }
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0; clear: both; visibility: hidden; }

/* ==========================================================================
   ロールオーバー
   ========================================================================== 

a:hover img {filter: alpha(style=0,opacity=80);opacity: 0.7;}*/

.on_m:hover img {filter: alpha(style=0,opacity=80);opacity: 0.7;}



/* ==========================================================================
   米印リストのインデント
   ========================================================================== */
.note{
	line-height:1.4em;
}
.note dt {
  position: relative;
  font-size:0.9em;
  
}
.note dt span {
  position: absolute;
}
.note dd {
  padding-left: 1.2em;
    font-size:0.9em;
}



html{
height:100%;
}



body{
	height:100%;
	background-color: #fff;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 	Meiryo, sans-serif;
	
	color:#000;
	line-height: 1.5em;

	font-size:0.9em;

}
/* レイアウト
------------------------------ */
#layout_header,
#layout_menu,
#layout_footer,
.line_header,.line_footer {
	width: 100%;
}
#layout_header{
	background-image:url(../img/common/header_background.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height:128px;

}

.line_header{
	background-image:url(../img/common/line_background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding:12px 0 0 0;
	margin-bottom:10px;
	height:128px;

}



#layout_footer{

	background-image:url(../img/common/footer_background.jpg);
	background-position:top;
	background-repeat:repeat-x;


}

.line_footer{

	clear:both;
	background-image:url(../img/common/line_background.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0 0 12px 0;
	margin-top:10px;
}



/*コンテンツ背景*/
body{
	background-image:url(../img/common/background.jpg);

}

/*ヘッダー*/
.header_top{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:0 0 20px;
	position:relative;
	height:108px;
	

	}
.header_top h1{
	float:left;
	width:277px;
	}
.header_top h1 a img{
	padding-top:10px;

}

#first{
	width:342px;
	height:59px;
	float:left;
	margin:33px 30px 0 30px;
	
}

#sns{
	background-image:url(../img/common/sns_back.jpg);
	background-repeat:repeat;
	display:block;
	height:25px;
	width:330px;
	padding:7px 5px 2px 5px;
}

.share {
	position: absolute;

	right: 0;
	bottom:15px;;
}
.share li {
	float: left;
	margin-right:20px;
}


	/*グローバルナビ*/
	
nav{
	display:block;
	position:absolute;
	width:700px;
	top:20px;
	left:300px;

	
}
nav ul li{
	float:left;
	margin-right:4px;
	margin-bottom:9px;
}

nav li a{
	background-image:url(../img/icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	height:20px;
	display:block;
	padding:0 16px 0 13px;
	color:#bf2a36;
	text-decoration:none;
	font-weight:bold;
}



nav li a:hover{
	background-image:url(../img/icon_on.png);
	color:#DA9C4F;

}



/*コンテンツ*/

#content{
	width:1000px;
	margin:0 auto;
	
}

/*左サイド*/
#left_side{
	float:left;
	width:154px;
	
}
	/*左サイドニュース*/
#left_news,#left_twitter{
	background-image:url(../img/common/dashed.png);
	background-position:2px bottom;
	background-repeat:repeat-x;
	padding-bottom:3px;
	margin-bottom:14px;
	
}

#left_news h3{
	height:24px;
	
}
.new_icon{
	margin-left:3px;
	
}

#left_news dl{
	padding: 5px 4px 0;

	background-color:#FFF;
	
}

#left_news dt{
	color:#7fcef4;
	font-size:10px;
	height:10px;
	padding-bottom:5px;


}

#left_news dd {
	font-size:10px;
	line-height:1.3em;
	padding-bottom:8px;
	border-bottom:#bb797e dotted 1px;
	margin-top:5px;
	
}

#left_news dd a{
	color:#bb797e;

}
#left_news dd a:hover{
	color:#7fcef4;

}

#left_news #more{
	text-align:right;
	border-bottom:none;
	
}

#left_twitter{
	background-color:#FFF;
}


.twitter-timeline {
min-width:150px!important;
min-height:300px!important;
font-size:10px;

}
.e-entry-content{
	color:#bb797e!important;
}

#left_twitter h3{
	height:20px;
}





/*TOPメイン*/
#main{
	display:block;
	float:left;
	margin:-8px 3px 0 2px;
	width:685px;


	
}


#mainvisual{
	height:865px;
	background-image:url(../img/top/mainvisual_3rd.png);
	position:relative;
}



#top_info{
	position: absolute;
	left: 410px;
	top: 27px;
	
	
}
/*TOP下バナー*/
#topBanner{
	margin-bottom:10px;
	
}
#topBanner ul {
	text-align:center;
	
}


#topBanner ul li{
	display:inline;
	margin:0 5px 10px 3px;

}








/*右サイド*/
#right_side{
	float:left;
	width:155px;
	margin-bottom:40px;
	
}
#right_side img{
	margin-bottom:10px;	
}

/*スポンサー*/
#sponsor{

  overflow: hidden;
  clear:both;
  margin-bottom:20px;
}


#sponsor ul{
	text-align:center;

}

#sponsor ul li{
	display:inline;

}

#sponsor ul li img{
	margin:0 3px 6px;

}





/*フッター*/
footer{
	width:1000px;
	margin:0 auto;
	padding:10px 0 20px;
	position:relative;

	}
	
#top_link{
	display: block;
	position: absolute;
	left: 917px;
	top: -19px;

}
	
.btn_top{
	cursor:pointer;
	
}
	
	
	
#comics_f{
	float:left;
	margin:0 20px 0 15px;; 
	
}
	
	
#comics_f img{
	float:left;
	margin-right:20px;
}

	
.earthstar_link{
	float:left;
	width:238px;
	border-top:dashed 2px #fe844b;
	border-bottom:dashed 2px #fe844b;
	height:255px;
	text-align:center;
	padding:10px 0;
}
.earthstar_link p{
	line-height:1.1em;
	color:#734834;
	font-weight:bold;
	margin-bottom:20px;


}

.earthstar_link a img{
	margin-left:20px;

}

.earthstar_link .gensaku1{
	font-size:26px;
}
.earthstar_link .gensaku2{
	font-size:16px;
}


.earthstar_link .btn {
	text-align:center;
	display:block;
  background: #e66b0e;
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  font-size: 15px;
  padding:10px 15px;
  width:200px;
  text-decoration: none;
  font-weight:bold;
  margin-bottom:15px;
}

.earthstar_link .btn:hover {
  background: #fe844b;
  background-image: -webkit-linear-gradient(top, #fe844b, #fe844b);
  background-image: -moz-linear-gradient(top, #fe844b, #fe844b);
  background-image: -ms-linear-gradient(top, #fe844b, #fe844b);
  background-image: -o-linear-gradient(top, #fe844b, #fe844b);
  background-image: linear-gradient(to bottom, #fe844b, #fe844b);
  text-decoration: none;
}



#earth {
		float:left;
		height:285px;
}

	
	
#earth img{
	float:left;
	margin-right:20px;
}

	
#copy{
	text-align:right;
	width:100%;
	margin-bottom:10px;
	color:#ff854b;
	font-size:0.8em;
}