@charset "utf-8";

/* =================== index =====================
1.Common
  1-1.Base
  1-2.Text
  1-3.Space
2.Link
  2-1.linkIcon
3.List
  3-1.UL
    3-1-1.Base
    3-1-2.Layout
    3-1-3.ListType
  3-2.OL
	3-2-1.Base
  3-3.DL
  	3-3-1.Base
4.Table
  4-1.dateTable01
  4-2.dateTable02
5.Box
  5-1.baseBox
    5-1-1.baseBox01
	5-1-2.baseBox02
  5-2.imgColumnBox
    5-2-1.imgColumnBox01
  5-2.uniqueBox
    5-2-1.toolBox
    5-2-2.addressBox
    5-2-3.shareBox
    5-2-4.ttTooltip
6.Pager Nav
  6-1.pagerNav
  6-2.pagerNav02
7.Special
  7-1.newsTicker
  7-2.trackBlock
  7-3.sponsoredList
8.Widget
  8-1.bnBox
  8-2.rltWidget
  8-3.rankingWidget
  8-4.carouselWidget01 - SlideShows
  8-5.carouselWidget02 - MainPhotos
  8-6.mdWidget - Market Data
  8-7.weatherWidget - Weather
  8-8.listWidget
================================================== */

/* --------------------------------------------------------------------------------
 == 1.Common 
----------------------------------------------------------------------------------- */

/* == 1-1.Base ---------------------------------- */
#subContentsBlock, #extraBlock {color: #333333;}

#mainContentsBlock p,
#mainContentsBlock ul,
#mainContentsBlock ol,
#mainContentsBlock table {
	margin: 0 0 1em;
}

em {font-weight: bold;}

pre {
	overflow: visible;
	word-break: break-all;
	word-wrap:  break-word;
}
pre {
    font-family: Courier New; 
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

hr {
	height: 0;
	border: 0;
	border-top: 1px solid #d1d1d1;
	margin: 0 0 1em;
	clear: both;
}

.lineType01 {
	clear: both;
	background: url(/common/img/line_dod_typeh03.gif) repeat-x left bottom;
	margin: 0 0 1em;
	padding-bottom: 2px;
	zoom: 1;
}
.lineType01 hr {
	display: none;
}

.layoutRight, .layoutright {float: right; margin: 0 0 10px 10px;}
.layoutLeft, .layoutleft {float: left;  margin: 0 10px 10px 0;}

.txtLeft {text-align: left;}
.txtRight {text-align: right;}
.txtCenter {text-align: center;}

.txtS, .txts {font-size: 0.9em;}
.txtL, .txtl {font-size: 1.3em;}

.txtRed, .txtred {color: #a21f20;}

.date {font-size: 0.9em; color: #8b8b8b !important;}

/* == 1-2.Text ---------------------------------- */
#mainContentsBlock h1 {
	clear: both;
	margin: 0 0 0.4em;
	font-size: 1.8em;
	line-height: 1.1;
	font-weight: normal;
}
#mainContentsBlock h2 {
	clear: both;
	margin: 0 0 0.5em;
	padding: 0 0 6px;
	font-size: 1.16em;
	line-height: 1.2;
	background: url(/common/img/bg_h2style01.gif) repeat-x left bottom;
}
#mainContentsBlock h3 {
	clear: both;
	margin: 0 0 0.5em;
	padding: 0 0 4px;
	background: url(/common/img/bg_h3style01.gif) repeat-x left bottom;
}
#mainContentsBlock h4 {
	clear: both;
	margin: 0 0 0.4em;
}

/* == 1-3.Space --------------------------------- */
.mg0b {margin-bottom: 0 !important;}



/* --------------------------------------------------------------------------------
 == 2.Link
----------------------------------------------------------------------------------- */

