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

@import "addition.css";

body,tr,td,th,div,p,h1,h2,h3,h4,h5,h6,ul,li{
	margin: 0;
	padding: 0;
}

body.top{
		margin:0px;
        color:#000000;
		font-size: 12px;
		font-family: "Arial","Helvetica","sans-serif";
		text-align:center;
		background:url(../share_imgs/top_bg.gif) top left repeat-x;
        }


body.in{
		margin:0px;
        color:#333333;
		background:url(../share_imgs/page_bg.gif) repeat-x;
		font-size: 12px;
		line-height: 18px;
		font-family: "Arial","Helvetica","sans-serif";
		text-align:center;
        }
#wrapper{
		width:780px;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		}

#header{
		width:780px;
		height:70px;
		}

#logo {
	margin-top: 17px;
	float: left;
}

#dla-hd100{
	margin-top: 21px;
	float: right;
}


#main-index{
	width:780px;
	height:418px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	clear:both;
		}
#main-index2{
	clear:both;
	padding-top:25px;
	margin-left:20px;
	margin-right:20px;
	height: 1100px;
}		

#main{
		width:780px;
		height:229px;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		}
		
#contents{
		width:740px;
		height:auto;
		clear:both;
		margin-top:35px;
		margin-left:20px;
		margin-right:20px;
		}
#footer{
		width:780px;
		margin-bottom:45px;
		text-align:right;
		font-size:10px;
		color:#CCCCCC;
		font-weight:bold;
		clear:both;
		}
#footer-top{
		width:780px;
		margin-top:45px;
		margin-bottom:45px;
		text-align:right;
		font-size:10px;
		color:#CCCCCC;
		font-weight:bold;
		clear:both;
}
.h3{
	font-size:130%;
	font-weight:bold;
	clear:both;
	padding-top:2px;
	padding-left:10px;
	background:url(../share_imgs/line.gif) top left repeat-y;
}

.txt180{
		font-size:180%;
		font-weight:bold;
		line-height: 120%;
		}			
.backtotop {
	text-align: right;
	margin-top:45px;
	margin-bottom: 20px;
}	
/* main menu */
#mainmenu_wrap {
	width: 780px;
	text-align: left;
	float:left;
	}

#mainmenu {
	width: 780px;
	height: 38px;
	list-style-type: none;
	text-align:center;	
	}
#mainmenu01 {
	width: 780px;
	height: 39px;
	list-style-type: none;
	text-align:center;
	}	

#mainmenu li{
	float:left;
}

#mainmenu01 li{
	float:left;
}

.hidden{
	visibility: hidden;
}

#mb1 a {
	width: 195px;
	height: 38px;
	background: url(../share_imgs/nav_01.gif) no-repeat;
	text-decoration: none;
	display: block;
	}

#mb1 a:hover {
	width: 195px;
	height: 38px;
	background: url(../share_imgs/nav_01_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}
#mb1 a.span {
	width: 195px;
	height: 38px;
	background: url(../share_imgs/nav_01_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}

#mb2 {
	width: 195px;
	height: 38px;
	display: block;
	text-decoration: none;
	background:url(../share_imgs/nav_02.gif) no-repeat;
	}

#mb2 a {
	width: 195px;
	height: 38px;
	background:url(../share_imgs/nav_02.gif) no-repeat;
	text-decoration: none;
	display: block;
	}

#mb2 a:hover {
	width: 195px;
	height: 38px;
	background:url(../share_imgs/nav_02_ov.gif) no-repeat;
	display: block;
	}
#mb2 a.span {
	width: 195px;
	height: 38px;
	background:url(../share_imgs/nav_02_ov.gif) no-repeat;
	display: block;
	}

#mb3 a {
	width: 195px;
	height: 38px;
	background:url(../share_imgs/nav_03.gif) no-repeat;
	text-decoration: none;
	display: block;
	}

