/*------------------------------
TOP NAVIGATION
------------------------------*/
#gnavi{
padding-left:4px;
}
#gnavi li{
list-style:none;
float:left;
width:157px;
height:38px;
/*text-indent: -9999px;*/text-align:left;
}
#gnavi li a{
width:157px;
height:38px;
display:block;
}
/*#n_aboutus{
background:url(../m/jpn/gn_aboutus_on.jpg) no-repeat;
}
#n_aboutus a{
background:url(../m/jpn/gn_aboutus_off.jpg) no-repeat;
}
#n_ir{
background:url(../m/jpn/gn_ir_on.jpg) no-repeat;
}
#n_ir a{
background:url(../m/jpn/gn_ir_off.jpg) no-repeat;
}
#n_products{
background:url(../m/jpn/gn_products_on.jpg) no-repeat;
}
#n_products a{
background:url(../m/jpn/gn_products_off.jpg) no-repeat;
}
#n_works{
background:url(../m/jpn/gn_works_on.jpg) no-repeat;
}
#n_works a{
background:url(../m/jpn/gn_works_off.jpg) no-repeat;
}
#n_news{
background:url(../m/jpn/gn_news_on.jpg) no-repeat;
}
#n_news a{
background:url(../m/jpn/gn_news_off.jpg) no-repeat;
border-right:#000 solid 1px;
}*/

/*#n_aboutus a:hover,#n_products a:hover,#n_works a:hover,#n_ir a:hover,#n_news a:hover{
background:none;
}*/

/*------------------------------
TOPIC PATH
------------------------------*/
#topic_path{
clear:left;
padding:15px 0px;
font-size:0.7em;
color:#666;
}
#topic_path span{
margin-right:3px;
padding-right:10px;
background:url(../m/jpn/ico_topicpath.gif) right center no-repeat;
}
#topic_path a{
color:#333;
text-decoration:none;
}
#topic_path a:hover{
color:#03C;
}

/*------------------------------
LEFT NAVIGATION
------------------------------*/
/*Block Base*/
#snavi dl{
font-size:12px;
margin:10px 0px 0px 0px;
border:#CDCDCD 1px solid;
background:#F5F5F5;
}
/*top category second category*/
#snavi dt{
font-weight:bold;
}
#snavi dt,#snavi dd{
padding:0px 0px 0px 5px;
}

/*link baseiarrow_dashlinej*/
#snavi a{
padding:2px 0px 4px 15px;
width:192px;
display:block;
color:#333333;
/*background:url(../m/jpn/bg_sn.gif) #f5f5f5 no-repeat;*/
text-decoration:none;
}
#snavi a:hover{
color:#ff6633;
}

