@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* 20201224 marukin 印刷設定（ヘッダー・フッター非表示） */
@page{ size: auto; margin: 0mm; }



.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.flex {
    display: flex;
}

.fs9 {
    font-size: 13px;
	color: #00f;
	text-align: center; 
	background: #fff;
	border: 1px solid #00f;
	 margin: 2px 0 0 0px;
}







body {
	
    font-family: 'Noto Sans Japanese', sans-serif;
    margin: 0 auto;
    width: 1000px;
}

/* 20161108 marukin */
#headerBar{ padding: 3px 1px; background: #00f; color: #fff; }
#headerBar p:nth-child(1){ font-size: 13px; float: left; }
#headerBar p:nth-child(2){ float: right; }

header {
    /*background: url(../images/bg_header.png);*/
    /*background: url(../images/bg_header.png) repeat-x 0 8px;*/
    /*border-top: 7px solid #19357C;
    padding-top: 8px;*/
}

/* marukin */
#headUpper{ background: url(../images/bg_header.png); }

#headLeft {
    float: left;
}

#title {
    font-size: 17px;
    margin: 12px 0 0 0px;
    text-align: center; /* marukin */
}
/*
#title span {
    color: #515151;
    font-size: 14px;
}
*/
/* marukin */
#title #logoName1{ margin-bottom: 8px; font-size: 17px; }
#title #logoName2{ font-size: 14px; font-weight: bold; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

#title a {
    color: #000;
    text-decoration: none;
}
.flex {
    display: flex;
}

/*
#headRight {
    float: right;
    margin: 12px 11px 0 11px;
    text-align: right;
}
#headRight .flex p {
    margin-left: 15px;
}
#cName {
    margin-bottom: 6px;
}
*/
#headRight{ margin-top: 4px; text-align: right; } /* marukin */


#headNav {
    margin: 3px 0 5px;
}

/*
#catNav li {
    margin-right: 2px;
}
*/

/*　↓ 20161022 marukin ↓　*/
#catNav{}
#catNav li{ float: left; margin-right: 2.8px; }
#catNav li a{ display: block; width: 170px; height: 67px; text-indent: -9999px; background: url(../img/navi.png) no-repeat; }
#catNav li a#nav1{ background-position: 0 0; }
#catNav li a#nav2{ background-position: -170px 0; }
#catNav li a#nav3{ background-position: -340px 0; }
#catNav li a#nav4{ background-position: -510px 0; }

#catNav li a#nav1:hover, #catNav li a#nav1.active{ background-position: 0 -67px; }
#catNav li a#nav2:hover, #catNav li a#nav2.active{ background-position: -170px -67px; }
#catNav li a#nav3:hover, #catNav li a#nav3.active{ background-position: -340px -67px; }
#catNav li a#nav4:hover, #catNav li a#nav4.active{ background-position: -510px -67px; }
/*　↑ 20161022 marukin ↑　*/



/*
#gNav {
    margin-top: 4px;
}
#gNav ul {
    margin: 0 2px;
}
#gNav li {
    border-right: 1px solid #5D5D5D;
    margin: 0;
}
#gNav li:last-child {
    border-right: none;
}
#gNav li a {
    background: #F2F2F2;
    color: #19357C;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    line-height: 1;
    padding: 10px 0 0 0;
    text-align: center;
    text-decoration: none;
    width: 106px;
}
#gNav li a span {
    font-size: 9px;
    font-weight: normal;
}
#gNav p {
    font-size: 13px;
    font-weight: bold;
    margin-top: 8px;
    text-align: center;
}
*/
/*　↓ 20161022 marukin ↓　*/
#gNav{}

#gNav #uketsuke{ margin: 0 8px 5px 0; text-align: right; font-size: 12.5px; line-height: 26px; }

#gNav ul{ display: flex; margin-left: 5px; }
#gNav ul li{}
#gNav ul li a{ display: block; width: 100px; height: 36px; background: url(../img/navi2.jpg); text-indent: -9999px; }

#gNav ul li a#navi5{}
#gNav ul li a#navi6{ background-position: -100px 0; }
#gNav ul li a#navi7{ background-position: -200px 0; }
#gNav ul li a#navi8{ background-position: -300px 0; }

