@charset "utf-8"; /* pullnet */
/*** -----------------------------------------------------------------------------

reset

-----------------------------------------------------------------------------  ***/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

*{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* End hide from IE-mac */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin:0px;
  padding:0px;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset, img {
  border:0;
}
address, caption, cite, code, dfn, em, th, var {
  font-style:normal;
  font-weight:normal;
}
li {
  list-style:none;
}
caption, th {
  text-align:left;
}
h1, h2, h3, h4, h5, h6 {
  font-size:100%;
  font-weight:normal;
}
q:before, q:after {
  content:'';
}
abbr, acronym {
  border:0;
  font-variant:normal;
}
sup {
  vertical-align:text-top;
}
sub {
  vertical-align:text-bottom;
}
input, textarea, select {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size:inherit;
  font-weight:inherit;
}
input, textarea, select {
 *font-size:100%;
}
legend {
  color:#000000;
}
img {
  vertical-align:bottom;
}

/* pullnet add start */
body{
  margin:0;
  padding:0;
  font-family: Arial, Roboto, "Droid Sans", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "游ゴシック";
  color:#333;
  background:#FFF;
  font-size:14px;
  line-height:1.8;
}

button{
  font-family: Arial, Roboto, "Droid Sans", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "游ゴシック";
}


a:link,a:visited{
  color:#333333;
}

a:hover,a:active{
  color: #CC9900;
  text-decoration: none;
}

a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

img{border:none;
    height:auto;
}

br{letter-spacing:0;}

/* pullnet end */

/*** ------------------------------------------------------------------------------

common

-----------------------------------------------------------------------------  ***/
/*スクロールバーの有無でセンタリングがずれない*/
html {
  overflow-y:scroll;
}
/*** ------------------------------------------------------------------------------

リンク

-----------------------------------------------------------------------------  ***/
/* 基本 */
/* 別色リンク　該当箇所にクラス名追加 */
.link_color a:link {
  color: #333352;
  text-decoration:none;
}
.link_color a:visited {
  color: #333352;
  text-decoration:none;
}
.link_color a:hover {
  color:#0066CC;
  text-decoration:underline;
}
.link_color a:active {
  color:#0066CC;
  text-decoration:underline;
}
/* 透過（反射）リンク 該当箇所にクラス名追加　 */
.opacity a:hover img {
  opacity:0.7;
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
}
/* フッターリンク */
#footer a:link {
  text-decoration:none;
  color:#FFFFFF;
}
#footer a:visited {
  text-decoration:none;
  color:#FFFFFF;
}
#footer a:hover {
  text-decoration: underline;
  color:#FFFFFF;
}
#footer a:active {
  text-decoration: underline;
  color:#FFFFFF;
}
/*** ------------------------------------------------------------------------------

wrapper

-----------------------------------------------------------------------------  ***/
#wrapper{
    position:relative;
}
/*** ------------------------------------------------------------------------------

header

-----------------------------------------------------------------------------  ***/
.description {
  height:25px;
  line-height:25px;
  width:1060px;  /* pullnet */
  margin:0 auto;
  text-align:left;
  padding:2px 0 0;
  font-size:0.92em;
}
#header {
  width:100%;
  position:absolute;
  left:0;
  top:5px;
  padding:0 0 0;
}
#header #hgroup {
  width:950px;
  margin:0 auto;
  position:relative;
}
#header #hgroup .login{
  float:right;
  padding:0 5px 0 0;
}
#header #hgroup .sub_nav {
  float:right;
  padding:0px 0 0;
  width:345px;
}
#header #hgroup .sub_nav li{
  float:left;
  padding:0px 0 0;
}
/*** ------------------------------------------------------------------------------

nav

-----------------------------------------------------------------------------  ***/
#globalNavi {
  position:relative;
  height:49px;
  padding:0px 0 0px;
  width:950px;
  margin:0 auto;
}