#mb3 a:hover {
	width: 195px;
	height: 38px;
	background:url(../share_imgs/nav_03_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}
#mb3 a.span {
	width: 195px;
	height: 38px;
	background:url(../share_imgs/nav_03_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}	
#mb4 a {
	width: 195px;
	height: 38px;
	background:url(../share_imgs/nav_04.gif) no-repeat;
	text-decoration: none;
	display: block;
	}

#mb4 a:hover {
	width: 195px;
	height: 38px;
	background:url(../share_imgs/nav_04_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}		
#mb4 a.span {
	width: 195px;
	height: 38px;
	background:url(../share_imgs/nav_04_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}		
#mb5 a {
	width: 195px;
	height: 38px;
	background:url(../share_imgs/nav_05.gif) no-repeat;
	text-decoration: none;
	display: block;
	}

#mb5 a:hover {
	width: 195px;
	height: 38px;
	background:url(../share_imgs/nav_05_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}		
#mb5 a.span {
	width: 195px;
	height: 38px;
	background:url(../share_imgs/nav_05_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}		
#mb6 a {
	width: 195px;
	height: 39px;
	background:url(../share_imgs/nav_06.gif) no-repeat;
	text-decoration: none;
	display: block;
	}

#mb6 a:hover {
	width: 195px;
	height: 39px;
	background:url(../share_imgs/nav_06_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}
#mb6 a.span {
	width: 195px;
	height: 39px;
	background:url(../share_imgs/nav_06_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}		
			

#mb7 a {
	width: 195px;
	height: 39px;
	background:url(../share_imgs/nav_07.gif) no-repeat;
	text-decoration: none;
	display: block;
	}

#mb7 a:hover {
	width: 195px;
	height: 39px;
	background:url(../share_imgs/nav_07_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}		
#mb7 a.span {
	width: 195px;
	height: 39px;
	background:url(../share_imgs/nav_07_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}
#mb8 a {
	width: 195px;
	height: 39px;
	background:url(../share_imgs/nav_08.gif) no-repeat;
	text-decoration: none;
	display: block;
	}

#mb8 a:hover {
	width: 195px;
	height: 39px;
	background:url(../share_imgs/nav_08_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}		
#mb8 a.span {
	width: 195px;
	height: 39px;
	background:url(../share_imgs/nav_08_ov.gif) no-repeat;
	text-decoration: none;
	display: block;
	}		
/**************/
/* index.html */
/**************/
#contents-index{
	clear:200;
}

.index-box1{
	width: 100%;
	height: 500px;
}

.index-txt1{
	font-size: 105%;
	font-weight: bold;
}

.index-box2{
	float: left;
	margin-left: 20px;
	display: inline;
}

.index-box3{
	width: 720px;
	height: 65px;
	margin-top: 20px;
	margin-left: 20px;
}

.index-box4{
	float: left;
	margin-left: 37px;
	display: inline;
}
.index-list{
	list-style:disc;
	padding-top:10px;
	font-size:12px;
	padding-left:15px;
}
/******************/
/* dla-hd100.html */
/******************/
#hd100-box01{
	width:720px;
	height: 120px;
	margin-left:20px;
}
#hd100-box01-img1{
	float: left;
	padding-top: 10px;
}

.box01_l{
	width:160px;
	float:left;
}
#hd100-box01_r{
	float:left;
	width:505px;
	margin-left:33px;
	display:inline;
}		
#hd100-box01-txt1{
	float:left;
	font-size:20px;
	font-weight:bold;
	padding-top:6px;
	padding-right:10px;
}

#hd100-box01-txt2{
	clear: both;
	font-size: 14px;
	padding-top: 10px;
	font-weight: bold;
}


#hd100-box02{
	margin-top:20px;
	margin-left: 100px;
}

.hd100-list{
	list-style:disc;
	padding-top:10px;
	font-size:12px;
	padding-left:15px;
}

