﻿/***** javascript *****/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }



.mini { width: 64px; 
        height: 48px; }

.back { text-align: right;
        font-size: 13px;
        font-weight: normal;
        padding: 30px 5px 0px 0px; }

/***** 共通 *****/

body { margin: 0px; 
       padding: 0px; 
       text-align: center; 
       font-family:"Gill Sans", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif; 
       color: #ffffff; 
       background-color: #000000; }

body#products #gnavi .navi #navi_products { 
           background-image: url('/images/default/navi_productsb.jpg'); 
           background-repeat: no-repeat; 
           background-color: #000000;}

.clear { clear: both; overflow: hidden;}   
.clear hr { display: none; } 

*{ padding:0; border:0; margin:0; }

a{text-decoration:none;}
a:link{ color: #febd5f; }
a:visited{ color: #febd5f; }
a:active{ color: #ff6600; }
a:hover{ color: #ff6600;  }

h1 { font-family: "Gill Sans", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;text-align:left;
     padding: 15px 20px 10px 3px;
     margin: 2px 2px 2px 5px;
     color: #ff9900;
     font-size: 15px;
     line-height:1.5;
     text-indent:1em;
     font-weight: bold; } 

h2 { font-family: "Gill Sans", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;text-align:left;
     padding: 15px 20px 10px 20px;
     margin: 2px 2px 2px 5px;
     color: #ddd;
     font-size: 12px;
     line-height:1.5;
     text-indent:1em;
     font-weight: normal; } 

h4 { text-align:left;
     padding: 5px 2px 10px 15px;
     margin: 2px 2px 2px 10px;
     color: #ff9900;
     font-size: 18px;
     font-weight: bold; } 

h5 { font-family: "Gill Sans", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;text-align:left;
     padding: 15px 20px 10px 10px;
     margin: 2px 2px 2px 5px;
     color: #ffffff;
     font-size: 13px;
     line-height:1.5;
     text-indent:1em;
     font-weight: normal; } 

h3 { padding: 5px 2px 10px 5px;
     margin: 2px 2px 2px 5px;
     color: #ff9900;
     font-size: 20px;
     font-weight: bold; } 

/***** 基本レイアウト（wrap大枠）　 *****/

#wrap{  width:925px; 
        margin:0 auto; 
        padding:3px ; 
        text-align:left; 
        background-color:#000000;
        border-style:double; 
        border-width:5px; 
        border-color:#ff9900; }


/***** ヘッダー基本レイアウト （headwrap　会社ロゴ　グローバルナビ部分）　*****/

#headwrap{ width : 920px; 
           height: 140px;
           margin: 0 auto; 
           padding: 0 auto; }

#idmap {   width : 920px; 
           margin: 0px; 
           padding: 0px; 
           text-align: center;
           background-image: url('/images/hedder3.png'); 
           background-repeat: no-repeat; }


/***** ヘッダー　グローバルナビ基本 *****/

#gnavi{ width: 920px; 
        height: 37px;
        margin: 0px;  
        padding: 0px; 
        background-color: #000000; }
          
.navi{ overflow: auto; 
       clear: both; 
       height: 37px; 
       padding: 0px; 
       margin: 0px; }
       
.navi a{ display: block; 
         text-indent: -9999px; 
         height: 37px; 
         float: left; 
         cursor: pointer; }


/***** ヘッダー　グローバルナビ各リンクボタン *****/

#navi_products{ background-image:url('/images/default/navi_products.jpg'); width: 153px; height: 35px; }
#navi_products.hover{ background-image:url('/images/default/navi_productsb.jpg'); width: 153px; height: 35px;  }
#navi_products:hover{ background-image:url('/images/default/navi_productsb.jpg'); width: 153px; height: 35px;  }

#navi_artists{ background-image:url('/images/default/navi_artists.jpg'); width: 153px;  height:35px; }
#navi_artists.hover{background-image:url('/images/default/navi_artistsb.jpg'); width: 153px; height: 35px; }
#navi_artists:hover{background-image:url('/images/default/navi_artistsb.jpg'); width: 153px; height: 35px;  }

#navi_tech{ background-image:url('/images/default/navi_tech.jpg'); width: 153px; height: 35px;  }
#navi_tech.hover{background-image:url('/images/default/navi_techb.jpg'); width: 153px; height: 35px;  }
#navi_tech:hover{background-image:url('/images/default/navi_techb.jpg'); width: 153px; height: 35px; }

#navi_dealers{ background-image:url('/images/default/navi_dealers.jpg'); width: 153px; height: 35px; }
#navi_dealers.hover{ background-image:url('/images/default/navi_dealersb.jpg'); width: 153px; height: 35px;  }
#navi_dealers:hover{ background-image:url('/images/default/navi_dealersb.jpg'); width: 153px; height: 35px; }

#navi_about{ background-image:url('/images/default/navi_about.jpg'); width: 153px; height: 35px;  }
#navi_about.hover{ background-image:url('images/default/navi_aboutb.jpg'); width: 153px; height: 35px; }
#navi_about:hover{ background-image:url('images/default/navi_aboutb.jpg'); width: 153px; height: 35px; }

#navi_link{ background-image:url('/images/default/navi_link.jpg'); width: 153px; height: 35px; }
#navi_link.hover{ background-image:url('/images/default/navi_linkb.jpg'); width: 153px; height: 35px;  }
#navi_link:hover{ background-image:url('/images/default/navi_linkb.jpg'); width: 153px; height: 35px; }





/***** メインボディ基本レイアウト　（innerwrap　本体部分） *****/

#innerwrap { width:920px; 
             margin:0px;  
             padding:15px 0px 0px 0px; 
             overflow:hidden;
             text-align:center; }


/***** メインボディ　パン屑リストナビ （navilink）　*****/

#navilink { padding-top: 15px; 
            padding-right: 0px; 
            padding-bottom: 12px; 
            padding-left: 0px; 
            text-align: left; 
            display: block; 
            text-decoration: none; }
            
#navilink li { font-size: 13px; 
               color: #cccccc; 
               list-style:none; }
               