#gNav ul li a#navi5:hover, #gNav ul li a#navi5.active{ background-position: 0 -36px; }
#gNav ul li a#navi6:hover, #gNav ul li a#navi6.active{ background-position: -100px -36px; }
#gNav ul li a#navi7:hover, #gNav ul li a#navi7.active{ background-position: -200px -36px; }
#gNav ul li a#navi8:hover, #gNav ul li a#navi8.active{ background-position: -300px -36px; }
/*　↑ 20161022 marukin ↑　*/



.index h1 {
	
    color: #383838;
    margin-bottom: 12px;
    text-align: center;
}
.index article h2 {
	font-size: 16px;            /*20160708minobe*/
    color: #6E6D6C;
    margin: 0 0 20px 5px;
}
.index article h2:before {
    content: "■";
}
#newLineUp ul {
    margin-bottom: 25px;
}
#newLineUp li {
    float: left;
    width: 191px;
    margin: 0 3px 0 5px;
}
.index #newLineUp li:last-child,
.index #reccomend li:last-child {
    margin-right: 0;
}
.listEyecatch img {
    vertical-align: bottom;
	border: 1px solid #aaa;
	width: 99%;
}
section table {
    background: #fff;
    border: 1px solid #545454;
    width:191px;
	margin-top: -1px;
}
section th {
    background: #F2F2F2; /*20161121#F2F2F2minobe*/
    border: 1px solid #aaa;
    font-size: 10px;                            /*20160705→0708minobe**/
    padding: 3px;
}
section td {
    border: 1px solid #aaa;
    font-size: 12px;                            /*20160705→0708minobe*/
    padding: 4px 3px;
	line-height: 1.5;
}
#recommend ul {
    background: #fff; /*20161121#FFDEF6minobe*/
    margin-bottom: 25px;
	border: 1.5px solid #f90004;
}
#recommend li {
    float: left;
    width: 191px;
    margin: 6px 3px 6px 5px;
}
#rightArea {
    margin-left: 8px;
}
#whatNew {
    margin-bottom: 16px;
    width: 181px;
}
#whatNew ul {
    background: #F9F9F9;
    font-size: 11px;
    padding: 6px 6px 20px;
}
#whatNew li {
    border-bottom: 1px solid #545454;
    padding: 16px 4px;
}
#whatNew li:last-child {
    border-bottom: none;
    padding: 16px 4px 0;
}
#related {
    width: 181px;
}
#related ul {
    background: #F9F9F9;
    font-size: 11px;
    padding: 21px 6px;
}
#related li {
    padding: 6px 0;
}
#related li a {
    color: #000;
    text-decoration: none;
}
#footercomment {
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 27px;
}
#footercomment img {
    margin-right: 23px;
}

#footercomment ul{ padding: 10px 20px; border: 1px solid #ccc; }
#footercomment ul li{ margin-bottom: 5px; color: #D80909; }
#footercomment ul li span{ display: inline-block; margin-right: 20px; padding: 3px 10px; background: #333; color: #fff; font-weight: normal; }



footer {
    background: #ccc;
    font-size: 11px;
    margin-bottom: 9px;
    padding: 10px 0;
}
footer ul {
    margin: 0 auto;
    width: 700px;
}
footer li {
    border-left: 1px solid #474747;
    padding: 0 10px;
}
footer a {
    color: #000;
    text-decoration: none;
}
/*archive*/
.archive h1 {
    font-weight: normal;
    margin-bottom: 6px;
}
#breadCrumb {
    font-size: 12px;
    margin-bottom: 15px;
}
.archive article h2 {
    background: url(../images/ico_h2.png) no-repeat 8px center #deebff;
    color: #000;
    padding: 10px 10px 10px 50px;           /*20160708minobe*/
    margin: 0 0 15px 0;
}
.itemList ul {
    
	margin-bottom: 25px;
	background: #fff; /*20161121#f7f7f7minobe*/
}
.itemList li {
    float: left;
    width: 191px;
    margin: 0 3px 15px 5px;
    position: relative;                     /* 20161022marukin */
    height: 290px;
}
.itemList li img.icon_new{ position: absolute; }