#hd100-box01-txt3{
	font-size: 12px;
	margin-left: 7px;
	margin-top: 20px;
}

#hd100-h3{
	font-size: 105%;
	font-weight: bold;
	clear: both;
	padding-left: 10px;
	background: url(../share_imgs/line.gif) top left repeat-y;
	height: 17px;
	margin-top: 50px;
}
/* dla-hd100.html END */

/******************/
/* colours.html */
/******************/
.colours-box01{
	margin-left:10px;
	margin-top: 15px;
		}		
#colours-box02{
		width:730px;
		margin-left:10px;
		}				
.box02_l{
	width:550px;
	float:left;
		}
.box02_r{
		width:171px;
		float:right;
		}
.colours-box-txt{
		font-size:60%;
		font-weight:bold;
		text-align:center;
		}
.colours-img {
	text-align: center;
	margin-top: 20px;
}
#colours-box03{
	width:730px;
	text-align: center;
	margin-top: 20px;
}	
.box03_l{
	width:265px;
	float:left;
	margin:0 49px 0 82px; 
}
.box03_r{
		width:252px;
		float:right;
		margin:0 82px 0 0; 
}
/* colours.html END */

/******************/
/*  crafts.html   */
/******************/
.crafts-box01{
		width:730px;
		margin-left:10px;
		margin-top: 15px;
		clear:both;
		}
.crafts-box01_l{
		width:480px;
		float:left;
		}
.crafts-box01_r{
		width:210px;
		float:right;
		}		
.crafts-box01-2{
		margin-left:10px;
		padding-top: 10px;
		clear:both;
		}	
#crafts-box02{
		width:730px;
		margin-left:10px;
		}				
.crafts-box02_l{
		width:450px;
		float:left;
		}
.crafts-box02_r{
		width:261px;
		float:right;
		}
#crafts-box03{
		width:730px;
		height:120px;
		margin-left:10px;
		}						
.crafts-box03_l{
		width:560px;
		float:left;
		}
.crafts-box03_r{
		width:111px;
		float:right;
		}
#crafts-box04 {
	margin-top: 15px;
	text-align: center;
		}
.crafts-txt1{
		font-size:60%;
		text-align: center;
		}
.crafts-img1{
	text-align: center;
	margin-top: 35px;
	clear:both;
}
/******************/
/* convenience.html */
/******************/
.convenience-box01{
		margin-left:10px;
		clear:both;
		margin-top: 15px;
		}
#convenience-box02{
		height:163px;
		clear:both;
		}						
.convenience-box02_l{
		width:610px;
		float:left;
		}
.convenience-box02_r{
		width:112px;
		float:right;
		}
#convenience-box03{
		margin-left:10px;
		height:124px;
		clear:both;
		}								
.convenience-box03_l{
		width:250px;
		float:left;
			}
.convenience-box03_r{
		width:453px;
		float:right;
		}
#convenience-box04{
		margin-left:10px;
		height:145px;
		clear:both;
		}								
.convenience-box04_l{
		width:443px;
		float:left;
			}
.convenience-box04_r{
		width:220px;
		float:right;
		}
/* colours.html END */

/******************/
/* dla-hd1.html */
/******************/
#dla-hd1-box01{
		width:730px;
		height:72px;
		margin-left:10px;
		}
.dla-hd1-box01_l{
		width:174px;
		float:left;
		}
.dla-hd1-box01_r{
	width:500px;
	float:right;
	margin-left: 33px;
		}				
.dla-hd1-box01_txt1{
		font-size:110%;
		font-weight:bold;
		}
#dla-hd1-box02{
	width:730px;
	margin-left:100px;
		}

.hd1-list{
	list-style:disc;
	padding-top:10px;
	font-size:12px;
	padding-left:15px;
}


/* dla-hd1.html END */

