/* --- html,body,contaierにheight、mainにpaddingボトム、footerにmargin-heght --- */

/* --- 初期値 --- */
* {
	margin:0;
	padding:0;
}
ul {
	list-style-type:none;
}
li {
	font-size:0.9em;
}

a img {
	border:none;
}
p {
	color:#2d2d2d;
	font-size:0.9em;
	line-height:1.4em;
	text-align:left;
}
.clear {
	clear:both;
}

/* --- レイアウト構成 --- */
html {
	height:100%;
}
body {
	height:100%;
	text-align:center;
	background-image:url('header_bg.png');
	background-repeat:repeat-x;
}
body > #container { 
	height:auto;
}
#container {
	margin:0 auto;
	width:920px;
	height:100%;
	min-height:100%;
}

/* --- ヘッダー --- */
#header {
	width:100%;
	min-height:162px;
	background-image:url('header_img.png');
	background-repeat:no-repeat;
	background-position:right 40px;
	text-align:left;
}
#header h1 {	
	font-size:13px;
	line-height:24px;
	font-weight:normal;
	color:#fff;
	padding:0px 0px 0px 0px;
}
#header_logo a {
	width:356px;
	height:95px;
	background-image:url('logo.gif');
	background-repeat:no-repeat;
	background-position:left center;
	margin:0px 0px 0px 0px;
	display:block;
	text-indent:-9999px;
	text-decoration: none;
}

/* --- メニュー --- */
#menu {
	width:100%;
	height:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	background-image:url('./menu/menu_bg_left.gif');
	background-repeat:no-repeat;
}
#menu ul {
	height:40px;
	background-image:url('./line1.gif');
	background-repeat:repeat-y;
	background-position:left;
}
#menu li a {
	color:#fff;
}

#menu li {
	color:#fff;
	line-height:40px;
	height:100%;
	float:left;
	background-image:url('./line1.gif');
	background-repeat:repeat-y;
	background-position:right;
	padding:0 25px;
	font-weight:bold;
	font-size:0.9em;
}

#visit_bg {
	margin-left:2px;
	background-color:#0f3a1e;
}
#visit_bg2 {
	margin-right:2px;
	background-color:#0f3a1e;
}

#menu_home {
	width:0px;
	height:0px;
	background-image:url('./menu/menu_toppage_drop.gif');
	background-repeat:no-repeat;
	margin:0px auto;	
	text-indent:-9999px;
}
#menu_home a {
	width:0px;
	height:0px;
	background-image:url('./menu/menu_toppage.gif');
	background-repeat:no-repeat;
	margin:0px auto;
	display:block;
	text-decoration: none;
}
#menu_home a:hover {
	background:none;
}

/* --- トップページ画像 --- */
#indeximg {
	width:100%;
	height:0px;
	background-image:url('./titleimage/indeximg.jpg');
	background-repeat:no-repeat;
	text-align:left;
	margin:0px 0px 0px 0px;
	text-indent:-9999px;
}

/* --- メイン --- */
#main {
	width:100%;
	height:auto;
	padding-bottom:60px;
	margin:0px 20px 30px 0;
	padding-top:2em;
}

#ads1 {
	text-align:left;
	margin:10px 0 20px 10px;
}

#index_img {
	margin:0 auto;
	width:593px;
	text-align:center;
}
#index_img img {
	margin:10px 0 0 0;
}

/* --- 右サイド --- */
#main_left {
	width:630px;
	float:left;
	text-align:left;
	margin-right:0px;
}

/* --- 左サイド --- */
#main_right {
	width:250px;
	float:right;
	text-align:left;
}

/* --- フッター --- */
#footer {
	width:100%;
	height:60px;
	background-image:url('footer_bg.gif');
	background-repeat:repeat-x;
	background-color:#000;
	margin-top:-60px;
	position:relative;
	text-align:center;
}
#footer_inner {
	margin:0 auto;
	width:870px;
	text-align:right;
	padding:10px 0px 0 0;
	color:#fff;
	font-size:13px;
}


