@charset "utf-8";
/*
Theme Name: COMLAB TEMPLATE ONE
Theme URI: http://com-lab.jp/
Description: 
Author: Keiji Saka
Version: 1.1
*/




/*  Reset 
-------------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
ol, ul {
    list-style: none outside none;
}
fieldset, img {
    border: 0 none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    /*text-align: left;*/
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

.clearfix:after{
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
    font-size: 0.1em;
overflow:hidden;
}
/* WinIE7 MacIE5 */
.clearfix:{
    display:inline-table;
    zoom:100%;
}
/* WinIE5-6 */
/* Hides from IE-mac \*/
* html html .clearfix:{
    height:1px;
}
.clearfix:{
    display:block;
}

img{ vertical-align : bottom; }

body {
	font-family: 'メイリオ', Meiryo, Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height:150%;
        overflow-x: hidden;
}

a{
        color:#000000;
        text-decoration:underline;
}

a:hover{
       color:#666666;
       text-decoration:none;
}

/*  header
-------------------------------------------------------------- */

#header{
        background:url("http://hokuriku-web.co.jp/img/header_bg.jpg") repeat-x;
        background-position:left top;
        height:151px;
       margin:0;
       padding:0;
}

#header_inr{
        width:900px;
       margin:0px auto;
       height:83px;
}

h1{
       margin:30px 28px 0px 0px;
       float:left;
}

h2{
       margin:38px 28px 0px 0px;
       float:left;
       font-size:12px;
       width:286px;
}

#header_tel{
      float:left;
      margin-top:38px;
}

.side{
	float:left;
	width:200px;
	margin-right:20px;
        
}


.navi{
	width:900px;
        margin:0px auto;
        height:51px;
        margin-top:17px;
}

.g_navi{
	float:left;
}

.inquiry{
       float:left;
       margin:8px  0px 0px 36px;
}
#header .catalog{
  position: absolute;
  z-index: 150;
  width: 200px;
  heihgt: 200px;
  top: 40px;
  display: block;
  right: -148px;
  transition: all .2s ease-in-out;
}
#header .catalog:hover{
  transform: translateX(-148px);
}
#header .catalog img{
  width: 100%;
  height: auto;
}
/*  content
-------------------------------------------------------------- */
#main{
        background:url("http://hokuriku-web.co.jp/img/slide_bg.jpg") repeat-x;
        background-position:left top;
        padding:0;
        margin:0;
}

#wrapper{
        background:url("http://hokuriku-web.co.jp/img/header_bg2.jpg") repeat-x;
        background-position:left top;
        padding:0;
        margin:0;
}

#second_title {
	margin:0 auto;
	top:0px;
	left:0px;
	z-index:100;
        width:900px;
        height:114px;
        position: relative;
        padding-top:35px;
}

/*
	Slideshow
*/

#slides {
	margin:0 auto;
	top:0px;
	left:0px;
	z-index:100;
        width:1200px;
        height:501px;
        position: relative;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
        width:1200px;
       position: relative;
       padding-top:2px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:1200px;
	height:496px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:238px;
	left:20px;
	width:41px;
	height:41px;
	display:block;
	z-index:101;
}

#slides .next {
	left:1144px;
}

.pagination{
	text-indent:-9999px;
}

#content{
	position: absolute;
	width:860px;
	margin:0 auto;
         min-height: 500px;
	height: auto !important;
	height: 23px;
	position: relative;
	top: -50px;
	z-index: 150;
	background:#FFFFFF;
	padding: 20px 20px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 0 10px #333;
	-moz-box-shadow: 0 0 10px #333;
        border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 10px #333;
        position:relative;
        behavior: url("http://hokuriku-web.co.jp/js/ie-css3.htc");
}

#news{
        float:left;
       margin-right:18px;
       width:428px;
}

#news_title{
        background:url("http://hokuriku-web.co.jp/img/news_title.jpg") no-repeat;
        background-position:left top;
        margin-bottom:5px;
       height:31px;
       padding:8px 0 0 350px;
       font-size:10px;
}

