/* トップページコンテンツ
------------------------------------------------------------ */

html,body{ height:100%; min-height:100%; }
* html div#container{ height:100%; }


/*トップ用ヘッダー*/
.lang_wrap{ width:100%; position:absolute; left:0; top:28px; z-index:9999;}
.lang_wrap .inner{ width:980px; padding:0 4px; margin:0 auto; position:relative;}
.lang_wrap .inner .lang{ position:absolute; right:4px; top:0;}
.lang li{ float:left; padding-left:8px; text-align:left; line-height:0; padding-left:10px;}
.lang li.lang-en{ border-left:1px solid #fff; margin-left:10px;}

#header_wrap{ width:100%; height:148px; margin-top:0;}
#header_wrap .inner{ width:980px; margin:0 auto; padding:0; position:relative; height:100px; z-index:9999;}
#header_wrap .inner .logo{ position:absolute; left:4px; top:18px; width:100%; text-align:center;}
#header_wrap .inner .nav_onlinestore{ position:absolute; top:28px; right:0;}


#header_wrap .gNav_wrap { width:100%; height:49px; position:relative; background:rgba(255,255,255,.8); border:none; margin-top:-49px; z-index:9999;}


/*nav_concept*/
#header_wrap .gNav_wrap .gNav li.nav_concept a{ background-position:0 -5px;}

/*nav_news*/
#header_wrap .gNav_wrap .gNav li.nav_news a{ background-position:-232px -5px;}

/*nav_menu*/
#header_wrap .gNav_wrap .gNav li.nav_menu a{ background-position:-342px -5px;}

/*nav_origin*/
#header_wrap .gNav_wrap .gNav li.nav_origin a{ background-position:-452px -5px;}

/*nav_shop*/
#header_wrap .gNav_wrap .gNav li.nav_shop a{ background-position:-554px -5px;}

/*nav_column*/
#header_wrap .gNav_wrap .gNav li.nav_column a{ background-position:-666px -5px;}

/*nav_contact*/
#header_wrap .gNav_wrap .gNav li.nav_contact a{ background-position:-762px -5px;}

/*nav_recruit*/
#header_wrap .gNav_wrap .gNav li.nav_recruit a{ background-position:-898px -5px;}


/*フッター*/
#footer_wrap{ height:390px;}
#footer_wrap .inner .footer_bottom .snsnav{ position:absolute; left:0; top:160px;}
#footer_wrap .inner .footer_bottom .snsnav li{ float:left; padding-right:8px;}
#footer_wrap .inner .footer_bottom .pagetop{ position:absolute; top:160px; right:0;}



/*スライド*/
.flex-control-nav {display:none;}
.mainslide{ background-repeat:no-repeat; background-position:center center; background-size:cover; height:100%; width:100%; min-height:100%; position:relative;}
.mainslide .inner{ position:absolute; width:100%; text-align:center; left:0; top:50%; margin-top:-115px; z-index:99;}
.mainslide .inner h1{ padding-bottom:70px;}

.flexslider,.flexslider .slides,.flexslider .slides li{ height:100%; min-height:100%; width:100%!important;}
.flexslider .slides li{background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%;}


.news_topics{ padding-bottom:22px;}
.news_topics h1{ text-align:center; padding-bottom:28px;}

.news_topics ul{ border-top:1px dotted #d3d3d3; border-bottom:1px dotted #d3d3d3; padding:10px 14px;}
.news_topics ul li{ padding:4px 0;}
.news_topics ul li p{ display:table-cell; vertical-align:top;}
.news_topics ul li .data{ font-size:13px; width:90px; color:#666666; letter-spacing:0.08em;}
.news_topics ul li .cate{ font-size:13px; width:130px; color:#666666; letter-spacing:0.08em;}
.news_topics ul li .cate a{color:#666666; }
.news_topics ul li .topic{ font-size:14px; letter-spacing:0.1em;}

/*バナー2分割*/
.top_bnr_area{ width:980px; padding-bottom:40px;}
.top_bnr_area ul{ width:984px; margin-right:-4px;}
.top_bnr_area ul li{ float:left; width:488px; height:120px; padding-right:4px; padding-bottom:4px;}

/*バナー1段抜き*/
.top_bnr_area ul li.bnrL {
    width: 980px;
    height: auto;
    padding-right: 0;
}

.top_bnr_area ul li.bnrL img {
    max-width: 100%;
    height: auto;
}

/*バナー3分割*/
.top_bnr_area ul li2 { float:left; width:324px; height:80px; padding-right:4px; padding-bottom:4px;}

/*バナー4分割*/
.top_bnr_area ul li3 { float:left; width:246px; height:70px; padding-right:4px; padding-bottom:4px;}