/*
	CAR TOTAL ADVISER NEXT CSS
*/
@charset "utf8";

/*
	コンテンツレイアウト
*/

#content-layout {
	width:       100%;
	margin:      0 0px;
	background:  white;
	border-collapse: collapse;
}
#content-left {
	width:       65%;
	vertical-align: top;
}

#content-right {
	width:       34%;
	padding:     0 0 0 1%;
	vertical-align: top;
}


/*
	左側ボックス
*/
.leftbox {
}

.leftbox .caption {
	height:      24px;
	background:  none;
	line-height: 0;
}
.leftbox .go-button {
	height:      20px;
	text-align:  right;
	line-height: 0;
}

.leftbox-content {
	padding:     0 0 0 270px;
}
.leftbox-content .caption {
	height:      24px;
	background:  url(../images/top_leftbox_caption_underbar.gif) no-repeat left bottom;
}
.leftbox-content .description {
	margin:      0;
	font-size:   0.8em;
}
.leftbox-content .go-button {
	margin:      0;
	font-size:   0.8em;
}
.leftbox-content .go-button a {
	display:     block;
	width:       231px;
	margin:      0 0 0 auto;
}


.leftbox-border-top {
	clear:       both;
	width:       100%;
	height:      5px;
	background:  url(../images/top_leftbox_top_center.png) repeat-x;
	line-height: 0;
}
.leftbox-border-corner-left {
	float:       left;
}
.leftbox-border-corner-right {
	float:       right;
}
.leftbox-border-left {
	padding:     0 0 0 5px;
	background:  url(../images/top_leftbox_middle_left.png) repeat-y left;
}
.leftbox-border-right {
	padding:     0 7px 0 0;
	background:  url(../images/top_leftbox_middle_right.png) repeat-y right;
}
.leftbox-border-bottom {
	clear:       both;
	width:       100%;
	height:      7px;
	background:  url(../images/top_leftbox_bottom_center.png) repeat-x;
	line-height: 0;
}


#leftbox-event {
	background:  url(../images/top_event_photo.jpg) no-repeat;
}
#leftbox-event .go-button {
	height:      124px;
	background:  url(../images/top_event_photo2.jpg) no-repeat top left;
}
#leftbox-event .go-button a {
	padding:     104px 0 0 0;
}

#leftbox-blog {
	background:  url(../images/top_blog_photo.jpg) no-repeat;
}
#leftbox-blog .go-button {
	height:      20px;
}
#leftbox-blog .go-button a {
	padding:     0px 0 0 0;
}

#leftbox-showcase {
	background:  url(../images/top_showcase_photo.jpg) no-repeat;
}
#leftbox-showcase .go-button {
	height:      118px;
	background:  url(../images/top_showcase_photo2.jpg) no-repeat top left;
}
#leftbox-showcase .go-button a {
	padding:     98px 0 0 0;
}



/*
	右側ボックス
*/
.rightbox {
	margin:      0 0 1em 0;
}
.rightbox .caption {
	padding:       0;
	border-top:    none;
	border-right:  none;
	border-left:   solid 5px red;
	border-bottom: solid 1px red;
	background:    none;
}
.rightbox .description {
	margin:      5px 0 0 0;
	font-size:   0.8em;
}
.rightbox .go-button {
	margin:      0;
	text-align:  right;
	font-size:   0.8em;
}

#rightbox-spacer {
	margin:      1em;
	text-align:  center;
	color:       aqua;
	font-size:   0.6em;
}

#rightbox-shop .caption {
	border:      none;
}
#rightbox-shop .go-button {
	height:      112px;
	background:  url(../images/top_shop_photo2.jpg) no-repeat top center;
}
#rightbox-shop .go-button a {
	position:    relative;
	top:         92px;
}



/*
	お知らせ
*/
#rightbox-information .info-subject {
	margin-left: 2em;
	font-weight: bold;
}
#rightbox-information .info-content {
	width:       400px;
	position:    absolute;
	margin:      0 -200px;
	opacity:     80;
	border:      1px solid gray;
	background:  silver;
	line-height: 18px;
}
#rightbox-information .info-content a.close-button {
	display:     block;
	float:       right;
	width:       16px;
	margin:      1px 1px auto auto;
	padding:     0;
}
#rightbox-information .info-content .window-title {
	font-weight: bold;
}
#rightbox-information .info-content .window-innerbox {
	clear:       both;
	margin:      1px;
	padding:     4px;
	border:      1px solid gray;
	background:  white;
}

/*
	Changelog
*/
#rightbox-changelog .changelog-subject {
	margin-left: 2em;
	font-weight: bold;
}