@charset "UTF-8";
/*
======== CONTENTS =========

toppage.css
last-updated:2008/07/01


===========================
*/

/*
===== link ======
*/
.contents_title a,.contents_title a:visited{
	text-decoration: underline;
}



/*
===== font ======
*/
#main .contents_sum
{
/* 説明文は均等割付 */
	text-align: justify;
	text-justify : inter-ideograph;
}

#main .contents_title
{
	font-size: 105%;
	line-height: 1.2;
	font-weight: bold;
}


#main .arena .contents_title
{
	font-size: 120%;
}

* html #main .arena .contents_title{
	/*IE6対応*/
	font-size: 1.3em;
}


#main .apptitle
{
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
	color:#004681;
}

#main .arena .contents_sum
{
	font-size: 82%; 
	line-height: 1.5;
}

#main .contents_sum,
#main .newslist li,
#main .corner_title,
#main .corner_update{
	font-size: 80%;
	line-height: 1.4;
}

#main table.ranking_num td{
	font-size: 80%;
	line-height: 1.2;
}

#main .morelist ul li
{
	font-size: 77%;
	line-height: 1.4;
}


#main .newslist .date,
#main .corner_update{
	color:#666
}




/*
===== contents ： 画像＆文字による記事紹介 ======
*/


#main .contents{
	margin: 4px 10px 5px 10px;
	width:594px;
	clear: both;
}

#main .contents .contents_img{
	width:130px;
	float:left;
}

#main .contents .contents_img img{
	border: solid 1px #ccc;
}


#main .contents .contents_txt{
	display: block;
}

#main .contents .corner_title{
	margin: 0 5em 4px 0;
}

#main .contents .corner_update{
	color:#666;
	float: right;
}

#main .contents_title{
	margin: 0 0 4px 0;
}

/*
===== arena ======
*/
#main .arena{
	margin: 0 0 8px 0;
	width:626px;
	overflow:hidden;
}


#main .arena .apptitle{
	background: url(/rz/static/common/images/app_title.png) no-repeat 0 -70px;/* alpha透過 */
	color:#f60;
}

* html #main .arena .apptitle{
/* Win IE 6向け調整*/
	background: url(/rz/static/common/images/app_title.gif) no-repeat 0 -70px;
}


#main .arena .apptitle span{
	display: block;
	padding:8px 6px 4px 37px;
	margin: 0 0 0 12px;
	width:614px;
	background: url(/rz/static/common/images/bullet.gif) no-repeat 14px -141px;
	border-bottom: 1px solid #FFDC9D;
}

#main .arena .inner{
	margin: 0 0 0 12px;
	padding-top:14px;
	width:614px;
	background: #fff url(/rz/static/common/images/arena_bg.gif) no-repeat;
	border-bottom: 1px solid #ccc;
}


#main .arena .contents{
	margin: 4px 10px 14px 10px;
}


#main .arena .contents_title{
	margin: 0 0 8px 0;
}


/*
===== app ======
*/

#main .app{
	margin: 0 0 8px 0;
	width:626px;
	overflow:hidden;
}

#main .app .apptitle{
	background: url(/rz/static/common/images/app_title.png) no-repeat 0 0;/* alpha透過 */
}

* html #main .app .apptitle{
/* Win IE 6向け調整*/
	background: url(/rz/static/common/images/app_title.gif) no-repeat 0 0;
}


#main .app .apptitle span{
	display: block;
	padding:8px 6px 0 37px;
	margin: 0 0 0 12px;
	background: url(/rz/static/common/images/bullet.gif) no-repeat 14px -191px;
}


#main .app .apptitle .apptitle2 span{
	display: block;
	padding:8px 6px 0 37px;
	margin: 0 0 0 12px;
	width:614px;
	background: url(/rz/static/common/images/bullet.gif) no-repeat 14px -591px;
}

#main .app .inner{
	margin: 0 0 0 12px;
	padding-top:18px;
	padding-bottom:5px;
	width:614px;
	background: #fff url(/rz/static/common/images/app_bg.gif) no-repeat;
}


/*
===== ranking ======
*/


#main .app .ranking{
	margin: 0 10px 5px 10px;
	width:594px;
}

