@charset "utf-8";


/*************************************************************
    Index.css
*************************************************************/

/* ===========================================================
*
*    INDEX
*
*    // トップページ用
*
*
*    1. #CONTENTS
*       1.1. #MAIN
*		1.2. #SUB
*
*
* ==========================================================*/


/* ----------------------------------------------------------
*
*    1. INDEX #CONTENTS 
*
* --------------------------------------------------------- */

.topBody #contents {
	width: 100% ;
	background: url(../img/top/bg_contents_index.png) repeat-x;
	_background: url(../img/top/bg_contents_index.gif) repeat-x;
	overflow: hidden ;
}

.topBody #contents #contentsCont {
	margin: auto ;
	width: 960px ;
	text-align: left ;
}

div#topSlide {
	position: relative;
	height: 367px;
}

div#topSlide div#slideArea {
	height: 337px;
}

div#topSlide p.info {
	padding: 5px 0 0 160px;
	height: 25px;
	background: url(../img/top/ttl_whatsnew.gif) no-repeat 65px 10px;
	font-size: 85%;
}

div#topSlide p.info a {
	color: #fff;
}
div#topSlide p.info a:link {
	color: #fff;
}
div#topSlide p.info a:hover {
	color: #fff;
		text-decoration: none;
}

div.gradation {
	position: absolute;
	width: 960px;
	height: 8px;
	top: 0;
	left: 0;
	background: url(../img/top/gr.png) no-repeat;
}


/*	1.1. INDEX #CONTENTS #MAIN
----------------------------------------------------------- */

.topBody #contents #main {
	float: left ;
	padding-left: 63px ;
	width: 657px ;
	background: url(../img/top/arn_cnt.gif) 22px 37px no-repeat;
}

.topBody #contents #main .section {
	float: left ;
	margin-top: 37px;
	width: 290px ;
	display: inline;
}

.topBody #contents #main #topReview {

}

.mgT10 { margin-top: 10px !important; }

.topBody #contents #main #topNews {
	margin-right: 45px ;
	_margin-right: 23px ;
}

.topBody #contents #main .section .sectionTitle {
	padding-bottom: 10px ;
	width: 100% ;
	height: 27px ;
	background: url(../img/share/dotline.gif) 0 36px repeat-x ;
	overflow: hidden ;
}

.topBody #contents #main .section .sectionTitle h2 {
	float: left ;
	width: 135px ;
}
.topBody #contents #main .section .sectionTitle ul {
	float: right ;
	margin-top: 15px ;
}
.topBody #contents #main .section .sectionTitle li {
	float: left ;
}

.topBody #contents #main .section .item {
	clear: both ;
	width: 100% ;
	padding-top: 28px ;
}

.topBody #contents #main #topNews .item {
	padding-right: 23px ;
	background: url(../img/share/dotline_ver.gif) top right repeat-y ;
}

.topBody #contents #main .section .item h3 {
	position: relative ;
	padding-top: 7px ;
	padding-left: 70px ;
	width: 220px ;
	font-size: 92% ;
}

.topBody #contents #main #topReview .item h3 {
	padding-left: 170px;
	width: 120px;
}

.topBody #contents #main #topReview .item li {
	display: block;
	position: relative;
}

.topBody #contents #main #topReview span.new {
	display: block;
	position: absolute;
	top: -35px;
	left: -40px;
}

.topBody #contents #main .section .item h3 img {
	position: absolute ;
	top: 0 ;
	left: 0 ;
}
.topBody #contents #main .section .item ul {
	margin-bottom: 18px ;
	padding-left: 70px ;
	padding-bottom: 15px ;
	width: 220px ;
	height: 27px ;
	border-bottom: 1px dotted #acacac ;
	font-size: 70% ;
}
.topBody #contents #main #topReview .item ul {
	padding-left: 170px;
	width: 120px;
}
.topBody #contents #main .section .item ul.nBorder {
	border: none ;
}
.topBody #contents #main .section .item li {
	float: left ;
}
.topBody #contents #main .section .item li.date {
	padding-right: 10px ;
}
.topBody #contents #main .section .item li.author {
	width: 140px ;
}
.topBody #contents #main #topNews .item li.author span {
	color: #70aec0 ;
}
.topBody #contents #main #topBlog .item li.author span {
	color: #8ba00b ;
}



/*	1.2. INDEX #CONTENTS #SUB
----------------------------------------------------------- */

.topBody #contents #sub {
	float: right ;
	width: 240px ;
}

.topBody #contents #sub .section {
	margin: 0 0 15px 0;
}

.topBody #contents #sub #guestBlog h2 {
	margin-bottom: 8px;
	padding: 23px 13px 7px 14px;
	border-bottom: 1px #c6c6c6 dotted;
	width: 213px;
}

