@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 20px 0;
}
#header{
	position:relative;
	width:780px;
	height:70px;
}
#companylogo {
	position:absolute;
	left:20px;
	top:17px;
}

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

/* main menu */
ul#mainmenu {
	width: 780px;
}
ul#mainmenu li {
	display:block;
	float:left;
	width:195px;
	height:35px;
}
ul#submenu {
	background:url(../share_imgs/nav_08.jpg) no-repeat left top;
	padding-left:360px;
	height:29px;
}
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;
}
#contents h3 sup{
	font-size:85%;
	vertical-align:text-top;
}
#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 p.lead{
	margin-left:0;
	font-size:180%;
	font-weight:bold;
	line-height: 120%;
}

#contents ul.caption {
	margin:25px 0 0 10px;
	font-size:75%;
}
#contents ul.caption li {
	margin-left:1.5em;
	text-indent:-1.5em;
}
#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:540px;}
.img_w150 .rightcol {width:150px;}

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

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

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

/* margin */
.mt0 {margin-top:0 ! important;}
.mt20 {margin-top:20px ! important;}
.mt25 {margin-top:25px ! important;}
.mb1em {margin-bottom:1em ! important;}

/**************/
/* 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:190px;
}
body#index div.inner_wrap div.rightcol {
	width:490px;
}
body#index .index-txt1{
	margin-bottom:10px;
	font-size: 105%;
	font-weight: bold;
}
body#index ul.index-list{
	margin-left:15px;
}
body#index ul.index-list li{
	list-style:disc;
}
body#index .backtotop {padding:0 20px;}



/******************/
/* colours.html */
/******************/

body#colours .two_img{
	margin:20px 0 0 139px;
	width:452px;
}



/******************/
/*  crafts.html   */
/******************/
body#crafts .two_img01 {margin-top:20px;}
body#crafts .two_img01 .leftcol {width:470px;}
body#crafts .two_img01 .rightcol {width:240px;}
body#crafts .two_img02 {
	margin:20px 0 0 125px;
	width:480px;
}
body#crafts .two_img02 .leftcol,
body#crafts .two_img02 .rightcol {width:215px;}
body#crafts .two_img02 .leftcol .caption,
body#crafts .two_img02 .rightcol .caption {margin-top:5px;}


/******************/
/* convenience.html */
/******************/
body#convenience .two_img {margin-top:20px;}
body#convenience .two_img .leftcol,
body#convenience .two_img .rightcol {width:355px;}



/******************/
/* dla-hd750.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_hd750 div.product_img {width:170px;}
body#product div.dla_hd750 div.product_intro {width:500px;}

body#product div.dla_hd350 div.product_img {width:225px;}
body#product div.dla_hd350 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:720px;
}
body#spec table th,
body#spec table td {
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	background:#fbfbfb;
	padding:0 10px;
	font-weight:normal;
	text-align:center;
}
body#spec table thead th {
	background:#eaeaea;
}
body#spec table tbody th {
	background:#eaeaea;
	text-align:left;
	vertical-align:top;
}
*html body#spec table {font-size:12px;}

/* 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:24%;}
body#spec table.specifications thead td {width:38%;}
body#spec table.specifications tr.rowspan td {
	border-bottom:1px solid #cccccc;
}

body#spec #contents ul.caption {margin-top:5px;}

body#spec #contents div.terminals_side {
	float:left;
	margin-right:50px;
	width:425px;
}
body#spec #contents div.opt_acc {
	float:left;
	width:200px;
}
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;
}