/******************/
/* spec.html */
/******************/
.spectable01{
	border-top:1px #666666 solid;
	border-left:1px #666666 solid;
	border-right:1px #666666 solid;	
	font-size:12px;			
	width:716px;
	text-align:center;
	margin-left:10px;
	border-collapse:collapse;		
}
.spectable td{
	border-left:1px #666666 solid;
	border-bottom:1px #666666 solid;
	padding-left:5px;		
}
.spectable {
	border-left:1px solid #666666;
	border-top:1px #666666 solid;
	border-right:1px #666666 solid;	
	width:716px;
	margin-left:10px;
	text-align:center;
	font-size:12px;
	border-collapse:collapse;		
}
.spectable01 td{
	border-left:1px #666666 solid;
	padding-left:5px;		
}
.spectable2 {
	width:716px;
	margin-left:10px;
	margin-top: 10px;
	text-align:center;
	border-collapse:collapse;		
}

.spectable2 td {
	border-left:1px solid #666666;
	border-top:1px solid #666666;
	text-align:center;
	font-size:12px;
}

.spactable2-td1{
	background-color: #eaeaea;
	width: 145px;
	text-align: left !important;
	text-indent: 5px;
}
.spactable2-td1d{
	background-color: #eaeaea;
	width: 145px;
	text-align: left !important;
	vertical-align: top;
	text-indent: 5px;
	border-top: none !important;
}
.spactable2-td2{
	background-color:#fbfbfb;
	border-right:1px #666666 solid;
}
.spactable2-td2d{
	background-color:#fbfbfb;
	border-top:1px solid #cccccc !important;
	border-right:1px #666666 solid;
}
.spactable2-td3{
	background-color:#fbfbfb;
	border-right:1px #666666 solid;
	width: 286px;
}
.spactable2-td3d{
	background-color:#fbfbfb;
	border-top:1px solid #cccccc !important;
	border-right:1px #666666 solid;
	width: 286px;
}
.spactable2-td1-end{
	background-color: #eaeaea;
	width: 145px;
	text-align: left !important;
	text-indent: 5px;
	border-left:1px solid #666666;
	border-bottom:1px solid #666666;
}
.spactable2-td2-end{
	background-color:#fbfbfb;
	border-right:1px #666666 solid;
	border-left:1px solid #666666;
	border-bottom:1px solid #666666;
}

.bgea{
	background-color:#eaeaea;
	width:145px;
}

.bgfa{
	background-color:#fbfbfb;
	border-right:1px #666666 solid;
	width: 286px;
}						 				


.bgfb{
	background-color:#fbfbfb;
	border-right:1px #666666 solid;
}						 				
.spectable01{
		border-top:1px #666666 solid;
		border-left:1px #666666 solid;
		border-right:1px #666666 solid;	
		font-size:12px;			
		width:716px;
		text-align:center;
		margin-left:10px;
		border-collapse:collapse;		
		}
.spectable td{
		border-left:1px #666666 solid;
		border-bottom:1px #666666 solid;
		padding-left:5px;		
		}
.spectable01 td{
		border-left:1px #666666 solid;
		padding-left:5px;		
		}
.spectable03{
		border-left:1px #666666 solid;
		border-right:1px #666666 solid;		
		width:716px;
		font-size:12px;		
		text-align:center;
		margin-left:10px;
		padding-left:5px;
		border-collapse:collapse;		
		}
.spec03td{
		border-left:1px #666666 solid;
		border-bottom:1px #cccccc solid;
		background-color:#fbfbfb;		
		}
#specbox01{
	width: 600px;
	height: 280px;
}				
#specbox01-left{
	float: left;
	width: 312px;
}
#specbox01-right{
	float: right;
	width: 210px;
}
.specbox01-img{
	margin-left: 10px;
	margin-top: 20px;
}
#specbox02{
	font-size: 10px;
	margin-top: 40px;
}
.spec_right_text {
	text-align: right;
	padding: 0 10px 25px 0;
}
.txt {
	font-size: 14px;
	line-height: 20px;
}