@charset "utf-8";
/* CSS Document */
/* Basic Style */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; outline:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0;}

ol, ul , li{ list-style:none;} 
table { border-collapse:separate; border-spacing:0;}
blockquote:before, blockquote:after, q:before, q:after { content:"";} 
blockquote, q { quotes:"" "";}
address, caption, cite, code, dfn, em, strong, th, var	{ font-style: normal; font-weight:normal;}
table ,th ,td{ border-collapse: collapse; border-spacing: 0;}
caption, th	{ text-align: left;}
q:before ,q:after { content: '';}
object, embed { vertical-align: top;}
hr, legend	{ display: none;}

/*hasLayout hack*/
* { zoom:1; } 

* {
	margin:0;
	padding:0;
	list-style:none;
	font-size:medium;
}

/*IE7 */
html { overflow-y: hidden; }
 
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	width: 8592px;
	height:750px;
	overflow: hidden;
	overflow-x:visible;
	overflow-y: hidden;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



p{
font-weight: bold;
line-height: 1.3em;
letter-spacing: -.5px;

}



a {
outline: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a{
background: #ffea08;
padding: 0 3px;
color: black;
text-decoration: none;
	
}

#wrapper { position:absolute; height:560px; top: 50%; margin-top: -360px;}

.container {
display: block;
width: 1233px;
height: 736px;
position: absolute;
text-align:left;
vertical-align:bottom;
}






/* top */
#top { background: url("../images/back_1.jpg") no-repeat top left; width:1032px; height:729px; margin-right:380px;}

#top h1 {
	background: url("../images/top/logo.png") no-repeat;
	width:79px;
	height:34px;
	text-indent:-9999em;
	position:absolute;
	left: 755px;
	top: 509px;
}

h2.top_h2 {
	background: url("../images/common/logo.png") no-repeat;
	width:263px;
	height:191px;
	text-indent:-9999em;
	position:absolute;
	left: 687px;
	top: 138px;
}

ul#top_nav {
	position:absolute;
	top:332px;
	right:75px;
}
.iwamoto_link {
	background: url("../images/top/iwamoto_motors_logo.png") no-repeat;
	width:40px;
	height:35px;
	text-indent:-9999em;
	position:absolute;
	left: 838px;
	top: 506px;
}


/* waht's is UAZ */
#what { background: url("../images/what_back1.jpg") no-repeat top left; width:1032px; height:729px; margin-right:380px; left:1412px;}
h2.what_h2 {
	background: url("../images/common/h2.png") no-repeat 0px 0px;
	width:238px;
	height:234px;
	text-indent:-9999em;
	position:absolute;
	top:125px;
	left: 58px;
}

a.next {
	background:url(../images/common/button.png) no-repeat;
	width:69px;
	height:23px;
	display:block;
	position:absolute;
	text-indent:-9999em;
	left: 890px;
	top: 151px;
}
a:hover.next { background-position:-80px 0px;}

#what_text {
	background: url("../images/what/what_text_back.png") no-repeat;
	width:328px;
	height:437px;
	margin:0;
	padding:7px 12px 0 12px;
	position:absolute;
	left: 632px;
	top: 126px;
	text-indent:-9999em;

}


/* catalogue */
#catalogue { background: url("../images/catalogue_1.jpg") no-repeat top left; width:1032px; height:729px; margin-right:380px; left:2824px;}
h2.catalogue_h2 {
	background: url("../images/common/h2.png") no-repeat 0px -232px;
	width:615px;
	height:88px;
	text-indent:-9999em;
	position:absolute;
	top:123px;
	left: 58px;
}
h3.catalogue_h3 { text-indent:-9999em;}

#catalogue_text {
	background: url("../images/catalogue/catalogue_text.gif") no-repeat;
	width:604px;
	height:81px;
	margin:0;
	padding:0;
	position:absolute;
	left: 84px;
	top: 212px;
	text-indent:-9999em;
}


/* movie */
#movie { background: url("../images/movie_1_back.jpg") no-repeat top left; width:1032px; height:729px; margin-right:380px; left:4236px;}
h2.movie_h2 {
	background: url("../images/common/h2.png") no-repeat 0px -323px;
	width:244px;
	height:88px;
	text-indent:-9999em;
	position:absolute;
	top:445px;
	left: 68px;
}

h3.movie_h3 { text-indent:-9999em;}

