@charset "utf-8";

/* ===== Universal Reset ===== */


* {
	margin: 0; padding: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 140%;
	font-size: 12px;
}

body {
	margin: 0px auto 0px auto; 
	text-align: center;
	color: #666666;
}

table, td, tr{
	line-height: 140%;
	font-size: 12px;
	text-align: center;
}

.bn {
	margin-top: 10px;
}

ul, li {
  list-style-type: disc;
}

img {
  border: none;
}

/*サイトの基本設定*/

a:link {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003366;
}
a:visited:hover {
	text-decoration: underline;
	color: #003366;
}

.hidden {
	display: none;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix {display: inline-block;}

.clear{
	clear:both;
	line-height:0;
	height:0;}

/* ページレイアウト
----------------------------------------------- */
/*　ページ全体
---------------------------------- */
#container {
	width: 930px;
	margin: 0px auto 0px auto; 
	text-align: center;
}
/* ---------------------------------------------------------------------------------------------- */

/*ヘッダー設定    
---------------------------------- */
#header {
	height: 55px;
	margin: 10px 0px 0px; 
	display: block;
	text-align: left;
}

/* ---------------------------------------------------------------------------------------------- */



#container2 {
	width: 930px;
	margin: 0px auto;
	text-align: left;
}

#inner{
	margin:15px 5px;
}

#CenterRight{
	width:605px;
	float:right;
	margin:0px auto;
}

.conten-2{
	width:600px;
	float:right;
	font-size: 12px;
}

.conten-2000{
	font-size: 12px;
	background-color: #FFFDFF;
	}

#conten-box{
	margin: 0px auto 0px auto;
	border: 1px solid #d9d9d9;
	border-top: none;
	padding: 5px 10px;
	}


.center{
	width:290px;
	float:left;
}

.right{
	width:290px;
	height:100%;
	float:right;
}

.left{
	width:290px;
	float:left;
}


#sideNavi h2{
	background-image: url(../../images/earth/sideH2.jpg);
	padding: 10px;
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 100%;
	color: #FFFFFF;
}

#sideNavi p{
	clear: both;
	margin: 3px 0;
}


/* ナビゲーション */
#note_under {
	width:500px;
	margin: auto;
	font-size: 12px;
	padding: 5px 10px;
}

.tomo_nav {
	width:500px;
	margin: auto;
	font-size: 12px;
	border: 1px solid #d9d9d9;
	padding: 5px 10px;
	background-color: #ffffff;}
	
#about_n {
	width:570px;
	margin: auto;
	font-size: 12px;
	padding: 5px 10px;
}

#about_nav { list-style: disc outside; padding: 10px 10px; font-size: 13px;}

/* ACCESSIBLE ROLL OVERS */
#about_nav li { padding: 10px 5px 0 0;}
#about_nav p  { padding: 0px 20px; font-size: 10px; color: #888888;}

#member_n {
	width:510px;
	margin: auto;
	font-size: 12px;
	padding: 5px 10px;
	}

.pay_nav {
	line-height: 20px;
	width:900px;
	margin-bottom: 10px;
	font-size: 12px;
	border: 1px solid #d9d9d9;
	padding: 5px 10px;
	background-color: #ffffff;
}



/* -------------------------------------------------------------- */
#description {
	float: right;
	margin-top: 20px;
}

#description h2{
	font-size: 90%;
	padding-right: 20px;
}

#description p{
	font-size: 90%;
	padding-right: 20px;
}

/* -------------------------------------------------------------- */
#copy .designed {
	padding-left: 20px;
	font-size: 90%;
}
#copy .designed a{
	color: #CCCCCC;
}

/*フッター設定*/        
#footer {
	clear: both;
	margin-top: 10px;
	height: 122px; 
	width: 930px;
	margin: 0px auto 0px auto; 
	text-align: center;
	border-top: 1px solid #d9d9d9;
}

#footer p{
	padding: 10px;
	text-align: center;
	font-size: 80%;
}
   
#copy {
	color: #999999;
}
#copy p{
	color: #999999;
	text-align: center;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	font-size: 80%;
}
#coucoku{
	padding: 5px;
	text-align: center;
}

/* floatタイトル周り */
#content-sakura,
#content-topic,
#content-event,
#content-media,
#content-youtube,
#content-blog {
	border: 1px solid #d9d9d9;
}

#content-sakura h2,
#content-topic h2,
#content-event h2,
#content-media h2,
#content-youtube h2,
#content-blog h2 {
	float: left;
}

#content-sakura p,
#content-topic p,
#content-event p,
#content-media p,
#content-youtube p,
#content-blog p {
	text-align: right; 
}

#content-sakura a,
#content-topic a,
#content-event a,
#content-media a,
#content-youtube a,
#content-blog a {
	font-size: 80%;
}

/* コンテンツ-トピック set↓ */
#content-topic {
	height: 30px;
  	margin: 7px -15px 7px -15px;
	padding: 5px 9px;
	border-bottom: 1px solid #d9d9d9;
	background-color: #f7f7f7;
}
#content-topic h2 {
  color: #fff;

}
#content-body-topic {
 	background: #fff;
	text-align: center; 
}

/* box中*/
#top_left p {	margin: 0px 0px 5px 0px;
}
#top_youtube {
	padding:0 3px;
}
#top_youtube p {
	margin: 0px 0px 5px 0px;
	text-align: center; 
}

/* box */
.box {
	margin: 0px 0px 5px 0px;
	padding: 0;
	border: 1px solid #d9d9d9; 
}
.box .top-topics {
	padding: 0 10px;
}
.box .news-topics {
	padding: 5px 10px;
	background-color: #f7f7f7;
	font-size: 12px;
}

.line {
	background: transparent url(../../images/earth/top_book_line.gif)  no-repeat;
	font-size: 0px;
	height: 5px;
}

.box .top-topics .TitleLink {
	margin-top: -39px;
	height: 30px;
}
.box h2.Title {
	margin: 0 -10px 7px -10px;
	padding: 5px 9px;
	border-bottom: 1px solid #d9d9d9;
	background-color: #f7f7f7;
	font-size: 10px;
}
.box .box-body {
	padding: 5px 0px;
	text-align: center; 
}
.box .box-you {
	padding: 5px 0px;
	background-color: #000000;
}
.box .table {
	padding: 5px 0px;
	text-align: center;
}

.homeDetailLink {
	text-align: right; 
	font-size: 10px;
    padding: 10px 0 5px 10px;
}
.homeDetailLink a {
	color: #666 !important;
}
.dateList dt,
.dateList a {
	color: #666 !important;
}