/* == 2-1.linkIcon ------------------------------ */
a.linkRss, .linkRss a {
	background: url(/common/img/ico_rss01.gif) no-repeat 0 0;
	padding: 0.1em 0 0.2em 20px;
	display: inline-block;
}
a.linkMail, .linkMail a {
	background: url(/common/img/ico_mail.gif) no-repeat 0 0;
	padding: 0.1em 0 0.2em 20px;
}
a.linkShare, .linkShare a {
	background: url(/common/img/ico_share.gif) no-repeat 0 0;
	padding: 0.1em 0 0.2em 20px;
}
a.linkPrint, .linkPrint a {
	background: url(/common/img/ico_print.gif) no-repeat 0 0;
	padding: 0.1em 0 0.2em 20px;
}
a.linkFollow, .linkFollow a {
	background: url(/common/img/ico_follow.gif) no-repeat 0 0;
	padding: 0.1em 0 0.2em 20px;
}
a.linkRead, .linkRead a {
	background: url(/common/img/ico_read.gif) no-repeat 0 0;
	padding: 0.1em 0 0.2em 20px;
}
a.linkLinkedIn, .linkLinkedIn a {
	background: url(/common/img/ico_linkedin.gif) no-repeat 0 0;
	padding: 0.1em 0 0.2em 20px;
}
a.linkDigg, .linkDigg a {
	background: url(/common/img/ico_digg.gif) no-repeat 0 0;
	padding: 0.1em 0 0.2em 20px;
}
a.linkFacebook, .linkFacebook a {
	background: url(/common/img/ico_facebook.gif) no-repeat 0 0;
	padding: 0.1em 0 0.2em 20px;
}
a.linkDelicious, .linkDelicious a {
	background: url(/common/img/ico_delicious.gif) no-repeat 0 0;
	padding: 0.1em 0 0.2em 20px;
}
a.linkTwitter, .linkTwitter a {
	background: url(/common/img/ico_twitter.gif) no-repeat 0 0;
	padding: 0.1em 0 0.2em 20px;
}

a.linkBlank, a.linkblank {
	background: url(/common/img/ico_blank.gif) no-repeat 0 0.2em;
	padding-left: 15px;
}
a.linkBullet, a.linkbullet {
	background: url(/common/img/blt_02r.gif) no-repeat 0 0.4em;
	padding-left: 10px;
}

/* --------------------------------------------------------------------------------
 == 3.List
----------------------------------------------------------------------------------- */

/* == 3-1.UL ------------------------------------- */

/* == 3-1-1.Base
----------------------------------- */
#mainContentsBlock .listBase {
	margin: 10px;
}
#mainContentsBlock .listBase li {
	padding-left: 10px;
}

/* == 3-1-2.Layout
----------------------------------- */
/* typeH01*/
#mainContentsBlock .typeH01 {
	float: right;
	border-left: 1px solid #9b9b9b;
}
#mainContentsBlock .typeH01 li {
	float: left;
	padding: 0 0 0 10px;
	text-align: right;
}

/* typeH02 */
#mainContentsBlock .typeH02 {
	float: left;
}
#mainContentsBlock .typeH02 li {
	float: left;
	text-align: left;
	padding-bottom: 7px !important;
}

/* typeH03 */
#mainContentsBlock .typeH03 {
	float: left;
	clear: both;
}
#mainContentsBlock .typeH03 li {
	float: left;
	padding: 0 21px 10px 21px;
}

/* == 3-1-3.ListType
----------------------------------- */
/* listType01 */
#mainContentsBlock .listType01,
#mainContentsBlock .listtype01 {
	margin: 0 10px 10px 20px;
}
#mainContentsBlock .listType01 li,
#mainContentsBlock .listtype01 li {
	padding-left: 10px;
	background: url(/common/img/lm_disc01.gif) no-repeat -0.3em 0.3em;
}

/* listTypeNormal */
#mainContentsBlock .listTypeNormal {
	margin: 0 0 15px 0;
}
#mainContentsBlock .listTypeNormal li {
	padding-left: 0;
}
#mainContentsBlock .listTypeNormal li dl {margin: 0;}
#mainContentsBlock .listTypeNormal li dt {}
#mainContentsBlock .listTypeNormal li dd {margin: 0; padding-left: 10px;}

/* listTypeRSS */
#mainContentsBlock .listTypeRSS {
	margin: 10px;
	font-size: 1.16em;
	font-weight: bold;
}
#mainContentsBlock .listTypeRSS li {
	padding-left: 20px;
	padding-bottom: 10px;
	background: url(/common/img/ico_rss01.gif) no-repeat 0 0.1em;
}

/* == 3-2.OL ------------------------------------- */

/* == 3-2-1.Base
----------------------------------- */
#mainContentsBlock ol {
	padding: 0 10px 0 30px;
}

/* == 3-3.DL ------------------------------------- */