.topBody #contents #sub #guestBlog {
	background: url(../img/top/bg_top_sub.png) repeat;
	_background: url(../img/top/bg_top_sub.gif) repeat;	/*	For IE6	*/
}

.topBody #contents #sub #guestBlog div.section {
	margin: 0 10px;
	padding: 17px 0 0 90px;
	clear: both;
	position: relative;
	width: 129px;
	height: 67px;
	background: url(../img/top/bg_guest.png) no-repeat;
	_background: url(../img/top/bg_guest.gif) no-repeat;	/*	For IE6	*/
}

.topBody #contents #sub #guestBlog div.section p.thumb {
	position: absolute;
	top: 10px;
	left: 10px;
}

.topBody #contents #sub #guestBlog dl {
	margin: 5px 10px 0 15px;
	padding-bottom: 10px;
	width: 215px;
	overflow: hidden;
}

.topBody #contents #sub #guestBlog dt {
	margin-right: 10px;
	/*float: left;*/
	width: 73px;
}

.topBody #contents #sub #guestBlog dd,
.topBody #contents #sub #guestBlog dd a {
	/*float: left;*/
	width: 215px;
	color: #565656;
	font-size: 92%;
}

.topBody #contents #sub #guestBlog dd span {
	display: block;
	padding-left: 5px;
	font-size: 85%;
}





/*
.topBody #contents #sub #topReview {
	margin-bottom: 15px;
	background: url(../img/share/bg_block.gif) repeat;
}

.topBody #contents #sub div#topReview h2 {
	margin-bottom: 18px ;
	padding: 26px 0 0 16px ;
	width: 224px ;
	height: 37px ;
	background: url(../img/top/bg_review.jpg) no-repeat ;
}

.topBody #contents #sub #topReview ul {
	margin: auto ;
	width: 215px ;
}

.topBody #contents #sub #topReview ul li {
	padding-top: 3px ;
	padding-left: 3px ;
	position: relative;
	width: 212px ;
	height: 100px ;
	background: url(../img/top/bg_top_thumb_review.gif) no-repeat ;
	text-align: left ;
	font-size: 77% ;
}
.topBody #contents #sub .section ul li img {
	display: block ;
	padding-bottom: 7px ;
}
.topBody #contents #sub #topReview span.new {
	display: block;
	position: absolute;
	top: -14px;
	right: -14px;
}
.topBody #contents #sub #topReview span.more {
	display: block ;
	padding: 10px 15px 10px 0 ;
	width: 225px ;
	text-align: right ;
}*/


/*	1.3. B-NAVI
----------------------------------------------------------- */

.topBody #contents #sub #topBnavi {
	margin-top: 15px ;
	/*padding-top: 15px ;*/
	padding-left: 10px ;
	width: 224px ;
	/*border-top: 1px dotted #c6c6c6 ;*/
}


/*	1.4. TOKYO WHEEL
----------------------------------------------------------- */

.topBody #contents #sub #toTWheels dl {
	padding: 15px 0 10px;
	position: relative;
	border-top: 1px dotted #c6c6c6;
	border-bottom: 1px dotted #c6c6c6;
}
.topBody #contents #sub #toTWheels dt {
	padding-left: 125px;
	font-size: 85%;
}
.topBody #contents #sub #toTWheels dt a {
	font-size: 85%;
}
.topBody #contents #sub #toTWheels dt a,
.topBody #contents #sub #toTWheels dt a:link,
.topBody #contents #sub #toTWheels dt a:visited {
	text-decoration: none;
	font-weight: bold;
}
.topBody #contents #sub #toTWheels dt a:hover {
	text-decoration: underline;
}
.topBody #contents #sub #toTWheels dt img {
	display: block;
	position: absolute;
	top: 15px;
	left: 10px;
}
.topBody #contents #sub #toTWheels dd.txt {
	padding-bottom: 10px;
	padding-left: 125px;
	font-size: 77%;
}
.topBody #contents #sub #toTWheels dd.copy {
	font-size: 77%;
	text-align: right;
}


/*	1.5. CircuitCafe2009 
----------------------------------------------------------- */

div#sub div#circuitCafe {
	/*padding-top: 15px;
	border-top: 1px dotted #c6c6c6;*/
}

div#sub div#circuitCafe h2 {
	text-align:center;
}

div#sub div#circuitCafe p {
	padding: 3px 3px 15px;
	border-bottom: 1px dotted #c6c6c6;
	line-height: 1.5;
	font-size: 85%;
	*font-size: 77%;	/* For IE */
}

div#sub div#circuitCafe p a,
div#sub div#circuitCafe p a:link,
div#sub div#circuitCafe p a:visited {
	text-decoration: none;
}
div#sub div#circuitCafe p a:hover {
	text-decoration: underline;
}