@charset "utf-8";
/* CSS Document */
h1,h2,h3,p,td,th,ul,ol,li,dl,dt,dd,td{
	margin:0;
	padding:0;
	text-indent:0;
	list-style:none;
	vertical-align:top;}
a:hover{
	text-decoration:none;}
a img{
	border:none;}
a:hover img{
	filter: Alpha(opacity=80);
	opacity:0.9;}
.clear{
	clear:both;
	line-height:0px;}
.left{
	float:left;}
	img.left{
		padding:0 20px 20px 20px;}
.right{
	float:right;}
	img.right{
		padding:0 20px 20px 20px;}
body{
	margin:0;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
	padding:0;
	text-align:center;
	line-height:1.5em; }

#BODY{
	width:900px;
	background:url(../img/background.jpg) top repeat-y;
	margin:0 auto 0 auto; }
#FRAME{
	width:850px;
	margin:0 auto 0 auto; }

#HEADER{
	width:850px;
	margin:0 auto 0 auto;
	height:20px;}
	h1{
		height:20px;
		width:720px;
		float:left;
		font-weight:normal;
		font-size:12px;
		line-height:20px;
		text-align:left;
		text-indent:10px;}
	#SITEMAP{
		height:20px;
		width:120px;
		float:left;
		font-size:12px;
		line-height:20px;
		text-align:right; }
#TITLE{ }
#TOPLINK{
	background:#F4F4F4;
	padding:10px 0 5px 10px;
	border-bottom:#CCC dotted 1px;
	font-size:12px;
	color:#999;
	text-align:center;}
	#TOPLINK a{
		color:#00F;
		text-decoration:none;}
	#TOPLINK a:hover{
		text-decoration:underline;}
#CONTENTSBOX{
	width:830px;
	padding-top:20px;
	margin:0 auto 0 auto;}
#MAIN{
	width:659px;
	float:left;}
#CONTENTS{
	width:468px;
	padding-bottom:20px;
	float:right;
	font-size:14px;}
	#NOSUBMENU #CONTENTS{
		width:659px;}
#SIDEMENU{
	width:180px;
	padding-bottom:20px;
	float:left;
	text-align:left;}
	#SIDEMENU ul{
		padding-bottom:20px;}
	#SIDEMENU ul li{
		font-size:12px;
		line-height:20px;
		padding-left:10px;
		color:#999;}
	.SIDEMENU-pr{
		margin:5px;
		border:1px dotted #CCCCCC;
		padding:5px;
		font-size:12px;
	}
#SUBMENU{
	width:160px;
	float:right;
	text-align:left;}
	div.ranking{
		padding-bottom:10px;}
	div.ranking ul{
		background:url(../img/SUBMENU/rankingback.jpg) repeat-y;}
	div.ranking ul li{
		text-align:center;}
	div.ranking ul li.rank01,
	div.ranking ul li.rank02,
	div.ranking ul li.rank03,
	div.ranking ul li.rank04,
	div.ranking ul li.rank05{
		background:url(../img/SUBMENU/rank-bottom1.jpg) bottom no-repeat;
		padding-bottom:20px;}
	div.ranking ul li.rank06{
		background:url(../img/SUBMENU/rank-bottom2.jpg) bottom no-repeat;
		padding-bottom:10px;}
	div.ranking ul li div.rank-link{
		padding:12px 5px 10px 40px;
		line-height:20px;
		font-size:12px;
		font-weight:bold;
		color:#333;
		text-align:left;}
		div.ranking ul li.rank01 div.rank-link{
			background:url(../img/SUBMENU/rank01.jpg) no-repeat;}
		div.ranking ul li.rank02 div.rank-link{
			background:url(../img/SUBMENU/rank02.jpg) no-repeat;}
		div.ranking ul li.rank03 div.rank-link{
			background:url(../img/SUBMENU/rank03.jpg) no-repeat;}
		div.ranking ul li.rank04 div.rank-link{
			background:url(../img/SUBMENU/rank04.jpg) no-repeat;}
		div.ranking ul li.rank05 div.rank-link{
			background:url(../img/SUBMENU/rank05.jpg) no-repeat;}
	div.ranking ul li div.rank-main{
		width:140px;
		margin:0 auto 0 auto;
		padding-bottom:10px;
		font-size:10px;
		line-height:14px;
		color:#333;
		text-align:left;}