#nav {
  float:right;
  position: relative;
}
*html #nav {
  float:right;
  position: relative;
  width:600px;
}
#nav li {
  margin:26px 0 0;
  padding:0 2px;
  float:left;
  list-style: none;
  border-right: #999 1px dotted;
}
#nav li.nav01 {
  border-right: #999 1px dotted;
  border-left: #999 1px dotted;
}
#nav li a {
  display: inline-block;
  height:23px;
  line-height:21px;
  padding:0 22px;
  color:#333333;
  text-decoration:none;
}
#nav li a:hover{
  border-bottom:2px #333333 solid;
}
/* pullnet modify */
#info_bar{
  margin:10px auto;
  padding:0 10px;
  /* pullnet delete start
  position:relative;
  width:950px;
  margin:0 auto;
  padding-top:12px;
     pullnet delete end */
}
#info_bar .welcome{
  text-align:right;
  margin:0 0 0px;  /* pullnet */
}
#info_bar .welcome .name{
  font-weight:bold;
}
body#home #nav li.nav01 a,
body#guide #nav li.nav02 a,
body#voice #nav li.nav03 a,
body#corporate #nav li.nav04 a,
body#inquiry #nav li.nav05 a{
  border-bottom:2px #333333 solid;
}

/*** ------------------------------------------------------------------------------

visual

-----------------------------------------------------------------------------  ***/
#visual {
}
/*** ------------------------------------------------------------------------------

cont

-----------------------------------------------------------------------------  ***/
/* pullnet modify */
#cont {
  width:1060px;
  padding-top:195px;
  margin:20px auto 50px;
  overflow:hidden;
  /zoom:1;
}
/*** ------------------------------------------------------------------------------

main

-----------------------------------------------------------------------------  ***/
/* pullnet modify */
#main {
    float:left;
    width:630px;
    margin-left:215px;
}

/* pullnet modify add start */
#fullFrame {
    width:920px;
    margin:0 auto;
}

#fullFrame #main{
   float:none;
   width: 100%;
   margin: 0 auto;
   padding:0;
}
/* pullnet modify end */

/*** ------------------------------------------------------------------------------

aside

-----------------------------------------------------------------------------  ***/
/* pullnet add */
.sidenavi_l{
  width:200px;
  float:left;
  margin-left:-845px;
}

.sidenavi_r{
  width:200px;
  float:right;
}

#sub {
  width:200px;
  /* pullnet delete
  float:left;
  padding:0px 0 20px 0;
  */
}

#sub .section{
  margin:0 0 10px;
  background:url(../img/sub_bg_bottom.png) left bottom no-repeat;
  padding:0 0 15px;
}
#sub .section_cont{
  background:url(../img/sub_bg_middle.png) repeat-y;
}
#sub .section.cart dl{
  padding:5px 10px 5px;
}
#sub .section.cart dl dt{
  float:left;
  width:55px;
  clear:both;
  padding:5px 0 0;
}
#sub .section.cart dl dd{
  float:left;
  font-weight: bold;
  padding:5px 0 0;
  width:100px;
}
#sub .section.cart dl dd.price{
 /*   color:#FF0000; */
    color:#C00;

}
#sub .section.cart .freeShipping {
    text-align: center;
    font-weight: bold;
    font-size: 105%;
 /*   color:#FF0000; */
    color:#C00;
}
#sub .section.cart .gotoCheck {
    margin:10px auto 0px;
    padding-bottom:5px;
    text-align: center;
}

