@charset "utf-8";


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

Component

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

/* -------------------------------------------------------------------
 R side 
-------------------------------------------------------------------- */

/* rside background */
.rside_top{
	padding-top:27px;
	background: url(/share/img/bg_top_rside.gif) no-repeat left top;
}
.pcnw_tit{
	/*border-left:5px solid #C60204;*/
	background: url(/share/img/ico_redmark.gif) no-repeat left transparent;
	margin:0px 0px 3px 2px;
	font-weight:bold;
	padding:2px 0 0 10px;
	font-size: 110% !important;
}

/* -------------------------------------------------------------------
 top news
-------------------------------------------------------------------- */

#topnews{
	position:relative;
}
#topnews .pack_topnews_rt{
	background: url(/share/img/bg_topnews_title.jpg) no-repeat left top;
	padding-top: 95px;
}
#topnews .pack_topnews_rr{ background: url(/share/img/pack_topnews_rr.jpg) repeat-y left top; 
}
#topnews .pack_topnews_rb{
	background: url(/share/img/pack_topnews_rb.jpg) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom: 5px;
}

#topnews .break{
	width:118px;
	position: absolute;
	top: 0px;
	z-index: 50;
	right: 0px;
	_right:-1px;
	cursor: pointer;
}
#topnews .sectionLineBox_firstchild{
	width:530px;
	margin: 0px 0px 0px 20px;
	padding-bottom: 7px;
}
#topnews .sectionLineBox{
	width:auto;
	margin: 0px 20px 0px 16px;
	background: url(/share/img/line_05.gif) repeat-x left top;
	padding: 7px 5px;
}
#topnews .sectionLineBox2{
	width:auto;
	margin: 0px 20px 0px 16px;
	background: url(/share/img/line_05.gif) repeat-x left top;
	padding: 7px 0px;
}
#topnews .headline{
	font-weight:bold;
	margin-bottom:3px;
}
#topnews .update{
	color:#999;
	margin-right: 10px;
	padding-bottom: 3px;
}
#topnews .icon{
	margin-right: 8px;
	vertical-align: bottom;
}

#topnews .headline02{
	font-weight:bold;
	margin-right: 10px;
}
#topnews .subnews{
	margin-bottom: 5px;
}

/* -------------------------------------------------------------------
 sys topics
-------------------------------------------------------------------- */

#systopics{
	position:relative;
}
#systopics .title_systopics{	
	width:auto;
	background: url(/share/img/icon_sys_topics.jpg) no-repeat left top;
	height: 28px;
	font-weight: bold;
	margin: 0px 0px 3px 15px;
	padding: 8px 0px 0px 35px;

}
#systopics .pack_systopics_rt{
	background: url(/share/img/bg_systopics_title.jpg) no-repeat left top;
	padding-top: 9px;
	height: 46px;
}
#systopics .pack_systopics_rr{
	background: url(/share/img/pack_systopics_rr.jpg) repeat-y left top; 
}
#systopics .pack_systopics_rb{
	background: url(/share/img/pack_systopics_rb.jpg) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom: 5px;
}
#systopics .sectionLineBox_firstchild{
	width:auto;
	margin: 0px 20px 0px 16px;
	padding: 0 5px 7px 5px;
}
#systopics .sectionLineBox{
	width:auto;
	margin: 0px 20px 0px 16px;
	background: url(/share/img/line_05.gif) repeat-x left top;
	padding: 7px 5px;
}
#systopics .headline{
	width:626px;
	line-height:120%;
	margin-bottom:3px;
	padding-top:2px;
}
#systopics .headline span.date{
	width:185px;
	float:left;
	margin-bottom:3px;
}
#systopics .headline span.date img{
	margin-left:15px;
	vertical-align:top;
}
#systopics .headline span.lead{
	width:441px;
	float:left;
	margin-bottom:3px;
}

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

