/* CSS Document */

body{
background:#ffffff;
margin:0px;
padding:0px;
text-align:left;
font-size:12px;
}

#main{
position:relative;
margin:1px auto 0px auto;
width:898px;
text-align:left;
}

#navi{
position:relative;
width:898px;
height:90px;
margin:0px;
font-size:12px;
}

#top_middle{
position:relative;
margin:0px;
padding:0px;
width:898px;
height:92px;
}

#center{
	margin:9px 0px 0px 0px;
	padding:0px;
	width:898px;
}

#left {
position:relative;
float:left;
left:-476px;
top:4px;
width:182px;
margin:0px;
padding:0px;
}

#left div {
margin-bottom:7px;
}

#middle{
position:relative;
left:182px;
top:0px;
float:left;
width:460px;
margin:0px;
padding:0px 8px 0px 8px;
}

#right {
	float:left;
	margin:0px;
	padding:0px;
	width:240px;
}

#footer {
clear:both;
width:898px;
height:124px;
margin:0px;
padding:0px;
}
/*------------------------*/
#navi #logo {
float:left;
width:169px;
height:55px;
padding:17px 30px 18px 0px;
margin:0px;
background:url(img/carmate_logo_web_h.gif) no-repeat 0px 0px;
}
#navi #logo span {
display:none;
}
#navi #main_menu {
float:left;
width:699px;
height:90px;
padding:0px;
margin:0px;
}
#navi #main_menu #main_menu_top {
	clear:both;
	height:35px;
	background:url(img/main_title_m1.gif) no-repeat right top;
}
#navi #main_menu #main_menu_top span {
display:none;
}
#navi #main_menu #main_menu_middle {
clear:both;
height:22px;
padding-left:12px;
width:687px;
}
#navi #main_menu #main_menu_middle ul {
clear:both;
position:relative;
padding:0px;
margin:0px;
}
#navi #main_menu #main_menu_middle ul li {
	float:left;
	padding:5px 0px 5px 0px;
	margin:0px;
	display:block;
	width:71px;
	list-style-type:none;
	text-align: right;
}
#navi #main_menu #main_menu_middle ul li#special {
	float:left;
	padding:5px 0px 5px 0px;
	margin:0px;
	display:block;
	width:83px;
	list-style-type:none;
	text-align: right;
}
#navi #main_menu #main_menu_middle ul li#special1 {
	float:left;
	padding:5px 0px 5px 0px;
	margin:0px;
	display:block;
	width:107px;
	list-style-type:none;
	text-align: right;
}
#navi #main_menu #main_menu_bottom {
clear:both;
height:33px;
background:url(img/index_bk01.gif);
}
/*-----------------------*/
#footer #footline {
width:898px;
height:5px;
background:url(img/index_bk03.gif) repeat-x;
}
#footer #footcontent{
width:898px;
padding-top:5px;
}
/*------------------------*/
#top_middle #flash_swap{
float:left;
margin:0px;
padding:0px 8px 0px 0px;
width:650px;
height:92px;
}
#top_middle #flash_package{
float:left;
margin:0px;
padding:0px;
width:240px;
height:92px;
}
/*-----------------------*/
.disp {
display:block;
}
.undisp {
display:none;
}

#middletab {
	width:460px;
	margin: 0px 0px 9px 0px;
	padding: 0px;
}
#tabinfo {
clear:both;
margin:0px;
padding:0px;
width:460px;
height:176px;
}
#tabmenu {
	height:28px;
	text-align:left;
	margin: 0px;
	padding: 0px;
}
#tabmenu ul {
padding:0px;
margin:0px;
}