/* == 3-3-1.Base
----------------------------------- */
#mainContentsBlock dl.listBase {
	margin: 0 0 1em;
}
#mainContentsBlock dl.listBase dd {
	margin: 0;
}




/* --------------------------------------------------------------------------------
 == 4.Table
----------------------------------------------------------------------------------- */
#mainContentsBlock table {
	margin: 0 0 2em;
}
#mainContentsBlock table td {
	line-height: 1.2;
	padding: 4px 10px;
}

/* == 4-1.dataTable01 ---------------------------- */
#mainContentsBlock .dataTable01,
#mainContentsBlock .datatable01 {
	border: 1px solid #a7a7a7;
	text-align: left;
}
#mainContentsBlock .dataTable01 td,
#mainContentsBlock .datatable01 td {
	padding: 8px 10px;
	border-right: 1px solid #a7a7a7;
	border-bottom: 1px solid #a7a7a7;
}
#mainContentsBlock .dataTable01 td.gray01,
#mainContentsBlock .datatable01 td.gray01 {
	background: #ececec;
	font-weight: bold;
}
#mainContentsBlock .dataTable01 td.gray02,
#mainContentsBlock .datatable01 td.gray02 {
	background: #f9f9f9;
	font-weight: bold;
}

/* == 4-2.dataTable02 ---------------------------- */
#mainContentsBlock .dataTable02,
#mainContentsBlock .datatable02 {
	text-align: left;
	background: url(/common/img/line_dod_typeh03.gif) repeat-x left top;
}
#mainContentsBlock .dataTable02 tr,
#mainContentsBlock .datatable02 tr {
	background: url(/common/img/line_dod_typeh03.gif) repeat-x left bottom;
}
#mainContentsBlock .dataTable02 td,
#mainContentsBlock .datatable02 td {
	padding: 10px;
}

/* --------------------------------------------------------------------------------
 == 5.Box
----------------------------------------------------------------------------------- */

/* == 5-1.baseBox -------------------------------- */

/* == 5-1-1.baseBox01
----------------------------------- */
#mainContentsBlock .baseBox01 {
	width: 572px;
	overflow: hidden;
}
#mainContentsBlock .baseBox01Inner {
	float: left;
	width: 170px;
	margin: 0 20px 0 0;
	padding: 10px 0;
}
#mainContentsBlock .baseBox01Inner02 {
	float: left;
	width: 150px;
	margin: 0 40px 0 0;
	padding: 10px 0;
}
#mainContentsBlock .baseBox01Inner h2,
#mainContentsBlock .baseBox01Inner02 h2 {
	background: none;
	margin: 0 0 0.4em !important;
	padding: 0;
	width: auto;
}


/* == 5-1-2.baseBox02
----------------------------------- */
#mainContentsBlock .baseBox02 {
	padding: 15px 10px;
	border: 1px solid #eaeaea;
	background: #f3f3f3;
}


/* == 5-2.imgColumnBox --------------------------- */

/* == 5-2-1.imgColumnBox01
----------------------------------- */
#mainContentsBlock .imgColumnBox01 {
	margin: 20px 0;
	text-align: center;
}
#mainContentsBlock .imgColumnBox01 img {
	margin: 0 10px;
	vertical-align: middle;
}


/* == 5-2.uniqueBox -------------------------------- */

/* == 5-2-1.toolBox
----------------------------------- */
#mainContentsBlock .toolBox {
	width: 610px;
	margin: 0 0 1em;
	clear: both;
	overflow: hidden;
}
#mainContentsBlock .tboxType02 {
	width: 572px;
	margin: 0 !important;
	padding: 0 0 6px;
}
#mainContentsBlock .toolBox .toPageBack {
	margin: 0;
	float: left;
}
#mainContentsBlock .toolBtm {
	margin: 0 0 1.5em;
}
#mainContentsBlock .toolTop .listBase,
#mainContentsBlock .toolBtm .listBase {
	margin: 4px 0;
}

/* == 5-2-2.addressBox
----------------------------------- */
.addressBox {
	border: 1px solid #9abbe7;
	padding: 1px;
	clear: both;
}
.addressBoxInner {
	background: url(/common/img/bg_box01.gif) no-repeat left bottom #f6faff;
	padding: 10px 10px 5px;
}
#mainContentsBlock .addressBoxInner p {
	margin: 0 0 0.5em;
}
#mainContentsBlock .addressBoxInner ul {
	margin: 0 0 0.5em 15px;
}
.addressBoxInner ul li {
	list-style: disc;
}

