body{
	width:100%;
	padding:0px 0px 0px 0.5%;
	background:url(img/bak2.gif);
}

.inner { padding:5px; }
#main{
	width:870px;
	margin:0px auto;
	background:#FFFFFF;
}

a:hover	{
	text-decoration:none;
}
dl{ 
	display:none;
}
h1{
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#f03;
}
p.title	{
	text-align:center;
	margin-top:3px;
}
h2.index{
	margin:0px;
	padding:3px 5px 0px 5px; 		
	color:#FFF;
	background:#0066CC;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
}
.ind{
	width:190px;
	height:200px;
	margin:0px 0px 5px 4px;
	padding:0px 0px 5px 4px;
	border:solid 1px #0066CC;
	background:#FFFAFA;
	font-size:12px;
	line-height:20px;
	display:block;
	float:left;
}
.ind a{
	color:#CC0033;
	font-size:12px;
	font-weight:bold;
	margin:0px 3px;
}
.ind div{
	width:180px;
	height:20px;
	line-height:20px;
	color:#660066;
	float:left;
}
div.layout{
	width:100%; height:100px; 
	padding:0px 0.5%;
}

h2.navi{
	margin: 0px 0px 13px 2px;
	color: #f00; 
	line-height: 110%;
	text-align: center;
	font-weight: bold;
	font-size: 88%;
	width: 100%;
}
ul{
	margin: 0px 0px 7px;
}
li{
	margin: 0px 0px 4px 10px;
	list-style: none;	
	font-weight: bold;
	font-size: 90%;
}
h2.rank{
	margin: 10px 0px 13px 2px;
	padding: 10px 0px 0px;
	border-top: solid 1px #dcdcdc;
	color: #f00;
	line-height: 105%;
	text-align: center;
	font-weight: bold;
	font-size: 88%;
	width: 100%;
}
div.special	{
	margin: 15px 0px 0px;
	padding: 0px;
}
h2.special{
	margin: 0px 0px 10px 2px;
	color: #000;
	font-weight: bold;
	font-size:12px;
	line-height:16px;
}
h2.ninjya{
	margin: 0px;
	padding: 3px 5px 3px;
	background: #000000;
	color: #000000;
	font-weight: bold;
	font-size: 90%;
}
p.ninjya{
	margin: 0px;
	padding: 5px;
	border: solid 1px #000000;
	background: #000000;
	color:#000000;
	font-size:9px;
	line-height: 130%;
}

div.layout{
	width:100%;
}
div.cts {
	margin: 0px;
	padding: 0px 30px 0px 0px;
	float:left;
}
.5stars{
	width:600px;

	margin:5px;
	padding:5px;
	background:#FF99FF;
	border:solid 1px #DB39FF;
	float:left;
}
.cmt5{
	padding: 7px 10px;
	background-color: #FFFFFF;
	border: solid 1px #FF6600;
	font-size:13px;
	line-height:16px;
	width:500px;
	float:left;
	margin:0px 0px 5px 3px;
}
.cmt5 a{
	color:#0099FF;
}
h3.stars{
	line-height:22px;
	font-weight: bold;
	font-size: 12px;
	color:#FFFFFF;

	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	display:block;

}
div.link{
	margin: 20px 0px 1px;
	padding: 3px 0px 0px;
	width: 99%;
	border-top: solid 1px #333333;
	text-align: right;
	white-space: nowrap;
	font-size: 87%;
}
div.copyright{
	margin: 0px 0px 15px;
	width: 99%;
	text-align: right;
	white-space: nowrap;
	font-size:10px;
}

p a{
	color:#FF0000;
	font-size:12px;
}

#left { width:540px; float:left; }
#right { width:310px; float:left; }
.star99{
	width:530px;
	margin:5px 5px 5px 2px;
	background:#FF0066;
}


/*一番下のリンク*/