#news_title a{
        color:#000000;
        text-decoration:underline;
}

#news_title a:hover{
        color:#666666;
        text-decoration:none;
}

.top_list{
        padding:0px 10px;
}

.top_list li{
        border-bottom:1px dashed  #EEEEEE;
        padding:5px 0 5px 15px;
        background:url("http://hokuriku-web.co.jp/img/news_list_arw.jpg") no-repeat;
        background-position:left center;
       clear:left;
       height:16px;
       margin-bottom:5px;
}

.news_date{
        float:left;
        margin-right:10px;
}

.news_titlelink{
        float:left;
}

.news_titlelink a{
       color:#025F3A;
       text-decoration:underline;
}

.news_titlelink a:hover{
       color:#666666;
       text-decoration:none;
}

#top_bnr{
      width:411px;
     float:left;
}

.top_bnr_l{
       margin-right:15px;
       width:196px;
       float:left;
}

.top_bnr_r{
       width:196px;
       float:left;
}

#detail_title{
      padding-top:15px;
      width:860px;
}

.detail_box{
       width:144px;
	height: 220px;
	background:#FFFFFF;
	padding: 10px 10px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
       border:1px solid #CED6DB;
       margin:10px 7px 0 0;
       float:left;
       behavior: url("http://hokuriku-web.co.jp/js/ie-css3.htc");
}

.detail_box_r{
       width:146px;
	height: 220px;
	background:#FFFFFF;
	padding: 10px 10px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
       border:1px solid #CED6DB;
       margin:10px 0px 0 0;
       float:left;
         position:relative;
        behavior: url(http://hokuriku-web.co.jp/js/PIE.htc);
}

.detail_box img{
      margin-bottom:8px;
}

.detail_box_r img{
      margin-bottom:8px;
}

.detail_box p{
      border-top:1px dashed #CED6DB;
      padding-top:8px;
}

.detail_box_r p{
      border-top:1px dashed #CED6DB;
      padding-top:8px;
}

#second_midashi{
      margin:50px auto;
}


.second_midashi_s{
      margin-bottom:20px;
      padding-top:20px;
}

.second_box{
      width:820px;
     padding:0px 30px 20px 30px;
}

.second_left_text{
      margin-right:20px;
      float:left;
      width:435px;
 }

.second_right_img{
     float:left;
     width:345px;
}

.second_right_text{
      float:left;
      width:435px;
 }

.second_left_img{
      margin-right:20px;
     float:left;
     width:345px;
}


.second_table{
     border-top:solid 1px #EEEEEE;
     border-left:solid 1px #EEEEEE;
     margin-bottom:20px;
}

.second_table td{
     background:#F6F6F6;
     padding:10px 0px 10px 15px;
     border-bottom:solid 1px #EEEEEE;
     border-right:solid 1px #EEEEEE;
}

.second_table th{
     padding:10px 0px 10px 15px;
     border-bottom:solid 1px #EEEEEE;
     border-right:solid 1px #EEEEEE;
     text-align:left;
}

.faq{
    width:760px;
    margin:20px auto;
    padding:15px 30px;
    background:#EDF0F2;
    border:solid 1px #E4E4E4;
}

.question{
        background:url("http://hokuriku-web.co.jp/img/q.jpg") no-repeat;
        background-position:left top; 
        padding:5px 10px 10px 30px;
        border-bottom:dashed 1px #E4E4E4;
        font-size:16px;
        font-weight:bold;
}

.answer{
        background:url("http://hokuriku-web.co.jp/img/a.jpg") no-repeat;
        background-position:left top; 
        padding:0px 10px 10px 30px;
        margin-top:10px;
}


.inq_text{
    padding:0 0 20px 30px;
}

.inq_tel{
   margin:0px auto;
   padding:20px 0px 40px 0px;
   width: 542px;
}

