/* html elements */
body { margin: 0; padding: 0; background: #c0c0c0 url(image/body1.jpg) left top repeat-y; text-align: center; color: #333333; font: 12px; }
h1,h2,h3,h4,h5 { margin: 0; padding: 0; }

h2 {
    text-align: left; color: #ffffff;
	font-size:1em;
	font-style:normal;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:28px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:0px;
	background-color: #99ccff; 
	background-image: url(image/h1mark.gif);
	background-repeat: no-repeat;
	border-top: 2px solid #ccccff;
	border-bottom: 1px solid #00ccff;
	width:480px;
	height:23px;
	}
	
	
	h4 {
	font-size:0.675em;
	font-style:normal;
	text-align: left;
	line-height: 1.5em;
	padding-top:7px;
	padding-bottom:10px;
	padding-left:8px;
	padding-right:0px;
	margin-bottom:10px;
	margin-top:5px;
	margin-left:0px;
	background-image: url(menu/menu_bottom.jpg);
	background-repeat: no-repeat;
	width:152px;
	height:102px;
	}
	
	


img { margin: 0; border: 0; }
a { color: #996600; text-decoration: none; }	
a:hover { color: #663300; text-decoration: underline; }
hr { display: none; }
form { margin: 0; padding: 0; }
pre { border: 1px dotted #cccccc; margin: 5px 0 5px 10px; padding: 10px; font: 10px arial, helvetica; width: 425px; /*\*/overflow: auto;/**/ }
pre strong { color: #CC0000; }
table { font-size: 9px; border-collapse: collapse;  border: 1px solid #cccccc; width:100%; height:100%;}
td, th { border: 1px solid #cccccc; }

/* skip */
#skip { position: absolute; left: -9999px; }

/* main structure */
#header { position: relative; background: url(image/head2.jpg) left top no-repeat; width: 100%; height: 278px; overflow: hidden; /*\*/ overflow: visible;/**/ }
#leftside { float: left; background: url(image/leftback.jpg) left top repeat-y; width: 200px; margin: 0px 0 0px 0px; padding-top: 0px; padding-left: 107px;}
#rightside { position:absolute; left:300px; margin-top: 20px; padding-top: 5px; width: 520px; }
#rightside-2nd { float:left; background: url(image/rightback.jpg) left top repeat-y; text-align: left; width: 400px;  padding-top: 0px; padding-left: 40px; }






/* logo */
#logo { position: absolute; left: 612px; top: 9px; width: 185px; height: 21px; }
#logo ul { list-style-type: none; left top no-repeat; margin: 0; padding: 0; width: 367px; height: 21px; }
#logo li { display: inline; margin: 0; padding: 0; }
#logo li a { float: left; display: block; background-position: 0 0; background: url(image/sla1.jpg) background-repeat: no-repeat; width:78px; height: 19px; }
#logo li a:hover { background-position: 0 -19px; background-repeat: no-repeat; }
#logo li a#nay01 { background-image: url(image/slaa_01.gif); width:81px; height: 19px;}
#logo li a#nay02 { background-image: url(image/slaa_02.gif); width:87px; height: 19px;}
#logo li a#nay04 { background-image: url(image/slaa_04.gif); width:80px; height: 19px;}
#logo li a#nay04:hover { background-image: url(image/slaa_04.gif); }
#logo li a em { position: absolute; left: -9999px; }


/* navigation */
#nav {position: absolute; left: 520px; top: 28px; width:auto; height:35px; }
#nav ul { list-style-type: none; background: url(image/sla2.jpg) left top no-repeat; margin: 0; padding: 0; width: 340px; height: 35; }
#nav li { display: inline; margin: 0; padding: 0; }
#nav li a { float: left; display: block; background-position: 0 0; background-repeat: no-repeat; width:361px; height: 35px; }
#nav li a:hover { background-position: 0 -35px; background-repeat: no-repeat; }
#nav li a#nav01 { background-image: url(image/slaa_06.gif); width:106px; height: 35px; }
#nav li a#nav02 { background-image: url(image/slaa_07.gif); width:81px; height: 35px; }
#nav li a#nav03 { background-image: url(image/slaa_08.gif); width:81px; height: 35px; }
#nav li a#nav04 { background-image: url(image/slaa_09.gif); width:72px; height: 35px; }
#nav li a#nav04:hover { background-image: url(image/slaa_09.gif); width:72px; height: 35px; }
#nav li a em { position: absolute; left: -9999px; }



/* farsttitle list */
#farsttitle { width: 166px; height: 33px; overflow: hidden; background: url(menu/titole.jpg) left top no-repeat;  margin-left: 12px; padding-top: 14px; }

/* ondmand list */
#ondmand { width: 160px; height: 231px; padding-top: 0px;  margin-left: 13px; }
#ondmand ul { list-style-type: none; margin: 0; padding: 0; }
#ondmand li { display: inline; margin: 0; padding: 0; }
#ondmand li a { display: block; overflow: hidden; background-position: 0 0; padding-top: 34px; width: 160px; height: 0; }
#ondmand li a:hover { background-position: 0 -34px; }
#ond-vis { background-image: url(menu/menu_01.gif); }
#ond-pos { background-image: url(menu/menu_02.gif); }
#cat-off { background-image: url(menu/menu_03.gif); }
#cat-silk { background-image: url(menu/menu_04.gif); }
#cat-bnd { background-image: url(menu/menu_12.gif); }
#cat-ond { background-image: url(menu/menu_14.gif); }
#cat-and { background-image: url(menu/menu_09.gif); }
#des-pock { background-image: url(menu/menu_13.gif); }
#des-pack { background-image: url(menu/menu_10.gif); }
#das-pack { background-image: url(menu/menu_11.gif); }
#des-cam { background-image: url(menu/menu_07.gif); }
#des-cem { background-image: url(menu/menu_16.gif); }
#des-mei { background-image: url(menu/menu_17.gif); }

#d-shibu { background: url(menu/menu_18.gif) no-repeat; }
#des-yokoku { background-image: url(menu/menu_19.gif); }
#wil-house { background-image: url(menu/menu_20.gif); }

/* article */
#article { text-align: left; width: 500px; height: auto; overflow: hidden; }
.article-box { text-align: left; margin: 0 auto; padding-bottom: 20px; padding-top: 0px; width: 420px;  margin-left:30px; margin-top:10px; margin-left:30px; margin-top:00px; }
.article-box h3 { color: #333333; font-size: 10px; font-weight: normal; line-height: 1.7em; font-family:sans-serif; margin: 0; padding-left: 0px; width: 420px; border-left:0px;}
.article-box p { line-height: 1.7; }
.article-box p a { border-bottom: 1px dotted #996600; text-decoration: none; }
.article-box p a:hover { color: #663300; border-bottom: 0px solid #996600; text-decoration: none; }
.article-box ul { margin: 0px; padding: 10px 0 0px 20px; list-style-type: none; }
.article-box li { margin: 0px; padding: 0px 0px 4px 14px; }
.article-box dl { margin: 0; }
.article-box dl dt { margin: 10px 0 0 10px; }
.article-box dl dd { margin: 10px 0 0 10px; }
.image { border: 1px solid #ccc; margin: 0 8px 0 0; }
.more { text-align: right; font-size: 10px; }
.more a span { position: absolute; left: -9999px; text-align: left; }