@charset "UTF-8";
/*
Theme Name: 星野総合商事株式会社 2014
Theme URI:
Description: 星野総合商事株式会社 2014
Author: densuke
Author URI: http://dnsk.jp/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    letter-spacing: normal;
    font-style: normal;
    /*font-family:  "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka,"Arial";*/
    font-family:  "游ゴシック","YuGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka","Arial";
}


/*-----------------------------------------------------------------
見出し
-----------------------------------------------------------------*/
h1 { font-weight: normal; font-size: 90%; line-height: 1em; }
h2 { font-weight: normal; font-size: 120%; }
h3 { font-weight: normal; }
h4 { font-weight: normal; }
h5 { font-weight: normal; }
h6 { font-weight: normal; }

/*-----------------------------------------------------------------
リンク
-----------------------------------------------------------------*/
a:link { color: #4C80C2; text-decoration: none; }
a:visited { color: #4c80c2; text-decoration: none; }
a:hover { color: #789fd1; text-decoration: underline; }
/*-----------------------------------------------------------------
画像
-----------------------------------------------------------------*/
img {
    margin: 0;
    padding: 0;
    border: 0;
}

/*-----------------------------------------------------------------
テキスト系
-----------------------------------------------------------------*/
textarea { font-size: 100%; } /* テキストエリア内文字サイズのブラウザ間での差異をなくす */

/*-----------------------------------------------------------------
テキスト系
-----------------------------------------------------------------*/
/*text-align*/
.ta_c{
    text-align: center;
}
.ta_r{
    text-align: right;
}
.ta_l{
    text-align: left;
}
/*文字色*/
.rb{ /*赤い太字*/
    color:#cb3131;
    font-weight:bold;
}
.pb{ /*ピンクの太字*/
    color:#f8718c;
    font-weight:bold;
}
.bb{ /*ブルーの太字*/
    color:#809fdc;
    font-weight:bold;
}
/*-----------------------------------------------------------------
pタグにつける文字サイズのクラス
-----------------------------------------------------------------*/

/*-----------------------------------------------------------------
リスト
-----------------------------------------------------------------*/
ol, ul {
    list-style: none;
}
/*-----------------------------------------------------------------
Div全体にリンクさせる
-----------------------------------------------------------------*/
.divLink{
    cursor:pointer;
}
/*-----------------------------------------------------------------
BODY
-----------------------------------------------------------------*/
body {
    width:100%;
    margin:0;
    padding:0;
    background:url(img/common/body_bg.png) repeat-x top;
}

/*-----------------------------------------------------------------
wrapper
-----------------------------------------------------------------*/
#wrapper{
    width:100%;
    margin:0;
    padding:0;
}
/*-----------------------------------------------------------------
ヘッダー
-----------------------------------------------------------------*/
#header{
    width:1000px;
    height:117px;
    margin:0 auto;
    overflow:hidden;
}
/*H1*/
#header h1{
    color:#fff;
    height:24px;
    font-size:11px;
    line-height:24px;
}
/*ロゴ*/
#header .logo{
    float:left;
    width:247px;
    height:44px;
    margin:26px 0 0;
}
/*ヘッダ右側*/
#header .right{
    float:right;
    width:410px;
    margin:16px 0 0;
    overflow:hidden;
}
/*電話番号*/
#header .tel{
    float:left;
    margin:3px 0 0;
}
/*文字サイズ変更*/
#textResixer{
    float:right;
    width:160px;
    height:30px;
    background:url(img/common/header_txtsize_bg.png) center center no-repeat;
    overflow:hidden;
}
#textResixer .title{
    float:left;
    width:51px;
    height:10px;
    padding:10px 10px 0 11px;
}
#textResixer .btn_normal{
    float:left;
    width:47px;
    height:23px;
    padding:4px 3px 0 0;
}
#textResixer .btn_large{
    float:left;
    width:34px;
    height:23px;
    padding:4px 0 0;
}
#headerMenu{
    clear:both;
    width:319px;
    height:15px;
    padding:10px 0 0 91px;
    overflow:hidden;
}
#headerMenu .li01{
    float:left;
    width:80px;
    margin-right:20px;
}
#headerMenu .li02{
    float:left;
    width:92px;
    margin-right:20px;
}
#headerMenu .li03{
    float:left;
    width:107px;
}
#headerMenu img{
    vertical-align:top;
}
/*-----------------------------------------------------------------
グローバルナビ
-----------------------------------------------------------------*/
#nav{
    width:998px;
    height:64px;
    padding:0 0 0 2px;
    margin:0 auto 13px;
    background:url(img/common/nav_line.png) left top no-repeat;
}
#nav li{
    float:left;
    height: 64px;
    padding:0 2px 0 0;
    background:url(img/common/nav_line.png) right top no-repeat;
    position: relative;
}
#nav .submenu{
    padding: 0;
    position: absolute;
    z-index: 9999;
    font-size: 75%;
    /*width: 238px;*/
    display: none;
    top: 64px;
    opacity: 0;
    left: -8px;
}
#nav .submenu.last{
    left: auto;
    right: -8px;
}
#nav .submenu .item_line{
    height: 270px;
}
#nav li:hover .submenu{
    /*display: block;*/
}
#nav .submenu .bg_left{
    overflow: hidden;
    padding-left: 9px;
    background:url(img/common/submenu_bg_left.png) left top repeat-y;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/common/submenu_bg_left.png', sizingMethod='scale');
}
#nav .submenu .bg_right{
    overflow: hidden;
    padding-right: 9px;
    background:url(img/common/submenu_bg_right.png) right top repeat-y;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/common/submenu_bg_right.png', sizingMethod='scale');
}
#nav .submenu .bottom{
    height: 8px;
    margin: 0 9px;
    position: relative;
    background:url(img/common/submenu_bg_bottom.png) right bottom repeat-x;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/common/submenu_bg_bottom.png', sizingMethod='scale');
}
#nav .submenu .bottom .left{
    display: block;
    position: absolute;
    left: -9px;
}
#nav .submenu .bottom .right{
    display: block;
    position: absolute;
    right: -9px;
}
#nav .submenu .line{
    float: left;
    width: 220px;
    margin: 0 auto;
    background-color: #FFF;
}
#nav .submenu li{
    float: none;
    background-image: none;
    height: 30px;
    padding: 0;
    margin: 0;
}
#nav .submenu li a{
    display: block;
    background-color: #FFF;
    height: 30px;
    line-height: 30px;
    padding-left: 25px;
    background-image: url(./img/common/arrow06.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}