/* == 5-2-3.shareBox
----------------------------------- */
.shareBox {
	width: 187px;
	border: 1px solid #cccccc;
	background: #f3f3f3;
	padding: 8px 8px 3px;
	clear: both;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 50;
}
.shareBox .typeH02 {
	width: 174px;
	margin: 0 !important;
	float: left;
}
.shareBox .typeH02 li {
	width: 77px;
	float: left;
	padding: 0 10px 5px 0 !important;
}
.shareBox .closeBtn {
	float: left;
	margin: 0;
	cursor: pointer;
}

/* == 5-2-4.ttTooltip
----------------------------------- */
.ttTooltip {
	display: none;
}
.ttTooltipBox {
	width: 131px;
	background: url(/common/img/bg_tooltip01.gif) no-repeat center bottom;
	width: auto;
	padding: 0 0 9px;
	z-index: 10;
}
#ttTooltipB1.ttTooltipBox {
	background: url(/common/img/bg_tooltip02.gif) no-repeat center top;
	padding: 9px 0 0;
}
.ttTooltipBox em {
	font-weight: bold !important;
}

.ttTooltipBoxTxt {
	padding: 5px 8px;
	border: 1px solid #cccccc;
	border-bottom: none;
	background: #f2f2f2;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.4em;
}
#ttTooltipB1 .ttTooltipBoxTxt {
	border: 1px solid #cccccc;
	border-top: none;
}



/* --------------------------------------------------------------------------------
 == 6.Pager Nav
----------------------------------------------------------------------------------- */

/* == 6-1.pagerNav ------------------------------- */
.pagerNav {
	clear: both;
	margin: 0 0 2em;
	text-align: center;
	line-height: 1.2;
}
.pagerNav span {margin: 0 3px;}
.pagerNav a {padding: 3px 6px;}
.pagerNav img {vertical-align: middle;}
.pagerNav span.current_page {
	background: url(/common/img/bg_pager_on.gif) no-repeat center center;
	margin: 0;
	padding: 3px 6px;
}
.pagerNav a:hover, .pagerNav a:active {
	background: url(/common/img/bg_pager_on.gif) no-repeat center center;
}
.pagerNav #prevBtn {margin: 0 7px 0 0; padding: 0;}
.pagerNav #prevBtn span {margin: 0; padding:0;}
.pagerNav #prevBtn a {padding: 0;}
.pagerNav #nextBtn {margin: 0 0 0 7px; padding: 0;}
.pagerNav #nextBtn span {margin: 0; padding:0;}
.pagerNav #nextBtn a {padding: 0;}

/* == 6-2.pagerNav02 ----------------------------- */
.pagerNav02 {clear: both;}
.pagerNav02 ul {margin: 0; float: left;	width: 610px;}
.pagerNav02 ul li {width: 300px;}
.pagerNav02 ul li.prev {float: left; text-align: left; margin-right: 10px;}
.pagerNav02 ul li.next {float: right; text-align: right;}
.pagerNav02 .title {margin-top: 8px;}

.pnavType02 {
	background: url(/common/img/line_dod_typeh03.gif) repeat-x left top;
	float: left;
	clear: both;
	padding: 12px 0 0;
}
.pnavType02 ul {
	float: left;
	width: 572px;
	margin: 0;
}
.pnavType02 ul li {
	width: 281px;
}


/* --------------------------------------------------------------------------------
 == 7.Special
----------------------------------------------------------------------------------- */

/* == 7-1.newsTicker ----------------------------- */
#tickerBlock {
	width: 608px;
	border: 1px solid #ececec;
	margin: 0 0 15px;
	float: left;
	display: none;
}
#tickerBlock .tickerBlockInner {
	width: 602px;
	border: 1px solid #c6c6c6;
	padding: 2px;
	background: url(/common/img/bg_newsticker.gif) repeat-y left top #398ecf;
	float: left;
	clear: both;
}
#tickerBlock p.btn {
	width: 22px;
	height: 27px;
	margin: 0;
	float: left;
}
#tickerBlock #moreBtn {
	vertical-align: bottom;
}
#tickerContentsWrap {
	float: left;
	width: 545px;
	padding: 0 35px 0 0;
	background: url(/common/img/ico_newsticker.gif) no-repeat right top #ffffff;
}
#tickerContents {
	height: 17px;
	padding: 5px;
	background: #ffffff;
	overflow: hidden;
}
#tickerContents ul {
	margin: 0;
	padding: 0;
}
#tickerContents ul li {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#tickerList {
	line-height: 1.2;
}