#main .app .ranking_left{
	width:290px;
	float:left;
}

#main .app .ranking_right{
	width:290px;
	float:right;
}

#main table.ranking_num {
}

#main table.ranking_num td.r_img{
	padding:0 0 2px 0;
	vertical-align:top;
	text-align:center;
}
#main table.ranking_num td.r_txt{
	padding:5px 0 2px 4px;
	vertical-align:middle;
}

#main table.ranking_num img.ranking_img{
	padding:2px;
}


/*
===== morelist ======
*/
#main .morelist{
}

#main .morelist ul{
	border-top: 1px dotted #BEDCE7;
	text-align:right;
	padding:3px 4px 0px 3px;
	margin:0;
}


#main .morelist ul li {
	list-style: none;
	display: inline;
	vertical-align:middle;
	padding: 0 0 0 12px;
}

#main .morelist ul li.pre  {
	background: url(/rz/static/common/images/bullet.gif) no-repeat 0px -1085px;
	padding: 0 6px 0 14px;
}

#main .morelist ul li.next  {
	background: url(/rz/static/common/images/bullet.gif) no-repeat 0px -48px;
	padding: 0 6px 0 14px;
}

* html #main .morelist ul{
/* Win IE 6以前向け調整 */
	margin-bottom:0px;
}

* html #main .morelist ul li a {
/* Win IE 6以前向け調整 */
/*	background: url(/rz/static/common/images/bullet.gif) no-repeat 0px -48px;*/
}


*:first-child+html #main .morelist ul li a {
/* Win IE 7向け調整 */
	zoom:1;
}

#main .morelist .number {
	font-size: 77%;
}

#main .morelist .pager {
		font-size: 77%;
    line-height: 1.4;
	padding-bottom:4px;
}
#main .morelist .pager span , #main .morelist .pager .prev {
	padding:0 5px;
}

/*
===== news_list ======
*/

#main .newslist{
	margin: 0 10px 5px 10px;
	width:594px;
}

#main .app_article .newslist{
	margin: 0 6px 12px 6px;
width:auto;
}

#main .app_sub .newslist{
	margin: 0 6px 12px 6px;
	width:auto;
}

#main .newslist ul{
}

#main .newslist li{
	list-style: none;
	background: url(/rz/static/common/images/bullet.gif) no-repeat 4px -248px;
	padding: 0 10px 5px 22px;
}


/*
===== tagcloud ======
*/

ul.tagcloud {
	margin: 0 10px 16px 10px;
	width:594px;
	line-height: 1.2;
	text-align: justify;
	text-justify : inter-ideograph;
}

ul.tagcloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 90%; /* ここで相対的に文字サイズを変更 */
}

/* タグレベル1〜6 */

ul.tagcloud li.level1 a {
	font-size: 167%;
	font-weight: bold;
}

ul.tagcloud li.level2 a {
	font-size: 136%;
	font-weight: bold;
}

ul.tagcloudli.level3 a {
	font-size: 122%;
	font-weight: bold;
}

ul.tagcloud li.level4 a {
	font-size: 114%;
}

ul.tagcloud li.level5 a {
	font-size: 92%;
}


/*
===== clearfix ===========================
*/


.contents:after,
.app:after,
.ranking:after{
	content: url(/rz/static/common/images/spacer.gif);
	display: block;
	height: 0; 
	clear: both;
	visibility: hidden;
}

.contents,
.app,
.ranking{
	display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
 * html .contents,
 * html .app,
 * html .ranking {
	height: 1%;
}
.contents,
.series_item,
.app,
.ranking {
	display: block;}
/* End Holly Hack */


.msg_form
{
	font-size: 90%;
	line-height: 1.3;
}

/* セミナー検索
==================================================================== */
table.seminar_search {
	font-size: 80%;
	margin-bottom:10px;
	}

table.seminar_search td {
	vertical-align: middle;
	padding-bottom:5px;
	padding-right: 5px;
}


table.seminar_search .title {
	background:#ACCDDB;
	color:#FFF;
	font-weight:bold;
	padding:5px;
}
.btn.inline {
	margin:0 5px 5px 0
}