@charset "utf-8";

/* トップページのスタイル */

/* div#topvidualのスタイル */

div#topvidual {
  width:575px;
  height:292px;
  background:url(image/top_vidual.jpg);
  }

div#topvidual h2{
	text-indent:-9999px;
  }
  
div#topvidual p{
  text-indent:-9999px;
  }  

/* div#div#topnavi01のスタイル */

div#topnavi01 {
	width: 275px;
	height: 97px;
	background:url(image/top_navi01.gif) no-repeat;
	float:left;
	margin: 5px 4px 5px 0px;
  }
  
div#topnavi01 h2 {
	background:url(image/top_navi01_h2.gif) no-repeat;
	text-indent:-9999px;
	margin-left: 120px;
	margin-top: 10px;
  }

div#topnavi01 p {
	margin: 10px 5px 0px 120px;
	}

div#topnavi01 img {
	margin: 5px 5px 0 0;
	}

/* div#div#topnavi02のスタイル */

div#topnavi02 {
  width: 275px;
  height: 97px;
  background:url(image/top_navi02.gif) no-repeat;
  float:right;
  margin: 5px 6px 5px 4px;
  }

div#topnavi02 h2 {
	background:url(image/top_navi02_h2.gif) no-repeat;
	text-indent:-9999px;
	margin-left: 120px;
	margin-top: 10px;
  }

div#topnavi02 p {
	margin: 10px 5px 0px 120px;
	}

div#topnavi02 img {
	margin: 5px 5px 0 0;
	}


/* div#div#topnavi03のスタイル */

div#topnavi03 {
  width: 275px;
  height: 97px;
  background:url(image/top_navi03.gif) no-repeat;
  float:left;
  margin: 5px 4px 10px 0px;
  }

div#topnavi03 h2 {
	background:url(image/top_navi03_h2.gif) no-repeat;
	text-indent:-9999px;
	margin-left: 120px;
	margin-top: 10px;
  }

div#topnavi03 p {
	margin: 10px 5px 0px 120px;;
	}

div#topnavi03 img {
	margin: 5px 5px 0 0;
	}

/* div#topnavi04のスタイル */

div#topnavi04 {
  width: 275px;
  height: 97px;
  background:url(image/top_navi04.gif) no-repeat;
  float:right;
  margin: 5px 6px 10px 4px;
  }

div#topnavi04 h2 {
	background:url(image/top_navi04_h2.gif) no-repeat;
	text-indent:-9999px;
	margin-left: 120px;
	margin-top: 10px;
  }
  
div#topnavi04 p {
	margin: 10px 5px 0px 120px;
	}

div#topnavi04 img {
	margin: 5px 5px 0 0;
	}

/* div#contentsのスタイル */

div#contents {
	width: 780px;
	background: url(image/gray_back_contents.gif) repeat-y;
	float: left;
  }
  
div#contents h3 {
	color: #FF254E;
	font-weight: bold;
	font-size:larger;
	border-bottom: 1px dotted #ff254e;
	margin: 15px 0px;
  }

div#contents h4 {
  font-weight: bold;
  margin-bottom:3px;
  }

/* div#blogのスタイル */

div#blog img{
border:1px solid #999;
margin-bottom:3px;
padding:3px;
}

/* 下層ページのスタイル */

/* タイトルのスタイル */

h2#faq{
	width: 575px;
	height: 126px;
	background: url(image/title/vidual_faq.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom: 15px;
   } 
   
h2#type{
	width: 575px;
	height: 126px;
	background: url(image/title/vidual_type.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom: 15px;
   } 

h2#sitemap{
	width: 575px;
	height: 126px;
	background: url(image/title/vidual_sitemap.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom: 15px;
   } 

h4#sitemap{
	color:#000000;
	font-weight:bold;
	border:none;
	background-color:#FFFFFF;
	}

h2#photo{
	width: 575px;
	height: 126px;
	background: url(image/title/vidual_photo.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom: 15px;
   } 

h2#costume{
	width: 575px;
	height: 126px;
	background: url(image/title/vidual_costume.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom: 15px;
   } 
   
h2#vocabulury{
	width: 575px;
	height: 126px;
	background:url(image/title/visual_vocabulury.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom: 15px;
   } 
   
h2#enkai{
	width: 575px;
	height: 126px;
	background:url(image/title/visual_enkai.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom: 15px;
   }
    
h2#game{
	width: 575px;
	height:126px;
	background:url(image/title/visual_game.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
	}

h2#ranking{
	width: 575px;
	height:126px;
	background:url(image/title/visual_ranking.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
	}

h2#aboutlink{
	width: 575px;
	height:126px;
	background:url(image/title/visual_aboutlink.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
	}

h2#related{
	width: 575px;
	height:126px;
	background:url(image/title/visual_related.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
	}
	
h2#link{
	width: 575px;
	height:126px;
	background:url(image/title/visual_link.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
	}

h2#magazine{
	width: 575px;
	height:126px;
	background:url(image/title/visual_magazine.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
	}
	
h2#tour{
	width: 575px;
	height:126px;
	background:url(image/title/visual_tour.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
	}

/********************************************************************************/
th{
	background-color:#FFCCFF;
	width:70px;
	}
th.bgcolor03{
	width:150px;
	}
table#game{
	border:1px solid #993300;
	border-collapse:separate;
	margin:10px 0px 20px 20px;
	}
table#game th,table#game td{
	border:1px solid #993300;
	}

table#game2{
	clear:both;
	border:1px solid #993300;
	border-collapse:separate;
	width:200px;
	margin:10px;
	float:right;
	}
table#game2 th,table#game2 td{
	border:1px solid #993300;
	}

div.rank_l{
	float:left;
	margin:5px 0;
	padding:0;
	}

div.rank_r{
	float:right;
	margin:5px 0;
	padding:0;
	}

div.rank_l img.r_h, div.rank_r img.r_h{
	margin-bottom:-1px;
	}
	
table#ranktable{
	width:280px;
	border-bottom:#FF0000 1px solid;
	border-left:#FF0000 1px solid;
	border-right:#FF0000 1px solid;
	}
	
table#ranktable img{
	width:75px;
	height:50px;
	}

table#ranktable em{
	font-size:18px;
	color:#FF0000;
	font-weight:bold;
	}

ul#related{
	margin-left:20px;
	}
	
div.link{
	margin:5px 5px 5px 0;
	padding-left:5px;
	border-left:5px solid #FF0066;
	min-height:60px;
}

div.link ul{
	margin-left:20px;
	}

div.voc{
	border-left:5px solid #FF00FF;
	padding:0 0 0 5px;
	font-size: 14px;
	color: #000000;
	line-height:160%;
	}