/* == 7-2.trackBlock ----------------------------- */
#trackBlock {
	width: 966px;
	margin: 0;
	display: none;
}
#trackBar {
	background: url(/common/img/widget/trackbox/bg_trackbar.gif) no-repeat left bottom #ffffff;
	width: 393px;
	height: 35px;
	padding: 0 0 0 3px;
	z-index: 1000;
}
#trackBar * {margin: 0;	padding: 0;}

#trackBar ul {float: left; width: 307px; margin: 2px 0 0;}
#trackBar ul li {float: left; position: relative; width: 151px;	height: 30px;}
#trackBar ul li a {text-decoration: none;}
#trackBar ul li span {position: absolute;
	display: block;
	top: 8px;
	left: 110px;
	line-height: 1.2;
	font-size: 12px;
	font-weight: bold;
	color: #292929;
}
#trackBar ul li div.saveWrap {
	width: 151px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background: #0066ff;
}
#trackBar #btn01 {margin-right: 5px; cursor: pointer;}
#trackBar #btn02 {cursor: pointer;}
#trackBar #btnLogin {
	float: right;
	background: url(/common/img/line_dod_typev01.gif) repeat-y left top;
	margin: 5px 0 0 1px;
	padding: 0 7px 0 9px;
}

#trackItem {z-index: 1000;}
#trackItem * {margin: 0; padding: 0;}

#trackItem #tabbox01wrap {width: 697px;	height: 387px; display: none; z-index: 1000;}
#trackItem #tabbox02wrap {width: 595px;	height: 387px; display: none; z-index: 1000;}

#trackItem .tabbox {padding: 3px 12px 18px 12px;}
#trackItem #tabbox01 {background: url(/common/img/widget/trackbox/bg_nr.png) no-repeat left top; display: none;}
#trackItem #tabbox02 {background: url(/common/img/widget/trackbox/bg_ril.png) no-repeat left top; display: none;}

/* headerBox */
#trackItem .headerBox {position: relative; height: 30px; margin: 0 0 1px;}
#trackItem .headerBox .closeBtn {position: absolute; display: block; width: 16px; height: 16px; cursor: pointer;}
#trackItem .headerBox #close01 {top: 6px; left: 653px;}
#trackItem .headerBox #close02 {top: 6px; left: 550px;}

/* multiBox */
#trackItem .multiBox {overflow: auto; height: 302px;} 
#tabbox01 .multiBox {width: 673px;}
#tabbox02 .multiBox {width: 571px;}

#trackItem .mainBox {float: left; height: 302px; overflow: auto; overflow-x: hidden;}
#tabbox01 .mainBox {width: 535px;}
#tabbox02 .mainBox {width: 571px;}

#trackItem .subBox {float: right; height: 302px; overflow: auto; overflow-x: hidden;}
#tabbox01 .subBox {width: 138px;}

#trackItem .mainBox ul {float: left;}
#trackItem .mainBox ul li {
	float: left;
	width: 100%;
	background: url(/common/img/line_dod_typeh03.gif) repeat-x left top;
	padding: 6px 10px 7px 8px;
	line-height: 1.2;
}

#trackItem .mainBox ul li.firstChild {background: none;}
#trackItem .mainBox ul li.even {background-color: #eaf0f5;}

#trackItem .mainBox ul li a {float: left;}
#tabbox01 .mainBox ul li a {width: 390px;}
#tabbox02 .mainBox ul li a {width: 426px;}

#trackItem .mainBox .date {
	float: left;
	width: 80px;
	display: block;
	padding: 0 7px 0 5px;
	text-align: right;
}
#trackItem .mainBox input.checkbox {float: left; margin: 0 10px 0 0;}

