@charset "utf-8";
/* ========================================
CSS information
 style info : index ONLY
========================================== */

#preLoad {
	display: none;
}

#makerTxt {
	width: 980px;
	margin: 5px auto 0 auto;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
}

/*--------------- default ---------------*/
#index #GnaviArea li.nav01 a {
	background:url(../img/common/Gnavi.png) no-repeat left -104px;
}

#pickupInfoArea {
	width: 980px;
	height: 22px;
	margin: 0 auto;
}

#pickupInfoArea p {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 22px;
	text-align: left;
}

#promoArea {
	width: 980px;
	height: 364px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	overflow: hidden;
}

#MakerArea_Header {
	width: 910px;
	height: 55px;
	margin: 0 auto;
	background: url(../img/index/Bg_logoArea_Header.png) no-repeat left center;
	clear: both;
	position: relative;
}

#MakerArea_Header a.maker_Ca {
	display: block;
	width: 63px;
	height: 18px;
	position: absolute;
	top: 22px;
	left: 30px;
	z-index: 1;
}

#MakerArea_Header a.maker_Nic {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 173px;
	z-index: 1;
}

#MakerArea_Header a.maker_Pa {
	display: block;
	width: 65px;
	height: 15px;
	position: absolute;
	top: 25px;
	left: 294px;
	z-index: 1;
}

#MakerArea_Header a.maker_Oly {
	display: block;
	width: 70px;
	height: 20px;
	position: absolute;
	top: 25px;
	left: 426px;
	z-index: 1;
}

#MakerArea_Header a.maker_Ric {
	display: block;
	width: 65px;
	height: 15px;
	position: absolute;
	top: 25px;
	left: 555px;
	z-index: 1;
}

#MakerArea_Header a.maker_Pen {
	display: block;
	width: 64px;
	height: 17px;
	position: absolute;
	top: 24px;
	left: 689px;
	z-index: 1;
}

#MakerArea_Header a.maker_GE {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 11px;
	left: 830px;
	z-index: 1;
}










 /*--------------- RepairListingsArea ---------------*/
 #RepairListingsArea {
 	width: 750px;
 	_height: 1190px;
}
*:first-child+html #RepairListingsArea {
 	width: 750px;
 	margin-bottom: 20px;
}

#RL_contentsHeader {
	width: 750px;
	height: 134px;
	background: url(../img/index/Bg_Live.png) no-repeat left top;
	position: relative;
	margin-top: -5px;
}

#RL_contentsHeader #contentsHeader_TextArea {
	width: 200px;
	height: 55px;
	position: absolute;
	top: 72px;
	left: 99px;
	z-index: 1;
}

#RL_contentsHeader #contentsHeader_TextArea h2 {
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	letter-spacing: 1px;
}





#RL_contentsHeader #btn_toMonitoring {
	width: 236px;
	height: 36px;
	position: absolute;
	top: 43px;
	left: 451px;
	z-index: 1;
}




#mid_iconArea {
	width: 140px;
	height: 25px;
	color: #ffffff;
	font-size: 10px;
	padding-right: 10px;
	position: absolute;
	top: 93px;
	left: 601px;
	z-index: 1;
}

#mid_iconArea p {
	float: left;
	line-height: 25px;
}

#mid_iconArea ul {
	float: left;
	height: 25px;
	line-height: 25px;
	margin: 0;
}

#mid_iconArea ul li {
	height: 16px;
	margin-top: 4px;
	margin-left: 4px;
	float: left;
}

*:first-child+html #mid_iconArea ul li {
	height: 16px;
	margin-top: 0px;
	margin-left: 4px;
	float: left;
}



#RL_ContentsArea {
	width: 740px;
	margin: 0 auto;
	_margin: -15px auto 0 auto;
	overflow: hidden;
}

#RL_ContentsArea ul {
	width: 750px;
}

#RL_ContentsArea ul:after{
 display: block;
 clear: both;
 content: "";
}

#RL_ContentsArea ul li {
	float: left;
	width: 140px;
	margin-right: 10px;
	margin-bottom: 20px;
}


 /*--------------- ListingsWrap ---------------*/
.ListingsWrap {
	width: 120px;
	height: 227px;
	background: url(../img/index/Bg_ListingsWrap.png) no-repeat left top;
	padding: 11px 10px 5px 10px;
	position: relative;
}

.ListingsWrap p {
	font-size: 11px;
	line-height: 15px;
}

