@charset "utf-8";
/* CSS Document */


.taleft {
	text-align: left;
}

.taright {
	text-align: right;
}

sup {
	line-height: 1.0;
}

#secondwrap h1
{
	margin	: 0;
}

/*--------------*/
/*	navi		*/
/*--------------*/

#navi-block {
	margin: 0 0 30px;
}

#main-navi {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 0 -1px;
}

#main-navi li {
	float: left;
	margin: 0 0 1px 1px;
}

#sub-navi {
	overflow: hidden;
	zoom: 1;
	padding: 14px 20px 6px;
	margin: 0 0 4px;
	background: #3E80BC url(../../products/vw350/img/navi_bg.jpg) left top repeat-x;
	border-bottom: #B8BFC5 solid 1px;
}

#rightcol #sub-navi li {
	float: left;
	width: 243px;
	margin: 0 0 7px;
	color: #FFFFFF;
	text-align: left;
	line-height: 1em;
}

#rightcol #sub-navi li.active {
	text-decoration: underline;
	color: #D7D7D7;
}

#sub-navi a:link,
#sub-navi a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#sub-navi a:hover {
	text-decoration: underline;
}

#database-navi {
	overflow: hidden;
	zoom: 1;
	background-color: #E6F0F9;
	padding: 16px;
	font-size: 12px;
}

#database-navi li {
	float: left;
	margin: 0 25px 0 0;
}

#database-navi li img {
	vertical-align: top;
}

.text-nowrap {
	white-space: nowrap;
}

/*--------------*/
/*	index		*/
/*--------------*/

#main-img {
	position: relative;
}

#share-btn {
	position: absolute;
	top: 20px;
	left: 405px;
	box-sizing: border-box;
	padding: 0;
	text-align: left;
	width: 368px;
}

#key-navi {
	position: absolute;
	top: 188px;
	left: 405px;
	overflow: hidden;
	zoom: 1;
}

#key-navi li {
	float: left;
	width: 168px;
	margin: 0 5px 0 0;
}

#key-navi li a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.sp30 {
	/*margin: 0 2px 28px 1px;*/
	margin: 0 0 28px 0;
}

.moviebtn {
	margin: 0;
}

.moviebtn a {
	width: 773px;
	height: 31px;
	background: url(../../products/vw350/img/index/feature_moviebtn.gif) no-repeat left top;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	text-decoration: none !important;
	color: #306DAC !important;
}

.moviebtn img {
	vertical-align: middle;
}

.moviebtn.open a {
	background-position: left bottom;
}

.vw350_movie {
	text-align: center;
	padding: 9px 0;
	border-left: solid 1px #CCC !important;
	border-right: solid 1px #CCC !important;
	border-bottom: solid 1px #CCC !important;
	box-sizing: border-box;
}
.vw350_movie .clearfix div {
	text-align: center;
	font-size: 90%;
}
.vw350_movie .att {
	text-align: left;
	margin-left: 10px;
}

#easy-block {
	margin: 0 0 35px;
}

#easy-block ul {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 0 -10px;
	padding: 0 0 22px;
}

#easy-block li {
	float: left;
	width: 251px;
	height: 236px;
	margin: 0 0 0 10px;
	padding: 24px 0 0;
	background-color: #F3F3F3;
	position: relative;
}

.easy-title {
	text-align: center;
	margin: 0 0 12px;
}

.easy-text {
	padding: 0 15px;
	line-height: 1.2;
	font-size: 14px;
	color: #2A71B9;
}

.easy-img {
	position: absolute;
	bottom: -22px;
	left: 13px;
}

.index-notice {
	font-size: 10px;
	font-style: italic;
	color: #666666;
	margin: 13px 0 0;	
}

.lineup-img {
	text-align: center;
}

/*--------------*/
/*	mainparts	*/
/*--------------*/
#mainparts h3
{
	padding		: 8px 10px;
	background	: url(../../products/vw350/img/specifications/th_model.gif) repeat-x;
	font-size	: 1.2em;
	color		: #222;
	text-align	: left;
	margin-bottom: 20px;
}

.main-pats-list li
{
	margin	: 10px 0 40px;
}