/*item detail*/
.itemDetail {
    background: #f9f9f9;
    padding: 5px;
}
.flexslider {
    margin-bottom: 5px!important;
    width: 900px;
}
.flex-control-thumbs li {
    width: 14.2%!important;
    height: 78px !important;
}
.flex-caption {
    background: #fff;
	border: 1px solid #ef7a2b;
    color: #ef7a2b!important;
    padding: 8px;
	margin-top: 5px;
	margin-bottom : 0px;
}

.flex-caption span{
    color: #00f;
}

.flex-control-thumbs {
    margin-top: 12px!important;
}
.specArea {
    margin-left: 5px;
    width: 318px;
}
.specArea table {
    width: 100%;
}
.specArea th {
    font-size: 11px;
    padding: 0px 3px 0px 0px;
    vertical-align: middle;
	text-align: left;
	
}
.specArea td {
    font-size: 13px!important;            /*20160708minobe*/
    padding: 5px 5px;
	line-height: 1.6;
	text-align: left;
}

.specArea td2 {
    font-size: 15px!important;            /*20160708minobe*/
    padding: 5px 5px;
	line-height: 1.5;
	text-align: center;
}

.specArea .price th {
    font-size: 16px!important;
    padding: 20px 0;
}
.footerInfo {
    padding: 10px 30px 10px 30px;
}
.footerTel {
    padding-top: 0px;
}
.footerInfo ul {
    margin-left: 30px;
}
.footerInfo li {
    margin-left: 30px; margin-top: 29px;
}

p.sample1 {
	 margin: -35px 9px 10px 0px;}


/* add marukin */
/*section.container{ padding-bottom: 30px; }*/

#ul_link li{ line-height: 2em; }


/*　フォーム　*/
#fm_satei select{ width: 250px; }
[name='yuko']{ width: 120px !important; }
[name='shoyu_t']{ width: 200px !important; }

[name='sekisai']{ width: 120px !important; }
[name='soko']{ width: 120px !important; }
[name='kibo']{ width: 120px !important; }


/*　トラック詳細　アクセスカウンター　*/
#accessCounter{ 
    display: inline-block;
    padding: 2px;  
    background: #333; 
    color: #fff; 
    font-size: 10px;
    float: right;
    clear: all;
}


/********************************************************************************************************************************************************************
　○状態確認表
********************************************************************************************************************************************************************/
div#jyotai{ padding: 3px 10px; border: 1px solid #ccc; }
.tbl_jyotai{ width: 100%; }
.tbl_jyotai *{ font-size: 12px; }