.ListingsWrap p a {
	color: #00b9ef;
}

.ListingsWrap table {
	width: 120px;
	height: 227px;
	margin: 0;
	padding: 0;
}

.ListingsWrap table td.Listings_Photo {
	width: 118px;
	height: 118px;
	background: url(../img/index/Bg_photoArea.png) no-repeat left top;
	text-align: center;
	padding: 1px;
	vertical-align: middle;
	overflow: hidden;
}

.ListingsWrap table td.Listings_Entry {
	text-align: left;
	vertical-align: top;
}

.ListingsWrap table td.Listings_Entry .Listings_subTitle {
	width: 120px;
	height: 13px;
	margin-bottom: 1px;
	clear: both;
}

.ListingsWrap .btn_toDetail {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 202px;
	left: 99px;
	z-index: 100;
}



 /*--------------- ListingsWrap_v2 ---------------*/
 .ListingsWrap_v2 {
	width: 120px;
	height: 260px;
	background: url(../img/index/Bg_ListingsWrap_v2.png) no-repeat left top;
	padding: 11px 10px 5px 10px;
	position: relative;
}

.ListingsWrap_v2 p {
	font-size: 11px;
	line-height: 15px;
}

.ListingsWrap_v2 p a {
	color: #00b9ef;
}

.ListingsWrap_v2 table {
	width: 120px;
	height: 227px;
	margin: 0;
	padding: 0;
}

.ListingsWrap_v2 table td.Listings_Photo {
	width: 118px;
	height: 118px;
	background: url(../img/index/Bg_photoArea.png) no-repeat left top;
	text-align: center;
	padding: 1px;
	vertical-align: middle;
	overflow: hidden;
}

.ListingsWrap_v2 table td.Listings_Entry {
	text-align: left;
	vertical-align: top;
}

.ListingsWrap_v2 table td.Listings_Entry .Listings_subTitle {
	width: 120px;
	height: 13px;
	margin-bottom: 1px;
	clear: both;
}

.ListingsWrap_v2 .btn_toDetail {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 235px;
	left: 99px;
	z-index: 100;
}



#twitter-widget-0 {
	margin-left: 4px;
}
 /*--------------- index_InfoArea ---------------*/
#index_InfoArea {
	width: 750px;
	height: 380px;
	margin-bottom: 0;
	clear: both;
}

#index_InfoArea #index_NewsWrap {
	width: 375px;
	height: 380px;
	float: left;
	position: relative;
}

#index_InfoArea #index_TweetWrap {
	width: 375px;
	height: 380px;
	float: left;
	position: relative;
}


#index_InfoArea #index_TweetWrap #camelon_twitter {
	width: 102px;
	height: 123px;
	position: absolute;
	top: -10px;
	left: 250px;
	z-index: 100;
}

#index_InfoArea #Info_subTitleNews {
	width: 375px;
	height: 29px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../img/index/subTitle_News.png) no-repeat left bottom;
	clear: both;
}

#index_InfoArea #Info_subTitleTwitter {
	width: 375px;
	height: 29px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../img/index/subTitle_Twitter.png) no-repeat left bottom;
	clear: both;
}





 /*--------------- scrollBarBox ---------------*/
#index_InfoArea #box_News {
	width: 333px;
	height: 325px;
	background: url(../img/index/Bg_InfoWrap.png) repeat-y left top;
	margin: 0 4px 0 5px;
	padding: 10px 25px 10px 8px;
	overflow-y: scroll;
	position: relative;
}

#index_InfoArea #box_Tweet {
	width: 358px;
	height: 305px;
	background: url(../img/index/Bg_InfoWrap.png) repeat-y left top;
	margin: 0 auto;
	padding: 0 0 0 8px;
	position: relative;
}

.scrollgeneric {
	line-height:1px;
	font-size:1px;
	position:absolute;
	top:0;
	left:0;
}

.vscrollerbase {
	width:18px;
	background: url(../img/index/Bg_scroll.png) repeat-y left top;
}

.vscrollerbar {
	width:18px;
	height: 51px;
	background: url(../img/index/scroller.png) no-repeat left top;
}

#index_InfoArea .InfoFooter_News {
	width: 366px;
	height: 6px;
	margin: 0 4px 0 5px;
	padding: 0;
	background: url(../img/index/Bg_InfoFooter.png) no-repeat left top;
	clear: both;
}