#form{
  width:425px;
 margin:0px auto;
}

.form_l{
  float:left;
  width:120px;
  margin-right:30px;
  margin-bottom:10px;
}

.form_r{
  float:left;
  margin-bottom:10px;
  width:275px;
}

#form p{
  margin-bottom:5px;
  font-weight:bold;
}

.form_title{
  border-top:1px dashed #EEE;
 padding-top:10px;
 margin-top:10px;
}

.trans{
  text-align:center;
  margin-top:20px;
}

input[type="submit"]{
    padding:3px 15px;
}

.news_title{
   width:845px;
        background:url("http://hokuriku-web.co.jp/img/news_line.jpg") no-repeat;
        background-position:left bottom; 
        height:22px;
        font-size:14px;
        font-weight:bold;
        padding:8px 0px 5px 15px;
        margin-bottom:20px;
}

.entry p{
      margin:0 auto;
      line-height:190%;
}

.list_box{
     width:780px;
    margin:0px auto;
    padding-bottom:50px;
}

.list_title{
    margin-bottom:5px
}

.list_date{
     color:#666666;
}

.list_l{
      float:left;
     width:180px;
     padding-right:20px;
}

.list_r{
     float:left;
     width:580px;
}

.list_tobe{
     font-size:10px;
    margin-top:10px;
    text-align:right;
}

/*  text
-------------------------------------------------------------- */
.text_a{
     line-height:230%;
}

.b_text{
     font-size:20px;
     font-weight:bold;
     margin-bottom:20px;
     margin-top:30px;
}

.r_text{
    text-align:right;
    margin-top:70px;
}

.s_text{
     font-size:14px;
     font-weight:bold;
     margin-bottom:20px;
     margin-top:10px;
}

.text_b{
     line-height:180%;
     margin-bottom:15px;
}

/*  footer
-------------------------------------------------------------- */
#footer_info{
      border-top:#035F3B 1px solid;
}

#footer_logo{
       margin-bottom:7px;
}
#footer_info_inr{
       width:900px;
       margin:0 auto;
       padding:20px 0;
}

#footer_info_l p{
      float:left;
      width:200px;
}

#gmap{
      float:left;
      margin-top:25px;
}

#footer_info_img{
      margin-bottom:20px;
}

#footer_info_inq{
      text-align:center;
}

#footer_info_l{
      float:left;
      margin-right:42px;
}

#footer_info_r{
     float:left;
}

#footer_navi{
      background:url("http://hokuriku-web.co.jp/img/footer_navi_bg.jpg") repeat-x;
      background-position:left center;
      height:164px;
}

#footer_navi_inr{
      margin:0 auto;
      width:900px;
     padding:17px 0;
}

.footer_navi_box_a{
      background:url("http://hokuriku-web.co.jp/img/footer_navi_line.jpg") no-repeat;
      background-position:left top;
      padding-left:15px;
      height:170px;
      float:left;
}

.footer_navi_box_b{
      padding:0 15px;
      width:110px;
      height:170px;
      float:left;
}

.footer_navi_box_b li{
      background:url("http://hokuriku-web.co.jp/img/footer_navi_arw.jpg") no-repeat;
      background-position:left center;
      padding-left:10px;
      margin-bottom:1px;
}

.footer_navi_box_b a{
      color:#000000;
      text-decoration:none;
}

.footer_navi_box_b a:hover{
      color:#666666;
      text-decoration:underline;
}

#topback{
     float:right;
}

#footer{
      background:url("http://hokuriku-web.co.jp/img/footer_bg.jpg") repeat-x;
      background-position:left center;
      height:171px;
      margin-top:30px;
}     

#footer_inr{
      margin:0 auto;
      width:900px;
}

#illust{
      float:left;
}

#f_text{
      float:right;
      margin-top:20px;
}

#copy{
    text-align:right;
    color:#FFFFFF;
    margin-top:15px;
}
    