/*Products Frame*/
#snavi dl.category{
margin:0px 0px 15px 0px;
border:none;
border-bottom:#cdcdcd 2px solid;
}
/*Products lineup title*/
#snavi dl.category #caption{
padding:0px 0px 0px 7px;
color:#333;
width:213px;
background:url(../m/jpn/ttl_sn.jpg) #c8c8c8 no-repeat;
border:none;
}
/*Products lineup top category*/
#snavi dl.category dt{
padding:0px 0px 0px 5px;
color:#fff;
font-size:13px;
width:211px;
background:url(../m/jpn/ttl_sn_grey.jpg) #767676 no-repeat;
border-right:#cdcdcd 2px solid;
border-left:#cdcdcd 2px solid;
}
#snavi dl.category dt.ttlred{
background:url(../m/jpn/ttl_sn_red.jpg) #C63131 no-repeat;
}
#snavi dl.category dt.ttlpurple{
background:url(../m/jpn/ttl_sn_purple.jpg) #8379B6 no-repeat;
}
/*Products lineup sec category*/
#snavi dl.category dd{
padding:0px 0px 0px 0px;
border-right:#cdcdcd 2px solid;
border-left:#cdcdcd 2px solid;
}
#snavi dl.category dd a{
border-right:#666 1px solid;
border-left:#666 1px solid;
padding-right:7px;
}
#snavi dl.category dd.red a{
border-right:#C63131 1px solid;
border-left:#C63131 1px solid;
background:url(../m/jpn/bg_sn_r.gif) #f5f5f5 no-repeat;
}
#snavi dl.category dd.red a:hover{
color:#C63131;
}
#snavi dl.category dd.purple a{
border-right:#7569AE 1px solid;
border-left:#7569AE 1px solid;
background:url(../m/jpn/bg_sn_p.gif) #f5f5f5 no-repeat;
}
#snavi dl.category dd.purple a:hover{
color:#7569AE;
}
#snavi p{
line-height:1.3;
padding:5px;
}
/*Works*/
#snavi dl.category dt a{
color:#fff;
padding:1px 0px 0px 5px;
margin-right:-5px;
margin-left:-5px;
width:216px;
background:url(../m/jpn/ttl_sn_arrow.jpg) no-repeat;
}
* html #snavi dl.category dt a{
height:26px;
}
#snavi dl.category dt>a{
height:23px;
}
#snavi dl.category dt a:hover{
color:#fff;
background:url(../m/jpn/ttl_sn_arrow_ro.jpg) no-repeat;

}
/*Products DL*/
#snavi dt a{
margin:0px 0px -5px 0px;
padding:3px 0px 8px 16px;
width:190px;
display:block;
background:url(../m/jpn/bg_sn_2.gif) left center no-repeat;
text-decoration:none;
}

/*------------------------------
MAIN
------------------------------*/
#header{
border-top:#FF7F12 solid 4px;
background:url(../m/jpn/bg_header.jpg) repeat-y right;
}

/*------------------------------
 LEFT AREA
------------------------------*/
#logoArea{
float:left;
font-size:0.8em;
}
#logoArea img{
margin:5px 0px 0px 5px;
}

/*------------------------------
 SEARCH AREA
------------------------------*/
#header_navi{
width:330px;
float:right;
}
#header_navi form{
width:330px;
}
#header_navi #serachform{
width:217px;
color:#666666;
position: relative;
top: -8px;
margin:0px 7px 0px 4px;
}
#header_navi #serachbtn{
margin:3px 0px;
background:url(../m/jpn/hn_search.gif) no-repeat;
}

/*------------------------------
 NAVI
------------------------------*/
#header_navi ul{
margin-left:133px; /* for FF */
margin-top:-2px;
}
* html #header_navi ul{
margin-left:128px; /* for IE6 */
}
#header_navi li{
list-style:none;
float:left;
margin:0px 5px;
}
#header_navi li a{
width:88px;
height:18px;
display:block;
text-indent: -9999px;
}
#n_sitemap{
background:url(../m/jpn/hn_sitemap_on.gif) no-repeat;
}
#n_sitemap a{
background:url(../m/jpn/hn_sitemap_off.gif) no-repeat;
}
#n_contact{
background:url(../m/jpn/hn_contact_on.gif) no-repeat;
}
#n_contact a{
background:url(../m/jpn/hn_contact_off.gif) no-repeat;
}
#n_sitemap a:hover,#n_contact a:hover{
background:none;
}

/*------------------------------
BASIC SETTING 
------------------------------*/
* {
margin:0;
padding:0;
}
html{
background:#F6F6F6;
height:100%;
width:100%;
overflow-y: scroll;
}
body {
line-height:1.5;
color:#333;
font-size:0.9em;
font-family:Geneva, Arial, Helvetica, sans-serif;
background:url(../m/jpn/bg.jpg) repeat-y center;
height:100%;
width:100%;
}
html>body{
height:auto;
}
img {
border:0;
}
ul{
list-style:disc inside;
}
ol{
list-style:decimal inside;
}
/*p{
line-height:1.2;
color:#333;
font-size:0.8em;
}
*/

