@charset "Shift_JIS";

/*----------------topPage-------------------*/
/* ---------------------------------------- *
 contents
 ---------------------------------------- */ 
div#smartTOP {
	padding: 13px 0;
	text-align: center;
	display: none;
}
div#container div#top-mv {
	background: url(../images/top_bg_03.jpg) repeat-x left top;
	text-align: center;
}
div#container div#top-mv div#top-mvInner {
	width: 970px;
	height: 361px;
	margin: 0 auto;
}
div#container div#top-mv div#top-mvInner div#flashArea {
	width: 640px;
	height: 358px;
	float: left;
}
div#container div#top-mv div#top-mvInner div#flashContents {
	width: 640px;
	height: 358px;
	margin: 0 auto;
	text-align: center;
}
div#container div#top-mv div#top-mvInner div#flashContents img {
	margin: 150px 0 5px 0;
	vertical-align: top;
}
div#container div#top-mv div#top-mvInner div#flashContents p {
	font-size: 91.7%;
	color: #cccccc;
}

div#container div#top-mv div#top-mvInner div#topics {
	width: 330px;
	padding: 8px 0 0 0;
	float: left;
}
div#container div#top-mv div#top-mvInner div#topics div#news {
	width: 318px;
	height: 198px;
	border: 1px solid #373737;
	vertical-align: top;
	margin: 0 0 7px 0;
	background: #050505;
}
div#container div#top-mv div#top-mvInner div#topics div#news div#newsBox {
	width: 300px;
	height: 135px;
	padding: 0 9px;
	overflow: auto;
}
div#container div#top-mv div#top-mvInner div#topics div#news div#newsBox dl {
	width: 270px;
	background: url(../images/top_icon_02.gif) repeat-x left bottom;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
div#container div#top-mv div#top-mvInner div#topics div#news div#newsBox dl dt {
	width: 50px;
	float: left;
	color: #ffffff;
	text-align: left;
}
div#container div#top-mv div#top-mvInner div#topics div#news div#newsBox dl dd {
	width: 220px;
	float: left;
	color: #ffffff;
	text-align: left;
}
div#container div#top-mv div#top-mvInner div#topics div#news div#newsBox dl dd a:link {
	color: #ffffff;
}
div#container div#top-mv div#top-mvInner div#topics div#news div#newsBox dl dd a:visited {
	color: #999999;
}
div#container div#top-mv div#top-mvInner div#topics div#news div#newsBox dl dd a:hover {
	color: #999999;
}
div#container div#top-mv div#top-mvInner div#topics div#news div#newsBox dl dd a:active {
	color: #999999;
}
div#container div#top-mv div#top-mvInner div#topics div#news p.textLink {
	text-align: right;
	padding: 0 10px 0 0;
}
div#container div#top-mv div#top-mvInner div#topics div#news h2 {
	font-size: 0;
	line-height: 1;
	vertical-align: top;
	padding: 0 0 10px 0;
}
div#container div#top-mv div#top-mvInner div#topics div#mobile {
	width: 318px;
	height: 132px;
	border: 1px solid #373737;
	vertical-align: top;
	background: #050505;
	position: relative;
}
div#container div#top-mv div#top-mvInner div#topics div#mobile div.mobileImage01 {
	position: absolute;
	left: 17px;
	top: 36px;
	width: 150px;
	height: 90px;
}
div#container div#top-mv div#top-mvInner div#topics div#mobile div.mobileQR {
	position: absolute;
	left: 181px;
	top: 51px;
	width: 50px;
	width: 50px;
}
div#container div#top-mv div#top-mvInner div#topics div#mobile div.mobileImage02 {
	position: absolute;
	width: 92px;
	height: 126px;
	right: 5px;
	top: 4px;
	z-index: 1000;
}

div#container div#topMain {
	margin: 0 auto;
	text-align: left;
	background: #ffffff url(../images/top_bg_02.jpg) repeat-x center bottom;
	padding: 13px 0 28px 0;
}
div#container div#topMain div#topContents {
	width: 950px;
	text-align: left;
	margin: 0 auto;
}
div#container div#topMain div#topContents div#docomoChallenge {
	width: 600px;
	float: left;
}
div#container div#topMain div#topContents div#docomoChallenge div#docomoChallengeMain {
	width: 600px;
	padding: 7px 0 0 0;
	background: #f5f5f5;
	background: #ffffff url(../images/docomoChallenge_bg_01.jpg) no-repeat left bottom;
}
div#container div#topMain div#topContents div#docomoChallenge div#docomoChallengeMain div.columnWaku {
	border-bottom: 1px solid #d1d1d1;
	padding: 1px 0 8px 0;
	position: relative;
}
div#container div#topMain div#topContents div#docomoChallenge div#docomoChallengeMain div.last {
	border-bottom: none;
}
div#container div#topMain div#topContents div#docomoChallenge div#docomoChallengeMain div.columnWaku div.button {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 101px;
	height: 17px;
}
div#container div#topMain div#topContents div#docomoChallenge div#docomoChallengeMain div.columnWaku div.column {
	width: 590px;
	margin: 0 0 0 10px;
}
div#container div#topMain div#topContents div#docomoChallenge div#docomoChallengeMain div.columnWaku div.column div.columnImage {
	width: 136px;
	float: left;
}
div#container div#topMain div#topContents div#docomoChallenge div#docomoChallengeMain div.columnWaku div.column div.columnText {
	width: 454px;
	float: left;
}
div#container div#topMain div#topContents div#docomoChallenge div#docomoChallengeMain div.columnWaku div.column div.columnText img {
	padding: 4px 0;
}
div#container div#topMain div#topContents div#docomoChallenge div#docomoChallengeMain div.columnWaku div.column div.columnText p {
	width: 360px;
	line-height: 1.5;
}
div#container div#topMain div#topContents div#live {
	width: 320px;
	float: right;
}
div#container div#topMain div#topContents div#live h2 {
	padding: 0 0 7px 0;
}
div#container div#topMain div#topContents div#live h2.staff {
	padding: 11px 0 5px 0;
}
div#container div#topMain div#topContents div#live div#bannerArea {
	width: 320px;
	padding: 2px 0 0 0;
}
div#container div#topMain div#topContents div#live div#bannerArea p {
	width: 150px;
	float: left;
}
div#container div#topMain div#topContents div#live div#bannerArea p.other {
	width: 150px;
	float: right;
}
div#container div#topMain div#topContents div#live div.column {
	width: 320px;
	background: url(../images/live_bg_01.gif) no-repeat left bottom;
	padding: 0 0 5px 0;
	margin: 0 0 4px 0;
}
div#container div#topMain div#topContents div#live div.column div.columnImage {
	width: 89px;
	float: left;
}
div#container div#topMain div#topContents div#live div.column div.columnText {
	width: 231px;
	float: left;
}
div#container div#topMain div#topContents div#live div.column div.columnText p {
	line-height: 1.2;
	padding: 2px 0 0 0;
}


/*----------------topindexPage-------------------*/

