@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------
	reset
----------------------------------------------------*/

html {
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
}

table {
	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;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,abbr,acronym,fieldset {
	border: 0;
}
img {
	vertical-align: bottom;
}

li {
	list-style-type: none;
}


/*----------------------------------------------------
	basic layout
----------------------------------------------------*/

body{
    background:#e0e0e0;
    color:#000000;
	font-size: 12px;
	font-family: "Arial","Helvetica","sans-serif";
	text-align:center;
	line-height:1.4;
}
#wrapper{
	background: url(../share_imgs/page_bg.gif) repeat-y -1px top;
	padding: 0 6px;
	width: 985px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#main{
	margin-bottom: 25px;
	background: #fff;
	width: 985px;
	margin-left: auto;
	margin-right: auto;
}

#contents{
	clear: both;
	margin: 35px 110px 0;
}
#header{
	position: relative;
	width: 985px;
	height: 76px;
	background: #fff;
}
#companylogo {
	position:absolute;
	left:0px;
	top:0px;
}

#modelnum {
	position: absolute;
	top: 20px;
	right: 11px;
}
#footer {
	clear: both;
	width: 945px;
	margin-bottom: 45px;
	padding: 0 20px;
	text-align: right;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
}
*html #footer {width:780px;}

/* main menu */
#topnavi{
	width:973px;
	background:url(../share_imgs/navi_back_top.gif);
	padding-left:12px;
}
#mainvisual{
	position: relative;
	height: 340px;
	background: url(../share_imgs/feature_navi_back.gif) bottom no-repeat;
}
#featurenavi{
	width: 973px;
	position: absolute;
	left: 11px;
	top: 245px;
}

ul#mainmenu {
	width: 962px;
	position: relative;
	display: block;
}
ul#mainmenu li {
	display: block;
	float: left;
}
ul#submenu {
	height: 45px;
	clear: both;
	width: 962px;
}
ul#submenu li {
	display:block;
	float:left;
}

/*clearfix */
#wrapper:after, #main:after, #contents:after, #mainmenu:after, #submenu:after, 
.inner_wrap:after, .h3_wrap:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    font-size:0.1em;
    line-height:0; 
    visibility:hidden;
}
#wrapper, #main, #contents, #mainmenu, #submenu, .inner_wrap, .h3_wrap {
    zoom:1;
}

/******************/
/* common class */
/******************/
#contents h3{
	clear:both;
	margin:50px 0 15px;
	background:url(../share_imgs/line.gif) top left repeat-y;
	padding:3px 0 2px 10px;
	font-size:130%;
	font-weight:bold;
	line-height:1;
	text-align: left;
}
#contents h3 sup{
	font-size:85%;
	vertical-align:text-top;
}
#contents h3 .texts,#contents h4 .texts{
	font-size:80%;
	font-weight:normal;
}
#contents div.h3_wrap {
	margin:50px 0 15px;
}
#contents div.h3_wrap h3 {
	float:left;
	margin:0;
}
#contents div.h3_wrap img.logo {
	float:right;
}
#contents p {
	margin-left:10px;
}
#contents h4{
	font-size:120%;
	font-weight:bold;
	margin-left: 10px;
	margin-bottom: 8px;
}
#contents .leftcol h4{
	margin-left: 0px;
}
#contents p.lead{
	margin-left:0;
	font-size:180%;
	font-weight:bold;
	line-height: 120%;
}

#contents ul.caption {
	margin:10px 0 0 10px;
	font-size:75%;
}
#contents ul.caption li {
}
#contents ul.caption_top {
	margin:30px 0 0 10px;
	font-size:75%;
}
#contents ul.caption_top li {
}

#contents .inner_wrap {
	clear:both;
	margin-left:10px;
}
.img_center {
	margin-top:20px;
	text-align:center;
}
.backtotop {
	clear:both;
	text-align: right;
	margin-top:45px;
	margin-bottom:25px;
}
.leftcol, .lc {
	float: left;
	text-align: left;
}
.rightcol, .rc {
	float: right;
	text-align: left;
}
#contents .leftcol p, #contents .rightcol p,
#contents .leftcol ul, #contents .rightcol ul {
	margin-left:0;
}
.c {clear:both;}

.top_logo{
	border-bottom:1px solid #dddddd;
	padding-bottom:8px;
	margin-bottom:8px;
}
.top_logo img{
	margin-right:6px;
}

