@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 .mainContents {
	float: left;
	width: 597px;
	_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_infoLink01.gif) no-repeat left 5px;
	padding-left: 15px;
	display: inline-block;
}

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

.subBtn li {
	float: left;
}



/* campaign style
---------------------------------------------------- */
#campaign li img {
	float: left;
	margin-right: 15px;
}

#campaign li span {
	background: url(/images/common/icon_arrow01.gif) no-repeat 2px center;
	padding-left: 15px;
}



/* service style
---------------------------------------------------- */
#service .cMenu {
	background: url(/images/common/line_L.gif) repeat-x left bottom;
	padding: 10px 0;
	margin-bottom: 15px;
	width: 597px;
}

#service .cMenu li {
	float: left;
	height: 32px;
	padding: 0 0 0 50px;
	margin: 0px 20px;
}

#service .cMenu li#serviceCable {
	background: url(/images/top/icon_service_cable.gif) no-repeat left 0px;
}

#service .cMenu li#serviceNet {
	background: url(/images/top/icon_service_net.gif) no-repeat left 0px;
}

#service .cMenu li#servicePhone {
	background: url(/images/top/icon_service_phone.gif) no-repeat left 0px;
}

#service .cMenu li a {
	background: url(/images/top/icon_arrow01.gif) no-repeat left center;
	padding: 5px 0 5px 10px;
	display: inline-block;
}

#service .left {
	float: left;
	width: 290px;
}

#service .right {
	float: right;
	width: 290px;
	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;
}



/* recommend style
---------------------------------------------------- */
#recommend .left {
	float: left;
	width: 285px;
}

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


#recommend ul li {
	position: relative;
	padding: 10px 0 10px 85px;
	background: url(/images/common/line_L.gif) repeat-x left bottom;
	width: 200px;
	float: left;
}

#recommend ul li.bottom {
	background: none;
}

#recommend ul img {
	position: absolute;
	border: 1px solid #d6d6d6;
	padding: 2px;
	left: 0px;
	width: 64px;
}

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

#recommend ul p {
	margin-bottom: 0;
}

#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: 249px;
	height: 249px;
}

#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;
}


/* 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_Brecommend.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: 16px 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 #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 {
	position: relative;
}

#index .sideArea #sideRecommend .sideFrameT2 {
}

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

#index .sideArea #sideRecommend .flash {
	/*margin-left: -24px;*/
	position: absolute;
	top: 45px;
	left: 7px;
	min-height: 190px;
	_height: 190px;
}

#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 p {
	padding: 10px;
}