a.next_spec {
	background:url(../images/common/button.png) no-repeat 0 -23px;
	width:69px;
	height:23px;
	display:block;
	position:absolute;
	text-indent:-9999em;
	left: 890px;
	top: 151px;
}
a:hover.next_spec { background-position:-80px -23px;}

#movie_box {
	width:161px;
	height:158px;
	position:absolute;
	left: 339px;
	top: 435px;
}
#movie_text {
	width:163px;
	height:54px;
	position:absolute;
	display:block;
	left: 522px;
	top: 461px;
	text-align:justify;
	text-justify:distribute;
}
#movie_text p{ font-size:70%;  font-weight:normal; line-height:1.2;}

h3#meter {
	background:url(../images/movie/h3_meter.gif) no-repeat center center;
	width:176px;
	height:23px;
	text-align:center;
	line-height:1.6;
	font-size:90%;
	display:block;
	position:absolute;
	top:338px;
	left: 78px;
	text-indent:-9999em;
} 


h3#speed {
	background:url(../images/movie/h3_speed.gif) no-repeat center center;
	width:176px;
	height:23px;
	text-align:center;
	line-height:1.6;
	font-size:90%;
	display:block;
	position:absolute;
	top:338px;
	left: 269px;
	text-indent:-9999em;
} 

h3#engine {
	background:url(../images/movie/h3_engine.gif) no-repeat center center;
	width:176px;
	height:23px;
	text-align:center;
	line-height:1.6;
	font-size:90%;
	display:block;
	position:absolute;
	top:338px;
	left: 461px;
	text-indent:-9999em;
} 

.meter_caption {
	background:url(../images/movie/meter_cap.gif) no-repeat center top;
	width:176px;
	height:26px;
	margin-top:4px;
	line-height:1.3;
	font-size:70%;
	font-weight:normal;
	display:block;
	position:absolute;
	top:358px;
	left: 78px;
	text-indent:-9999em;
} 

.speed_caption {
	background:url(../images/movie/speed_cap.gif) no-repeat center top;
	width:176px;
	height:26px;
	margin-top:4px;
	line-height:1.3;
	font-size:70%;
	font-weight:normal;
	display:block;
	position:absolute;
	top:358px;
	left:269px;
	text-indent:-9999em;
} 

.engine_caption {
	background:url(../images/movie/engine_cap.gif) no-repeat center top;
	width:176px;
	height:26px;
	margin-top:4px;
	line-height:1.3;
	font-size:70%;
	font-weight:normal;
	display:block;
	position:absolute;
	top:358px;
	left:461px;
	text-indent:-9999em;
} 


/* spec */
#spec { background: url("../images/spec_back.jpg") no-repeat top left; width:1032px; height:729px; margin-right:380px;  left:5648px;}
h2.spec_h2 {
	background: url("../images/common/h2.png") no-repeat 0px -409px;
	width:379px;
	height:88px;
	text-indent:-9999em;
	position:absolute;
	top:123px;
	left: 57px;
}

h3.spec_h3 { text-indent:-9999em;}

table {
	width:338px;
	height:auto;
	margin:0;
	padding:0;
	font-size:70%;
	line-height:1.6;
	position:absolute;
	left: 105px;
	top: 215px;
	empty-cells: hide;
}
th { background-color:#eeeeef; width:126px; border:#888 1px solid; text-align:center; vertical-align:text-top;}
td { width:212px; border:#888 1px solid; border-left:none; text-align:center;}


/* contact */
#contact { background: url("../images/contact_back.jpg") no-repeat top left; width:1032px; height:729px; margin-right:100px; left:7060px;}
h2.contact_h2 {
	background: url("../images/common/h2.png") no-repeat 0px -497px;
	width:492px;
	height:88px;
	text-indent:-9999em;
	position:absolute;
	top:123px;
	left: 62px;
}

h3.contact_h3 { text-indent:-9999em;}

#address {
	background: url("../images/contact/address.gif") no-repeat top left;
	width:295px;
	height:26px;
	margin:0;
	padding:93px 0 0 0;
	position:absolute;
	font-size:73%;
	left: 616px;
	top: 186px;
}

#tel {
	background: url("../images/contact/contact.gif") no-repeat top left;
	width:299px;
	height:35px;
	margin:0;
	padding:0;
	position:absolute;
	text-indent:-9999em;
	left: 616px;
	top: 326px;
}
#mail {
	background: url("../images/contact/contact.gif") no-repeat 0 -79px;
	width:257px;
	height:35px;
	margin:0;
	padding:0;
	position:absolute;
	left: 616px;
	top: 366px;
}