#tabinfo #tabmenu li {
list-style-type:none;
float:left;
width:72px;
height:28px;
text-align:center;
}
#tabinfo #tabmenu li.tab0 {
cursor:pointer;
width:72px;
}
#tabinfo #tabmenu li.tab1 {
width:72px;
}
#tabinfo #tabmenu li.tab0 a.nodisp1 {
text-decoration:none;
display:block;
width:72px;
height:28px;
background:url(img/menu_m_13c.gif) no-repeat;
text-indent:-2000px;
}
#tabinfo #tabmenu li.tab1 a.nodisp1 {text-decoration:none;
display:block;
width:72px;
height:28px;
background:url(img/menu_m_13.gif) no-repeat;
text-indent:-2000px;
}
#tabinfo #tabmenu li.tab0 a.nodisp2 {
text-decoration:none;
display:block;
width:72px;
height:28px;
background:url(img/menu_m_2.gif) no-repeat;
text-indent:-2000px;
}
#tabinfo #tabmenu li.tab1 a.nodisp2{
text-decoration:none;
display:block;
width:72px;
height:28px;
background:url(img/menu_m_2c.gif) no-repeat;
text-indent:-2000px;
}
#tabinfo #tabmenu li.tab0 a.nodisp3 {
text-decoration:none;
display:block;
width:72px;
height:28px;
background:url(img/menu_m_5.gif) no-repeat;
text-indent:-2000px;
}

#tabinfo #tabmenu li.tab1 a.nodisp3 {
text-decoration:none;
display:block;
width:72px;
height:28px;
background:url(img/menu_m_5c.gif) no-repeat;
text-indent:-2000px;
}
#tabinfo #tabmenu li.tab0 a.nodisp4 {
text-decoration:none;
display:block;
width:72px;
height:28px;
background:url(img/menu_m_6.gif) no-repeat;
text-indent:-2000px;
}*
#tabinfo #tabmenu li.tab1 a.nodisp4 {
text-decoration:none;
display:block;
width:72px;
height:28px;
background:url(img/menu_m_6c.gif) no-repeat;
text-indent:-2000px;
}
#tabinfo #tabmenu li.tab0 a.nodisp5 {
text-decoration:none;
display:block;
width:72px;
height:28px;
background:url(img/menu_m_8.gif) no-repeat;
text-indent:-2000px;
}
#tabinfo #tabmenu li.tab1 a.nodisp5 {
text-decoration:none;
display:block;
width:72px;
height:28px;
background:url(img/menu_m_8c.gif) no-repeat;
text-indent:-2000px;
}
#tabcont{
	clear:both;
	height:148px;	
	width:453px;
	padding-left:5px;
	padding-top:0px;
	margin:0px;
	border:#cacaca 1px solid;
}
#tabcont span {
clear:both;
margin:0px;
padding:0px;
height:148px;
width:453px;
}
#tabcont span ul {
margin:0px;
padding-top: 13px;
padding-bottom: 15px;
}
#tabcont span li {
display:block;
list-style-type:none;
background:url(img/dot.gif) no-repeat 6px 9px;
height:16px;
width:438px;
margin:0px;
padding-left:15px;
padding-top:4px;
}
/*----------------------*/
#middlecaraudio{
	margin:0px;
	padding:0px;
	width: 460px;
}
#middlecaraudio #caraudiomenu {
	margin:0px;
	padding:0px;
	height: 28px;
	width: 460px;
	border-bottom: #cacaca 1px solid;
}
#middlecaraudio #caraudiomenu  ul {
	margin:0px;
	padding:0px;
}
#middlecaraudio #caraudiomenu li{
list-style-type:none;
float:left;
width:72px;
height:28px;
text-align:center;
}
#middlecaraudio #caraudiocont {
	clear:both;
	margin:0px 0px 0px 0px;
	padding:13px 10px 15px 10px;
	height:160px;
	border-bottom: #cacaca 1px solid;
	border-left: #cacaca 1px solid;
	border-right: #cacaca 1px solid;
}
#middlecaraudio #middle3m1 {
clear:both;
margin:0px 0px 0px 0px;
padding:13px 10px 15px 10px;
border-bottom: #cacaca 1px solid;
	border-left: #cacaca 1px solid;
	border-right: #cacaca 1px solid;
height:120px;
}
#middlecaraudio #middle3m2 {
clear:both;
margin:0px 0px 0px 0px;
padding:13px 10px 15px 10px;
border-bottom: #cacaca 1px solid;
	border-left: #cacaca 1px solid;
	border-right: #cacaca 1px solid;