#sub .section.category ul{
  padding:2px 2px 0;
}
#sub .section.category li a{
  background:url(../img/sub_category_title.png) no-repeat;
  line-height:28px;
  padding:0 0 0 30px;
  height:28px;
  font-weight: bold;
  color:#FFFFFF;
  font-size:100%;
  display:block;
  text-decoration:none;
}
#sub .section.category li a:hover{
  background: url(../img/sub_category_title_off.png) no-repeat;
}
#sub .section.category .level_0 ul {
    padding-top: 2px;
}
#sub .section.category .level_0 li a{
  background:none;
  padding:0px 0 0px 30px;
  display:block;
  text-decoration:none;
  color:#333;
  font-weight: normal;
  font-size:1em;
  zoom:1;
}
#sub .section.category .level_0 li a:hover{
  background: #EAEAEA;
}
#sub .section.search .section_cont{
  padding:10px 20px 0px;
  text-align:center;
}
#sub .section.search .section_cont input{
  width:100%;
}
#sub .section.search .section_cont input.btn_search{
/*  background:url(../img/sub_btn_search_off.png) no-repeat; */
  width:70px;
  height:25px;
  border:none;
  margin:10px 0 5px;
}
#sub .section.search .section_cont input.btn_search:hover{
 /* background:url(../img/sub_btn_search_on.png) no-repeat; */
  cursor:pointer;
}
#sub .section.calender .section_cont{
  padding:10px 10px 0px;
}
#sub .banner{
  margin:0 0 20px;
}
#sub .section.info{
  background:none;
}
#sub .section.info h4{
  border-top:1px dotted #CCCCCC;
  border-bottom:1px dotted #CCCCCC;
}
#sub .section.info .section_cont{
  background:none;
  padding:10px 15px;
  border-bottom:1px dotted #CCCCCC;
}
#sub .section.info .section_cont ul li{
  background: url(../img/arrow_gray_s.png) left center no-repeat;
  padding:0 0 0 10px;
}
#sub .section.info .section_cont ul li a{
  text-decoration:none;
  color:#333333;
}
#sub .section.info .section_cont ul li a:hover{
  text-decoration: underline;
  color: #384C72;
}

/*** ------------------------------------------------------------------------------

footer

-----------------------------------------------------------------------------  ***/
#footer {
  background: url(../img/footer_bg.png) repeat-x;
  clear:both;
  margin:50px 0 0;
  position:relative;
}
#footer #footer_nav {
  width: 950px;
  height:67px;
  text-align:center;
  margin: 0px auto;
  background:url(../img/footer_line.png) left bottom repeat-x;
  color:#FFFFFF;
}
#footer #footer_nav p {
  line-height:67px;
}
#footer #fgroup {
  width: 950px;
  text-align:center;
  margin: 0px auto;
  padding:10px 0;
  color:#999;
}
#footer #fgroup img{
  padding:0 0 10px;
}
/*** ------------------------------------------------------------------------------

トップアンカー

-----------------------------------------------------------------------------  ***/
.ptop_box {
  height:0px;
  width:0px;
}
.ptop {
  position:absolute;
  left:50%;
  top:-26px;
  /* margin:0 0 0 348px; pullnet delete */
}
/*** ------------------------------------------------------------------------------

トピックパス

-----------------------------------------------------------------------------  ***/
.topicpass {
  float:left;
}
.topicpass img {
  padding:0 5px 0px 0px;
  vertical-align:baseline;
}
.topicpass li {
  float:left;
}
.topicpass li span{
  padding:0 5px;
  display:inline-block;
}
/*** ------------------------------------------------------------------------------

お問い合わせフォーム

-----------------------------------------------------------------------------  ***/

.submit {
  text-align:center;
}
.submit img{
  vertical-align: baseline;
  margin:0 5px;
}
.submit input{
  margin:0 5px;
}
.section .submit {
  text-align:left;
}

/*** ------------------------------------------------------------------------------

共通設定

-----------------------------------------------------------------------------  ***/
.red {
  color:#C00;
}
#main .section {
  margin:0 0 30px;
  clear:both;
  position:relative; /* 2015.06.28 */
}
#main .section p {
  margin:0 0 1.5em;
}
#main .section .section_cont {
  /*padding:0 20px; pullnet delete */
}
#main .section .section_cont_sub {
  padding:15px 20px 15px;
  border:1px solid  #CCCCCC;
  margin:0 0 25px;
}
/* pullnet modify */
#main h1 {
  background:url(../img/h1_bg_long.png) no-repeat;
  height:40px;
  line-height:40px;
  font-size:1.45em;
  font-weight:bold;
  margin:0 0 20px;
  padding:0 0 0 25px;
  color:#FFFFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* pullnet modify */