.menubar {
	width:100%;
	height:26px;
	line-height:26px;
	background-color:#16582d;
	background-image:url('mark1.gif');
	background-repeat:no-repeat;
	background-position:10px center;
	margin:40px 0 15px 0;
}
.menubar h2 {
	color:#fff;
	font-size:16px;
	margin:0 0 0 28px;
}
#rank_table {
	margin:0 auto;
	width:600px;
	text-align:right;
}
#rank_table span {
	font-size:0.9em;
}
#rank_table table {
	margin:2px auto 10px auto;
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#rank_table th {
	width:50%;
	height:32px;
	background-image:url('rank_bg1.gif');
	background-repeat:repeat-x;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}
#rank_table h4 {
	width:auto;
	height:26px;
	line-height:26px;
	background-image:url('rank_bg2.gif');
	background-repeat:repeat-x;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}

#rank_table td {
	text-align:center;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	
}

#rank_table td img {
	margin:15px auto;
	
}

#rank_table td p {
	text-align:left;
	margin:10px;
	font-size:0.9em;
	line-height:1.3em;
	
}
#rank_table td p a {
	text-decoration: none;

}
#rank_title1 {
	width:100%;
	height:32px;
	background-image:url('rank_title1.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
}
#rank_title2 {
	width:100%;
	height:32px;
	background-image:url('rank_title2.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
}
#rank_title3 {
	width:100%;
	height:32px;
	background-image:url('rank_title3.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
}
#rank_title4 {
	width:100%;
	height:32px;
	background-image:url('rank_title4.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
}

.contents_list {
	text-align:left;
	margin:0 10px;
}
.contents_list li {
	margin:0 0 8px 0;
}

#if_list {
	text-align:left;
	margin:0 10px;
}
#if_list img {
	margin:0px 0px;
}
#if_list table {
	text-align:center;
	margin:20px auto 0 auto;
}
#if_list th,#if_list td {
	text-align:center;
	padding:0 0px;
}

#if_list th {
	vertical-align:top;
	padding:0 0 5px 0;
}

#if_list td {
	vertical-align:middle;
	padding:0 0 5px 0;
}

.mark4_sp {
	width:40px;
	background-image:url('mark4.gif');
	background-repeat:no-repeat;
	background-position:center;
}

.ads_res {
	margin:2em 0 0 0;
	font-size:0.7em;
	max-width: 336px;
}

#sidemenu_box {
	margin:20px 0 0 0;
	border:1px solid #ccc;
}

#sidemenu_bg {
	background-image:url('sidemenu_bg.gif');
	background-repeat:repeat;
}

#sidemenu_bg h2 {
	background-image:url('mark2.gif');
	background-repeat:no-repeat;
	background-position:10px center ;
	color:#fff;
	font-size:0.9em;
	padding:5px 10px 5px 32px;
}

#sidemenu_box h3 {
	margin:10px 10px 0px 10px;
	font-size:0.9em;
}
#sidemenu_box ul {
	margin:5px 10px 10px 10px;
}
#sidemenu_box li {
	margin:0 0 5px 0;
}

#pankuzu ul {
	margin-left:10px;
}
#pankuzu li {
	font-size:0.75em;
	float:left;
	padding-right:10px;
}
#page_title {
	width:100%;
	height:69px;
	background-image:url('page_menu_bg2.jpg');
	background-repeat:no-repeat;
	background-position:left bottom;
	margin:0 0 30px 0;
}

#page_title_img {
	width:100%;
	height:69px;
	background-image:url('page_menu_bg.jpg');
	background-repeat:no-repeat;
	background-position:right bottom;
	position : relative ;
}

#page_title_img h2 {
	font-size:18px;
	line-height:33px;
	position : absolute ;
	bottom : 0 ;
	background-image:url('mark3.gif');
	background-repeat:no-repeat;
	background-position:10px center;
	padding:0 0 0 28px;
}
#page_inner {
	margin:0px auto;
	width:600px;
}

