@import url(base.css);
@import url(add.css);

/*------------------------------
LAYOUT
------------------------------*/
#wrapper{
clear:both;
}

#snavi{
margin:20px 0px 0px 0px;
float:right;
}
#snavi_top{
margin:20px 0px 0px 0px;
float:right;
width:220px;
}
#mainArea{
width:510px;
margin:20px 0px 0px 0px;
float:left;
}
/*------------------------------
HEADER
------------------------------*/
#header{
padding-bottom:5px;
}
#header_navi ul{
margin-left:83px; /* for FF */
margin-top:-2px;
margin-right:-5px;
}
* html #header_navi ul{
margin-left:78px; /* for IE6 */
margin-right:-20px;
}
*:first-child+html #header_navi ul{
margin-left:78px; /* for IE7 */
margin-right:-20px;
}
#header_navi li{
list-style:none;
float:left;
margin:0px 5px;
}
#header_navi li a{
text-indent: -9999px;
}
#header_navi li#n_sitemap a,#header_navi li#n_contact a{
width:88px;
height:18px;
display:block;
}
#header_navi li#n_home{
background:url(../top_img/spacer.gif) no-repeat;
margin:4px 5px 0px 4px;
width:41px;
height:10px;
display:block;
}
#header_navi li#n_home a{
background:url(../top_img/spacer.gif) no-repeat;
width:41px;
height:10px;
display:block;
}
#header_navi li#n_home a:hover{
background:none;
}
/*------------------------------
MAINIMAGE + NAVIGATION
------------------------------*/
#mainimage{
width:790px;
margin:0px auto;
padding:0px 0px 0px 1px;
}
#mainimage #image{
padding:0px 0px 0px 1px;
width:630px;
}
#mainimage #image img{
float:left;
}
#gnavi{
float:right;
width:159px;
margin:-190px 0px 0px 0px;
}
*:first-child+html #gnavi{
margin:-190px 0px 0px -179px; /* for IE7 */
}
#gnavi li{
float:none;
width:159px;
height:38px;
}
#gnavi li a{
width:159px;
height:38px;
}
#n_aboutus{
background:url(../top_img/gn_aboutus_on.gif) no-repeat;
}
#n_aboutus a{
background:url(../top_img/gn_aboutus_off.gif) no-repeat;
}
#n_ir{
background:url(../top_img/gn_ir_on.gif) no-repeat;
}
#n_ir a{
background:url(../top_img/gn_ir_off.gif) no-repeat;
}
#n_products{
background:url(../top_img/gn_products_on.gif) no-repeat;
}
#n_products a{
background:url(../top_img/gn_products_off.gif) no-repeat;
}
#n_works{
background:url(../top_img/gn_works_on.gif) no-repeat;
}
#n_works a{
background:url(../top_img/gn_works_off.gif) no-repeat;
}
#n_news{
background:url(../top_img/gn_news_on.gif) no-repeat;
}
#n_news a{
background:url(../top_img/gn_news_off.gif) no-repeat;
border:none;
}
/*------------------------------
title
------------------------------*/
h1{
width:509px;
height:31px;
text-indent: -9999px;
clear:both;
font-size:0.8em;
}
h1#ttlproducts{
background:url(../top_img/sttl_products.jpg) no-repeat;
}
h1#ttlwork{
margin:0px 0px 10px 0px;
background:url(../top_img/sttl_work.jpg) no-repeat;
}
h2{
width:509px;
height:70px;
margin:10px 0px 0px 0px;
text-indent: -9999px;
clear:left;
}
h2#Audio{
background:url(../top_img/img_audio_cctv.jpg) no-repeat;
}
h2#CCTV{
margin:-10px 0px 0px 0px;
background:url(../top_img/img_cctv2.jpg) no-repeat;
}
/*------------------------------
Main Area
------------------------------*/
#mainArea dl.btn_navi{
width:509px;
margin-bottom:5px;
font-family:"Verdana",Arial, Helvetica, sans-serif;
font-size:0.8em;
letter-spacing:-0.03em;
}
#mainArea dl.btn_navi span{
font-size:0.8em;
letter-spacing:0.01em;
}
#mainArea dl.btn_navi#area1,
#mainArea dl.btn_navi#area2,
#mainArea dl.btn_navi#area3{
background:#DEDEDE;
}
* html #mainArea dl.btn_navi#area1 {
	padding-top: 2px;
}
#mainArea dl.btn_navi#area1{
height:126px;
}
#mainArea>dl.btn_navi#area1{
height:132px;
}
#mainArea dl.btn_navi#area2{
height:102px;
}
#mainArea>dl.btn_navi#area2{
height:106px;
}
#mainArea dl.btn_navi#area3{
height:152px;
}
#mainArea>dl.btn_navi#area3{
height:158px;
}
#mainArea dl.btn_navi a{
width:228px;
height:21px;
display:block;
margin:2px 0px 0px 2px;
padding:3px 0px 0px 24px;
float:left;
}
* html #mainArea dl.btn_navi a{
margin:1px 0px 0px 1px;
}
#mainArea dl.btn_navi a{
color:#333333;
background:url(../top_img/navi_off.jpg) no-repeat;
}
#mainArea dl.btn_navi a:hover{
color:#FF7F13;
background:url(../top_img/navi_on.jpg) no-repeat;
}
/*------------------------------
Right Area
------------------------------*/
#snavi dl{
border:#CCCCCC solid 2px;
background:none;
margin:10px 0px 0px 10px;
}
#snavi>dl{
margin:10px 0px 0px 0px;
}
#snavi dl dt a{
padding:0px;
margin:0px 0px 0px -5px;
}
#snavi dd{
border-top:#CCCCCC solid 1px;
}
/*------------------------------
News Release
------------------------------*/
/*
#snavi #newsArea dt{
background:url(../top_img/ttl_news.gif) no-repeat;
width:212px;
height:28px;
border-bottom:#CCCCCC solid 1px;
}
#snavi #newsArea dt span{
display:none;
}
#snavi #newsArea dt a{
margin:0px 0px 0px 160px;
background:none;
display:inline;
color:#FF7F13;
}
#snavi #newsArea dt a:hover{
text-decoration:underline;
}
#snavi #newsArea dt a img{
margin:8px 3px 0px 0px;
}
#snavi #newsArea dd{
border:none;
padding:0px 8px 0px 8px;
background:url(../top_img/border_dot.gif) bottom no-repeat;
}
#snavi #newsArea dd a{
background:url(../cmn_img/ico_arrow_orange.gif) left top no-repeat;
width:175px;
color:#000099;
}
#snavi #newsArea dd a:hover,
#snavi #newsArea dd a:hover strong{
text-decoration:underline;
color:#FF7F13;
}
#snavi #newsArea dd a strong{
color:#666666;
}
#snavi #newsArea dd.more{
text-align:right;
background:none;
margin:5px 0px 5px 5px;
}
#snavi #newsArea>dd.more{
margin:5px 5px 5px 5px;
}
#snavi #newsArea dd.more a{
background:url(../cmn_img/ico_arrow_orange.gif) left top no-repeat;
display:inline;
}
*/
/*------------------------------
TOA World Wide
------------------------------*/
#snavi #WorldWide dt{
background:url(../top_img/ttl_worldwide.jpg) no-repeat;
width:212px;
height:28px;
text-indent: -9999px;
}
#snavi #WorldWide dd{
padding:0px;
}
/*------------------------------
Data Library
------------------------------*/
#snavi #DataLibrary dt a{
width:216px;
height:28px;
display:block;
text-indent: -9999px;
background:url(../top_img/ttl_datalibrary2_off.gif) no-repeat;
}
#snavi #DataLibrary dt a:hover{
background:url(../top_img/ttl_datalibrary2_on.gif) no-repeat;
}
#snavi #DataLibrary dd{
padding:5px 8px;
}
/*------------------------------
Kobe Now
------------------------------*/
#snavi #kobenow{
margin:10px 0px 0px 10px;
border:none;
background:none;
color:#666666;
font-size:0.7em;
}
#snavi>#kobenow{
margin:10px 0px 0px 0px;
}
#snavi #kobenow img{
border:#CCCCCC solid 1px;
margin:0px 0px 3px 0px;
}
#snavi #kobenow dd{
border:none;
padding:0px;
}
/*------------------------------
pagetop
------------------------------*/
#pagetop{
padding-top:20px;
}

/* atach */
/*
#snavi li{
	margin-top: 5px;
        padding-bottom:5px;
background:url(../top_img/border_dot.gif) bottom no-repeat;
}

#snavi ul,li .LIn_shortMode{
	list-style-type: none;
	line-height: 1.2em;
}

/** html #snavi ul,li .LIn_shortMode{
	list-style-type: none;
        margin-left:-10px;
	}*/

/**:first-child+html #snavi ul,li .LIn_shortMode{
	list-style-type: none;
        margin-left:-10px;		}
		
#snavi .LIn_date{
        margin-left:15px;
}

* html #snavi .LIn_date{
        display:none;
}
*:first-child+html #snavi .LIn_date{
        display:none;
}


#snavi ul,li .LIn_shortMode{
	margin-left: 5px;
	margin-top: 10px;
    padding-bottom:10px;
	list-style-type: none;
	line-height: 1.2em;
}

#snavi .LIn_shortMode a{
    margin-bottom:10px;
border-bottom:#CCCCCC solid 1px;
}

		
* html #snavi li .LIn_date{
        margin-left:-15px;
}

*:first-child+html #snavi li .LIn_date{
        margin-left:-15px;
}
*/