@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:780px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#main{
	margin-bottom:25px;
	background:#fff;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

#contents{
	clear:both;
	margin:35px 60px 0;
}
#header{
	position:relative;
	width:780px;
	height:76px;
}
#companylogo {
	position:absolute;
	left:0px;
	top:0px;
}

#modelnum {
	position:absolute;
	top:24px;
	right: 10px;
}
#footer {
	clear:both;
	width:740px;
	margin-bottom:45px;
	padding:0 20px;
	text-align:right;
	font-size:10px;
	color:#666666;
	font-weight:bold;
}
*html #footer {width:780px;}

/* main menu */
ul#mainmenu {
	width: 780px;
}
ul#mainmenu li {
	display:block;
	float:left;
	width:156px;
	height:45px;
}
ul#submenu {
	background:url(../share_imgs/nav_08.jpg) no-repeat left top;
	height:34px;
	clear: both;
}
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{
	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;}
.rightcol, .rc {
	float:right;
}
#contents .leftcol p, #contents .rightcol p,
#contents .leftcol ul, #contents .rightcol ul {
	margin-left:0;
}
.c {clear:both;}

/* 2column width setting */
.img_w150 .leftcol {width:480px;}
.img_w150 .rightcol {width:150px;}

.img_w170 .leftcol {width:460px;}
.img_w170 .rightcol {width:170px;}

.img_w180 .leftcol {width:450px;}
.img_w180 .rightcol {width:180px;}

.img_w200 .leftcol {width:440px;}
.img_w200 .rightcol {width:200px;}

.img_w225 .leftcol {width:415px;}
.img_w225 .rightcol {width:225px;}

.img_w250 .leftcol {width:390px;}
.img_w250 .rightcol {width:250px;}

.img_w260 .leftcol {width:380px;}
.img_w260 .rightcol {width:260px;}

.img_w275 .leftcol {width:365px;}
.img_w275 .rightcol {width:275px;}

.img_w280 .leftcol {width:360px;}
.img_w280 .rightcol {width:280px;}

.img_w300 .leftcol {width:340px;}
.img_w300 .rightcol {width:300px;}

.img_w340 .leftcol {width:300px;}
.img_w340 .rightcol {width:340px;}

.img_w370 .leftcol {width:270px;}
.img_w370 .rightcol {width:370px;}

.img_w440 .leftcol {width:200px;}
.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:25px 0 0;
}
body#index div.inner_wrap div.leftcol {
	width:215px;
}
body#index div.inner_wrap div.rightcol {
	width:465px;
}
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 0px 0px 60px;
	width:540px;
}



/******************/
/*  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 0px 0px 60px;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;}



/******************/
/* 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;
}
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: 700px;
}
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 {
	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;
}

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:610px;
	font-size:75%;
	line-height:140%;
	margin: 15px 0px 15px 20px;
}
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;*/
	
}
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;
}