Box format (#contents)

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


/* -------------------------------------------------------------------
 box636_yellow_01
-------------------------------------------------------------------- */

.box636_yellow_01_rt{
	width:636px;
	background: url(/share/img/box636_yellow_01_rt.gif) no-repeat left top;
	padding-top: 10px;
}
.box636_yellow_01_rb{
	width:636px;
	background: url(/share/img/box636_yellow_01_rb.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

/* linklist */
.box_linklist{
	margin:0px 10px; 
}
.box_linklist .linklist_title{
	font-weight:bold;
	float:left;
	width:auto;
	margin-right:10px;
}
.box_linklist ul.linklist{
	padding:0px;
	margin:0px;
	float:left;
	width:auto;
	font-weight: bold;
}
.box_linklist ul.linklist li{
	padding:0px 0px 0px 10px;
	margin:0px 10px;
	float:left;
	width:auto;
	list-style:none;
	background: url(/share/img/icon_arrow_blue.gif) no-repeat left center;
}



/* -------------------------------------------------------------------
 box666_green_01 
-------------------------------------------------------------------- */
.box666_green_01_rt{
	width:666px;
	background: url(/share/img/box666_green_01_rt.jpg) no-repeat left top;
	padding-top: 13px;
}
.box666_green_01_rr{
	width:666px;
	background: url(/share/img/box666_green_01_rr.jpg) repeat-y left top;
	margin-bottom: 8px;
}
.box666_green_01_rb{
	width:666px;
	background: url(/share/img/box666_green_01_rb.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}


/* #contents recommendation_column */
#recommendation_column{}
#recommendation_column .title_recommendation_column{
	width:auto;
	background: url(/share/img/icon_column.jpg) no-repeat left top;
	height: 22px;
	font-weight: bold;
	margin: 0px 0px 3px 15px;
	padding: 8px 0px 0px 35px;
}
 
.box666_green_01_innerBox_rt {
	width:auto;
	background: url(/share/img/box666_green_01_inner_rt.jpg) no-repeat left top;
	padding-top: 17px;
}
.box666_green_01_innerBox_rr {
	width:auto;
	background: url(/share/img/box666_green_01_inner_rr.jpg) repeat-y left top; 
}
.box666_green_01_innerBox_rb {
	width:auto;
	background: url(/share/img/box666_green_01_inner_rb.jpg) no-repeat left bottom;
	padding: 5px 0px 25px;
}

#recommendation_column .sectionBox01{
	width:180px;
	float: left;
	margin-left: 35px;
	_display:inline;
}
#recommendation_column .sectionBox02{
	width:180px;
	float: left;
	margin-left: 28px;
	_display:inline;
}
#recommendation_column .sectionBox01 .imgArea,
#recommendation_column .sectionBox02 .imgArea{
	width:45px;
	float:left;
	margin-right: 5px;
}
#recommendation_column .sectionBox01 .text,
#recommendation_column .sectionBox02 .text{
	width:130px;
	float:left;
	font-weight: bold;
}
#recommendation_column .sectionBox01 .update,
#recommendation_column .sectionBox02 .update{
	padding:2px 3px 1px;
	color:#FFF;
	background: #FF6600;
	display: inline-block;
}




/* -------------------------------------------------------------------
 box437_gray_01
-------------------------------------------------------------------- */
.box437_gray_01_rt {
	width:437px;
	background: url(/share/img/box437_gray_01_rt.jpg) no-repeat left top;
	padding-top: 7px;
}
.box437_gray_01_rr {
	width:437px;
	background: url(/share/img/box437_gray_01_rr.jpg) repeat-y left top;
}
.box437_gray_01_rb {
	width:437px;
	background: url(/share/img/box437_gray_01_rb.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}


/* ranking */
#ranking{
	width:437px;
	float:left;
}
#ranking .tab_index{
	width:auto;
	height:42px;
	background: url(/share/img/box437_gray_01_tab.jpg) no-repeat left bottom;
}
#ranking .tab_index ul{
	padding:0px;
	margin:0px;
}
#ranking .tab_index ul li.tab01{
	padding:0px;
	margin:0px 0px 0px 18px;
	list-style:none;
	float: left;
}
#ranking .tab_index ul li.tab02{
	padding:0px;
	margin:0px 0px 0px 5px;
	list-style:none;
	float: left;
}
#ranking .tab_index ul li.on{
	background: url(/share/img/bg_tab_01_on.jpg) no-repeat left bottom;
	height: 23px;
	width: 160px;
	font-weight: bold;
	padding-top: 8px;
	text-align: center;
	color: #333;
	text-decoration: none;
	margin-top: 11px;
}