/*------------------------------
LINK
------------------------------*/
a:link{color:#000099;}
a:visited{color:#000099;}/*#660099*/
/*a:active{color:#ff6633;}*/
a:hover{color:#ff6633;}
/*------------------------------
link
------------------------------*/
#mainArea a,
#mainArea2 a{
padding-left:12px;
padding-top:1px;
text-decoration:none;
background:url(../m/jpn/ico_arrow_orange.gif) left top no-repeat;
}

/*------------------------------
LAYOUT
------------------------------*/
#wrapper{
width:750px;
margin:0px auto;
}
#header{
width:754px;
height:52px;
margin:0px auto;
padding:3px 20px 0px 15px;
}
#gnavi{
clear:both;
width:790px;
text-align:center;
margin:0px auto;
}
#snavi{
width:220px;
float:left;
}
#mainArea,#mainArea2{
width:510px;
float:right;
}
#footer{
width:789px;
}
#pagetop{
width:750px;
}


/*------------------------------
MARGIN PADDING
------------------------------*/
.mt15{
margin-top:15px;
}
.fsS{
font-size:0.8em;
line-height:1.1;
}

/*------------------------------
LAYOUT
------------------------------*/
#wrapper{
clear:both;
}

#snavi{
margin:20px 0px 0px 0px;
float:right;
}
#snavi_top{
margin:20px 0px 0px 0px;
float:right;
width:220px;
}
#mainArea,#mainArea2{
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(../m/jpn/x.gif) no-repeat;
margin:4px 5px 0px 4px;
width:41px;
height:10px;
display:block;
}
#header_navi li#n_home a{
background:url(../m/jpn/x.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;
/*position: relative;
top:120px;*/
}
#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_aboutTOA{
background:url(../m/jpn/gn_aboutus_on.gif) no-repeat;
}
#n_aboutTOA a{
background:url(../m/jpn/gn_aboutus_off.gif) no-repeat;
}

#n_products{
background:url(../m/jpn/gn_products_on.gif) no-repeat;
}
#n_products a{
background:url(../m/jpn/gn_products_off.gif) no-repeat;
}
#n_support{
background:url(../m/jpn/gn_support_on.gif) no-repeat;
}
#n_support a{
background:url(../m/jpn/gn_support_off.gif) no-repeat;
}
#n_training{
background:url(../m/jpn/gn_training_on.gif) no-repeat;
}
#n_training a{
background:url(../m/jpn/gn_training_off.gif) no-repeat;
}
#n_press{
background:url(../m/jpn/gn_news_on.gif) no-repeat;
}
#n_press a{
background:url(../m/jpn/gn_news_off.gif) no-repeat;
border:none;
}*/
/*------------------------------
title
------------------------------*/
h1{
width:509px;
height:31px;
/*text-indent: -9999px;*/
clear:both;
font-size:1.2em !important;
padding: 4px 0 0 21px;
font-weight: normal !important;
}
/*h1#ttlproducts{
background:url(../m/jpn/sttl_products.jpg) no-repeat;
}*/
/*h1#ttlwork{
margin:0px 0px 10px 0px;
background:url(../m/jpn/sttl_work.jpg) no-repeat;
}*/
h1#ttlproducts,h1#ttlwork{
background:url(../m/jpn/sttl_blank.gif) no-repeat;
}