#tabbox01 .subBox ul li {
	float: left;
	width: 100%;
	padding: 5px 7px;
	border-bottom: 1px solid #f8f8f8;
	font-size: 0.9em;
	line-height: 1.2;
	color: #8b8b8b;
	font-weight: bold;
}
#tabbox01 .subBox ul li.even{background: #efefef;}
#tabbox01 .subBox input.checkbox {float: left; margin: 0 5px 0 0;}
#tabbox01 .subBox ul li span {float: left; display: block; width: 100px;}

/* footerBox */
#trackItem .footerBox {clear: both; height: 21px; padding: 7px; position: relative;}
#tabbox01 .footerBox {width: 659px;}
#tabbox02 .footerBox {width: 557px;}
#trackItem .footerBox dl {float: left; font-size: 0.9em; padding: 3px 2px 0;}
#trackItem .footerBox dl dt {float: left;}
#trackItem .footerBox dl dd {float: left; padding: 0 7px;}
#trackItem .footerBox dl dd.firstChild {border-right: 1px solid #a5a5a5;}
#trackItem .footerBox ul {float: left;}
#trackItem .footerBox ul li {float: left; margin: 0 6px 0 0;}
#tabbox01 .footerBox #del02 {position: absolute; top: 7px; left: 543px; width: 54px;}

/* == 7-3.sponsoredList -------------------------- */
#mainContentsBlock .sponsoredList {
	clear: both;
	margin: 0 0 2em;
	padding: 5px;
	background: #f9f9f9;
}
#mainContentsBlock .sponsoredList dt {
	margin: 0;
	padding: 5px 7px;
	color: #6a6a6a;
	font-weight: bold;
	background: url(/common/img/line_dod_typeh01.gif) repeat-x left bottom;
}
#mainContentsBlock .sponsoredList dd {
	margin: 0;
	padding: 10px 7px;
}
#mainContentsBlock .sponsoredList ul {
	margin: 0 !important;
	padding: 0;
}
#mainContentsBlock .sponsoredList li {
	margin: 0 0 0.5em;
	padding: 0;
}



/* --------------------------------------------------------------------------------
 == 8.Widget
----------------------------------------------------------------------------------- */

/* == 8-1.bnBox ---------------------------------- */
.bnBox {
	text-align: center;
	overflow: hidden;
}
.bnBox img {
	padding: 0 0 15px;
}
.bnBox div  {
	display: block !important;
	padding: 0 0 15px;
}
#adHeadA.bnBox {
	float: right;
	margin: 0;
	padding: 52px 13px 0 0;
}
#adTopA.bnBox {
	clear: both;
	width: 728px;
	margin: 0 auto;
}


/* == 8-2.rltWidget ------------------------------ */
.rltWidget {
	clear: both;
	margin: 0 0 15px;
}
.rltWidget * {
	margin: 0;
	padding: 0;
}
.rltWidget dt {
	background: url(/common/img/widget/bg_widget01.gif) no-repeat left bottom #4a4a4a;
	padding: 5px 10px 7px;
	font-weight: bold;
	zoom: 1;
}
.rltWidget dt a {
	background: url(/common/img/blt_03r.gif) no-repeat 0 0.4em;
	padding-left: 10px;
	color: #ffffff !important;
}
.rltWidget dd {
	margin: 0;
	padding: 4px 0;
	border: 1px solid #9c9c9c;
	border-top: none;
}
.rltWidget li.pickup {
	font-size: 1em;
}
.rltWidget p {
	margin: 8px 0 0 !important;
	line-height: 1.3 !important;
}
.rltWidget ul {
	clear: both;
	overflow: hidden;
}
.rltWidget li {
	width: 283px;
	padding: 4px 10px;
	clear: both;
	overflow: hidden;
	font-size: 0.9em;
	line-height: 1.3;
}
.rltWidget .thumbnail {
	float: left;
	text-align: center;
	width: 73px;
	height: 73px;
	border: 1px solid #e8e8e8;
	display: block;
	margin: 0 8px 5px 0;
	background: #f3f3f3;
}
#extraBlock .rltWidget ul {
	margin: 0;
}
#extraBlock .rltWidget li {
	width: 240px;
}