#mainparts .note {
	text-align: left;
	padding-left: 88px;
}

/*--------------*/
/*	features	*/
/*--------------*/

.topic-title {
	background: #FFFFFF url(../../products/vw350/img/index/easytitle_bg.jpg) left top repeat-x;
	padding: 15px 10px;
	margin: 0 0 22px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: #989898 dotted 1px;
}

.topic-title span {
	color: #006699;
	font-size: 14px;
}

.topic-detail {
	padding: 0 10px;
	overflow: hidden;
	zoom: 1;
	font-size: 14px;
	line-height: 1.5;
	color: #333333;
}

.topic-notice {
	font-size: 10px;
	color: #333333;
	font-style: italic;
}

.topic-note {
	font-size: 10px;
	color: #333333;
}

.topic-indent {
	text-indent: -7px;
	margin-left: 7px;
}

.topic-indent2 {
	text-indent: -13px;
	margin-left: 13px;
}

.topic-indent3 {
	text-indent: -27px;
	margin-left: 27px;
}

.leftcont260 {
	float: left;
	width: 260px;
}

.leftcont270 {
	float: left;
	width: 270px;
}

.leftcont350 {
	float: left;
	width: 350px;
}

.leftcont360 {
	float: left;
	width: 360px;
}

.leftcont380 {
	float: left;
	width: 360px;
}

.leftcont400 {
	float: left;
	width: 400px;
}

.leftcont430 {
	float: left;
	width: 430px;
}

.leftcont480 {
	float: left;
	width: 480px;
}

.leftcont460 {
	float: left;
	width: 460px;
}

.leftcont560 {
	float: left;
	width: 560px;
}

.leftcont600 {
	float: left;
	width: 600px;
}

.rightcont90 {
	float: right;
	width: 90px;
}

.rightcont110 {
	float: right;
	width: 110px;
}

.rightcont150 {
	float: right;
	width: 150px;
}

.rightcont170 {
	float: right;
	width: 170px;
}

.rightcont180 {
	float: right;
	width: 180px;
}

.rightcont240 {
	float: right;
	width: 240px;
}

.rightcont250 {
	float: right;
	width: 250px;
}

.rightcont265 {
	float: right;
	width: 265px;
}

.rightcont300 {
	float: right;
	width: 300px;
}

.rightcont330 {
	float: right;
	width: 330px;
}

.rightcont365 {
	float: right;
	width: 365px;
}

.rightcont380 {
	float: right;
	width: 380px;
}

.rightcont445 {
	float: right;
	width: 445px;
}

.rightcont470 {
	float: right;
	width: 470px;
}

.rightcont480 {
	float: right;
	width: 480px;
}

.meeting-list,
.security-list {
	overflow: hidden;
	zoom: 1;
}

.meeting-list li {
	float: left;
	width: 206px;
	border-left: #CCCCCC solid 1px;
	padding: 10px 22px;
	line-height: 1.3;
}

.meeting-title {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
}

.security-list li {
	float: left;
	width: 167px;
	border-left: #CCCCCC solid 1px;
	padding: 10px;
	line-height: 1.3;
}

.meeting-list li:first-child,
.security-list li:first-child {
	border-left: none;
}

.device-block {
	border-bottom: #CCCCCC solid 1px;
	padding: 0 10px 30px;
	margin: 0 0 30px;
	font-size: 14px;
	line-height: 1.5;
	color: #4C4C4C;
}

.device-pb0 {
	padding-bottom: 0px;
}

.device-block h3 {
	margin: 0 0 15px;
}

.device-list {
	margin: 0 0 25px;
}

.device-list li {
	background: url(../../products/vw350/img/features/list_style.gif) left center no-repeat;
	padding: 0 0 0px 10px;
	margin: 0 0 10px;
}

.device-link-list {
	margin: 0 0 10px;
	overflow: hidden;
	zoom: 1;
}

.device-link-list li {
	background: url(../../products/vw350/img/features/list_style02.gif) left center no-repeat;
	padding: 0 0 0 20px;
	margin: 0 25px 15px 0;
	float: left;
	white-space: nowrap;
}