/*CONTENTS*/
#PANKUZULIST{
	font-size:12px;
	line-height:20px;
	text-align:left;}
#CONTENTS h2{
	height:52px;
	line-height:42px;
	font-size:16px;
	color:#300;
	padding-left:25px;
	background:url(../img/CONTENTS/h2.jpg) no-repeat;
	text-align:left;}
	#CONTENTS h2.midashi{
		height:112px;
		line-height:102px;
		color:#C00;
		font-size:16px;
		padding-left:20px;
		background:url(../img/CONTENTS/h2midashi.jpg) no-repeat;
		overflow:hidden;}
	#NOSUBMENU #CONTENTS h2{
		background:url(../img/CONTENTS/h2nosub.jpg) no-repeat;;}
	#NOSUBMENU #CONTENTS h2.midashi{
		background:url(../img/CONTENTS/h2nosubmidashi.jpg) no-repeat;;}
#CONTENTS h3{
	line-height:20px;
	padding:0 0 10px 35px;
	background:url(../img/CONTENTS/h3.jpg) 10px top no-repeat;
	font-size:14px;
	color:#F00;
	font-weight:bold;
	text-align:left;}
	#CONTENTS td h3{
		padding-left:25px;
		background-position:left top;}
	
	#CONTENTS p,
	#CONTENTS table,
	#CONTENTS ul,
	#CONTENTS ol
	#CONTENTS .adsense{
		width:428px;
		margin:0 auto 0 auto;
		padding-bottom:20px;
		text-align:left;}
		#CONTENTS div.top-ranking p{padding-bottom:10px; width:300px;}
		#CONTENTS table p,
		#CONTENTS table table,
		#CONTENTS table ul,
		#CONTENTS table ol{
			width:auto;
			padding:0;}
	#NOSUBMENU #CONTENTS p,
	#NOSUBMENU #CONTENTS ul,
	#NOSUBMENU #CONTENTS ol{
		width:639px;}
	#NOSUBMENU #CONTENTS table{
		margin-left : 10px;
		margin-right : auto;}
		#NOSUBMENU #CONTENTS table p,
		#NOSUBMENU #CONTENTS table table,
		#NOSUBMENU #CONTENTS table ul,
		#NOSUBMENU #CONTENTS table ol{
			width:inherit;
			padding:0;}
	#CONTENTS table{
		border-collapse:collapse;
		margin-bottom:10px;}
	#CONTENTS th{
		color:#C00;
		border:1px solid #CCC;
		padding:5px;}
	#CONTENTS td{
		border:1px solid #CCC;
		padding:5px;}
	#CONTENTS ul li{
		line-height:20px;
		background:url(../img/CONTENTS/listmark.gif) top left no-repeat;
		padding-left:25px;
		margin-bottom:5px;}
	#CONTENTS ol li{
		list-style:decimal inside;
		padding-left:25px;
		margin-bottom:5px;
		text-align:left;}
	#CONTENTS ul.index li{
		border:#CCC 1px solid;
		background:url(../img/CONTENTS/index-listmark.jpg) 5px 10px no-repeat;
		padding:10px 10px 10px 25px;
		line-height:20px;
		margin-bottom:10px;
		text-align:left;
		clear:both;}
	#CONTENTS p.contents-footlink{
		text-align:center;}




.MOKUJI-box{
	width:218px;
	padding-bottom:20px;
	float:left;
	text-align:center;}