h3#link {
	background: url("../images/contact/contact.gif") no-repeat 0 -41px;
	width:75px;
	height:35px;
	margin:0;
	padding:0;
	position:absolute;
	text-indent:-9999em;
	left: 616px;
	top: 424px;
}

ul.link_banner {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	position:absolute;
	display:block;
	left: 616px;
	top: 465px;
}
ul.link_banner li { display:block; float:left; margin:0 13px 0 0;}
ul.link img { }

/* top_nav */
ul#top_nav { width:282px; height:173px ; margin:0; padding:0; display:block; position:absolute; overflow:hidden; z-index:50;}
ul#top_nav li { margin:0 auto; padding:0;}
ul#top_nav li a { background:url(../images/common/top_nav.png) no-repeat; height:11px; display:block; position:absolute; text-indent:-9999em;}

ul#top_nav li a.what_top { width:282px; height:38px; background-position:-41px 0px;top:0px; left:41px;}
ul#top_nav li a:hover.what_top { background-position:-341px 0px;top:0px; left:41px;}

ul#top_nav li a.catalogue_top { width:282px; height:56px; background-position:0px -34px; top:35px;}
ul#top_nav li a:hover.catalogue_top { background-position:-300px -34px; top:35px;}

ul#top_nav li a.movie_top { width:121px; height:38px; background-position:-34px -85px; top:85px; left:34px;}
ul#top_nav li a:hover.movie_top { width:121px; background-position:-334px -85px;top: 85px; left:34px;}

ul#top_nav li a.spec_top { width:95px; height:38px; background-position:-163px -85px; top:85px; left:163px;}
ul#top_nav li a:hover.spec_top { background-position:-463px -85px; top:85px; left:163px;}

ul#top_nav li a.contact_top{ width:224px; height:56px; background-position:-30px -117px; top:117px; left:30px;}
ul#top_nav li a:hover.contact_top { background-position:-330px -117px; top:117px; left:30px;}


/* nav */
ul.nav { width:393px; height:11px ; margin:0; padding:0; display:block; position:absolute; overflow:hidden; z-index:50;}
ul.nav li { float:left; margin:0 ; padding:0;}
ul.nav li a { background:url(../images/common/nav.png) no-repeat; height:11px; display:block; position:relative; text-indent:-9999em;}

ul.nav li a.top { width:35px; background-position:0 0px;}
ul.nav li a:hover.top { background-position:0 -13px;}
ul.nav li a.what { width:91px; background-position:-35px 0px;}
ul.nav li a:hover.what { background-position:-35px -13px;}
ul.nav li a.catalogue { width:87px; background-position:-126px 0px;}
ul.nav li a:hover.catalogue { background-position:-126px -13px;}
ul.nav li a.movie { width:52px; background-position:-213px 0px;}
ul.nav li a:hover.movie { background-position:-213px -13px;}
ul.nav li a.spec { width:44px; background-position:-265px 0px;}
ul.nav li a:hover.spec { background-position:-265px -13px;}
ul.nav li a.contact{ width:65px; background-position:-309px 0px;}
ul.nav li a:hover.contact { background-position:-309px -13px;}


ul.nav li.what_on { background:url(../images/common/nav.png) no-repeat -35px -13px; width:91px; text-indent:-9999em;}
ul.nav li.catalogue_on { background:url(../images/common/nav.png) no-repeat -126px -13px; width:87px; text-indent:-9999em;}
ul.nav li.movie_on { background:url(../images/common/nav.png) no-repeat -213px -13px; width:52px; text-indent:-9999em;}
ul.nav li.spec_on { background:url(../images/common/nav.png) no-repeat -265px -13px; width:44px; text-indent:-9999em;}
ul.nav li.contact_on { background:url(../images/common/nav.png) no-repeat -309px -13px; width:65px; text-indent:-9999em;}


ul.nav.what_nav {
	top:585px;
	left:594px;
}

ul.nav.catalogue_nav {
	top:585px;
	left:594px;
}

ul.nav.movie_nav {
	width:393px; height:11px ; margin:0; padding:0; display:block; position:absolute; overflow:hidden; z-index:50;
	top:584px;
	left:591px;
}


ul.nav.spec_nav {
	top:585px;
	left:591px;
}

ul.nav.contact_nav {
	top:588px;
	left:592px;
}