#nav .submenu li a:hover{
    background-color: #61A5E0;
    background-image: url(./img/common/arrow06_over.png);
    color: #fff;
}



/*-----------------------------------------------------------------
検索
-----------------------------------------------------------------*/
#header_search{
    width:1000px;
    height:37px;
    margin:0 auto 10px;
    background:url(img/common/search_bg.png) center center no-repeat;
}
#header_search form{
    float:left;
    overflow:hidden;
    padding:5px 0 0 57px;
}
#header_search_box_text{
    float:left;
    width:254px;
    height:27px;
    padding:0 10px !important;
    margin:0 6px 0 0;
    border:0 !important;
    line-height:27px;
}
#header_search_box_submit{
    float:left;
    width:47px;
    height:23px;
    padding:0 !important;
    margin:2px 14px 0 0;
    border:none !important;
    background:url(img/common/search_btn.png) center center no-repeat;
    cursor:pointer;
}
#header_search p{
    float:left;
    font-size:80%;
    line-height:37px;
    color:#fff;
}
#header_search a{
    text-decoration:underline;
}
#header_search a:link,
#header_search a:visited{
    color:#fff;
}
#header_search a:hover,
#header_search a:active{
    color:#e1ebee;
}
/*-----------------------------------------------------------------
ページトップボタン
-----------------------------------------------------------------*/
#pagetop {
    width: 70px;
    height: 70px;
    position: fixed;
    right: 25px;
    bottom: 80px;
    z-index: 100;
}
/*-----------------------------------------------------------------
フッター
-----------------------------------------------------------------*/
#footer_upper_wrapper{
    width:100%;
    height:132px;
    margin:0 0 35px;
    background:url(img/common/footer_upper_bg.png) repeat-x top;
    overflow:hidden;
}
#footer_upper{
    width:1000px;
    height:132px;
    margin:0 auto;
    background:url(img/common/footer_upper_content_bg.png) center top no-repeat;
    overflow:hidden;
}
#footer_upper .copy{
    float:left;
    width:236px;
    height:71px;
    padding:25px 49px 0 24px;
}
#footer_upper .tel{
    float:left;
    width:313px;
    height:61px;
    padding:30px 55px 0 0;
}
#footer_upper .form{
    float:left;
    width:301px;
    height:71px;
    padding:25px 0 0;
}
#footer_middle{
    clear:both;
    width:953px;
    margin:0 auto 55px;
    overflow:hidden;
}
#footer_middle ul{
    width:953px;
    overflow:hidden;
}
#footer_middle ul.upper{
    padding:0 0 10px;
    margin:0 0 20px;
    border-bottom:dotted 2px #ccc;
}
#footer_middle li{
    float:left;
    width:116px;
    padding:0 0 0 20px;
    margin:0 0 13px;
    background:url(img/common/arrow04.png) 7px center no-repeat;
    font-size:70%;
}
#footer_middle li.head{
    float:none;
    width:953px;
    padding:0 0 0 26px;
    margin:0 0 15px;
    background:url(img/common/arrow03.png) left center no-repeat;
    font-size:80%;
    font-weight:bold;
    line-height:15px;
}
#footer_middle li a:link,
#footer_middle li a:visited{
    color:#333;
    text-decoration:none;
}
#footer_middle li a:hover,
#footer_middle li a:active{
    color:#999;
    text-decoration:none;
}
#footer_bottom_wrapper{
    width:100%;
    padding:0 0 20px;
    background-color:#e3ecee;
    border-top:solid 6px #0068b6;
}
#footer_bottom{
    clear:both;
    width:953px;
    margin:0 auto;
    overflow:hidden;
}
#footer_bottom .left{
    float:left;
    width:290px;
}
#footer_bottom .left p{
    padding:15px 0;
}
#footer_bottom .left address{
    font-size:80%;
    line-height:150%;
}
#footer_bottom .right{
    float:right;
    width:570px;
    position:relative;
    height: 100px;
}
#footer_bottom .right.ssl {
  padding: 20px 0 0px 16px;
  width: 90px;
  box-sizing: border-box;
  height: auto;
}
#footer_bottom .right ul{
    font-size:80%;
    font-weight:bold;
    overflow:hidden;
    position:absolute;
    top:38px;
    right:0;
}
#footer_bottom .right li{
    float:left;
    margin:0 15px 0 0;
}
#footer_bottom .right li a{
    padding:0 0 0 10px;
    background:url(img/common/arrow05.png) left center no-repeat;
    line-height:120%;
    text-decoration:none;
}
#footer_bottom .right li a:link,
#footer_bottom .right li a:visited{
    color:#333;
}
#footer_bottom .right li a:hover,
#footer_bottom .right li a:active{
    color:#999;
}
#footer_bottom .right p{
    font-size:80%;
    line-height:130%;
    color:#333;
    position:absolute;
    bottom:0;
    right:0;
}