#NOSUBMENU #CONTENTS div.MOKUJI-box h2{
	background:url(../img/index/MOKUJI-title.jpg) no-repeat;
	font-size:14px;
	height:45px;
	line-height:42px;
	text-align:left;}
#NOSUBMENU #CONTENTS div.MOKUJI-box div.pr{
	width:206px;
	margin:0 auto 0 auto;
	border:1px dotted #CCC;}
	
#NOSUBMENU #CONTENTS div.MOKUJI-box div.pr p{
	width:auto;
	padding:7px;
	margin:0;
	font-size:12px;
	text-align:left;
	color:#333;
	line-height:1.5em;	
	}
#NOSUBMENU #CONTENTS div.MOKUJI-box ul{
	width:204px;
	margin:0 auto 0 auto;
	padding-top:10px;}
#NOSUBMENU #CONTENTS div.MOKUJI-box ul li{
	background:url(../img/index/MOKUJI-list.jpg) top left no-repeat;
	padding:0 0 0 20px;
	line-height:20px;
	}






#FOOTLINK{
	padding-bottom:20px;
	text-align:center;
	font-size:12px;}
#COPYRIGHT{
	background:#C00;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:20px;
	height:20px;}



/*review*/

table.review2{
	border-collapse:collapse;
	text-align:center;
	margin:0 auto 0 auto;}
	table.review2 td{
		border:#CCC solid 1px;
		padding:20px;
		text-align:center;
		font-size:12px;
		color:#F00;}
	table.review2 th{
		border:#CCC solid 1px;
		background:#C00;
		color:#FFF;
		font-weight:bold;
		font-size:14px;
		text-align:center;}


/*trainingmenu*/

.TRAININGMENU{
	width:275px;
	padding-bottom:20px;}
	#MAIN-CONTENTS .TRAININGMENU h2{
		line-height:20px;
		margin-bottom:10px;
		font-size:12px;}
	#MAIN-CONTENTS .TRAININGMENU table{
		width:100%;
		margin:0 0 20px 0;
		border-collapse:collapse;
		text-align:center;}
	.TRAININGMENU td{
		text-align:left;
		width:50%;
		border:1px dotted #CCC;
		padding:5px;
		font-size:12px;
		vertical-align:top;}
	.TRAININGMENU td img{
		text-align:center;}
	#MAIN-CONTENTS .TRAININGMENU li{
		line-height:20px;
		font-size:13px;
		margin:0;
		padding:0;}
	#MAIN-CONTENTS .TRAININGMENU p,
	#MAIN-CONTENTS .TRAININGMENU ul,
	#MAIN-CONTENTS .TRAININGMENU ol{
		width:inherit;
		text-align:left;
		margin:0 auto 0 auto;
		padding-bottom:10px;}



/*sitemap*/
.sitemap{
	width:225px;
	padding-bottom:20px;
	font-size:12px;
	text-align:center;}
	.sitemap .box{
		width:224px;
		margin:0 auto 0 auto;}
	.sitemap h2{
		background:#C00;
		line-height:20px;
		font-size:12px;
		margin-bottom:10px;
		color:#FFF;}
	.sitemap ul{
		width:200px;
		margin:0 auto 0 auto;
		padding-bottom:20px;
		text-align:left;}
	.sitemap li{
		background:url(../img/sitemap/list.jpg) top left no-repeat;
		padding-left:22px;}

#CONTENTS table.training{
	width:410px;}
#CONTENTS table.training td img{
	text-align:center;}
#CONTENTS table.training td.bui{
	width:50%;}

#NOSUBMENU #CONTENTS table.buibetutraining{
	width:100%;
	margin:0 0 20px 0;}
#NOSUBMENU #CONTENTS table.buibetutraining td{
	width:120px;}
#NOSUBMENU #CONTENTS table.sitemaptable td{
	width:200px;}

#CONTENTS .adsense{
	padding-left:20px;
	padding-bottom:20px;
	text-align:left;}