.device-link-list li a:link,
.device-link-list li a:visited {
	color: #3597C1;
	text-decoration: underline;
}

.device-link-list li a:hover {
	color: #8FC8E0;
}

.device-link-list li img {
	vertical-align: middle;
}

.useful-list {
	overflow: hidden;
	zoom: 1;
}

.useful-list li {
	float: left;
	width: 164px;
	margin: 0 12px 35px;
	text-align: center;
}

.useful-list li:first-child {
	margin: 0 12px 0 10px;
}

.useful01-text {
	font-size: 12px;
	line-height: 1.2;
	color: #666666;
	text-align: left;
}

.feature01-movie-list {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 0 -5px;
}

.feature01-movie-list li {
	float: left;
	width: 235px;
	margin: 0 0 0 18px;
	line-height: 1.2;
}

#features .vw350_movie {
	text-align: left;
	font-size: 14px;
	color: #4C4C4C;
}

#features .yt-link {
	margin: 0 0 10px;
}

#features .moviebtn {
	width: 773px;
	height: 31px;
	background: url(../../products/vw350/img/features/feature_moviebtn02.gif) no-repeat left top;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	text-decoration: none !important;
	color: #306DAC !important;
}

.function-list li {
	border-top: #D7D7D7 solid 1px;
	padding: 20px 10px 0;
	margin: 20px 0 0;
	overflow: hidden;
	zoom: 1;
	line-height: 1.5;
}

.function-list li:first-child {
	border-top: none;
	padding-top: 0;
	margin: 0;
}

.lan-link {
	background: url(../../products/vw350/img/features/list_style02.gif) left center no-repeat;
	padding: 0 0 0 20px;
}

.lan-link a:link,
.lan-link a:visited {
	color: #3597C1;
	text-decoration: underline;
}

.lan-link a:hover {
	color: #8FC8E0;
}




.tacenter {
	text-align: center;
}

.taleft {
	text-align: left;
}

.return-to-top {
	padding	: 15px 10px 30px;
	margin: 30px 0 0;
	border-top: #CCCCCC dotted 1px;
}

.ofh {
	overflow: hidden;
	zoom: 1;
}

/*--------------*/
/*	accessories	*/
/*--------------*/
#accessories
{
	text-align	: left;
}

#accessories .leftcont
{
	width: 366px;
	float: left;
}

#accessories .rightcont
{
	width: 366px;
	float: right;
}

#accessories h3
{
	padding	: 0 0 10px;
}

#accessories dl
{
	margin	: 0;
	float	: left;
}

#accessories dl.rightmargin
{
	margin	: 0 10px 0 0;
}

#accessories dt,
#accessories dd
{
	line-height	: 1.4em;
}

#accessories dt
{
	width	: 178px;
	height	: 45px;
}

#accessories .rightcont dt
{
	height	: 60px;
}

#accessories dt .weightBold
{
	color	: #0099CC;
}

#accessories .weightBold
{
	color	: #0099CC;
}

#accessories .lens dt
{
	height	: 40px;
}


#accessories .leftwrap {
	width: 178px;
	float: left;
}

#accessories .rightwrap {
	width: 178px;
	float: right;
}

#accessories .marginbottom30 {
	margin-bottom: 30px;
}

#accessories .marginleft15 {
	margin-left: 15px;
}

#accessories .note-indent {
	padding-left: 7px;
	text-indent: -7px;
}


/*--------------*/
/*	ecology		*/
/*--------------*/
#ecology
{
	text-align	: left;
}

#ecology .ecolist li {
	line-height	: 1.6em;
}

#ecology dt,
#ecology dd
{
	line-height	: 1.6em;
}

#ecology .clearfix
{
	margin		: 20px 0;
	padding		: 0 20px 30px;
	background	: url(../../products/vw350/img/ecology/ecobox_bg.jpg) no-repeat bottom;
}

#ecology p.left
{
	margin	: 0;
	float	: left;
}

#ecology div.rightcont
{
	width	: 570px;
	float	: right;
}

#ecology ul.note
{
	margin		: 15px 0 0;
}

#ecology ul.note li
{
	font-size	: 0.8em;
	line-height	: 1.3em;
}