/*-----------------------------------------------------------------
パンくずリスト
-----------------------------------------------------------------*/
.breadcrumbs{
    width: 772px;
    margin-bottom:7px;
}
.breadcrumbs li{
    display:inline;
}

/*-----------------------------------------------------------------
メインコンテンツ
-----------------------------------------------------------------*/
#content{
    width: 1004px;
    margin:15px auto 0;
    padding: 0;
    overflow:hidden;
}
.contentBox{
    float:right;
    width: 778px;
    font-size: 75%;
}
.sideBox{
    float:left;
    width: 198px;
    font-size: 75%;
    margin-bottom: 20px;
}

.side_menu_title{
    height: 37px;
}
/*-----------------------------------------------------------------
サイドバー
-----------------------------------------------------------------*/
/*左カラム*/
#side-left{
    float:left;
    width:202px;
    padding: 2px 0 6px;
    margin:2px 9px 20px 0;
}
#side-left .bn{
    width: 198px;
    margin: 0 0 10px 0;
}
#side-left .systemBanner{
    margin: 0 0 9px 0;
}
#side-left .bn_system{
    width: 202px;
    margin: 0;
}
#side-left .bn_system img{
    display: block;
}
#side-left .bn_system_login{
    width: 202px;
    margin: 0 0 0 0;
}
#side-left .bn img{
    display: block;
    margin: 0 auto;
}
#side_items{
    width:202px;
    background:url(img/common/side_category_bottombg.png) center bottom no-repeat;
    overflow:hidden;
    margin:0 0 10px 0;
}
#side_items .bn{
    margin:0 0 6px;
}
/*商品カテゴリー*/
#side_cat_wrapper{
    width:202px;
    background:url(img/common/side_category_wrapperbg.png) center repeat-y;
}
#side_cat_wrapper .side_cat_box{
    width: 196px;
    margin: 0 auto;
}
/*商品カテゴリー タイトル*/
#side_cat_wrapper .side_cat_box .catTitle_wrapper{
    width:196px;
    height:62px;
    background-color:#faf8f3;
    border-top:solid 1px #fff;
    border-bottom:solid 1px #e3e3e3;
    display:table;
}
#side_cat_wrapper .side_cat_box .catTitle_wrapper .left{
    float: left;
    width:144px;
}
#side_cat_wrapper .side_cat_box .catTitle_wrapper .right{
    float: right;
    width: 46px;
    margin: 8px 5px 0 0;
}
#side_cat_wrapper .side_cat_box .catTitle_wrapper h4{
    width:144px;
    height:62px;
    font-size:80%;
    font-weight:bold;
    display:table-cell;
    vertical-align:middle;
}
#side_cat_wrapper .side_cat_box .catTitle_wrapper h4 a{
    padding:0 0 0 22px;
    margin:0 0 0 10px;
    color:#333;
    line-height:130%;
    text-decoration:none;
    display:block;
    background-image: url(img/common/side_category_open.png);
    background-position: left center;
    background-repeat: no-repeat;
}
#side_cat_wrapper .side_cat_box .catTitle_wrapper p{
    width: 46px;
    height: 46px;
    background:url(img/common/side_category_imgbg.png) center center no-repeat;
}
#side_cat_wrapper .side_cat_box .catTitle_wrapper p img{
    height: 29px;
    padding-left: 8px;
    padding-top: 9px;
    width: 29px;
}
/*商品カテゴリー 各カテゴリ名*/
#side_cat_wrapper .side_cat_box .catContent_wrapper{
    width:166px;
    padding:15px 10px 15px 20px;
    background-color:#fff;
    border-bottom:solid 1px #e3e3e3;
    display: none;
}
#side_cat_wrapper .side_cat_box .catContent_wrapper ul{
    font-size:70%;
}
#side_cat_wrapper .side_cat_box .catContent_wrapper li{
    margin:0 0 1em;
    line-height:130%;
}
#side_cat_wrapper .side_cat_box .catContent_wrapper li a{
    padding:0 0 0 13px;
    background:url(img/common/arrow01.png) left center no-repeat;
    text-decoration:none;
}
#side_cat_wrapper .side_cat_box .catContent_wrapper li a:link,
#side_cat_wrapper .side_cat_box .catContent_wrapper li a:visited{
    color:#333;
}
#side_cat_wrapper .side_cat_box .catContent_wrapper li a:hover,
#side_cat_wrapper .side_cat_box .catContent_wrapper li a:active{
    color:#999;
}
#side_cat_wrapper .side_cat_box .catContent_wrapper p{
    font-size:70%;
    line-height:130%;
    text-align:right;
}
#side_cat_wrapper .side_cat_box .catContent_wrapper p a{
    padding:0 11px 0 0;
    background:url(img/common/arrow02.png) right center no-repeat;
    text-decoration:underline;
}
#side_cat_wrapper .side_cat_box_last .catTitle_wrapper{
    border-bottom:none;
}
#side_cat_wrapper .side_cat_box_last .catContent_wrapper{
    width:166px;
    padding:15px 10px 15px 20px;
    background-color:#fff;
    border-top:solid 1px #e3e3e3;
    border-bottom:solid 1px #e3e3e3;
}
/*右カラム*/
#side_company{
    float: left;
    width:201px;
    margin:2px 0 0;
    overflow:hidden;
}
#side_company .bn{
    margin:0 0 6px;
}
/*新着情報*/
#side_info{
    width:201px;
    margin:0 0 15px;
    overflow:hidden;
}
#side_info_content{
    padding:0 0 7px;
    overflow:hidden;
    background:url(img/common/side_info_bottom.png) center bottom no-repeat;
}
#side_info_content ul{
    width:187px;
    padding:0 7px;
    overflow:hidden;
    background:url(img/common/side_info_bg.png) center repeat-y;
}
#side_info_content li{
    width:167px;
    padding:13px 10px;
    background-color:#fff;
    border-bottom:solid 1px #ecebe6;
}
#side_info_content li .upper{
    width:167px;
    margin:0 0 13px;
    display:table;
}
#side_info_content li .upper .date{
    width:9.5em;
    font-size:70%;
    font-weight:bold;
    display:table-cell;
    vertical-align:middle;
}
#side_info_content li .upper .new_icon{
    display:table-cell;
    vertical-align:middle;
}
#side_info_content li .title{
    font-size:75%;
    text-align:justify;
}
#side_info_content li .title a{
    line-height:150%;
    text-decoration:none;
}
#side_info_listbtn {
    padding: 6px 0 2px;
    background:url(img/common/side_info_bg.png) center repeat-y;
    text-align: center;
}
#side_info_listbtn a:hover{
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha( opacity=70 );
  opacity: 0.7;
}
/*営業日カレンダー*/
#side_cal_wrapper{
    width:201px;
    padding:0 0 5px;
    margin:0 0 6px;
    background:url(img/common/side_cal_bg_bottom.png) center bottom no-repeat;
}
#side_cal{
    width:171px;
    padding:13px 15px;
    background:url(img/common/side_cal_bg.png) center repeat-y;
}
/*お問合わせ*/
#side_contact{
    width:201px;
    height:149px;
    margin:0 0 6px;
    background:url(img/common/side_contact_bg.png) center top no-repeat;
}
#side_contact .tel{
    height:85px;
    padding:6px 0 7px;
    text-align:center;
}