#navilink a:link { color: #febd5f; }               
#navilink a:visited { color: #febd5f; }
#navilink a:hover { color: #ff6600;  }
#navilink a:active { color: #ff6600;  }
                    
ol#bclist { margin: 0px; 
            padding: 0px; 
            list-style-type: none; }
            
ol#bclist li { display: inline; }

ol#bclist li a { color: #006699; 
                 padding-left: 10px; }
                 
ol#bclist li.crumb { padding-left: 10px; 
                     background-image: url(""); 
                     background-repeat: no-repeat; 
                     background-position: 2px; }
                     

/***** メインボディ　トップH1エリア （top）　*****/

#top { padding: 15px 10px 12px 0px; 
       text-align: left; 
       display: block; 
       text-decoration: none; }
            
#top h1 { font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size:14px;
          position: relative;
          margin:0 auto; 
          overflow: hidden; }
               
#top h1 span { position: absolute; 
               top: 0; 
               left: 0; 
               width: 880px; 
               height: 50px;
               background: url('') no-repeat 0 0; 
               background-color: #000000; }

/***** メインボディ　2カラム基本レイアウト　（main left right） *****/

#main { width: 915px; 
        overflow: hidden; 
        padding: 3px 0px 3px 0px; 
        margin: 5px 0px 5px 2px; 
        text-align: center;}

#left { width: 430px; 
        float: left; 
        padding: 10px 0px 0px 8px;
        margin: 10px 5px 5px 5px; }

#right { width: 430px; 
         float: right; 
         padding: 10px 5px 10px 5px; 
         margin: 10px 5px 5px 5px;  }


/***** メインボディ左　問い合わせ各カテゴリー基本レイアウト　（omachi） *****/

#omachi { width: 400px;
          padding-bottom: 30px; 
          border-bottom-style:double; 
          border-bottom-width:0px; 
          border-bottom-color:#febd5f;  }


/***** メインボディ左　問い合わせ欄　基本枠組み　（info　photo左　inquiry右） *****/

.info { width: 400px;
        margin: 0px;
        overflow: hidden;
        padding-left: 15px; }

.photo { float: left;
         width: 130px;
         margin: 16px 5px 5px 12px; }

.pimg       { float: left; 
              margin: 5px;
              padding-bottom: 10px; 
              width: 120px;
              height: 120px;
              border: none; }          

.inquiry { float: right;
           padding: 10px;
           margin-top: 16px;
           text-align: center;
           text-indent: 0em;
           color: #ffffff;  
           font-size: 14px;
           font-style: normal;
           font-variant: normal;
           font-weight: normal;
           line-height: 1.5;
           font-family: "Gill Sans", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif; }

.comlink { color: #ddd;
     font-size: 11px;
     padding-top:30px;
 }

.center { color: #ddd;
     font-size: 11px;
 }

.title { margin-top:5px;
         padding:15px 2px 2px 2px;
         color: #ff9900;  
         font-size: 13px;
         font-weight: bold; }

.comment { padding:2px 2px 2px 2px;
           color: #ffffff;  
           font-size: 12px;
           font-weight: normal; }
         
.mail{ padding-top: 2px;
       padding-bottom: 6px; }





.img { float: left; 
       width: 105px; 
       overflow: hidden; }

.text { width: 150px; 
        float: right; 
        overflow: hidden; }
        
.title a:visited { font-size: 12px; font-weight: bold; color:#ff9900;}
.title a:link { font-size: 12px; font-weight: bold; color:#ff9900;}

.subtext { font-size: 11px; 
           padding-top: 5px;
           color: #999966; }
         

/***** ボトムナビ *****/

.bottomnavi{ margin:0 auto; 
         padding:5px 0px 0px 0px; 
         text-align:center; 
         border-top:double 1px #ff9900; 
         color:#ffffff; }

#bottomlinks { font-style: normal; 
               font-size: 12px;
               padding: 20px 5px 25px 5px; }

             
/***** フッター *****/

#footer{ width:910px; 
         margin:0 auto; 
         padding:5px 0px 0px 0px; 
         text-align:center; 
         border-top:double 3px #ff9900; 
         color:#ffffff; }
         
#footer address{ font-style: normal; 
                 font-size: 10px; }
#footerlinks { font-style: normal; 
               font-size: 10px;
               padding: 5px 5px 5px 5px; }





