/* CSS Document */
body { margin: 0 0 0 0; padding: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; background: #5762A1;} 
img { border: none; }
div.wrapper { width: 885px; margin: 0px auto; padding: 0px 5px 0px 5px; background: #FFF;}

#head { margin-bottom: 2px;}

#cont { overflow:hidden; padding-top: 5px; padding-bottom: 5px; margin-top: -3px;}
#con { padding-left: 10px;}
#right_col{ width: 702px; border-left: 174px; margin-left: -141px; float:right;}
#right_col p { padding-left: 10px;}
#right_col table { padding-left: 10px;}

#right_col div.index_text_area { float: left; width: 510px; padding-left: 5px;}
#welcome_top { width: 528px; background: #F2F3F4; }
#right_col div.index_news { margin: 0; padding: 0; float: right; width:  174px; height: 100%;}


#news_fill { width: 174px; /*height: 602px;*/ padding-top: 5px; background: url('images/news_grey.jpg');}
#news_fill h1 { font-size: 12px; font-weight: bold; color: #666; padding-left: 10px;}
#news_fill p { font-size: 10px; color: #666; padding-left: 10px; padding-right: 10px;}
#news_fill a { color: #0033CC; margin-left: 85px;}

#left_col{ width: 170px; background: url('images/left_nav_fill.jpg') repeat-y; float: left; }
#left_col div.search { margin-left: -1px; height: 56px; width: 176px; background: url('images/hogesearch.jpg') top left no-repeat;}
#search_text { width: 100px; margin: 28px 0px 0px 15px; padding: 0px 0px 0px 0px;} 
#search_submit { border: none; height: 22px; width: 20px; margin: 5px 0px 0px 15px; padding: 0px; background: url('images/search_button.jpg'); cursor: pointer;}

#foot { height: 35px; width: 885px; background: url('images/footer_blue.jpg') center center; margin-top: -5px; padding-top: 5px; margin-bottom: 25px; text-align: center;}
#foot span { color: #FFF; font-size: 10px; }
#foot a { color: #FFF; text-decoration: none; font-size: 10px;}

a { cursor: pointer; }
a#aboutus_button { display: block; width: 174px; height: 33px; background: url('http://www.hoge.com/images/aboutus_off.jpg');}
a#aboutus_button:hover {background: url('http://www.hoge.com/images/aboutus_hi.jpg');}
a#products_button { display: block; width: 174px; height: 33px; background: url('http://www.hoge.com/images/products_off.jpg');}
a#products_button:hover {background: url('http://www.hoge.comimages/products_hi.jpg');}
a#process_button { display: block; width: 174px; height: 33px; background: url('images/process_off.jpg');}
a#process_button:hover {background: url('images/process_hi.jpg');}
a#store_button { display: block; width: 174px; height: 33px; background: url('images/store_off.jpg');}
a#store_button:hover {background: url('images/store_hi.jpg');}
a#request_button { display: block; width: 174px; height: 33px; background: url('images/request_off.jpg');}
a#request_button:hover {background: url('images/request_hi.jpg');}
a#contact_button { display: block; width: 174px; height: 33px; background: url('images/contact_off.jpg');}
a#contact_button:hover {background: url('images/contact_hi.jpg');}

.hide{ display: none; }
.show{ display: block; background: #7A83A4; margin-right: 0px; padding-top: 3px; width: 174px; }

a.submenu{ display: block; height: 19px; margin-left: 0px; padding: 2px 5px 2px 10px; color: #FFF; font-size: 10px; text-decoration: none; }
a.submenu:hover { background: #666; padding-left: 10px;}

/* common styling */
.sub{
position:relative; 
/*z-index:100;*/

}
.sub ul {
padding:0; margin:0; list-style-type: none; background: #7A83A4; width:174px;
}
.sub ul li ul {
visibility:hidden; position:absolute; height:0; margin: 0px; padding: 0px; overflow:hidden; top:0; left:174px;
}
.sub ul li {
float:left;
}
.sub ul li a, .sub ul li a:visited {
display:block; float:left; text-decoration:none; color:#000; width:164px; height:30px; line-height:29px; font-size:11px; background:#A5ACC6; padding-left:10px;
}
* html .sub ul li a, * html .sub ul li a:visited {width:174px; w\idth:164px;}

.sub table {
	border-collapse:collapse; border:0px; margin:0px; padding:0px; font-size:1em; position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.sub ul li:hover a,
.sub ul li a:hover{
	background: #3D468B; 
	color:#fff;
}

.sub ul li:hover {position:relative; z-index:90;}
* html .sub ul li a:hover {position:relative; /*z-index:100;*/}

.sub ul li:hover ul,
.sub ul li a:hover ul {
	visibility:visible; position:absolute; height:auto; background:#A5ACC6; /*overflow:visible;*/
}
.sub ul li:hover ul li a,
.sub ul li a:hover ul li a{
	display:block; background: #3D468B; color:#fff; line-height:15px; padding:5px 0 5px 10px; height:auto; text-decoration:none;
}
/*
.sub ul li:hover ul li:hover a,
.sub ul li a:hover ul li a:hover {
background:#069; color:#ff0;
}
.sub ul li:hover ul li ul,
.sub ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}
.sub ul li:hover ul li:hover ul,
.sub ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; height:auto; color:#000; padding:0; border:1px solid #069; list-style-type:none; background:#069;
}
.sub ul li:hover ul li:hover ul li a,
.sub ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#ff0;
}

.sub ul li:hover ul li:hover ul li:hover a,
.sub ul li a:hover ul li a:hover ul li a:hover {
background:#eee; color:#000;
}
*/