/*  add
-------------------------------------------------------------- */
.product-box {
    overflow: hidden;
    margin-bottom: 40px;
}

.product-name {
    width: 420px;
    text-align: right;
    float: left;
    padding-right: 10px;
    margin-top: 4px;
}

.product-info {
    width: 420px;
    text-align: left;
    float: left;
    padding-left: 10px;
    line-height: 2;
}


/* .slideShow
-------------------------------------------------------------- */
.slideShow {
	margin: 0 auto;
	text-align: left;
	display: none;
}

.slideShow .mainView {
	width: 800px !important;
	height: 780px !important;

	padding-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.slideShow .mainView ul {
	width: 620px !important;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	padding: 0;
}
.slideShow .mainView ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.slideShow .mainView ul li img {
	width: 100%;
}

.slideShow .thumbNail {
	width: 600px;
	overflow: hidden;
        margin: 0 auto;
}

.slideShow .thumbNail ul {
	width: 600px;
	padding: 0;
	margin: 0;
}

.slideShow .thumbNail ul li {
	width: 126px !important;
	float: left;
	margin: 0 11px;
	margin-bottom: 3px;
	cursor: pointer;
	border: 1px solid #eee;
}

.slideShow .thumbNail ul li img {
	width: 126px;
}

.slideShow .thumbNail ul li.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
	top: 0;
	width: 5%;
	height: 627px;
	position: absolute;
	z-index: 100;
}
.slideShow .mainView .btnPrev {
	left: 20px;
	background: url(http://www.rakuten.ne.jp/gold/legare/common/img/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
	right: 20px;
	background: url(http://www.rakuten.ne.jp/gold/legare/common/img/btnNext.png) no-repeat center center;
}

.slideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.slideShow ul {
	overflow: hidden;
}

.product-link {
       overflow: hidden;
       width: 804px;
       margin: 40px auto;
}

.product-link div {
       width: 382px;
       margin: 0 10px;
       float: left;
}

.product-link a:hover img {
       opacity:0.8;
       filter:alpha(opacity=80);
       -ms-filter: “alpha( opacity=80 )”;
}

.product-list {
       overflow: hidden;
       margin-bottom: 30px;
}

.product-list li {
        float: left;
        margin-right: 8px;
        margin-bottom: 10px;
}

.product-list .last {
        margin: 0;
}

.product-list img {
        margin-bottom: 5px;
}

.product-list a {
        text-decoration: none;
}

.product-list a:hover {
        text-decoration: underline;
}

.product-list a:hover img {
       opacity:0.8;
       filter:alpha(opacity=80);
       -ms-filter: “alpha( opacity=80 )”;
}

.product-list-top {
       overflow: hidden;
       margin-top: 15px;
       margin-bottom: 10px;
}

.product-list-top li {
        float: left;
        margin-right: 8px;
        margin-bottom: 10px;
}

.product-list-top .last {
        margin: 0;
}

.product-list-top img {
        margin-bottom: 5px;
}

.product-list-top a {
        text-decoration: none;
}

.product-list-top a:hover {
        text-decoration: underline;
}

.product-list-top a:hover img {
       opacity:0.8;
       filter:alpha(opacity=80);
       -ms-filter: “alpha( opacity=80 )”;
}

.top-product-link {
       text-align: right;
       margin-bottom: 30px;
}

.top-product-link a:hover img {
       opacity:0.8;
       filter:alpha(opacity=80);
       -ms-filter: “alpha( opacity=80 )”;
}

.product-caption {
        text-align: center;
        padding-bottom: 20px;
}

.product-list-link {
       text-align: center;
       margin-bottom: 60px;
}

.product-list-link a:hover img {
       opacity:0.8;
       filter:alpha(opacity=80);
       -ms-filter: “alpha( opacity=80 )”;
}

#formN{
  width:630px;
  margin:0px auto;
}

#formN .form_l{
  float:left;
  width:200px;
  margin-right:30px;
  margin-bottom:10px;
  clear: left;
}

