@charset "UTF-8";

/**
 * --------------------------------------------------------------------------------
 * Table of Contents:
 *
 * 1.0 - Basic Structure
 * 2.0 - Header Settings
 *    2.1 - Site Logo
 *    2.2 - Global Navigation
 *    2.3 - Language
 *    2.4 - Search
 * 3.0 - Footer Settings
 *    3.1 - Footer Navigation
 *    3.2 - Footer Credit
 * --------------------------------------------------------------------------------
 */ 



/**
 * --------------------------------------------------------------------------------
 * 1.0 Basic Structure
 * --------------------------------------------------------------------------------
 */

/* -- Layout -- */
#header,
#footer,
.wrapper { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
    
#header {
    background: #011a6a;
    width: 100%;
	height: 60px;
    min-width: 1000px; 
    position: fixed;
    z-index: 5000;
    top: 0;
    left: 0;
    }

#contents {
    background: #fff !important;;
    width: 720px !important;
    margin-top: 60px !important;;
    }

#footer {
    background: #011a6a;
    width: 100%;
    }
    
.wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    }


/**
 * --------------------------------------------------------------------------------
 * 2.0 Header Settings
 * --------------------------------------------------------------------------------
 */

/**
 * 2.1 Site Logo
 * -------------------------------
 */ 
#header_site_logo {
    float: left;
    margin-left: 40px;
    }

    #header_site_logo a {
        background: url(/assets/base/images/header_site_logo.png) no-repeat 0 0;
        display: block;
        width: 140px;
        height: 21px;
        margin-top: 20px;
        text-indent: 200%;
        white-space: nowrap;
        overflow: hidden;
        }
        

/**
 * 2.2 Global Navigation
 * -------------------------------
 */        
#gnav {
    float: left;
    margin-left: 35px;
    }
    
    #gnav ul { list-style: none; }
    
        #gnav li {
            float: left;
            margin-right: 1px;
            }
            
            #gnav li li { margin-right: 0; }
        
            #gnav li a {
                background-image: url(/assets/base/images/gnav.png);
                background-repeat: no-repeat;
                display: block;
                height: 60px;
                text-indent: 200%;
                white-space: nowrap;
                overflow: hidden;
                }
            body.en #gnav li a { background-image: url(/assets/base/images/gnav_en.png); }
                
                #gnav li li a { width: auto !important; }
                #gnav li li a:hover,
                #gnav li li a.active { background-position: 0 0 !important; }
                
                
            #gnav li#gn_products a {
                background-position: 0 0;
                width: 103px;
                }
            #gnav li#gn_products a.active { background-position: 0 -120px; }
            #gnav li#gn_products a.hover,
            #gnav li#gn_products a:hover,
            #gnav li#gn_products a.active:hover { background-position: 0 -60px; }
            #gnav li#gn_news a {
                background-position: -103px 0;
                width: 68px;
                }
            #gnav li#gn_news a.active { background-position: -103px -120px; }
            #gnav li#gn_news a.hover,
            #gnav li#gn_news a:hover,
            #gnav li#gn_news a.active:hover { background-position: -103px -60px; }
	        #gnav li#gn_events a {
                background-position: -171px 0;
                width: 81px;
                }
            #gnav li#gn_events a.active { background-position: -171px -120px; }
            #gnav li#gn_events a.hover,
            #gnav li#gn_events a:hover,
            #gnav li#gn_events a.active:hover { background-position: -171px -60px; }
            #gnav li#gn_support a {
                background-position: -252px 0;
                width: 93px;
                }
            #gnav li#gn_support a.active { background-position: -252px -120px; }
            #gnav li#gn_support a.hover,
            #gnav li#gn_support a:hover,
            #gnav li#gn_support a.active:hover { background-position: -252px -60px; }
            #gnav li#gn_company a {
                background-position: -345px 0;
                width: 97px;
                }
            #gnav li#gn_company a.active { background-position: -345px -120px; }
            #gnav li#gn_company a.hover,
            #gnav li#gn_company a:hover,
            #gnav li#gn_company a.active:hover { background-position: -345px -60px; }
            #gnav li#gn_contact a {
                background-position: -442px 0;
                width: 92px;
                }
            #gnav li#gn_contact a.active { background-position: -442px -120px; }
            #gnav li#gn_contact a:hover,
            #gnav li#gn_contact a.active:hover { background-position: -442px -60px; }
            #gnav li#gn_movie a {
                background-position: -534px 0;
                width: 72px;
                }
            #gnav li#gn_movie a.active { background-position: -534px -120px; }
            #gnav li#gn_movie a:hover,
            #gnav li#gn_movie a.active:hover { background-position: -534px -60px; }
            
            /* -- submenu -- */
            #gnav li .gn_submenu {
                display: none;
                width: 100%;
                position: fixed;
                top: 60px;
                left: 0;
                }
                
                #gnav li .gn_submenu .gn_sub_inner {
                    background: #cacbcc;
                    width: 100%;
                    padding: 30px 0 50px 0;
                    }
                    
                    #gnav li .gn_submenu ul {
                        width: 1001px;
                        margin: 0 auto;
                        }
                        
                        #gnav li .gn_submenu ul li {
                            background: #fff;
                            width: 166px;
                            height: 100px;
                            margin-left: 1px;
                            position: relative;
                            }
                        #gnav li .gn_submenu ul li:first-child { margin-left: 0; }
                        
                            #gnav li .gn_submenu ul li a {
                                width: 166px !important;
                                height: 100px !important;
                                position: absolute;
                                z-index: 2;
                                }
                            #gnav li .gn_submenu ul li#gn_sub_headlight a { background-image: url(/assets/base/images/gnav_sub_headlight.png); }
                            #gnav li .gn_submenu ul li#gn_sub_flashlight a { background-image: url(/assets/base/images/gnav_sub_flashlight.png); }
                            #gnav li .gn_submenu ul li#gn_sub_lantern a { background-image: url(/assets/base/images/gnav_sub_lantern.png); }
                            #gnav li .gn_submenu ul li#gn_sub_bikelight a { background-image: url(/assets/base/images/gnav_sub_bikelight.png); }
                            #gnav li .gn_submenu ul li#gn_sub_desklight a { background-image: url(/assets/base/images/gnav_sub_desklight.png); }
                            #gnav li .gn_submenu ul li#gn_sub_worklight a { background-image: url(/assets/base/images/gnav_sub_worklight.png); }
                            body.en #gnav li .gn_submenu ul li#gn_sub_headlight a { background-image: url(/assets/base/images/gnav_sub_headlight_en.png); }
                            body.en #gnav li .gn_submenu ul li#gn_sub_flashlight a { background-image: url(/assets/base/images/gnav_sub_flashlight_en.png); }
                            body.en #gnav li .gn_submenu ul li#gn_sub_lantern a { background-image: url(/assets/base/images/gnav_sub_lantern_en.png); }
                            body.en #gnav li .gn_submenu ul li#gn_sub_bikelight a { background-image: url(/assets/base/images/gnav_sub_bikelight_en.png); }
                            body.en #gnav li .gn_submenu ul li#gn_sub_desklight a { background-image: url(/assets/base/images/gnav_sub_desklight_en.png); }
                            body.en #gnav li .gn_submenu ul li#gn_sub_worklight a { background-image: url(/assets/base/images/gnav_sub_worklight_en.png); }
                                
                            #gnav li .gn_submenu ul li .frame {
                                display: none;
                                width: 160px;
                                height: 94px;
                                border: 3px solid #1f3b99;
                                position: absolute;
                                z-index: 1;
                                }
            
