@charset "utf-8";

/* ===================================================================
CSS Document

 file name  :contents.css
 style info :第2階層以下、ポップアップのコンテンツエリア関係 他
=================================================================== */

body{
	color:#fff;
	background:url(../../image/bg_body.gif) repeat top #333;
}

a:link{
	color: #fff;
}

a:visited{
	color: #fff;
}

#header_area{
	background:url(../../image/bg_head.gif) repeat-x;
}

#mainvisial{
	text-align:center;
	height:530px;
}

#footer_area{
	background:url(/image/bg_foot.png) repeat-x left 0;
}

.topics_area{
	float:left;
	width:394px;
	background:url(../../image/topics_bg.png) no-repeat left 40px;
}

.rec_area{
	float: right;
	width:350px;
	background:url(../../image/rec_bg.png) no-repeat left 40px;
}

.topics_area h2{
	margin-bottom:28px;
}

.rec_area h2{
	margin-bottom:17px;
}


.win.chrome #contents #main_area .topics_area,
.win.chrome #contents #main_area .rec_area{
font-size:80%; !important;
letter-spacing: 0em;
}

/*.win.gecko #contents #main_area .topics_area,
.win.gecko #contents #main_area .rec_area{
font-size:80%; !important;
letter-spacing: 0em;
}
*/


/*----------------------------------------------------
	☆
----------------------------------------------------*/

h1{ display:none}

.pr_title{ display:none}

/*--タブ部分------------------*/


#main_area ul.tabNav{
	overflow:hidden;
	_height:1%;
	margin-left:21px;
	margin-bottom:25px;
	background: url(../image/bg_topics_01.gif) no-repeat left top;x
}

#main_area ul.tabNav li{
	float:left;
}

#main_area ul.tabNav li a {
	display:block;
	height:44px;
	text-indent:-9999px;
}

#main_area ul.tabNav li.tab01 a{
	width:110px;
	background:url(../../image/button_topics_tab.png) no-repeat 0 0;
}

#main_area ul.tabNav li.tab02 a{
	width:120px;
	background:url(../../image/button_topics_tab.png) no-repeat -110px 0;
}

#main_area ul.tabNav li.tab03 a{
	width:119px;
	background:url(../../image/button_topics_tab.png) no-repeat -230px 0;
}


#main_area ul.tabNav li.tab01 a.active,
#main_area ul.tabNav li.tab01 a:hover{
	background-position:0 -44px;
}

#main_area ul.tabNav li.tab02 a.active,
#main_area ul.tabNav li.tab02 a:hover{
	background-position:-110px -44px;
}

#main_area ul.tabNav li.tab03 a.active,
#main_area ul.tabNav li.tab03 a:hover{
	background-position:-230px -44px;
}


/*--新着本文------------------*/

#main_area .topics_area #tab01,
#main_area .topics_area #tab02,
#main_area .topics_area #tab03{
	min-height:150px;
}
.ie6 #main_area .topics_area #tab01,
.ie6 #main_area .topics_area #tab02,
.ie6 #main_area .topics_area #tab03{
	height:auto !important;
	height:150px ;
}
/*非表示*/
#main_area .topics_area #tab02,
#main_area .topics_area #tab03{
	display:none;
}

#main_area .topics_area dl {
	clear:both;
	margin-left:21px;
	overflow:hidden;
	margin-bottom:25px;
	width:350px;
}

#main_area .topics_area dt {
	margin-bottom:5px;
	background:url(../image/line_02.gif) right 6px no-repeat;
	font-size:85%;
	font-weight:bold;
}

#main_area .topics_area dt img{
	vertical-align:bottom;
}

#main_area .topics_area dd {
	float:left;
	padding-left:15px;
	background: url(../image/icon_arrow_01.gif) no-repeat 3px 0.45em;
	line-height:1.6;
}

#main_area .topics_area dd p{
	margin-left:0 !important;
}

#main_area .topics_area dd a:link,
#main_area .topics_area dd a:visited{
	text-decoration:none;
	margin:0;
	padding:0;
	color:#cbcbcb
}

#main_area .topics_area dd a:hover{
	text-decoration: underline
}


.newslist{
	padding-right:15px;
	text-align:right;
}

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

#main_area .rec_area p{
	margin-bottom:7px;
}

#main_area .rec_area dl {
	clear:both;
	overflow:hidden;
	_height:1%;
	margin-bottom:12px;
	padding-left:10px;
	padding-bottom:15px;
	background:url(../image/line_01.gif) repeat-x left bottom;
}

#main_area .rec_area dt {
	float:left;
	padding:2px 0 0 2px;
	width:112px;
	text-align:center;
	/*background:url(../../image/rec_bg_img.gif) no-repeat;*/
}

#main_area .rec_area dt img{
	vertical-align:bottom;
	border:1px solid #000;
	border-top:none;
	border-left:none;
}

#main_area .rec_area dd {
	float:right;
	width:210px;
}

#main_area .rec_area dd p{
	margin-left:0 !important;
}
#main_area .rec_area dd a{
	display: block;
	margin-bottom:15px;
	font-weight:bold;
	color:#bbaf75;
}

#main_area .rec_area dd p{
	font-size:77%;
}

#main_area .rec_area dd a:link,
#main_area .rec_area dd a:visited{
	text-decoration:none;
}

#main_area .rec_area dd a:hover{
	text-decoration: underline
}

/*非表示*/
#main_area .topics_area .tab01 a,
#main_area .topics_area .tab02,
#main_area .topics_area .tab03{
	display:none;
}



/*---------------------------
english
--------------------------*/

.greeding_area{
	float:left;
	width:790px;
	background:url(../../english/image/greeding_bg.png) no-repeat left 40px;
}

.greeding_area h2 {
	margin-bottom:48px;
	text-align:center;
}

.greeding_area p {
	line-height:2;
	color:#aaaaaa;
}

/*---------------------------
print
--------------------------*/

@media print{

.topics_area{
	background:url(../../image/topics_bg.gif) no-repeat left 40px;
}

.rec_area{
	background:url(../../image/rec_bg.gif) no-repeat left 40px;
}

#main_area ul.tabNav{
	display:none
}
.pr_title{
	display:block;
}

}