#formN .form_r{
  float:left;
  margin-bottom:10px;
  width:400px;
}

#formN .w100 {
 width: 100%;
}

#formN .wShort {
 width: 40px;
}

.wpcf7-list-item {
       width: 190px;
       display: inline-block;
}

.catalog {
 width: 300px;
}

.catalog td{
 padding-bottom: 5px;
}

.product-image {
        width: 620px;
        margin: 0 auto;
}

/*  piece製品情報ページ記述
-------------------------------------------------------------- */
.piece_case {
  width: 860px;
}

.piece_ttl {
  display: block;
  margin: 0 0 0 0;
}

.piece_case:after {
  content: "";
  display: table;
  clear: both;
}

.piece_case .block {
  width: 164px;
  height: 124px;
  background: #CCC;
  float: left;
  margin: 0 10px 0 0;
}

.piece_case .block:hover {
  opacity:.5
}

.piece_case .block:nth-child(5n) {
  margin: 0 0px 0 0;
}

div.attention h3 {
  color: #FFF;
  background-color: #000;
  padding: 0.5em 0 0.5em 0.5em;
  margin: 1em 0
}

div.attention ul li {
  margin-bottom: 1em;
}

.piece_imagecase {
  zoom: 1;
}

.piece_imagecase:after {
  content: "";
  display: table;
  clear: both;
}

.piece_tape_ttl {
  position: relative;
  border-bottom: 1px solid #feb39c;
  padding: 0.5em 0 0.5em 1em;
  margin: 1em 0 3em;
}
.piece_tape_ttl:before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 2em;
  background-color: #feb39c;
  left: 0;
  bottom: 0;
}

.piece_coad_ttl {
  position: relative;
  border-bottom: 1px solid #cafd9e;
  padding: 0.5em 0 0.5em 1em;
  margin: 1em 0 3em;
}
.piece_coad_ttl:before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 2em;
  background-color: #cafd9e;
  left: 0;
  bottom: 0;
}

.piece_piping_ttl {
  position: relative;
  border-bottom: 1px solid #9ec9fc;
  padding: 0.5em 0 0.5em 1em;
  margin: 1em 0 3em;
}
.piece_piping_ttl:before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 2em;
  background-color: #9ec9fc;
  left: 0;
  bottom: 0;
}

.piece_binder_ttl {
  position: relative;
  border-bottom: 1px solid #cbb7fc;
  padding: 0.5em 0 0.5em 1em;
  margin: 1em 0 3em;
}
.piece_binder_ttl:before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 2em;
  background-color: #cbb7fc;
  left: 0;
  bottom: 0;
}

.piece_other_ttl {
  position: relative;
  border-bottom: 1px solid #f8ef94;
  padding: 0.5em 0 0.5em 1em;
  margin: 1em 0 3em;
}
.piece_other_ttl:before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 2em;
  background-color: #f8ef94;
  left: 0;
  bottom: 0;
}

.piece_imagecase {
  width: 850px;
  padding: 0;
  margin: 0 auto;
}

.piece_imagecase a {
  float: left;
  display: block;
  width: 150px;
  height: 210px;
  margin: 0 25px 25px 0;
}
.piece_imagecase a:nth-child(5n) {
  margin: 0 0 25px 0;
}

div.piece_return {
  margin: 0 auto 3em;
  width: 12em;
  border: 1px solid #CCC;
  text-align: center;
  padding: 0.5em;
  letter-spacing: 0.1em;
  font-weight: 900;
}

.productinfo_ttl{
  border-bottom: 1px solid #666;
  font-size: 230%;
  margin-bottom: 20px;
  padding:20px 0;
}

div#piece_productinfo{
  margin:0 0 60px 0;
}


div.piece_productinfo{
  border-bottom: 1px solid #666;
  font-size: 150%;
  margin-bottom: 1em;
}

div.piece_return a{
text-decoration:none;
}