/**
 * 2.3 Language
 * -------------------------------
 */      
#header_lang {
    float: right;
    padding-right: 60px;
    }

    #header_lang ul { list-style: none; }
    
    #header_lang li {
        background: url(/assets/base/images/header_lang_arrow.png) no-repeat right 50%;
        width: 115px;
        height: 60px;
        position: relative;
        }
        
        #header_lang li a {
            display: block;
            width: 25px;
            height: 60px;
            padding-left: 60px;
            padding-right: 30px;
            line-height: 60px;
            color: #fff;
            font-weight: bold;
            text-decoration: none;
            }
        #header_lang li a {
            background-repeat: no-repeat;
            background-position: 20px 50%;
            }
        #header_lang li a:hover { color: #ccc; }
        #header_lang li a.header_lang_jp { background-image: url(/assets/base/images/header_lang_jp.png); }
        #header_lang li a.header_lang_en { background-image: url(/assets/base/images/header_lang_en.png); }
        
        #header_lang li ul {
            background: url(/assets/base/images/header_lang_bg.png) repeat;
            display: none;
            width: 115px;
            position: absolute;
            top: 60px;
            left: 0;
            }
        
            #header_lang li ul li {
                background: none;
                border-bottom: 1px solid #000;
                }
            #header_lang li ul li.active { display: none; }
           
       
/**
 * 2.4 Search
 * -------------------------------
 */  
#header_search {
    background: #fff;
    width: 60px;
    height: 60px;
    float: right;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    }
    
    #header_search a#header_search_blank,
    #header_search input#header_search_btn {
        background-image: url(/assets/base/images/header_search.png);
        background-repeat: no-repeat;
        display: block;
        width: 60px;
        height: 60px;
        position: absolute;
        top: 0;
        right: 0;
        }
        
        #header_search a#header_search_blank {
            background-position: 0 0;
            z-index: 2;
            }
        #header_search a#header_search_blank:hover { background-position: 0 -60px; }
    
        #header_search input#header_search_btn {
            background-position: 0 -120px;
            border: none;
            z-index: 1;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            }
            
        #header_search input#header_search_txt {
            display: block;
            width: 110px;
            height: 20px;
            position: absolute;
            top: 18px;
            right: 60px;
            z-index: 1;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            border: 1px solid #ccc;
            }
            
                        
            
