@charset "utf-8";

/*	-------------------------------------------------------------

	Description:	CSS file for screen media

	Filename:		content.css

	Author: 		N Hayashi

	Date:			06/01/2010

	-------------------------------------------------------------

	■タブ切り替え



FOR SCREEN ****************************************************** */

/*	-------------------------------------------------------------

	■タブ切り替え

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*トピックス*/

#topics {

	width: 520px;

	margin-bottom: 20px;

}



	#topics_title {

		width: 520px;

		height: 40px;

		background-image: url(../img/top_image/back_topics_title.jpg);

		background-repeat: no-repeat;

	}



	/*トピックス　記事エリア*/

	#topics_scroll {

		width: 494px;

		height: 130px;

		margin-left: 15px;

		margin-top: 0px;

		padding-top: 0px;

	}



	#topics_scroll ul {

		width: 460px;

		margin-bottom: 15px;

	}



		/*トピックス　日付*/

		#topics_scroll ul li.topics_date {

			float: left;

			width: 60px;

			display: block;

		}



		/*トピックス　内容*/

		#topics_scroll ul li.topics_cont {

			float: right;

			width: 400px;

			display: block;

		}



	.topics_bottom {

		width: 520px;

		text-align: center;

	}



/* タブ */

.tabheader {

    padding-top: 10px;

	padding-left: 160px;

}



.tabheader table {

	border-collapse: collapse; /* for IE */

	border-spacing: 0; /* for N6 */

}



.tabheader table tr td {

	margin: 0;

	padding: 0;

	border-width: 0

}



.tabheader #head1 {

    width: 80px;

	height: 25px;

	padding-top: 0px;

	display: block;

	text-align: center;

}



.tabheader #head2 {

    width: 80px;

	height: 25px;

	padding-top: 0px;

	display: block;

	text-align: center;

}



.tabheader #head3 {

    width: 80px;

	height: 25px;

	padding-top: 0px;

	display: block;

	text-align: center;

}



.tabheader #head4 {

    width: 80px;

	height: 25px;

	padding-top: 0px;

	display: block;

	text-align: center;

}



.tabheader .close {

	background-color: #d0d0d0;

	margin: 0;

	background-image: url(../img/top_image/button_topics_off.jpg);

	background-repeat: no-repeat;

    width: 80px;

	height: 25px;

	text-align: center;

	font-size: 16px;

	color: #333333;

}



.tabheader .close a {

	width: 80px;

	height: 18px;

	padding-top: 7px;

	display: block;

}



.tabheader .open {

	background-color: white;

	margin:0;

	white-space: nowrap;

	background-image: url(../img/top_image/button_topics_on.jpg);

	background-repeat: no-repeat;

    width: 80px;

	height: 25px;

	text-align: center;

	font-size: 16px;

}



.tabheader .open a {

    color: #ffffff;

	width: 80px;

	height: 18px;

	padding-top: 7px;

	display: block;

}



.tabheader .spc01 {

	margin: 0;

	white-space: nowrap;

	width: 270px;

}



.tabheader .spc02 {

	margin: 0;

	white-space: nowrap;

	background-image: url(../img/top/back_closeup.jpg);

	height: 34px;

}



.tabheader .spc03 {

	margin: 0;

	border-right: solid 1px #cccccc;

	white-space: nowrap;

	background-image: url(../img/top/back_closeup.jpg);

	height: 34px;

}



.tabheader a {

	text-decoration: none;

}



.tabbody {

	width: 520px;

	float: left;

	background-image: url(../img/top_image/back_topics_body.jpg);

	background-repeat: repeat-y;

	text-align: center;

	padding-top: 10px;

}



#box1 {

	width: 520px;

}



#box2 {

	width: 520px;

	display: none;

}



#box3 {

	width: 520px;

	display: none;

}



#box4 {

	width: 520px;

	display: none;

}



#ranklist li {

    list-style-type: none;

    margin: 15px;

    padding: 0 20px;

}



.rank1 {

	background-image: url("../img/common/rank1.jpg");

	background-repeat: no-repeat;

}



.rank2 {

	background-image: url("../img/common/rank2.jpg");

	background-repeat: no-repeat;

}



.rank3 {

	background-image: url("../img/common/rank3.jpg");

	background-repeat: no-repeat;	

}



.rank4 {

	background-image: url("../img/common/rank4.jpg");

	background-repeat: no-repeat;

}



.rank5 {

	background-image: url("../img/common/rank5.jpg");

	background-repeat: no-repeat;

}