/* == 8-3.rankingWidget -------------------------- */
#rankingWidget {
	margin: 0 0 15px;
}
#rankingWidget dd {
	margin: 0;
}
#rankingWidget ol {
	margin: 0;
	padding: 0;
}
#rankingWidget li {
	margin: 0;
	padding: 7px 0;
	background: url(/common/img/line_dod_typeh01.gif) repeat-x left bottom;
	line-height: 1.2;
	list-style: none;
}
#rankingWidget li a {
	display: block;
	padding: 0 0 0 27px;
	min-height: 30px;
}
*html #rankingWidget li a {
	height: 30px;
}
#rankingWidget span {
	width: 70px;
	float: right;
	text-align: right;
	color: #8b8b8b;
	font-size: 0.9em;
}
#rankingWidget li#rank01 a {background: url(/common/img/ico_rank01.gif) no-repeat left top;}
#rankingWidget li#rank02 a {background: url(/common/img/ico_rank02.gif) no-repeat left top;}
#rankingWidget li#rank03 a {background: url(/common/img/ico_rank03.gif) no-repeat left top;}
#rankingWidget li#rank04 a {background: url(/common/img/ico_rank04.gif) no-repeat left top;}
#rankingWidget li#rank05 a {background: url(/common/img/ico_rank05.gif) no-repeat left top;}

/* == 8-4.carouselWidget01 - SlideShows ---------- */
#carouselWidget01 {
	margin: 0 0 15px;
	background: url(/common/img/widget/bg_widget02.gif) no-repeat left top;
	position: relative;
}
#carouselWidget01 dt {
	height: 27px;
}
#carouselWidget01 dd {
	margin: 0;
	padding: 9px 0 9px 9px;
	border: 1px solid #9c9c9c;
	border-top: none;
}
#carouselIndicator01 {
	position: absolute;
	top: 6px;
	right: 9px;
	text-align: right;
}
#carouselIndicator01 ul {
	float: left;
	margin: 0;
	padding: 3px 3px 0;
}
#carouselIndicator01 li {
	float: left;
	padding: 0 3px 0;
}
#carouselIndicator01 li img {
	vertical-align: top;
}
#carouselPrev01, #carouselNext01 {
	float: left;
	margin: 0;
	cursor: pointer;
}
#carouselPrev01 {
	padding-right: 9px;
	background: url(/common/img/line_solid_typev02.gif) no-repeat right center;
}
#carouselNext01 {
	padding-left: 9px;
	background: url(/common/img/line_solid_typev02.gif) no-repeat left center;
}
#carouselItem01 {
	width: 294px;
	clear: both;
	overflow: hidden;
}
#carouselItem01 .itemList {
	width: 294px;
	float: left;
	margin: 0 0 5px 0;
}
#carouselItem01 .itemList li {
	float: left;
	display: block;
	margin: 0;
	padding: 0 10px 0 0;
	width: 88px;
	text-align: center;
}
#carouselItem01 .thumbnail {
	width: 88px;
	height: 88px;
	display: block;
	background: #f3f3f3;
	margin-bottom: 3px;
}
#carouselItem01 .itemList li img {
	border: 1px solid #e8e8e8;
}
#carouselItem01 .summary {
	margin: 0;
	line-height: 1.2;
	font-size: 0.9em;
}

/* == 8-5.carouselWidget02 - MainPhotos ---------- */
#carouselWidget02 {
	margin: 0 0 15px;
	background: #dadac0;
	position: relative;
}
#carouselWidget02 dt {
	background: url(/common/img/widget/bg_widget03.gif) no-repeat left bottom #545454;
	height: 31px;
	padding: 4px 0 0 3px;
}
#carouselWidget02 dd {
	margin: 0;
	padding: 6px;
}
#carouselIndicator02 {
	position: absolute;
	top: 13px;
	left: 165px;
	width: 93px;
}
#carouselIndicator02 p {
	margin: 0 !important;
}
#carouselPrev02 {
	float: left;
	cursor: pointer;
	padding-right: 5px;
	background: url(/common/img/line_solid_typev03.gif) no-repeat right center;
}
#carouselNext02 {
	float: right;
	cursor: pointer;
	padding-left: 5px;
	background: url(/common/img/line_solid_typev03.gif) no-repeat left center;
}
#statusBox {
	display: block;
	float: left;
	width: 45px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#carouselItem02 {
	width: 250px;
	position: relative;
	overflow: hidden;
}
#carouselItem02 ul {
	float: left;
	margin: 0 0 5px;
	width: 250px;
	height: 250px;
}
#carouselItem02 ul li {
	position: relative;
	width: 250px;
	height: 250px;
	background: #f3f3f3;
	text-align: center;
}
#carouselItem02 ul li img {
	border: 1px solid #f4f4ec;
}
#carouselItem02 .captionContent {
	width: 228px;
	position: absolute;
	background: url(/common/img/bg_overlay01.png) repeat left bottom;
	margin: 0;
	padding: 5px 10px;
	bottom: 1px;
	left: 1px;
	display: none;
	text-align: left;
}
#carouselItem02 .captionContent p {
	margin: 0 0 0.5em;
	line-height: 1.3em;
	color: #ffffff;
}
#carouselItem02 .captionContent p.title {
	font-weight: bold;
}
#carouselItem02 .captionContent a {
	color: #ffffff;
}

