@charset "utf-8";


/* CSS Import Style
---------------------------------------------------- */
@import "01styles_main.css";
@import "02styles_common.css";
@import "styles_inc.css";


/* Top Style
---------------------------------------------------- */
#index #container {
	_width: 930px;
}

#index .frame {
	background: url(/images/top/bg_container.gif) repeat-y left top;
	width: 660px;
	float: left;
}

#index .frameT {
	background: url(/images/top/bg_container_T.gif) no-repeat left top;
	min-height: 21px;
	_height: 21px;
	width: 660px;
}

#index .frameM {
	background: url(/images/top/bg_container_M.gif) no-repeat left bottom;
	min-height: 43px;
	_height: 43px;
	width: 660px;
}

#index .frameB {
	background: url(/images/top/bg_container_B.gif) no-repeat left bottom;
	min-height: 21px;
	_height: 21px;
	width: 660px;
}

#index .frameBtm {
	background: url(/images/top/bg_container_btm.gif) no-repeat left bottom;
	min-height: 43px;
	_height: 43px;
	width: 660px;
}

#index .frameBtm_b {
	background: url(/images/top/recom_bg.gif) no-repeat left bottom;
	min-height: 21px;
	_height: 21px;
	width: 660px;
}


#index .framebg {
	background: url(/images/top/bg.gif) repeat-y left top;
	width: 660px;
	float: left;
}


#index .mainContents {
	float: left;
	width: 600px;
	_width: 597px;
	margin: 0 0 0 7px;
	padding: 5px 24px;
	position: relative;
}

.infoTxt {
	background-color: #fef8e2;
	padding: 8px 12px;
	font-weight: bold;
}

.infoTxt a {
	background: url(/images/top/icon_arrow01.gif) no-repeat left 5px;
	padding-left: 15px;
	display: inline-block;
}

.subBtn {
	position: absolute;
	top: 5px;
	right: 24px;
}

.subBtn2 {
	position: absolute;
	top: 154px;
	right: 35px;
}

.subBtn3 {
	position: absolute;
	top: 154px;
	right: 342px;
}
.subBtn li {
	float: left;
}



/* campaign style
---------------------------------------------------- */
body #container .frame #campaign ul {
	margin-right:-8px;
}
#campaign .subBtn {
	right::32px;
}
#campaign .left {
	float: left;
	width: 293px;
	margin-left:3px;
	margin-right:6px;
}

#campaign .right {
	float: left;
	width: 293px;
	margin-left:10px;
}

#campaign p.h10 {
	padding-top:10px;
	}

/* service style
---------------------------------------------------- */
#service .cMenu {
	padding-top: 10px;
	width: 609px;
	margin-right:-6px;
}

#service .cMenu li {
	float: left;
	height: 92px;
	padding: 0;
	margin:0 6px 0 0;
}
/*
#service .cMenu li {
	float: left;
	height: 92px;
	padding: 0 8px 0px 0px;
	margin: 0px 0px;
}*/

#service .cMenu li.last {
	float: left;
	height: 92px;
	padding: 0 0px 14px 0px;
	margin: 0px 0px;
}

#service .left {
	float: left;
	width: 297px;
	padding-right:6px;
}

#service .right {
	float: right;
	width: 297px;
	text-align: left !important;
}



/*
#service .left a,
#service .right a {
	background: url(/images/common/icon_arrow01.gif) no-repeat 2px center;
	padding-left: 15px;
}

#service .newWinLink {
	background: url(/images/top/icon_newWin.gif) no-repeat left center !important;
	padding-left: 15px;
}
*/
#service li  {
	margin-top:6px;
	margin-left:11px;
	}

#service ul.list {
	border-left:#CDCDCD 1px solid;
	border-right:#CDCDCD 1px solid;
	padding-top: 6px;
	}

#service p {
	padding:0px;
	margin:0px
	}

/* recommend style
---------------------------------------------------- */

#reccomend {
	padding-top: 10px;
	width: 609px;
	}

#recommend .left {
	float:left;
	width:192px;
	margin-right:25px;
	margin-left:16px;
	/**height:260px;*/
	*overflow:visible;
	_display:inline;
	}

#recommend .middle {
	float:left;
	width:192px;
	margin-right:28px;
	/*margin-bottom:50px;*/
	_display:inline;
	}

#recommend .rright {
	float:left;
	width:192px;
	text-align:left;
	_display:inline;
	}

#recommend li  {
	margin-top:5px;
	}

#recommend .newWinLink {
	background: url(/images/top/icon_newWin.gif) no-repeat left center !important;
	padding-left: 15px;
}


/* usj style
---------------------------------------------------- */
#usj {
	background-color: #ebebeb;
	padding: 13px 0 0 10px;
	font-size: 84%;
}

#usj li img {
	float: left;
	margin-right: 15px;
	margin-top: -13px;
}





/* header style
---------------------------------------------------- */
#index .header {
	padding-bottom: 2px;
	background: url(/images/top/bg_header.gif) no-repeat left bottom;
}

#index .globalMenu {
	padding: 0 0 3px 5px;
	background:url(/images/top/bg_globalMenu.gif) no-repeat 5px bottom;
	width: 890px;
}