#page_inner p {
	margin-bottom:10px;
}

.quality_h3 {
	font-size:0.9em;
	margin:0 0 3px 0;
}

.table_style1 th {
	width:auto;
	padding:5px 10px;
	vertical-align:middle;
	background-repeat:repeat-x;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	color:#fff;
	background-color:#16582d;
}
.table_style1 {
}
.table_style1 table {
	width:100%;
	margin:2px auto 60px auto;
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.table_style1 th {

}
.table_style1 td {
	text-align:center;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	vertical-align:top;

}
.table_style1 td img {
	margin:15px auto;
}
.table_style1 td p {
	text-align:left;
	margin:10px;
	font-size:0.9em;
	line-height:1.3em;
}
.table_style1 td p a {
	text-decoration: none;

}

.table_style2 table,.table_style2 th,.table_style2 td,.table_style2 td img {
	margin:0;
	padding:0;
	background:none;
	line-height:auto;
	border:0;
	height:auto;
}
.table_style2 table {
	width:100%;
	border-top:1px solid #fff;
}

.table_style2 th,.table_style2 td {
	border-right:1px solid #fff;

}

.table_style2 th {
	color:#000;
	background-color:#ffcc99;
	font-size:0.9em;
	padding:5px 0;
}

.table_style2 td {
	padding:3px 10px;
	font-size:0.9em;
}
.table_style2 td a,.table_style2 th a {
	text-decoration: none;
}
.selection_h3 {
	font-size:0.9em;
	margin:0 0 3px 0;
}

#ads3 {
	margin:30px 0;
	font-size:0.7em;
	max-width: 336px;
}

.official {
	background-color:#666633;
	display:inline;
	border:1px solid #000;
	color:#fff;
	padding:1px 10px;
	font-size:12px;
	margin:5px 0;
}

.list_style1 li {
	margin:0 0 5px 0;
}

.point_h4 {
	width:100%;
	height:38px;
	background-image:url('point.gif');
	background-repeat:no-repeat;
	background-position:10px bottom;
	text-indent:-9999px;
}

.p_style1 {

	padding-left:5px;
	font-weight:bold;
}
.table_style3 table {
	margin-top:5px;
	margin-bottom:30px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.table_style3 th,.table_style3 td {
	font-size:0.9em;
	line-height:1.3em;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:10px 10px;
	vertical-align:top;
}
.table_style3 th {
	background-color:#ffffcc;
}

.if_img {
	float:left;
	margin:0 20px 20px 0;
}

.table_style4 {
	margin-top:5px;
	margin-bottom:30px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.table_style4 th,.table_style4 td {
	font-size:0.9em;
	line-height:1.3em;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:10px 10px;
	vertical-align:top;
}

.table_style4 h4 {
	font-weight:normal;
	margin-bottom:10px;
}

.table_style5 table {
	margin-bottom:30px;
}

.table_style5 th {
	font-size:0.9em;
	line-height:1.3em;
	font-weight:normal;
	padding:5px 5px 15px 5px;
	text-align:center;
}
.table_style5 td {
	padding:0 20px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
}
.table_style5_box {
	border-right:1px solid #999;
}

.table_style6 table {
	width:100%;

	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.table_style6 th {
	width:auto;
	padding:5px 10px;
	text-align:left;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size:0.9em;

}
.table_style6 td {
	text-align:center;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size:0.9em;
	padding:5px 10px;
}

.table_style6_th {
	background-color:#ffffcc;
	font-weight:bold;
}

.level_img {
	float:left;
	margin:0 20px 20px 0;
}
#ps4_box {
	width:90%;
	border:3px solid #0000ee;
	margin:1.5em auto;
}
#ps4_link {
	text-align:center;
	margin:1em;

}
#ps4_link p {
	font-size:1.6em;
	text-align:center;
}
#ps4_link span {
	font-size:0.8em;
}

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

.clearfix {
  min-height: 1px;
}

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