﻿/***** 共通 *****/

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#tech #gnavi .navi #navi_tech { 
           background-image: url('/images/default/navi_techb.jpg'); 
           background-repeat: no-repeat; 
           background-color: #000000;}

.clear { clear: both; overflow: hidden; margin:0px; padding:0px;}   
.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 2px 10px 2px;
     margin: 2px 2px 2px 2px;
     color: #ff9900;
     font-size: 18px;
     font-weight: bold; } 

h4 { 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-bottom: 15px; }

/***** 基本レイアウト（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; }
                     

                    

/***** メインボディ　上部基本タブアコーディオン　（	wrapper tab tabtext boxholder box） *****/

#wrapper{ width: 915px; 
        overflow: hidden; 
        padding: 10px 0px 3px 0px; 
        margin: 10px 0px 5px 2px; 
        text-align: center; }

.boxholder{ clear: both;
            padding: 5px;
            background: #ff9900 }

.box{ background: #000000; }

.techimg { float:left;
           width:605px;
           padding: 0px 5px 0px 0px;
           margin:0px; }

.techdis { float:right;
           width:290px;
           padding: 0px 0px 0px 5px;
           margin:0px; }

.title { font-size: 18px;
         margin-top: 16px;
         color: #ff9900;
         text-align: center; }

.discription { font-size: 13px;
               margin-top: 16px;
               text-align:left;
               text-indent: 1em;
               line-height: 1.5;
               padding: 5px; }

.techdis ul { padding:5px; }

.techdis li { list-style: none;
              font-size: 13px;
              font-weight:normal;
              padding:5px; }

.tab{ float: left; 
      height: 60px;
      width: 220px;
      margin: 0 2px 0 0;
         font-size: 25px; 
      text-align: center;
      background: #1b1c20;
      border:3px #ff9900 duble; }
      
.tabtxt{ margin: 0;
         color: #fff; 
         font-weight: bold; 
         font-size: 25px; 
         padding: 0px 0 0 0;
         border:3px #ff9900 duble; 
         vertical-align:middle;  }
         
.maintitle { vertical-align: bottom; }         

#maintext { width: 915px; 
        overflow: hidden; 
        padding: 10px 0px 3px 0px; 
        margin: 30px 0px 5px 2px; 
        text-align: center;}


#maintext h2 { margin: 0px 0px 5px 0px ; 
           font-weight: bold;
           text-align : left;
           font-size: 13px;
           display: block; }

#right { width: 510px;
         float: right;
         padding: 0px 0px 0px 8px;
         margin: 0px 5px 5px 5px;  }

#left { width: 350px;
        float: left; 
        padding: 0px 5px 10px 5px; 
        margin: 0px 5px 5px 5px;  }


/***** メインボディ左　問い合わせ各カテゴリー基本レイアウト　（omachi） *****/

#omachi {           padding-bottom: 30px; 
          border-bottom-style:double; 
          border-bottom-width:2px; 
          border-bottom-color:#ff9900; }

#play {           padding-bottom: 15px; 
          border-bottom-style:double; 
          border-bottom-width:2px; 
          border-bottom-color:#ff9900; }

#sound {           padding-bottom: 15px; 
          border-bottom-style:double; 
          border-bottom-width:2px; 
          border-bottom-color:#ff9900; }

#craftman {           padding-bottom: 15px; 
          border-bottom-style:double; 
          border-bottom-width:2px; 
          border-bottom-color:#ff9900; }

#high {           padding-bottom: 15px; 
          border-bottom-style:double; 
          border-bottom-width:0px; 
          border-bottom-color:#ff9900; }

/***** メインボディ左　問い合わせ欄　基本枠組み　（info　photo左　inquiry右） *****/

.info { width: 480px;
        margin: 0px;
        overflow: hidden;
        padding-left: 15px; }

.photo { float: left;
         width: 130px;
         margin: 16px 5px 5px 12px; }

.pimg       { float: left; 
              margin: 5px;
              width: 120px;
              height: 120px;
              border: none; }          

.inquiry { float: right;
           width: 410px;
           padding: 15px;
           margin-top: 16px;
           text-align:left;
           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; }

.mail{ padding-top: 2px;
       padding-bottom: 6px;
       list-style: none; }


/***** メインボディ右　サブレイアウト テキスト関係　*****/

