@charset "UTF-8";
@import url("base.css");

/* LAYOUT */
html{margin-bottom:1px;height:100%;} 
body {background:url(../image/design/stage.png) repeat-y center;background-color:#000000;color:#CCCCCC;margin:0 auto;}
hr {border-width: 1px 0px 0px 0px;border-style: solid;border-color: #999999; height:1px; margin-bottom:18px;}
hr.mb9 {margin-bottom:9px;}
.linkpage{font-size:10px; margin-bottom:9px; color:#999999}
/*IE7のみ適用*/  
*+html body { padding-left: 1px; }  
/*IE6以前のみ適用*/  
* html body { padding-left: 1px; }  

/*contents*/
#contents{width:760px;margin:0 auto; padding:0 10px;}

/*header*/
#header{display: inline; float:left; width:760px;height:75px; background-color:#333333; margin:0;}
#header img{ display:block; float:left;}
.linkmerica a{ display:block; float:right; font-size:10px;margin:10px 10px 0 0; color:#CCCCCC;}

/* topicpath */
#topicpath{display:inline; float:left; width:760px; height:20px;font-size:10px; font-style:normal; color:#666666; margin:0; color:#CCCCCC;}
#topicpath a{color:#CCCCCC;}
#topicpath ul{list-style:none; padding:0 20px;}
#topicpath li{ display:block; float:left; width:auto; background:url(../image/design/list.gif) no-repeat; background-position:0 50% ;padding: 0 5px 0 10px;}
#topicpath li.home{ background-image:none; padding:0 5px 0 0;}


/*navi*/
#navi{display:inline; float:left; width:760px; height:34px; background:url(../image/design/navi.png) no-repeat 0 0;margin-bottom:18px;}
#navi ul{ list-style:none; margin:0; padding:0}
#navi li{ float:left;}
#navi li a { display: block; text-indent: -9999px; background:url(../image/design/navi.png);background-repeat: no-repeat;text-decoration: none;  height: 34px; 
/*\*/
overflow: hidden; 
/**/
}
#navi li.home a { background-position:0px 0px; width:164px;}
#navi li.appli a { background-position:-164px 0px; width:144px;}
#navi li.products a { background-position:-308px 0px; width:144px;}
#navi li.contact a { background-position:-452px 0px; width:144px;}
#navi li.us a { background-position:-596px 0px; width:164px;}
/*naviover*/
#navi li.home a:hover { background-position:0px -35px; width:164px;}
#navi li.appli a:hover { background-position:-164px -35px; width:144px;}
#navi li.products a:hover { background-position:-308px -35px; width:144px;}
#navi li.contact a:hover { background-position:-452px -35px; width:144px;}
#navi li.us a:hover { background-position:-596px -35px; width:164px;}
/*on*/
#navi li.home_on a { background-position:0px -70px; width:164px;}
#navi li.appli_on a { background-position:-164px -70px; width:144px;}
#navi li.products_on a { background-position:-308px -70px; width:144px;}
#navi li.contact_on a { background-position:-452px -70px; width:144px;}
#navi li.us_on a { background-position:-596px -70px; width:164px;}

/*topimg*/
#topimg{display:inline; float:left; width:760px; height:400px;margin-bottom:18px;}

/*productsnavi*/
#productsnavi{ display:inline; float:left; width:720px; height:70px;margin:0 20px 18px 20px;}
#productsnavi ul{ list-style:none; margin:0; padding:0;}
#productsnavi li{ display:inline;}
#productsnavi li a{ display: block;height: auto ;text-indent: -9999px;}
/*productsnavi left*/
#productsnavi li.left a { display:block; float:left; width:354px; height:70px; margin:0 12px 0 0; background:url(../image/index/productnavi/pn_nx.jpg)  no-repeat 0 0;}
#productsnavi li.left a:hover{ background-position:0px -71px; width:354px;}
/*productsnavi right*/
#productsnavi li.right a{ display:block; float: left; width:354px; height:70px; margin:0; background:url(../image/index/productnavi/pn_bore.jpg) no-repeat 0 0;}
#productsnavi li.right a:hover{ background-position:0px -71px; width:354px;}

/*newsbk*/
.newsbk{ display:block; width:720px; height:30px; background:url(../image/index/news_ber.jpg) no-repeat; margin:0 20px 18px;}
.newtxt{ margin:0 40px 0 10px; font-size:10px;color:#FF0000; font-weight:bold;}
.newp{ margin:6px 0 6px 70px;background:url(../../image/recruit2009/link.gif) no-repeat 9% 45%;}
.contcen{ display:block; width:720px; text-align:center}

/*news*/
#newscontents{display:inline; float:left; width:760px; height:auto; margin:0;}
#newstext{display:inline; float:left; width: 540px;margin:0 20px;}
#newstext ul{float:left; line-height:18px;margin:0 0 5px 0; padding:0}
#newstext li{font-size:10px;padding:0 0 0 0px;}	
#newstext.top{font-size:10px;padding:0 0 0 0px; margin-bottom:9px; color:#CCCCCC}	
#newstext h1 {font-size:12px;color: #006699}
p.wh{ color:#CCCCCC}
.date{ font-size:10px; color:#CCCCCC;}
#newstext h3 {font-size:12px; margin-bottom:8px; color:#999999;}
#newstext ol.link{line-height:0px;background:url(../image/design/list.gif) no-repeat; background-position:0 100%;padding: 0 10px 0 10px;}

/*newsinfo*/
#newsinfo{ display:inline; float:left; width:160px; height:auto; margin:0 18px 0 0; background:#666666;}
#newsinfo h2{ margin:5px auto 9px 10px;}
#newsinfo img{ margin:0 10px 9px 10px;}

/*footnavi*/
#footnavi{ display:inline; float:left; width:720px; height:109px;margin:0 20px 18px 20px;}
#footnavi ul{ list-style:none; margin:0; padding:0;}
#footnavi li{ display:block; float:left; width:171px; height:109px; margin:0 12px 0 0;}
#footnavi li.right{ display:block; float:left; width:171px; height:109px; margin:0;}

/*infocontents*/
#infocontents{ display:inline; float:left; width:720px; height:165px;margin:0 20px 18px 20px; background:url(../image/index/infonavi.jpg) no-repeat 0 0; }
#infocontents ul{ list-style:none; margin:0; padding:0; }
#infocontents li{ float:left;}
#infocontents li a{ display:block; width:240px; height:165px; text-indent:-9999px;}
#infocontents li.left{ background-position:0px 0px; width:240px;}
#infocontents li.center{ background-position:-240px 0px; width:240px;}
#infocontents li.right{ background-position:-480px 0px; width:240px;}


/*footer*/
#footer{ display:inline; float:left; width:760px; height:40px; text-align:center; background-color:#333333;  font-size:10px; padding:10px 0;}
#footer a{color:#cccccc;}
.linktop{display:block; float:left; width:760px; }
.linktop a{background:url(../image/design/gototop.gif) no-repeat;background-position:0 65%;margin:0 10px 18px 20px; padding: 0 10px 0 10px; font-size:10px;color:#CCCCCC;}

/*plivacy*/
#plivacycontents{ width:600px; margin:0 80px;}

/*terms*/
#termscontents{ width:600px; margin:0 80px;}
#termscontents ol{ list-style:decimal;}
#termscontents li{ list-style-position:inside; font-size:10px; color:#CCCCCC;}

/*Corporate*/
#corpocontents h2{ color:#FF0000}
#corpocontents h3{ color:#FF0000}
.corpobox{ display:inline; float:left; width:560; margin:0 20px 18px; 0}
.corpobox ul{ list-style:none; font-size:10px; color:#CCCCCC;}

/*sitemap*/
#sitemapcontents{ width:600px; margin:0 80px; text-align:left;}
#sitemapcontents a{ color:#CCCCCC;}
.area1{display:block; float:right;width:275px; margin:0 18px 18px 0;}
.area2{display:block; float:right;width:550px; margin-bottom:18px;}
#sitemapcontents ul{ list-style:none;float:left; line-height:18px;margin:0 0 5px 0; padding:0}
#sitemapcontents li{font-size:12px;background:url(../image/design/list.gif) no-repeat 5% 60%;padding:0 0 0 25px;}
#sitemapcontents li a.btm{ margin-bottom:18px;}

/*thanks*/
#thanks{ width:560px; margin:40px 80px; text-align:left; border:solid 1px #999999;padding:20px;}
#thanks a { text-decoration:underline} 
#thanks a:link {color:#006699;}
#thanks a:hover { color:#006699;} 
#thanks a:visited {color:#0106699;}

.m40{margin-bottom:40px;}
.m20{margin-bottom:18px;}
.m3{margin-bottom:3px;}