/*新着情報プラグイン*/
div.whatsnew {
	margin:10px 0;
	background-color: White;
	border-radius: 5px;        /* CSS3 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome */
	-moz-border-radius: 5px;   /* Firefox */
	border: 1px Silver solid;
	font-size: 100%;
	text-align:left;
}

p.whatsnewtitle {
	font-weight: bold;
	font-size: 110%;
	margin: 0;
	padding: 5px 10px;
	background-color: WhiteSmoke;
	box-shadow:  1px 1px 4px #ccc;
	-webkit-box-shadow:  1px 1px 4px #ccc;
	-moz-box-shadow:  1px 1px 4px #ccc;
	border: 0;
	border-bottom: 1px Silver solid;
	border-top-left-radius: 5px;  /* 左上 */
	border-top-right-radius: 5px; /* 右上 */
	-webkit-border-top-left-radius: 5px;  /* 左上 */
	-webkit-border-top-right-radius: 5px; /* 右上 */
    -moz-border-radius-topleft: 5px;  /* 左上 */
    -moz-border-radius-topright: 5px; /* 右上 */
}

div.whatsnew dl {
	margin: 5px 0;
	padding: 0;
	border: 0;
}

div.whatsnew dt {
	margin: 0 7px;
	padding: 0;
	border: 0;
	float: left;
	width: 8em;
	font-weight: normal;
}

div.whatsnew dd {
	margin: 0;
	padding: 0 0 0 9em;
}

.newmark {
	font-size: 74%;
	vertical-align:middle;
	color: White;
	background-color: #ff4500;
	padding: 1px 5px;
	border-radius: 3px; /* CSS3 */
	-webkit-border-radius: 3px; /* Safari,Google Chrome */
	-moz-border-radius: 3px; /* Firefox */
}


/* --- リストエリア --- */
#CONTENTS ol.qa {
width: 500px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
text-align:left;
}
	#CONTENTS ol.qa li{
		list-style:none;}

/* --- リスト項目の内容 --- */
ol.qa dl {
margin: 0;
background: #f9f9f9 url(../img/index/qa_back.gif) repeat-x top; /* リスト項目の背景 */
}

/* --- Questionエリア --- */
	
ol.qa dt {
margin: 0;
padding: 8px 6px 6px 35px; /* Questionエリアのパディング（上右下左） */
background: url(../img/index/q6g.gif) no-repeat 4px 5px; /* Questionエリアの背景 */
border: 1px #c0c0c0 solid; /* Questionエリアの境界線 */
font-weight: bold;
list-style:none;
text-shadow: 2px 2px 1px #CCCCCC;
}

/* --- Answerエリア --- */
ol.qa dd {
margin: 0;
padding: 11px 6px 25px 35px; /* Answerエリアのパディング（上右下左） */
background: #ffffff url(../img/index/a5.gif) no-repeat 4px 8px; /* Answerエリアの背景 */
}

#NOSUBMENU #CONTENTS .review{
	width:508px;}

#NOSUBMENU #CONTENTS .review p{
	width:468px;
	margin:0 auto 0 auto;}
	
	
#NOSUBMENU #CONTENTS .review-dumbbell{
	width:640px;}

#NOSUBMENU #CONTENTS .review-dumbbell p{
	width:620px;
	font-size:18px;
	line-height:1.8em;
	padding-bottom:2em;
	margin:0 auto 0 auto;}
	
	
/*文字装飾*/
span.bycb{
	background:#FFFF66;
	font-weight:bold;}

img.index-photo{
	max-width:100px;
	max-height:100px;
	float:left;
	padding:0 5px 5px 0;}
	
	
div.training-menu-box{
	width:218px;
	float:left;
	text-align:left;}
	#CONTENTS div.training-menu-box ul{
		padding-top:5px;}
	#CONTENTS div.training-menu-box ul li{
		width:180px;}

.adsense-index-top{
	width:350px; height:290px; float:right; text-align:right;}
.adsense-index-middle{
	width:320px; height:270px; float:left; text-align:left;}