.faqcontent { width: 210px;
              padding: 5px 5px 10px 5px; 
              margin: 5px 0px 5px 0px;
              text-align: left; 
              margin-top:5px;
              line-height: 1.5;
              font-size: 12px;
              color: #ffffff;
              border-top: 1px #ffffff solid; }

.tenpo { padding-top: 2px;
         padding-bottom: 13px;
         font-size: 13px;
         color: #ff9900;  }

.contact{ padding: 5px 10px 5px 0px;
          font-size: 12px; 
          list-style:none; }

/***** メインボディ左　問い合わせ各カテゴリー基本レイアウト　（omachi） *****/

#shop { width: 570px;
          padding-bottom: 20px; 
          border-bottom-style:double; 
          border-bottom-width:0px; 
          border-bottom-color:#ff9900; }

#dbz {  width: 570px;
          padding-bottom: 20px; 
          border-bottom-style:double; 
          border-bottom-width:0px; 
          border-bottom-color:#ff9900; }

#col { width: 570px;
          padding-bottom: 20px; 
          border-bottom-style:double; 
          border-bottom-width:0px; 
          border-bottom-color:#ff9900; }

#relation { width: 570px;
          padding-bottom: 20px; 
          border-bottom-style:double; 
          border-bottom-width:0px; 
          border-bottom-color:#ff9900; }

.back { text-align: right;
        font-size: 13px;
        font-weight: normal;
        padding: 10px 5px 0px 0px; }


/***** メインボディ左　問い合わせ欄　基本枠組み　（info　photo左　inquiry右） *****/

.info { width: 500px;
        margin: 0px;
        overflow: hidden;
        padding-left: 15px; }


.newscontain { height: 80px; 
               margin: 0;
               overflow: hidden;
               padding-left: 5px;
               padding-top: 0px; }


.pimg       { float: left; 
               margin: 5px 13px 20px 0px;
               padding: 0px 0px 0px 25px; 
               width:120px;
               height:50px;
               border: none; }

div.newscontain p a:visited { color:#febd5f; text-decoration: none; }

.newscontain p a:link { color:#febd5f; text-decoration: none; }

div.newscontain p a:hover { color:#ff6600; text-decoration: none; }


.newscontain p a:active { color:#ff6600; text-decoration: none; }


.photo { float: left;
         width: 130px;
         margin: 16px 5px 5px 12px; }

.inquiry { float: right;
           width: 420px;
           padding: 5px 0px 10px 0px;
           margin-top: 10px;
           text-align:left;
           text-indent: 0em;
           color: #ffffff;  
           font-size: 16px;
           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; }

.mail{ padding-top: 2px;
       padding-bottom: 6px;
       list-style: none;
       font-size: 12px;}

.sales{ padding: 2px 2px 6px 8px;
       margin: 5px;
       font-size: 12px; }


/***** メインボディ右　サブレイアウト　（sub） *****/
        
#sub { width: 320px; 
       margin: 2px 2px 2px 10px;
       padding: 2px 2px 0px 8px;
       text-align: center; }

#sub h2 { font-family: "Gill Sans", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif; 
           font-weight: normal;
           font-size: 16pt;
           margin: 5px;
           padding: 15px 8px 20px 2px;
           color: #e5d4b8; }


/***** メインボディ右　サブレイアウト テキスト関係　*****/

.linkcont { height: 80px; 
               margin: 0;
               overflow: hidden;
               padding-left: 5px;
               padding-top: 5px; }

.linkdis { font-size: 10px;
               margin-top: 16px;
               text-align:left; }

.limg       { float: left; 
               margin: 5px 13px 20px 0px;
               padding: 0px 0px 0px 25px; 
               width:53px;
               height:43px;
               border: none; }


.faqcontent { width: 250px;
              padding: 5px 5px 10px 5px; 
              margin: 5px 0px 5px 0px;
              text-align: left; 
              margin-top:5px;
              line-height: 1.5;
              font-size: 12px;
              color: #ffffff;
              border-top: 1px #ffffff solid; }

.tenpo { padding-top: 2px;
         padding-bottom: 13px;
         font-size: 13px;
         color: #ff9900;  }

.contact{ padding: 5px 10px 5px 0px;
          font-size: 11px;  }
          

/***** ボトムナビ *****/

.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; }