/* 2column width setting */
.img_w150 .leftcol {
	width: 580px;
}
.img_w150 .rightcol {width:150px;}

.img_w170 .leftcol {
	width: 560px;
}
.img_w170 .rightcol {width:170px;}

.img_w180 .leftcol {width:350px;}
.img_w180 .rightcol {width:180px;}

.img_w200 .leftcol {
	width: 540px;
}
.img_w200 .rightcol {width:200px;}

.img_w225 .leftcol {
	width: 515px;
}
.img_w225 .rightcol {width:225px;}

.img_w250 .leftcol {
	width: 490px;
}
.img_w250 .rightcol {width:250px;}

.img_w260 .leftcol {
	width: 480px;
}
.img_w260 .rightcol {width:260px;}

.img_w275 .leftcol {width:265px;}
.img_w275 .rightcol {width:275px;}

.img_w280 .leftcol {
	width: 460px;
}
.img_w280 .rightcol {width:280px;}

.img_w300 .leftcol {
	width: 440px;
}
.img_w300 .rightcol {width:300px;}

.img_w340 .leftcol {
	width: 400px;
}
.img_w340 .rightcol {width:340px;}

.img_w370 .leftcol {
	width: 370px;
}
.img_w370 .rightcol {width:370px;}

.img_w440 .leftcol {width:100px;}
.img_w440 .rightcol {width:440px;}


/* margin */
.mt0 {margin-top:0 ! important;}
.mt20 {margin-top:20px ! important;}
.mt25 {margin-top:25px ! important;}
.mb1em {margin-bottom:1em ! important;}
/* padding */
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}

/**************/
/* index.html */
/**************/
body#index #contents {
	margin:35px 40px 0;
}
body#index #contents div.inner_wrap {
	margin: 30px 0 0;
}
body#index div.inner_wrap div.leftcol {
	width: 220px;
}
body#index div.inner_wrap div.rightcol {
	width: 600px;
}
body#index .index-txt1{
	margin-bottom:10px;
	font-size: 105%;
	font-weight: bold;
	padding-top: 12px;
}
body#index ul.index-list{
	margin-left:15px;
}
body#index ul.index-list li{
	list-style:disc;
}
body#index .backtotop {padding:0 20px;}



/******************/
/* exquisite  */
/******************/

body#exquisite .two_img{
	margin: 20px auto 0 auto;
	width: 580px;
}

body#exquisite .two_img_l{
	margin: 20px auto 0 auto;
	width: 700px;
}
body#exquisite .two_img_ll{
	margin: 20px auto 0 auto;
	width: 700px;
}

/******************/
/*  excellent   */
/******************/
body#excellent .two_img {margin:20px 0px 0px 40px;width:580px;}
body#excellent .two_img02 {
	margin:20px 0 0 85px;
	width:480px;
}
body#excellent .two_img02 .leftcol,
body#excellent .two_img02 .rightcol {width:215px;}
body#excellent .two_img02 .leftcol .caption,
body#excellent .two_img02 .rightcol .caption {margin-top:5px;}


/******************/
/* convenience.html */
/******************/
body#convenience .two_img {
	margin: 20px auto 0 auto;
	width: 540px;
}
body#convenience .two_img02 {margin:20px 0px 0px 80px;width:480px;}
body#convenience .two_img02 .leftcol,
body#convenience .two_img02 .rightcol {width:215px;}

.two_img .leftcol{
	padding-right:54px;
	background:url(../share_imgs/comp_arrow.gif) right no-repeat;
}

.two_img_l .leftcol{
	padding-right:54px;
	background:url(../share_imgs/comp_arrow.gif) right no-repeat;
}

.two_img_ll .leftcol{
	padding-right:54px;
	background:url(../share_imgs/comp_arrow02.gif) right no-repeat;
}

/******************/
/* dla-hd950.html / dla-hd350.html */
/******************/
body#product #contents {
	margin:35px 40px 0;
}
body#product #contents p {
	margin-left:0;
}
body#product #contents div.inner_wrap {
	margin:0 0 20px;
}
body#product div.inner_wrap div.product_img {float:left;}
body#product div.inner_wrap div.product_intro {float:right;}

body#product div.dla_x div.product_img {width:170px;}
body#product div.dla_x div.product_intro {width:500px;}

body#product div.dla_x3 div.product_img {width:225px;}
body#product div.dla_x3 div.product_intro {width:445px;}