#ranking .tab_index ul li.off{
	background: url(/share/img/bg_tab_01_off.jpg) no-repeat left bottom;
	height: 23px;
	width: 160px;
	font-weight: bold;
	padding-top: 8px;
	text-align: center;
	color: #FFF;
	text-decoration: underline;
	cursor:pointer;
	margin-top: 11px;
}



#ranking .sectionLineBox_firstchild{
	width:auto;
	margin: 0px 13px;
	padding: 0px 5px 7px;
}
#ranking .sectionLineBox{
	width:auto;
	margin: 0px 13px;
	background: url(/share/img/line_05.gif) repeat-x left top;
	padding: 7px 5px;
}
#ranking .headline{
	font-weight:bold;
	margin-bottom:3px;
}
#ranking .update{
	color:#999;
	margin-right: 10px;
}
#ranking .icon{
	margin-right: 8px;
	vertical-align: bottom;
}



/* -------------------------------------------------------------------
 box220_gray_01
-------------------------------------------------------------------- */
.box220_gray_01_rt {
	width:220px;
	background: url(/share/img/box220_gray_01_rt.gif) no-repeat left top;
	padding-top: 7px;
}
.box220_gray_01_rr {
	width:220px;
	background: #F0F2F3;
}
.box220_gray_01_rb {
	width:220px;
	background: url(/share/img/box220_gray_01_rb.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

/* core column */
#core_column{
	width:220px;
	float:left;
	margin-left: 7px;
}
#core_column .titleArea{
	width:auto;
	margin:0px 10px 5px;
	background: url(/share/img/line_03.gif) repeat-x left bottom;
	padding-bottom: 5px;
}
#core_column .title_core_column{
	width:auto;
	background: url(/share/img/icon_corecolumn.jpg) no-repeat left top;
	height: 30px;
	font-weight: bold;
	padding-left: 35px;
	padding-top: 3px;
}

#core_column .sectionBox_firstchild{
	width:auto;
	padding: 2px 0px 7px;
	margin: 0px 9px;
}
#core_column .sectionBox{
	width:auto;
	background: url(/share/img/line_04.gif) repeat-x left top;
	padding: 7px 0px;
	margin: 0px 9px;
}
#core_column .sectionBox .headline
,#core_column .sectionBox_firstchild .headline{
	font-weight:bold;
	margin-bottom: 5px;
}
#core_column .sectionBox .imgArea,
#core_column .sectionBox_firstchild .imgArea{
	float:left;
	width:45px;
	margin-right:7px;
	padding-top: 3px;
}
#core_column .sectionBox .text,
#core_column .sectionBox_firstchild .text{
	float:left;
	width:145px;
}


/* -------------------------------------------------------------------
 yellman
-------------------------------------------------------------------- */
#yellman-content{
	width:350px;
	position: absolute;
	top: 90px;
	z-index: 100;
	right: 20px;
	padding-top: 21px;
	background: url(/share/img/bg_balloon.gif) no-repeat 290px top;
}

.yellman_close{
	text-align: right;
	background: url(/share/img/bg_balloon_02.gif) no-repeat left bottom;
}
.yellman_close .btn_yellman_close{
	cursor:pointer;
	margin-right:5px;
}
/* -------------------------------------------------------------------
 weather news
-------------------------------------------------------------------- */

.weather_p {
	font-weight:bold;
	background:url(/share/img/line_07.gif) repeat-x left bottom;
	_zoom:1;
	margin:0 10px 8px;
	padding-bottom:5px;
}

.flbox {
	float:left;
	width:160px;
	text-align:right;
}

.frbox {
	float:right;
	line-height:1.4;
	color:#666666;
	width:100px;
	padding:0 10px 0 0;
}

.frbox p {
	margin-bottom:5px;
}

.weather_rt {
	width:280px;
	background: url(/share/img/weather_rt.gif) no-repeat left top;
	padding-top: 10px;
}
.weather_rr {
	width:280px;
	background: url(/share/img/weather_rr.gif) repeat-y left top;
}
.weather_rb {
	width:280px;
	background: url(/share/img/weather_rb.gif) no-repeat left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}