@charset "shift_jis";

body{
	font-family: verdana, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background-image: url(cg_dat/skin/navi_bg.gif);
	background-repeat: repeat-y;
	color: #666666;
	background-color: #ffffff;
}

a img { border-width: 0; }
	
	
h1 {
	width: 100px;
	height: 60px;
	text-indent: -5000px;
	background-image: url(cg_dat/skin/dreamsoft_logo.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}
h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

h2 {
	width: 100px;
	height: 40px;
	text-indent: -5000px;
	background-image: url(cg_dat/skin/navi_contents.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 20px 0 0 0;
}

h3 {
	font-size: 13px;
	font-weight: normal;
	margin: 10px 0 2px 0;
}

ul.contents_list {
	padding: 0;
	margin: 0;
}
ul.contents_list li {
	padding: 0;
	margin: 4px 0;
	list-style: none;
	width: 100px;
	height: 20px;
	text-indent: -5000px;
}

ul.contents_list li a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

ul.contents_list li#m_about a { background-image: url(cg_dat/skin/navi_aboutds.gif); }
ul.contents_list li#m_about a:hover { background-image: url(cg_dat/skin/navi_aboutds_on.gif); }
ul.contents_list li#m_download a { background-image: url(cg_dat/skin/navi_download.gif); }
ul.contents_list li#m_download a:hover { background-image: url(cg_dat/skin/navi_download_on.gif); }
ul.contents_list li#m_link a { background-image: url(cg_dat/skin/navi_link.gif); }
ul.contents_list li#m_link a:hover { background-image: url(cg_dat/skin/navi_link_on.gif); }
ul.contents_list li#m_other a { background-image: url(cg_dat/skin/navi_other.gif); }
ul.contents_list li#m_other a:hover { background-image: url(cg_dat/skin/navi_other_on.gif); }
ul.contents_list li#m_products a { background-image: url(cg_dat/skin/navi_products.gif); }
ul.contents_list li#m_products a:hover { background-image: url(cg_dat/skin/navi_products_on.gif); }
ul.contents_list li#m_special a { background-image: url(cg_dat/skin/navi_special.gif); }
ul.contents_list li#m_special a:hover { background-image: url(cg_dat/skin/navi_special_on.gif); }
ul.contents_list li#m_sitemap a { background-image: url(cg_dat/skin/navi_sitemap.gif); }
ul.contents_list li#m_sitemap a:hover { background-image: url(cg_dat/skin/navi_sitemap_on.gif); }
ul.contents_list li#m_support a { background-image: url(cg_dat/skin/navi_support.gif); }
ul.contents_list li#m_support a:hover { background-image: url(cg_dat/skin/navi_support_on.gif); }
ul.contents_list li#m_staff a { background-image: url(cg_dat/skin/navi_staffroom.gif); }
ul.contents_list li#m_staff a:hover { background-image: url(cg_dat/skin/navi_staffroom_on.gif); }
ul.contents_list li#m_top a { background-image: url(cg_dat/skin/navi_top.gif); }
ul.contents_list li#m_top a:hover { background-image: url(cg_dat/skin/navi_top_on.gif); }