body#product p.product_name{
	margin-bottom:10px;
	font-size: 105%;
	font-weight: bold;
}
body#product p.product_name img {
	 margin-left:10px;
	 vertical-align:middle;
}
body#product p.mark {
	 margin-top:15px;
}
body#product ul.product_list{
	margin-left: 15px;
}
body#product ul.product_list li{
	list-style: disc;
	font-size: 120%;
	line-height: 180%;
}
body#product ul.caption{
	margin-left:5px;
}
body#product .backtotop {padding:0 20px;}



/******************/
/* spec.html */
/******************/
/* table common */
body#spec table {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	margin-left: 10px;
	width: 900px;
}
body#spec table th,
body#spec table td {
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	background:#fbfbfb;
	padding:2px 6px;
	font-weight:normal;
	text-align:center;
}
body#spec table th.th_bold{
	font-weight:bold;
	margin-left:8px;
	font-size: 110%;
	background-color: #99A8D5;
	text-align: left;
}
body#spec table td img{
	vertical-align:middle;
}
body#spec table thead th {
	background:#eaeaea;
}
body#spec table tbody th {
	background:#eaeaea;
	text-align:center;
	vertical-align:top;
}
*html body#spec table {font-size:11px;}

/* class for Distance Chart table */
body#spec table.distanceChart thead tr.unit th {
	background:#ffffff;
	width:20%;
}

/* class for Specifications table */
body#spec table.specifications thead th {width:20%;}
body#spec table.specifications thead td {width:20%;}
body#spec table.specifications tr.rowspan td {
	border-bottom:1px solid #cccccc;
}
/* class for comparison table */
body#spec table.comparison thead th {width:15%;}
body#spec table.comparison thead td {width:17%;}
body#spec table.comparison tr.rowspan td {
	border-bottom:1px solid #cccccc;
}
body#spec #contents{
	clear:both;
	margin:35px 30px 0;
}
body#spec #contents ul.caption {margin-top:5px;}

body#spec #contents div.terminals_side {
	float:left;
	margin-right:20px;
	width:400px;
}
body#spec #contents div.opt_acc {
	float:left;
	width:200px;
	text-align: center;
}
body#spec #contents div.opt_acc p {
	text-align:center;
}
body#spec #contents div.opt_acc p.opt_model,
body#spec #contents div.terminals_side p.opt_model  {
	font-size:120%;
	font-weight:bold;
}
body#spec #contents div.spectext {
	clear:both;
	padding-top:30px;
}
body#spec #contents div.spectext ul {
	margin:0 0 30px 25px;
}
body#spec #contents div.spectext ul li {
	list-style-type:disc;
}
.opt_detail{
	display:block;
	overflow:hidden;
	border-bottom:1px solid #dddddd;
	padding-bottom:8px;
}

table.rimo_table{
	border:solid 1px #aaaaaa;
}
table.rimo_table th{
	color:#FFFFFF;
	padding:8px;
	font-size: 12px;
	border-bottom: solid 1px #aaaaaa;
}
table.rimo_table td{
	margin:8px;
	padding:8px;
	font-size: 11px;
	border-bottom: solid 1px #aaaaaa;
}
.td_gray_back{
	background-color:#333333;
	}

table.modetable {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	font-size: 100%;
	line-height: 140%;
	margin: 15px 0px 15px 0px;
}
table.modetable th{
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #888888;
	background: #aaaaaa;
	padding: 5px 10px;
	font-weight: normal;
	color: #000000;	/*
	background:url(img/comp_td_back.gif) repeat-x center left;
	height:18px;*/
	text-align: center;
	
}
table.modetable thead th{
	text-align:center;

}
table.modetable td{
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 10px;
	text-align: left;
}

table.modetable.last {
	margin-bottom:20px;
}

table.modetable td.bg_light {
	background:#f0f0f0;
}
table.modetable th.bg_deep,
table.modetable tr.bg_deep th {
	background:#aaaaaa;
	color: #000000;
}
/* Screen Adustment Mode Table */
body#spec table.screen_adustmen{
	border-right: 1px solid #666666;
	width: 660px;
}
body#spec table.screen_adustmen thead th {
	background: #cccccc;
}
body#spec table.screen_adustmen thead td {width:25%;}
body#spec table.screen_adustmen tr.rowspan td {
	border-bottom:1px solid #cccccc;
}