#index_InfoArea .InfoFooter {
	width: 366px;
	height: 6px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/index/Bg_InfoFooter.png) no-repeat left top;
	clear: both;
}



 /*--------------- scrollBarBox DL DT DD UL LI ---------------*/
#box_News dl {
	width: 325px;
	/width: 305px;
	margin-bottom: 8px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 8px;
	background: url(../img/index/breakLine_Dotted.png) no-repeat left bottom;
	text-indent: 0;
}

#box_News dl dt {
	width: 288px;
	margin-bottom: 2px;
	padding-left: 17px;
	padding-right: 20px;
	/padding-right: 0px;
	font-size: 12px;
	line-height: 16px;
	background: url(../img/index/point_Square.png) no-repeat left 2px;
}

#box_News dl dd {
	padding-left: 17px;
	font-size: 11px;
	line-height: 14px;
}




#box_Tweet .twtr-doc .twtr-timeline .twtr-tweets .twtr-tweet {
	width: 330px !important;
	margin-bottom: 8px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-bottom: 8px !important;
	background: url(../img/index/breakLine_Dotted.png) repeat-x left bottom !important;
	text-indent: 0 !important;
	border-bottom: none;
}

#box_Tweet .twtr-doc .twtr-timeline {
	padding-top: 8px; !important;
}

#box_Tweet .twtr-doc .twtr-timeline .twtr-tweet-wrap {
	padding: 0 !important;
}

#box_Tweet .twtr-doc .twtr-timeline .twtr-tweet-wrap .twtr-tweet-text p {
	margin-bottom: 2px !important;
	padding-left: 17px !important;
	padding-right: 70px !important;
	font-size: 12px !important;
	line-height: 14px !important;
	background: url(../img/index/point_Square.png) no-repeat left 2px !important;
}



 /*--------------- Twitter公式用 ---------------*/
.twtr-doc .twtr-hd {
	display: none;
}

.twtr-doc .twtr-ft {
	display: none;
}





#twitterAttention {
	width: 740px;
	height: 20px;
	margin: 0;
	padding: 0;
	clear: both;
}

#twitterAttention p {
	font-size: 8px;
	line-height: 20px;
	color: #333333;
	text-align: right;
}






 /*--------------- LinePromotionArea ---------------*/
#LinePromotionArea {
	width: 726px;
	height: 22px;
	line-height: 22px;
	margin: 0 auto 20px auto;
	padding-left: 7px;
	padding-right: 7px;
	background: url(../img/index/Bg_ticker.png) repeat-x left top;
	overflow: hidden;
}

#LinePromotionArea ul {
	margin: 0;
	padding: 0;
}

#LinePromotionArea ul li {
	margin: 0;
	padding: 0;
	line-height: 24px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
































/* -----------------------------------------------------------
	#reviewArea_index
----------------------------------------------------------- */
#reviewArea_index {
	width: 240px;
}

#reviewArea_index #review_header {
	width: 240px;
	height: 52px;
	margin: 0;
	padding: 0;
	background: url(../img/index/Review_header.png) no-repeat left bottom;
}

#reviewArea_index #review_body {
	width: 217px;
	height: 673px;
	padding: 0 10px 0 13px;
	background: url(../img/index/Review_body.png) repeat-y left top;
}

#reviewArea_index #reviewWrap {
	width: 197px;
	height: 648px;
	margin: 0 0 15px 0;
	padding-top: 5px;
	padding-right: 20px;
	overflow-y: scroll;
	clear: both;
}

#reviewArea_index #reviewWrap ul {
	width: 197px;
	margin: 0;
	padding: 0;
}

#reviewArea_index #reviewWrap ul li {
	width: 197px;
	margin: 0;
	padding: 8px 0px;
	background: url(../img/common/Review_Line.jpg) repeat-x left bottom;
}

#reviewArea_index #reviewWrap ul li p.reviewText {
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	margin-bottom: 5px;
}

#reviewArea_index #reviewWrap ul li p.reviewCInfo {
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	margin-bottom: 5px;
}

#reviewArea_index #reviewWrap ul li p.reviewStar {
	height: 19px;
}

#reviewArea_index #reviewWrap ul li p.reviewStar img {
}

#reviewArea_index #review_footer {
	width: 240px;
	height: 52px;
	background: url(../img/index/Review_footer.png) no-repeat left top;
}

#reviewArea_index #reviewBtn {
	text-align: center;
	width: 240px;
	height: 30px;
}