/* == 8-6.mdWidget - Market Data ----------------- */
#mdWidget {
	margin: 0 0 15px;
}
#mdWidget dt {
	margin: 0 0 10px;
}
#mdWidget dd {
	margin: 0;
	padding: 0;
}
#mdWidget table {
	width: 100%;
	margin: 0;
	font-size: 0.9em;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #e3e1e2;
	border-top: none;
}
#mdWidget table tr {
	background: url(/common/img/line_dod_typeh02.gif) repeat-x left top;
}
#mdWidget table tr.firstChild {
	background: none;
}
#mdWidget table th,
#mdWidget table td {
	text-align: left;
	padding: 4px 10px;
	font-weight: bold;
	line-height: 1.3;
}
#mdWidget .dataTable01 th {
	white-space: nowrap;
}

/* == 8-7.weatherWidget - Weather ---------------- */
#weatherWidget {
	margin: 0 0 15px;
}
#weatherWidget dt {
	margin: 0 0 10px;
}
#weatherWidget dd {
	margin: 0;
	padding: 5px 0 0; 
}
#weatherWidget table {
	width: 100%;
	margin: 0;
	text-align: left;
	background: url(/common/img/line_dod_typev02.gif)  repeat-y center top;
}
#weatherWidget table tr {
	background: url(/common/img/line_dod_typeh01.gif) repeat-x left bottom;
	vertical-align: top;
}
#weatherWidget table tr.lastChild {
	background: none;
}
#weatherWidget table th {
	width: 25%;
	padding: 5px 0 5px 7px;
}
#weatherWidget table td {
	width: 25%;
	text-align: right;
	padding: 5px 7px 5px 0;
}
#weatherWidget .temperatureBox {
	padding: 5px 0 0;
	color: #5b5b5b;
}
#weatherWidget .temperatureBox .low {color: #0626a8;}
#weatherWidget .temperatureBox .hight {color: #cb1717;}

.timeBox {
	width: 230px;
	height: 21px;
	min-height: 21px;
	color: #5b5b5b;
	font-weight: bold;
	border: 1px solid #e3e1e1;
	padding: 2px 0 0 30px !important;
}
#mdTime.timeBox {
	background: url(/common/img/widget/bg_timebox01.gif) no-repeat left top;
}
#weatherTime.timeBox {
	background: url(/common/img/widget/bg_timebox02.gif) no-repeat left top;
}

/* == 8-8.listWidget ------------------------------ */
.listWidget {
	float: left;
	clear: both;
	margin: 0 0 18px;
}
.listWidget dt {
}
.listWidget dd {
	margin: 0;
	float: left;
}
.listWidget ul {
	margin: 0;
	float: left;
}
.listWidget li {
	width: 305px;
	margin: 0;
	padding: 10px 0;
	background: url(/common/img/line_dod_typeh03.gif) repeat-x left bottom;
	float: left;
	clear: both;
}
.listWidget li span.date {
	float: right;
	margin: 0 0 0 10px;
}
.listWidget li a {
	float: left;
}
.listWidget .pickup ul {
	background: #f3f3f3;
	padding-top: 8px;
	border-bottom: 1px solid #e0e0e0;
}
.listWidget .pickup li {
	background-image: none;
	background-color: #ffffff;
	border-top: 1px solid #e0e0e0;
}
.listWidget li a {zoom: 1;}

/* selectMenu01 */
.selectMenu01 {
	width: 305px;
	margin: 0;
	padding: 10px 0;
}
.selectMenu01 select {
	width: 98px;
}
.selectMenu01 .btnGo {
	margin: 0 10px;
	font-size: 1em;
}