#main .section h2 {
  font-size:18px;
  letter-spacing:1px;
  color:#004990;
  padding:3px 3px 3px 20px;
  border-bottom:solid 3px #004990;
  background:url(../images/arrow_right.png) no-repeat 5px center;
  text-align:left;
  margin-bottom:20px;
  font-weight:bold;
}

/* shutto modify */
#main h2.title {
  background:url(../img/h1_bg_long.png) no-repeat;
  height:40px;
  line-height:40px;
  font-size:1.45em;
  font-weight:bold;
  margin:0 0 20px;
  padding:0 0 0 25px;
  color:#FFFFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#main .section h3 {
  background:url(../img/h3_bg.png) 15px center no-repeat #E1E9F0;
  height:40px;
  line-height:40px;
  font-size:1.2em;
  font-weight:bold;
  margin:0;
  padding:0 0 0 30px;
  color:#333333;
  border-right:1px solid  #CCCCCC;
  border-left:1px solid  #CCCCCC;
  border-top:1px solid  #CCCCCC;
}

#home #main h2{
  background:none;
  height:auto;
  /* line-height:normal; */  /* kanazawa 20160621 */
  padding:0;
  margin:0;
}
#home #main h3{
  background:none;
  height:auto;
  line-height:normal;
  padding:0;
  font-size:1em;
  margin:0;
  border:none;
}
span.example{
  color:#4495C0
}
#wrapper #cont #main legend{
  background:url(../img/h3_bg.png) 15px center no-repeat #E1E9F0;
  height:40px;
  line-height:40px;
  font-size:1.2em;
  font-weight:bold;
  margin:0;
  padding:0 0 0 30px;
  color:#333333;
  border:none;
  border-bottom:1px solid  #CCCCCC;
  width: 100%;  /* pullnet */
}
/*
*html #wrapper #cont #main legend {
  padding:0 0 0 20px;
}*/
*:first-child+html #wrapper #cont #main legend{
  margin-left:-7px;
}

#fullFrame .section {
  margin:0 0 30px;
  padding:0 15px;
  clear:both;
}
#fullFrame .section p {
  margin:0 0 1.5em;
}
#fullFrame .section .section_cont {
  padding:0 15px;
}
#fullFrame .section .section_cont_sub {
  padding:15px 20px 15px;
  border:1px solid  #CCCCCC;
  margin:0 0 25px;
}

#fullFrame h1 {
  background:url(../img/h1_bg_long.png) no-repeat;
  height:40px;
  line-height:40px;
  font-size:1.45em;
  font-weight:bold;
  margin:0 0 20px;
  padding:0 0 0 25px;
  color:#FFFFFF;
  clear:both;
}
#fullFrame .section h2 {
  background:url(../img/h2_bg_l.png) no-repeat;
  height:32px;
  line-height:32px;
  font-size:1.3em;
  font-weight:bold;
  margin:0 0 15px;
  padding:0 0 0 20px;
  color:#333333;
}
#fullFrame .section h3 {
  background:url(../img/h3_bg.png) 15px center no-repeat #E1E9F0;
  height:40px;
  line-height:40px;
  font-size:1.2em;
  font-weight:bold;
  margin:0;
  padding:0 0 0 30px;
  color:#333333;
  border-right:1px solid  #CCCCCC;
  border-left:1px solid  #CCCCCC;
  border-top:1px solid  #CCCCCC;
}
#wrapper #cont #fullFrame legend{
  background:url(../img/h3_bg.png) 15px center no-repeat #E1E9F0;
  height:40px;
  line-height:40px;
  font-size:1.2em;
  font-weight:bold;
  margin:0;
  padding:0 0 0 30px;
  color:#333333;
  border:none;
  border-bottom:1px solid  #CCCCCC;
  width: 858px;
}
/* IE7対応 */
*:first-child+html #container #fullFrame legend{
  margin-left:-7px;
}