#ecology div.rightcont dl
{
	padding		: 15px 0 0;
	border-top	: 1px dashed #999;
}

#ecology div.rightcont dt
{
	font-weight	: bold;
	color		: #009900;
}

/*--------------*/
/*	positions	*/
/*--------------*/
#positions
{
	text-align	: left;
}

#positions .modellist
{
	margin	: 0 0 10px;
}

#positions .modellist li
{
	width		: 115px;
	padding		: 6px 0 7px;
	background	: url(../../products/vw350/img/modellist_bg.gif) repeat-x;
	text-align	: center;
	float		: right;
}

#positions .modellist li a
{
	padding		: 0 0 0 10px;
	background	: url(/common-new/img/common/arrow-btn-contentsnav.gif) no-repeat 0 3px;
}

#positions h3
{
	padding		: 8px 10px;
	background	: url(../../products/vw350/img/specifications/th_model.gif) repeat-x;	/* #006699 */
	font-size	: 1.2em;
	color		: #222;
}

#positions h4
{
	margin	: 15px 0 10px;
}

#positions .leftcont
{
	float	: left;
}

#positions .rightcont
{
	width	: 280px;
	float	: right;
}

#positions dd
{
	font-size	: 0.8em;
	line-height	: 1.4em;
}

#positions ul.note li
{
	margin		: 0 0 15px;
	line-height	: 1.4em;

}

#positions ul.note li.indent,
#positions ul.note p.indent
{
	padding		: 0 0 0 1.4em;
	text-indent	: -1.4em;
}

#positions ul.note li p.indent
{
	padding		: 0 0 0 1.4em;
	text-indent	: -1.4em;
}

#positions dl.note
{
	margin	: 20px 0 0;
}

#positions dl.caution
{
	margin		: 55px 0 0;
	padding		: 10px;
	border		: 1px solid #CCC;
}

#positions dl.caution dt
{
	margin	: 0 0 5px;
}

#positions dl.caution dd
{
	padding		: 0 0 0 8px;
	text-indent	: -8px;
}

#positions table
{
	border	: none;
}

#positions th
{
	padding		: 0 60px 10px 0;
	background	: none;
	border		: none;
}

#positions th .section
{
	margin		: 0 0 0 20px;
	font-weight	: bold;
/*	font-size	: 1.1em;	*/
}

#positions td
{
	padding	: 0 0 10px;
	border	: none;
}


/*--------------*/
/*	specifications	*/
/*--------------*/
#specifications
{
	text-align	: left;
}

#specifications table
{
	border-right	: 1px solid #FFF;
	border-bottom	: 1px solid #FFF;
/*	font-size		: 0.9em;	*/
}

#specifications th.model
{
	padding			: 0 7px;
	height			: 29px;
	background		: url(../../products/vw350/img/specifications/th_model.gif) repeat-x;	/*#BEDDFC	*/;
	font-weight		: bold;
	font-size		: 1.2em;
	vertical-align	: middle;
}

#specifications th.modelnumber
{
	padding			: 0 7px;
	width: 170px;
	height			: 29px;
	background		: url(../../products/vw350/img/specifications/th_model.gif) repeat-x;
	font-weight		: bold;
	font-size		: 1.2em;
	text-align		: center;
	vertical-align	: middle;
}

#specifications th
{
	background	: none;
	border-top	: 1px solid #ECECEC;
	border-left	: 1px solid #FFF;
	font-weight	: bold;
	color		: #222;
	padding: 7px;
}

#specifications table th.white
{
	border-left	: 1px solid #ECECEC;
}

#specifications table th.leftbox
{
	width: 70px;
}


#specifications td
{
	padding			: 8px 3px;
	border-top		: 1px solid #ECECEC;
	border-left		: 1px solid #ECECEC;
	text-align		: center;
	vertical-align: middle;
}

#specifications table .gray
{
	background	: #ECECEC;
	border-top	: 1px solid #FFF;
	border-left	: 1px solid #FFF;
}

#specifications td.left
{
	padding		: 7px 8px 8px 28px;
	text-align	: left;
}

#specifications td .leftcont
{
/*	padding		: 7px 8px 8px 28px;	*/
	margin-left	: 28px;
	text-align	: left;
	float		: left;
}