.cmt99{
	padding:4px;
	background-color: #FFFFFF;
	border: solid 1px #FF6600;
	font-size:13px;
	line-height:16px;
	width:512px;
	float:left;
	margin:0px 0px 3px 3px;
}
.cmt99_in{
	width:240px;
	height:80px;
	text-align:center;
	float:left;
}
.cmt99_in a{
	color:#FF0000;
}
.cmt99_in2{
	widht:210px;
	height:80px;
	margin-left:8px;
	float:left;
}
.submenu{
	border:solid 1px #0066CC;
	width:209px;
	height:230px;
	background:#0066CC;
	float:left;
}
.submenu2{
	border:solid 1px #33CC33;
	width:309px;
	margin:5px 0px 5px 0px;
	background:#33CC33;
	float:left;
}

h2.index3{
	margin:0px;
	padding:3px 5px 3px;		
	color:#FFF;
	background:#33CC33;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	height:18px;
	display:block;
	float:left;
}
h2.index2{
	width:304px;
	margin: 0px 0px 0px 0px;
	color:#FFFFFF;
	padding:0px 0px 0px 5px;
	background:#FF6600;
	font-weight: bold;
	font-size:12px;
	line-height:26px;
	display:block;
	float:left;
}
.submenu3{
	border:solid 1px #FF6600;
	width:309px;

	margin:5px 0px 0px 0px;
	background:#FF6600;
	float:left;
}
.submenu3_in{
	width:302px;
	height:300px; 	overflow:scroll;
	margin:0px 1px 2px 2px;
	background:#FFFFFF;
	border:solid 1px #FF6600;
	overflow:auto;
	float:left;	
}
.submenu3_in_link{
	width:138px;
	line-height:28px;
	font-size:12px;
	color:#FF6600;
	border-bottom:1px dotted #FF6600;
	margin:9px 0px 0px 0px;
	float:left;
}
.submenu3_in_link a{
	text-decoration:underline;
	display:block;
	color:#FF6600;
}
.submenu3_in_link_icon{
	width:12px;
	line-height:10px;
	text-align:right;
	margin:10px 2px 0px 0px;
	float:left;
}
.submenu4{
	border:solid 1px #33CC33;
	width:309px;
	height:255px;
	margin:2px 0px 0px 0px;
	background:#33CC33;
	float:left;
}
h2.index4{
	margin:0px;
	padding:3px 5px 3px;		
	color:#FFF;
	background:#33CC33;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
}
.ind4{
	width:300px;
	height:220px;
	margin:0px 2px 4px 2px;
	border: solid 1px #6666CC;
	background: #FFFAFA;
	float:left;
}
.submenu5{
	border:solid 1px #FF69B4;
	width:309px;

	margin:5px 0px 0px 0px;
	background:#FF69B4;
	float:left;
}
h2.index5{
	margin:0px;
	padding:3px 5px 3px;		
	color:#FFF;
	background:#FF69B4;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
}
.ind5{
	width:300px;

	margin:0px 2px 4px 2px;
	border: solid 1px #FF69B4;
	background: #FFFAFA;
	float:left;
}
.ind5 a{
	width:200px;
	margin:0 0 0 50px;
	display:block;
	font-size:12px;
	color:#000066;
	text-align:center;


}
.ind5 img{
	border:0px; 
}

.ind2{
	width:300px;

	margin:0px 2px 4px 2px;
	border: solid 1px #6666CC;
	background: #FFFAFA;
	float:left;
}


.submenu6{
	border:solid 1px #33CC33;
	width:309px;
	height:200px;
	margin:5px 0px 0px 0px;
	background:#1E90FF;
	float:left;
}
h2.index6{
	margin:0px;
	padding:3px 5px 3px;		
	color:#FFF;
	background:#1E90FF;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	text-align:left;
}
.ind6{
	width:300px;
	height:145px;
	margin:0px 0px 4px 2px;
	padding-top:25px;
	border: solid 1px #1E90FF;
	background:#FFFFCC;
	float:left;
}
.ind6 a{
	width:280px;
	height:100px;
	margin:5px 0px;
	line-height:20px;
	font-size:12px;
	color:#000066;
	text-align:center;
	border:0px;
	display:block;
	float:left;
}


.footer {
	text-align:right;
	color:#000000;
	width:860px;
	border: solid 1px #FF6600;
	background:#FFFFFF; clear:both;
}



.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}