height:90px;
}
#middlecaraudio #caraudiocont div , #middlecaraudio #middle3m1 div, #middlecaraudio #middle3m2 div {
	float:left;
	width: 373px;
} 
#middlecaraudio #caraudiocont img, #middlecaraudio #middle3m1 img, #middlecaraudio #middle3m2 img {
float:right;
} 
/*-----------------------*/
#3mtotal {
clear:both;
width:182px;
padding:0px;
margin:0px;
}

#3mmenu {
clear:both;
width:182px;
padding:0px;
margin:0px;
}
#3mfilmjs {
clear:both;
width:182px;
padding:0px;
margin:0px;
}
#3mecard {
clear:both;
width:182px;
padding:0px;
margin:0px;
}
#3mtotal img {
padding:0px;
margin:0px;
}

#3mmenu img {
	margin:0px;
	padding: 0px;
} 
#3mfilmjs img {
	margin:0px;
	padding: 0px;
}

#3mecard img{
	margin:0px;
	padding: 0px;
}
/*------------------------------*/
#right #right_top{
padding:0px;
margin:0px;
height:28px;
width:240px;
}
#right #right_top ul{
padding:0px;
margin:0px;
}
#right #right_top ul li{
float:left;
list-style-type:none;
width:78px;
padding-right:3px;
}
#right #right_top ul li#lastli{
padding-right:0px;
}
A.nodispa {
	display:block;
	width:78px;
	height:28px;
	background:url(img/mid_tit_1a.gif) no-repeat;
	text-indent:-9999px;
}
A.nodispb {
	display:block;
	width:78px;
	height:28px;
	background:url(img/mid_tit_4a.gif) no-repeat;
	text-indent:-9999px;
}
A.nodispc {
	display:block;
	width:78px;
	height:28px;
	background:url(img/mid_tit_5a.gif) no-repeat;
	text-indent:-9999px;
}
#right #right_flash{
	clear:both;
	padding:0px;
	margin:0px;
	height:186px;
	width:238px;
	border-top:#cacaca 1px solid;
	border-left:#cacaca 1px solid;
	border-right:#cacaca 1px solid;
	background-color: #FFFFFF;
	background:url(img/right_bk.gif) no-repeat right bottom;
	text-align:center;
}
#right #right_cont {
	clear:both;
	padding:0px;
	margin:0px;
	width:240px;
}
#right #right_cont div {
	clear:both;
	padding:12px 0px 5px 5px;
	margin:0px;
	width:233px;
	border-bottom:#cacaca 1px solid;
	border-left:#cacaca 1px solid;
	border-right:#cacaca 1px solid;
	height: 55px;
}
#right #right_cont div span {
	display:block;
	padding:0px;
	margin:0px;
	width:159px;
	height:55px;
	float:left;
}
#right #right_cont div img {
	height:55px;
	width:70px;
	float:left;
}


/*----------------------*/
A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff9900; TEXT-DECORATION: none
}
A:active {
	COLOR: #ff9900; TEXT-DECORATION: none
}
A {
	COLOR: #333333; TEXT-DECORATION: none
}

A.red {
	FONT-SIZE: 12px; COLOR: #db0000
}
A.red:link {
	FONT-SIZE: 12px; COLOR: #db0000
}
A.red:visited {
	FONT-SIZE: 12px; COLOR: #db0000
}
A.red:active {
	FONT-SIZE: 12px; COLOR: #ff6600; TEXT-DECORATION: underline
}
A.red:hover {
	FONT-SIZE: 12px; COLOR: #ff6600; TEXT-DECORATION: underline
}

A.nodisp {
	display:block;
	width:72px;
	height:28px;
	background:url(img/menu_m_11.gif) no-repeat;
	text-indent:-9999px;
}
h1 {
	FONT-SIZE: 14px;
	COLOR: #db0000;
	FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
}
h2 {
	margin:0;padding:0;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 18px; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}
.content12 {
	FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 18px; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}
.content_red {
	FONT-SIZE: 12px; COLOR: #db0000; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}
.content_red14 {
font-size:14px;
color:#db0000;
font-family:"Arial", "Helvetica", "sans-serif";
}
.content_yellow {
	FONT-SIZE: 12px; COLOR: #ff7800; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}

.bluetxt {
	FONT-SIZE: 12px; COLOR: #3300cc;}
.orangetxt {
	FONT-SIZE: 12px; COLOR: #ff9900
}