h2{
width:509px;
height:70px;
/*margin:10px 0px 0px 0px;*/
/*text-indent: -9999px;*/padding:0 0 0 21px;
/*clear:left;*/
}
/*h2#Audio{
background:url(../m/jpn/img_audio_cctv.jpg) no-repeat;
}
h2#CCTV{
margin:-10px 0px 0px 0px;
background:url(../m/jpn/img_cctv2.jpg) no-repeat;
}*/
/*------------------------------
Main Area
------------------------------*/
#mainArea dl.btn_navi,
#mainArea2 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,
#mainArea2 dl.btn_navi span{
font-size:0.8em;
letter-spacing:0.01em;
}
#mainArea dl.btn_navi#area1,
#mainArea dl.btn_navi#area2,
#mainArea2 dl.btn_navi#area3{
background:#DEDEDE;
}
* html #mainArea dl.btn_navi#area1 {
	padding-top: 2px;
}
#mainArea dl.btn_navi#area1{
height:210px;
}
#mainArea>dl.btn_navi#area1{
height:210px;
}
#mainArea dl.btn_navi#area2{
height:102px;
}
#mainArea>dl.btn_navi#area2{
height:106px;
}
#mainArea2 dl.btn_navi#area3{
height:131px;
}
#mainArea2>dl.btn_navi#area3{
height:131px;
}
#mainArea dl.btn_navi a,
#mainArea2 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,
* html #mainArea2 dl.btn_navi a{
margin:1px 0px 0px 1px;
}
#mainArea dl.btn_navi a,
#mainArea2 dl.btn_navi a{
color:#333333;
background:url(../m/jpn/navi_off.jpg) no-repeat;
}
#mainArea dl.btn_navi a:hover,
#mainArea2 dl.btn_navi a:hover{
color:#FF7F13;
background:url(../m/jpn/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(../m/jpn/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(../m/jpn/border_dot.gif) bottom no-repeat;
}
#snavi #newsArea dd a{
background:url(../m/jpn/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(../m/jpn/ico_arrow_orange.gif) left top no-repeat;
display:inline;
}
*/
/*------------------------------
TOA World Wide
------------------------------*/
#snavi #WorldWide dt{
background:url(../m/jpn/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(../m/jpn/ttl_datalibrary2_off.gif) no-repeat;
}
#snavi #DataLibrary dt a:hover{
background:url(../m/jpn/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(../m/jpn/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;
}
*/
#n_aboutTOA{
background:url(../m/jpn/gn_BLANK_on.gif) no-repeat;
}
#n_aboutTOA a{
background:url(../m/jpn/gn_BLANK_off.gif) no-repeat;color:black !important;padding:6px 0 0 8px;
}
#n_products{
background:url(../m/jpn/gn_BLANK_on.gif) no-repeat;
}
#n_products a{
background:url(../m/jpn/gn_BLANK_off.gif) no-repeat;color:black !important;padding:6px 0 0 8px;
}
#n_training{
background:url(../m/jpn/gn_BLANK_on.gif) no-repeat;
}
#n_training a{
background:url(../m/jpn/gn_BLANK_off.gif) no-repeat;color:black !important;padding:6px 0 0 8px;
}
#n_support{
background:url(../m/jpn/gn_BLANK_on.gif) no-repeat;
}
#n_support a{
background:url(../m/jpn/gn_BLANK_off.gif) no-repeat;color:black !important;padding:6px 0 0 8px;
}
#n_press{
background:url(../m/jpn/gn_BLANK_on.gif) no-repeat;
}
#n_press a{
background:url(../m/jpn/gn_BLANK_off.gif) no-repeat;color:black !important;padding:6px 0 0 8px;
border:none;
}

#n_aboutTOA a:hover,#n_products a:hover,#n_training a:hover,#n_support a:hover,#n_press a:hover{
background:none;color:#ff6633 !important;padding:6px 0 0 8px;
}


#mainArea div.viewAll,
#mainArea2 div.viewAll{
font-size:0.8em;
text-align:right;
background:none;
margin:5px 10px 10px 5px;
}
#mainArea>div.viewAll,
#mainArea2>div.viewAll{
margin:5px 10px 10px 5px;
}
#mainArea div.viewAll a,
#mainArea2 div.viewAll a{
background:url(../m/jpn/ico_arrow_orange.gif) left top no-repeat;
display:inline;
}