.tbl_jyotai th, .tbl_jyotai td{ padding: 5px 10px; border: 1px solid #333; text-align: center; }
.tbl_jyotai th{ background: #eee; }
.tbl_jyotai td{ border-bottom: none !important; }
.tbl_jyotai td p{ padding: 5px 0; }

#tbl_jyotai1 td{ padding: 5px 0; }

#tbl_jyotai2{ margin-bottom: 10px; border-bottom: 1px solid #000; }


#tbl_jyotai1 th, #tbl_jyotai1 td, #tbl_jyotai2 th, #tbl_jyotai2 td{ font-size: 14px; font-weight: bold; }






#tbl_jyotai3 th, #tbl_jyotai3 td{ border-bottom: none !important; }
#tbl_jyotai4 th, #tbl_jyotai4 td{ border-bottom: none !important; }
#tbl_jyotai5 th, #tbl_jyotai5 td{ border-bottom: none !important; }
#tbl_jyotai6 th, #tbl_jyotai6 td{ border-bottom: none !important; }
#tbl_jyotai7 th, #tbl_jyotai7 td{ border-bottom: none !important; }
#tbl_jyotai8 th, #tbl_jyotai8 td{ border-bottom: none !important; }
#tbl_jyotai9 th, #tbl_jyotai9 td{ border-bottom: 1px solid #000 !important; }


    /*枠内横パディング０*/
    .pad0{ padding: 0 !important; }

    /*枠内下線*/
    .underLine{ border-bottom: 1px solid #000; }

    .tx_l{ text-align: left !important; }

    .wid_20{ width: 20px; }
    .wid_30{ width: 30px; }


    td#jyotai_l{ width: 180px; border-right: none !important; }
    td#jyotai_l table{ width: 100%; margin-top: 30px; }
    td#jyotai_l table:first-child{ margin-top: 0; }

    td#jyotai_c{ border-left: none !important; }

    td#jyotai_r{ width: 200px; vertical-align: top; }
    td#jyotai_r div{ width: 200px; height: 250px; position: relative; }

        #topText{ position: absolute; top: 0; left: 65px; }
        #btmText{ width: 200px; position: absolute; top: 165px; line-height: 1.2em; }


        .smallBox{ width: 20px; text-align: center; border: 1px solid #000; font-size: 12px; position: absolute; }
    
        #ffl{ top: 30px; left: 40px; }
        #ffr{ top: 30px; right: 40px; }

        #frl{ top: 60px; left: 40px; }
        #frr{ top: 60px; right: 40px; }

        #rfl_out{ top: 90px; left: 18px; }
        #rfr_out{ top: 90px; right: 18px; }

        #rfl_in{ top: 90px; left: 62px; }
        #rfr_in{ top: 90px; right: 62px; }

        #rrl_out{ top: 120px; left: 18px; }
        #rrr_out{ top: 120px; right: 18px; }

        #rrl_in{ top: 120px; left: 62px; }
        #rrr_in{ top: 120px; right: 62px; }

        #spare1{ top: 150px; left: 40px; }
        #spare2{ top: 150px; right: 40px; }


/*テーブル　レイアウト設定*/
#j1_1{ width: 80px; }
#j1_2{ width: 100px; }
#j1_3{ width: 60px; }
#j1_4{ width: 148px; }
#j1_5{ width: 148px; }
#j1_6{ width: 148px; }
#j1_7{}


#j2_1{ width: 80px; }
#j2_2{ width: 179px; }
#j2_3{ width: 100px; }
#j2_4{ width:  70px; }
#j2_5{}


#j3_1{ width: 90px; }
#j3_2{ width: 150px; text-align: left; }

#j3_3{ width: 20px; }
#j3_4{ width: 30px; }

#j3_5{ width: 20px; }
#j3_6{ width: 30px; }

#j3_7{ width: 30px; }
#j3_8{ width: 55px; }

#j3_9{ width: 50px; }
#j3_10{ text-align: left; }


#j4_1{ width: 210px; }
#j4_2{ width: 170px; text-align: left; }

#j4_3{ width: 40px; }
#j4_4{ width: 89px; }

#j4_5{ width: 50px; }
#j4_6{ text-align: left; }


#j5_1{ width: 210px; }
#j5_2{ width: 341px; text-align: left; }

#j5_3{ width: 50px; }
#j5_4{ width: 60px; }



#j6_1{ width: 90px; }
#j6_2{ width: 461px; }

#j6_3{ width: 50px; }
#j6_4{ width: 60px; }

#j6_5{}


#j7_1{ width: 90px; }
#j7_2{ width: 461px; }

#j7_3{ width: 90px; }


#j7_1{ width: 90px; }
#j7_2{ width: 461px; }

#j7_3{ width: 50px; }


#j8_1{ width: 90px; }
#j8_2{ width: 461px; }

#j8_3{ width: 50px; }


#j9_1{ width: 90px; }
#j9_2{ width: 461px; }

#j9_3{ width: 34px; }
#j9_4{ width: 35px; }

#j9_5{ width: 60px; }


#j10_1{ width: 90px; }





@media all{
    /********************************************************************************************************************************************************************
    　○印刷画面
    ********************************************************************************************************************************************************************/
	#ul_print{ margin: 0px 0 0 20px; }

	#ul_print li{ width: 46%; margin: 0px 6% 10px 0; float: left; }
	#ul_print li:nth-child(even){ margin-right: 0; }
    #ul_print li:nth-last-child(1), #ul_print li:nth-last-child(2){ margin-bottom: 0; }
}


@media print{
    /********************************************************************************************************************************************************************
    　○印刷時、ヘッダー非表示
    ********************************************************************************************************************************************************************/
    #headerBar, header, #breadCrumb, #printBtnBox, .footerInfo, footer{ display: none; }
    section.container{ margin: 0; }
}