#flashBox {
	margin-top: 0px;
	margin-left: -7px;
	position: relative;
	_min-height: 246px;
	height: 246px;
}

#flashBox #campaignF {
	position: absolute;
	top: 0px;
	left: 0px;
	
	/*float: left;
	width: 675px;*/
}

#flashBox #cmF {
	position: absolute;
	top: 0px;
	right: -8px;
	/*float: right;
	width: 240px;*/
}

#flashBox #altContent2 p {
	padding: 20px;
}

#flashBox #altContent2 p a img {
	margin: 10px 0;
}


#flashBox #bnrF {
	position: absolute;
	top: 0px;
	left: 675px;
	width: 217px;
	padding: 15px 0 0px 10px;
}

#flashBox #bnrF .btn {
	margin-bottom: 5px;
}

div.tooltip{
}

div.tooltip #MYPAGE {
	position:absolute;
	top: 8px;
	left: 27px;
	z-index: 1;
	display: none;
}

div.tooltip #NET {
	position:absolute;
	top: 77px;
	left: 27px;
	z-index: 1;
	display: none;
}

div.tooltip #ZAQ {
	position:absolute;
	top: 114px;
	left: 27px;
	z-index: 1;
	display: none;
}

div.tooltip p{
	line-height:1.5;
	color: #FFF;
}
div.tooltip #MYPAGE p {
	background:url("/images/top/bg_tooltipT1.gif") top left no-repeat;
	padding: 10px 0 0 0;
	width: 171px;
	*margin-bottom: -5px;
	_margin-bottom: 0px;
	text-align: center;
}

div.tooltip #NET p,
div.tooltip #ZAQ p {
	background:url("/images/top/bg_tooltipT1.gif") top left no-repeat;
	padding: 10px 0 0 10px;
	width: 161px;
	*margin-bottom: -5px;
	_margin-bottom: 0px;
	text-align: left;
}

/*div.tooltip #ZAQ p {
	background:url("/images/top/bg_tooltipT2.png") top left no-repeat;
	padding: 15px 0 0 10px;
	*margin-bottom: -5px;
	_margin-bottom: 0px;
	text-align: left;
}*/

div.tooltip img{
	vertical-align:top;
}




/* sideArea style
---------------------------------------------------- */
#index .sideArea {
	float: right;
	_float: left;
	width: 250px;
	_width: 250px;
	padding: 0;
	margin: 0;
}

.sideFrame1 {
	background: url(/images/top/bg_sideArea_B1.gif) no-repeat left bottom;
	padding-bottom: 15px;
}

.sideFrame2 {
	background: url(/images/top/bg_sideArea_B2.gif) no-repeat left bottom;
	padding-bottom: 10px;
	*padding-bottom: 15px;
}
	.sideFrame1#sideRecommend {
		background: url(/images/top/bg_sideArea_B2.gif) no-repeat left bottom;
		padding-bottom: 10px;
	}
	
.sideFrame1 .sideFrameT1 {
	background: url(/images/top/bg_sideArea_T1.gif) no-repeat left top;
	padding: 20px 30px 0 31px;
	
}


.sideFrame1 .sideFrameT2,
.sideFrame2 .sideFrameT2 {
	background: url(/images/top/bg_sideArea_T2.gif) no-repeat left top;
	padding: 20px 30px 0 31px;
}


#index .sideArea .ttl {
	margin-bottom: 8px;
}

.sideFrame1 .contents li,
.sideFrame2 .contents li,
.sideFrame1 .contents a,
.sideFrame2 .contents a {
	background: none;
	padding-left: 0;
}

#index .sideArea #info .contents {
	margin-left: -24px;
}

#index .sideArea .line {
	background: url(/images/common/line_L.gif) repeat-x left top;
	padding-top: 5px;
	margin-top: 10px;
}

#index .sideArea #info .contents a.mLeft {
	margin-left: 24px;
}

#index .sideArea #plan .contents ul {
	margin-left: -2px;
}

#index .sideArea #plan .contents li {
	margin: -6px 0 0;
	*margin: 0;
	padding: 0;
}

#index .sideArea #sideRecommend .contents {
	position: relative;
}

#index .sideArea #sideRecommend .sideFrameT2 {
}

#index .sideArea #sideRecommend .sideFrameT2 ul {
	margin-top: 190px;
	*margin-top: 184px;
	_margin-top: 187px;
}

#index .sideArea #sideRecommend .sideFrameT2 ul.vod_recommend {
	margin-top: 187px;
	*margin-top: 180px;
}

#index .sideArea #sideRecommend .flash_recommend {
	position: absolute;
	top: 50px;
	left: -24px;
	min-height: 190px;
	_height: 190px;
}

#index .sideArea #sideRecommend .flash_vod {
	/*margin-left: -24px;*/
	position: absolute;
	top: 80px;
	left: -24px;
	min-height: 170px;
	_height: 170px;
}

#index .sideArea #sideRecommend ul {
	margin-top: 12px;
}

#index .sideArea #sideRecommend li {
	margin-bottom: 0px;
	*margin-bottom: 5px;
}

#index .sideArea #banner ul {
	margin: 0;
}

#index .sideArea #banner li {
	margin-bottom: 5px;
}

#index .sideArea .flash_recommend p,
#index .sideArea .flash_vod p {
	padding: 10px;
}