/*------------------------------
What's New
------------------------------*/
div#column_rt a:link{
color:#000099;
text-decoration:none;
}
div#column_rt a:visited{
color:#000099;
text-decoration:none;
}
div#column_rt a:hover{
color:#ff6633;
text-decoration:none;
}

div#column_rt, div#column_rt2 {
border:#CCCCCC solid 2px;
}
div#column_rt2{
	margin-top:16px;
}
div#whatsNew_ttl {
background:url(../m/jpn/ttl_whatsnew.gif) no-repeat;
height:27px;
border-bottom:#CCCCCC solid 1px;
padding: 1px 3px 0 0;
text-align: right;
}
/*div#whatsNew_ttl span, div#WorldWide_ttl span{
display:none;
}*/
div#whatsNew_content {
padding: 5px 10px 10px 10px;
}

/*div#WorldWide_ttl {
background:url(../m/jpn/ttl_worldwide.jpg) no-repeat;
height:27px;
border-bottom:#CCCCCC solid 1px;
padding: 2px 3px 0 0;
text-align: right;
}*/

div#WorldWide_ttl {
background:url(../m/jpn/ttl_blank_small.gif) no-repeat;
height:27px;
border-bottom:#CCCCCC solid 1px;
padding: 2px 3px 0 0;
text-align: left;
}
/*------------------------------
BOTTM LINKS
------------------------------*/
#btm_links a:link{
color:#000099;
text-decoration:none;
}
#btm_links a:visited{
color:#000099;
text-decoration:none;
}
#btm_links a:hover{
color:#ff6633;
text-decoration:none;
}
#btm_links {
margin: 20px 0 10px 0;
}
#txt_links {
border-top: #ccc 1px solid;
width: 100%;
}
#txt_links a{
padding: 0;
margin: 0;
background: none;
}
#txt_links ul{
padding: 0;
margin: 0;
font-size: 0.8em;
color: #555;
}
#txt_links li{
padding: 4px 0 4px 20px;
background:url(../m/jpn/ico_arrow_orange.gif) 5px 5px no-repeat;
border-bottom: #ccc 1px solid;
background-color: #f9f9f9;
list-style-position: outside;
list-style-type: none;
}

#link_global {
text-align: right;
padding: 10px 5px 0 0;
}
#link_global a {
display: inline;
background: none;
margin: 0;
padding: 0;
}



/*------------------------------
NEW PRODCUTS
------------------------------*/

#newProducts_container {
background:url(../m/jpn/ttl_new_products.gif) no-repeat;
border: #ccc 2px solid;
padding: 34px 5px 5px 5px;
margin-right: 1px;
}
#newProducts {
	font-size: 0.8em;
	line-height: 1.2em;
}

/*------------------------------
FOOTER
------------------------------*/
/*#footer{
margin:0px auto;
padding:10px 0px 1px 0px;
font-size:0.8em;
background:url(../m/jpn/bg_footer.gif) repeat-x;
}
#footer ul{
float:right;
margin-right:8px;
list-style:none;
}
#footer>ul{
margin-right:15px;  for FF 
}
#footer li{
float:left;
margin-left:10px;
background:url(../m/jpn/ico_arrow_orange.gif) left top no-repeat;
}
#footer a{
padding:3px 5px 0px 12px;
text-decoration:none;
color:#333;
}
body>#footer a{
padding:0px 5px 0px 12px;  for FF 
}
#footer a:hover{
color:#f63;
}
#footer address{
margin:0px 0px 0px 10px;
font-style:normal;
}
#footer>address{
margin:0px 0px 10px 20px;  for FF 
}*/

/* pagetop */
#pagetop{
clear:both;
margin:20px auto;
font-size:0.8em;
text-align:right;
}
#pagetop a{
color:#333333;
text-decoration:none;
background:url(../m/jpn/ico_pagetop.gif) left center no-repeat;
padding:0px 0px 0px 12px;
}
#pagetop a:hover{
text-decoration:underline;
}