#fullFrame .section .section_cont {
  /*padding:0 15px; pullnet delete */
}
#fullFrame .fullMain{
  width: 730px;
  margin: 0 auto;
}

/*************************************************/
/* ページング                                    */
/*************************************************/
#wrapper #cont #main .pagenation {
  position: relative;
  margin: 0 15px 15px;
  height:25px;
  line-height:25px;
}
#wrapper #cont #main .pagenation.bottom {
  position: relative;
  margin: 20px 15px 15px;
  height:60px;
  line-height:25px;
}
#wrapper #cont #main .pagenation ul {
  position: absolute;
  top: 0;
  right: 0;
  height:25px;
}
#wrapper #cont #main .pagenation ul:after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
}
#wrapper #cont #main .pagenation li {
  float: left;
  margin: 0 2px;
  display:block;
  height:25px;
  width:25px;
  text-align:center;
  line-height:25px;
  border:#333 1px solid;
  text-decoration:none;
}
#wrapper #cont #main .pagenation li a{
  text-decoration:none;
  text-align:center;
  display:block;
}
#wrapper #cont #main .pagenation li a.visited{
  display:block;
  text-decoration:none;
}
#wrapper #cont #main .pagenation li.current{
  display:block;
  height:25px;
  width:25px;
  text-align:center;
  line-height:25px;
  border:#333 1px solid;
  text-decoration:none;
  background:#333333;
  color:#FFF;
}
#wrapper #cont #main .pagenation li a:hover{
  border:#333 1px solid;
  background:#333333;
  text-align:center;
  color:#FFF;
}
#wrapper #cont #main .pagenation li.prev {
  display:block;
  height:25px;
  width:57px;
  text-align: right;
  line-height:25px;
  border:#333 1px solid;
  text-decoration:none;
  background:url(../img/search_pagenation_prev_off.png) 5px center no-repeat;
}
#wrapper #cont #main .pagenation li.prev a{
  display:block;
  text-align:right;
/*  color:#333; */
}
#wrapper #cont #main .pagenation li.prev a:hover{
  border:#333 1px solid;
  background:url(../img/search_pagenation_prev_on.png) 5px center no-repeat #333333;
  text-align: right;
}
#wrapper #cont #main .pagenation li.next{
  display:block;
  height:25px;
  width:57px;
  text-align: left;
  line-height:25px;
  border:#333 1px solid;
  text-decoration:none;
  background:url(../img/search_pagenation_next_off.png) 42px center no-repeat;
}
#wrapper #cont #main .pagenation li.next a{
  display:block;
  text-align:left;
}
#wrapper #cont #main .pagenation li.next a:hover{
  border:#333 1px solid;
  background:url(../img/search_pagenation_next_on.png) 42px center no-repeat #333333;
}

/* __ページトップ
------------------------------------------*/
#pageTop{
  background:#004990;
  border-radius:5px;
  color:#FFF;
  padding:14px;
  position:fixed;
  bottom:20px;
  right:20px;
  font-weight:bold;
  text-decoration: none;
  }
#pageTop:hover{
  background:#067AEA;
  }

/****お得意先認証****/
#form-terms_agree textarea{
  width: 100%;
  padding:10px;
}
#form-terms_agree dd#ddterms{
  padding: 10px;
}
#form-terms_agree .description {
  width: inherit;
}

/*clearfix  pullnet add start */

.clearfix:after {
  content:".";
  display:block;
  visibility:hidden;
  clear:both;
  height:0.1px;
  font-size:0.1em;
  line-height:0;
}
.clearfix {
  display:inline-table;
  zoom:1;
}


/*Hides from IE-mac \*/
* html .clearfix {
  height:1%;
}
.clearfix {
  display:block;
}
/*clearfix  pullnet add end */