/**
 * --------------------------------------------------------------------------------
 * 5.0 SNS Settings
 * --------------------------------------------------------------------------------
 */
#sns {
    background: #e1e1e3 url(/assets/base/images/bg.jpg) no-repeat center bottom;
    padding-top: 20px;
    height: 60px;
    }
    
    #sns ul {
        float: left;
        list-style: none;
        }
    
        #sns ul li {
            float: left;
            margin-left: 15px;
            }
            
            #sns ul li a {
                background-image: url(/assets/base/images/sns.png);
                background-repeat: no-repeat;
                display: block;
                width: 40px;
                height: 40px;
                text-indent: 200%;
                white-space: nowrap;
                overflow: hidden;
                }
            #sns ul li#sns_fb a { background-position: 0 0; }
            #sns ul li#sns_yt a { background-position: -40px 0; }
            #sns ul li#sns_tw a { background-position: -80px 0; }
            
    #sns #page_top { float: right; }
    
        #sns #page_top a {
            background: url(/assets/base/images/page_top.png) no-repeat right 0;
            display: inline-block;
            padding-right: 55px;
            height: 40px;
            line-height: 40px;
            color: #1c368c;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
            }



/**
 * --------------------------------------------------------------------------------
 * 6.0 Footer Settings
 * --------------------------------------------------------------------------------
 */

/**
 * 6.1 Footer Navigation
 * -------------------------------
 */ 
#footer_nav {
    width: 1000px;
    margin: 0 auto;
    padding-top: 70px;
    color: #ccc;
    }
    
    #footer_nav a {
        color: #fff;
        text-decoration: none;
        }
    #footer_nav a:hover { text-decoration: underline; }
    
    #footer_nav .footer_nav_col04,
    #footer_nav .footer_nav_col03,
    #footer_nav .footer_nav_col02,
    #footer_nav .footer_nav_col01 { float: left; }
    #footer_nav .footer_nav_col04 { width: 1000px; }
    #footer_nav .footer_nav_col03 { width: 750px; }
    #footer_nav .footer_nav_col02 { width: 500px; }
    #footer_nav .footer_nav_col01 { width: 250px; }
    
    #footer_nav dl dt.footer_nav_ttl {
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #344888;
        font-size: 12px;
        font-weight: bold;
        }
        
    #footer_nav dl dd {
        margin-bottom: 30px;
        font-size: 11px;
        }
    
        #footer_nav dl dl dt {
            margin-bottom: 15px;
            font-weight: bold;
            }
            
        #footer_nav dl dl dd {
            padding-left: 1em;
            }
            
             #footer_nav dl dl dt a {
                 background: url(/assets/base/images/footer_nav_arrow.png) no-repeat 0 2px;
                 padding-left: 1em;
                 }

     #footer_nav ul {
        list-style: none;
        margin-bottom: 15px;
        }
    #footer_nav dl dl dd ul.footer_nav_list02 { margin-left: -1em; }
        
        #footer_nav ul li { margin-bottom: 5px; }
        #footer_nav ul.footer_nav_list02 li { margin-bottom: 15px; }
        #footer_nav ul.footer_nav_list03 li {
            padding-bottom: 10px;
            margin-bottom: 20px;
            border-bottom: 1px solid #344888;
            font-size: 12px;
            font-weight: bold;
            }
            
            #footer_nav ul li a {
                background: url(/assets/base/images/footer_nav_arrow.png) no-repeat 0 2px;
                padding-left: 1em;
                color: #ccc;
                }
            #footer_nav ul.footer_nav_list02 li a {
                color: #fff;
                font-weight: bold;
                }
            #footer_nav ul.footer_nav_list03 li a {
                background: none;
                color: #fff;
                padding-left: 0;
                font-weight: bold;
                }
            #footer_nav ul li a.footer_nav_subttl {
                color: #fff;
                font-weight: bold;
                }
                
                #footer_nav ul ul {
                    padding-left: 1em;
                    margin-top: 7px;
                    }
    

/**
 * 3.2 Footer Credit
 * -------------------------------
 */ 
#footer _credit {
    background: #011040;
    heght: 70px;
    text-align: center;
    line-height: 70px;
    color: #ccc;
    font-size: 12px;
    }

    #footer _credit .ff_verdana { font-family: Verdana, Geneva, sans-serif; }     

    

/**
 * --------------------------------------------------------------------------------
 * 4.0 Other Settings
 * --------------------------------------------------------------------------------
 */
/* -- Rollover -- */
.rollover:hover {
    filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
    }       
     
/* -- Clearfix -- */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    font-size: 0.1em;
    }
.clearfix { zoom:1; }


/* -- Padding -- */
.pd40 { padding: 40px; }
.pdt40 { padding-top: 40px; }
.pdr40 { padding-right: 40px; }
.pdb40 { padding-bottom: 40px; }
.pdl40 { padding-left: 40px; }