@media print
{
#specifications table
{
	border-right	: 1px solid #ECECEC;
	border-bottom	: 1px solid #ECECEC;
}

#specifications th,
#specifications td,
#specifications table .gray
{
	border-top	: 1px solid #ECECEC;
	border-left	: 1px solid #ECECEC;
}
}

#specifications ul.note
{
	margin	: 20px 0;
}

#specifications ul.note li,
#specifications dl.note dd
{
	font-size	: 0.8em;
	line-height	: 1.4em;
}

#specifications dl.note
{
	margin	: 20px 0 0;
}

#specifications dl.note dt
{
	margin		: 0 0 5px;
	font-weight	: bold;
	font-size	: 1.2em;
}

#specifications dl.note dd
{
	padding		: 0 0 0 8px;
	text-indent	: -8px;
}

#specifications .blackmodels
{
	border	: 1px solid #ECECEC;
	margin	: 0 0 5px;
}



#specifications ul.note02
{
	margin	: 20px 0;
}

#specifications ul.note02 li,
#specifications dl.note02 dt,
#specifications dl.note02 dd
{
	font-size	: 0.8em;
	line-height	: 1.4em;
}

#specifications dl.note02
{
	margin	: 20px 0 0;
	text-align: left;
}

#specifications dl.note02 dt
{
	clear: both;
	float: left;
	width: 2.0em;
}

#specifications dl.note02 dd
{
	padding		: 0 0 0 2.0em;
	zoom: 1;

}

* html #specifications dl.note02 dd
{
	padding		: 0;
}


/*--------------*/
/*	common		*/
/*--------------*/
#specifications .modellist,
#positions .modellist,
#mainparts .modellist
{
	margin	: 0 0 10px;
}

#specifications .modellist li,
#positions .modellist li,
#mainparts .modellist li
{
	width		: 115px;
	padding		: 6px 0 7px;
	background	: url(../../products/vw350/img/modellist_bg.gif) repeat-x;
	text-align	: center;
	float		: right;
}

#specifications .modellist li a,
#positions .modellist li a,
#mainparts .modellist li a
{
	padding		: 0 0 0 10px;
	background	: url(/common-new/img/common/arrow-btn-contentsnav.gif) no-repeat 0 3px;
}

#specifications h3,
#positions h3,
#mainparts h3
{
	padding		: 8px 10px;
	background	: url(../../products/vw350/img/specifications/th_model.gif) repeat-x;	/* #006699 */
	font-size	: 1.2em;
	color		: #222;
}

#specifications .contory-text {
	font-size: 0.8em;
	line-height: 1.4em;
}

#specifications .contory-text .linktext a {
	background: url(/common-new/img/common/arrow-cir-right-blue-fff.gif) 0 2px no-repeat;
	padding-left: 12px;
}



/*--------------*/
/*	clearfix	*/
/*--------------*/
/* modern */
#features:after,
#features .leftcont:after,
#features .leftcontNarrow:after,
#features .rightcont:after,
#features .rightcontWide:after,
#features .col2:after,
#features .col2 .leftcont:after,
#features .col2 .rightcont:after,

#specifications .modellist:after,

#positions:after,
#positions .modellist:after,

#accessories:after,
#accessories .leftcont:after,
#accessories .rightcont:after
{
	content	: '';
	display : block;
	clear	: both;
	height	: 0;
}

/* IE */
#features,
#features .leftcont,
#features .leftcontNarrow,
#features .rightcont,
#features .rightcontWide,
#features .col2,
#features .col2 .leftcont,
#features .col2 .rightcont,

#specifications .modellist,

#positions,
#positions .modellist,

#accessories,
#accessories .leftcont,
#accessories .rightcont
{
	/zoom	: 1;
}

/*
#keywrap:after	/* modern
{
	height		: 0;
	font-size	: 0;
	display		: block;
	visibility	: hidden;
	clear		: both;
	content		: " ";
}

* html #keywrap	/* IE6
{
	zoom	: 1;
}

*:first-child+html #keywrap	/* IE7
{
	zoom	: 1;
}
*/