/* ベース */
html{
  font-size: 62.5%;
}

body{
  color: #333333;
  font-size: 1.2rem;
  font-family: "メイリオ";
  line-height: 140%;
  background-color: #d1e1f4;
  margin: 0px 0px 0px 0px;
}

h1 { display: none;}

h2 {
  width: 98%;
  color: #2453a1;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 140%;
  letter-spacing: 1px;
  text-shadow: 2px 2px 4px gray;
  background-image: url(../img2/main_s.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 50%;
  margin: 0px 0px 0px auto;
  padding: 5px 0px 0px 0px;
}
h2 span {
  display: inline-block;
  content: '';
  width: 7px;
  height: 14px;
  background-color: #2453a1;
  box-shadow: 2px 2px 4px gray;
  margin: 5px 8px 0px 0px;
}

/*====================================　表示・配置　共通設定　==================================*/

/*-------　wrapper　---------*/
#wrapper01,
#wrapper02,
#wrapper,
#wrapper l,
#wrapper r {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#wrapper01 {
  width: 100%;
  background-color: #2453a1;
}
#wrapper02 {
  width: 100%;
  background-color: #ffffff;
  border-style: solid;
  border-color: #eeeeee;
  border-width: 0px 2px 0px 2px;
  margin: 0px auto 0px auto;
}

#wrapper,
#wrapper .l,
#wrapper .r {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/*-------　header　ヘッダー　---------*/
#header {
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}
#header img {
  max-width: 150%;
  height: auto;
}

/*-------navi　link_b　---------*/
#navi,
#link_b {
  display: none;
}

/*-------link_t---------*/
#link_t{
  width: 95%;
  font-size: 1rem;
  text-align: right;
  margin: 5px auto 0px auto;
}

/*--------　footer　フッター　--------*/
#footer {
  height: 40px;
  color: #FFFFFF;
  font-size: 1.2rem;
  letter-spacing: normal;
  text-align: center;
  background-color: #2453a1;
  margin: 0px auto 0px auto;
  padding: 5px 0px 0px 0px;
}

/*--------　共通　--------*/
.clear{
  clear: both;
  height: 1px;
}



/*====================================　トップページ用　==================================*/

/*-------　main_img　メインイメージ　---------*/
#main_img {
  width: 100%;
  margin: 0px auto 10px auto;
  padding: 0px 0px 0px 0px;
}

#main_img p {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#main_img p img {
  max-width: 100%;
  height: auto;
}

#main_img .comment {
  color: #222222;
  font-size: 1.1rem;
  line-height: 120%;
  text-align: center;
  text-shadow: 1px 1px 3px gray;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
}
#main_img .comment span{
  font-size: 1rem;
}

/*-------　osirase　お知らせ　---------*/
#osirase,
#osirase dl,
#osirase dt,
#osirase dd {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#osirase {
  margin: 10px 0px 0px 0px;
}
#osirase dt{
  color: #000066;
}
#osirase dd{
  color: #666666;
}

/*-------　bnn　バナーリンク---------*/
#bnn {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 20px 20px;
}
#bnn img{
  max-width: 45%;
  height: auto;
  border-width: 0px;
  margin: 0px 2px 2px 0px;
}

/*-------　new　新着情報　---------*/
#new,
#new ul,
#new li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#new {
  width: 95%;
  margin: 10px auto 20px auto;
}
#new ul {
  border-style: solid;
  border-color: #2453a1;
  border-width: 1px 1px 1px 1px;
  padding: 10px 10px 5px 10px;
}
#new li {
  list-style-type: none;
  border-style: dotted;
  border-color: silver;
  border-width: 0px 0px 1px 0px;
  padding: 6px 0px 2px 20px;
}

/*-------　add　連絡先・地図　---------*/
#add,
#add dl,
#add dt,
#add dd {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#add {
  width: 95%;
  margin: 0px auto 0px auto;
}

#add dl {
  border-style: dotted;
  border-color: #2453a1;
  border-width: 2px;
  padding: 10px 10px 10px 10px;
}
#add dt {
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  border-style: solid;
  border-color: silver;
  border-width: 0px 0px 1px 0px;
  margin: 0px 0px 10px 0px;
}
#add p.map{
  border-style: solid;
  border-color: #333333;
  border-width: 1px;
  margin: 20px 0px 0px 0px;
}
#add p iframe {
  width: 100%;
  height: 360px;
}



/*====================================　会社案内用　==================================*/

.kaisya dl,
.kaisya dt,
.kaisya dd,
.kaisya dd ol,
.kaisya dd ol li,
.kaisya dd.gaiyo ul,
.kaisya dd.gaiyo li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.kaisya dl {
  width: 90%;
  margin: 0px auto 0px auto;
}
.kaisya dt {
  width: 35%;
  color: #222222;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 150%;
  letter-spacing: 5px;
  text-align: center;
  border-style: solid;
  border-color: #666666;
  border-width: 1px 0px 1px 0px ;
  background: linear-gradient(to right, #d1e1f4,40%, #ffffff);
  margin: 20px 0px 7px 0px;
}
.kaisya dd {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.kaisya dd ol li {
  margin: 0px 0px 10px 10px;
}

.kaisya dd.gaiyo ul {
  width: 100%;
  padding: 10px 0px 0px 0px;
}
.kaisya dd.gaiyo li {
  list-style-type: none;
  margin: 0px 0px 10px 0px;
}
.kaisya span { display: block;}
.kaisya span.sp1 {
  color: #2453a1;
  font-weight: bold;
  letter-spacing: 2px;
}
.kaisya span.sp2 { color: #111111;}
.kaisya span.sp2 iframe {
  width: 100%;
  height: 350px;
}



/*====================================　営業所案内用　==================================*/

.eigyousyo ul,
.eigyousyo li,
.eigyousyo li dl,
.eigyousyo li dt,
.eigyousyo li dd {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.eigyousyo ul {
  width: 95%;
  margin: 20px auto 20px auto;
}
.eigyousyo li {
  list-style-type: none;
}
.eigyousyo li dl {
  padding: 0px 0px 5px 0px;
}
.eigyousyo li dt {
  width: 40%;
  color: #333333;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  border-style: solid;
  border-color: #666666;
  border-width: 1px 0px 1px 0px ;
  background: linear-gradient(to right, #d1e1f4,40%, #ffffff);
  margin: 0px 0px 10px 0px;
  padding: 4px 0px 2px 0px;
}
.eigyousyo li dd {
  font-size: 1.2rem;
  letter-spacing: normal;
}
.eigyousyo li.photo,
.eigyousyo li.map {
  width: 100%;
  text-align: center;
  padding: 5px 0px 5px 0px;
}
.eigyousyo li.photo img{
  max-width: 90%;
  height: auto;
  border-style: solid;
  border-color: #555555;
  border-width: 1px;
}
.eigyousyo .map img{
  max-width: 90%;
  height: auto;
  border-width: 0px;
}


/*====================================　営業品目用　==================================*/

.hinmoku dl,
.hinmoku dt,
.hinmoku dd {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.hinmoku dl{
  width: 95%;
  margin: 20px auto 20px auto;
}
.hinmoku dt{
  color: #333333;
  font-size: 1.6rem;
  line-height: 140%;
  font-weight: bold;
  letter-spacing: 2px;
  background-image: url(../img2/ico01.gif);
  background-repeat: no-repeat;
  background-position: top left;
  border-style: solid;
  border-color: silver;
  border-width: 0px 0px 1px 0px;
  margin: 0px 0px 4px 0px;
  padding: 4px 0px 2px 40px;
}
.hinmoku dd.dd_img {
  text-align: center;
}
.hinmoku dd.dd_img img {
  max-width: 80%;
  height: auto;
  border-style: solid;
  border-color: #333333;
  border-width: 1px;
  margin: 5px 0px 10px 0px;
}
.hinmoku dd span.sp4,
.hinmoku dd span.sp7,
.hinmoku dd span.sp6,
.hinmoku dd span.sp8 {
  display: inline-block;
  color: #2453a1;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}
.hinmoku dd.dd1 {line-height: 170%;}
.hinmoku dd.dd2 {line-height: 160%;}
.hinmoku dd.dd2{
  color: maroon;
  padding: 10px 0px 0px 10px;
}
.hinmoku dd.dd1 img {
  display: block;
  margin: 10px 0px 10px 0px;
}



/*====================================　ショッピングページ用　==================================*/

/*-------search---------*/
#search,
#search ul,
#search li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#search {
  margin: 20px 0px 20px 20px;
}
#search ul {
  clear: both;
  border-style: solid;
  border-color: silver;
  border-width: 0px 0px 0px 1px;
}
#search li {
  float: left;
  list-style-type: none;
  border-style: solid;
  border-color: silver;
  border-width: 0px 1px 0px 0px;
  padding: 2px 10px 2px 10px;
}

/*-------shopping---------*/
#shopping,
#shopping ul,
#shopping li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#shopping {
  width: 95%;
  clear: both;
  margin: 10px auto 10px auto;
}
#shopping ul {
  float: left;
  width: 45%;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  margin: 4px 4px 4px 4px;
}
#shopping li {
  list-style-type: none;
  border-style: solid;
  border-color: #666666;
  padding: 2px 5px 2px 5px;
}
#shopping li.img {
  text-align: center;
  border-width: 0px 0px 1px 0px;
}
#shopping li.img img {
  max-height: 160px;
  width: auto;
  text-align: center;
}
#shopping li.com,
#shopping li.price,
#shopping li.btn {
  border-width: 0px;
}
#shopping li.com,
#shopping li.price {
  background-color: #f0f8ff;
}

#shopping li.com {
  height: 30px;
  font-size: 1.3rem;
}
#shopping li.price {
  height: 16px;
  color: #FF0000;
  font-size: 1.4rem;
  text-align: right;
  padding: 5px 20px 0px 0px;
}
#shopping li.btn {
  background-color: #cbd0d3;
  text-align: center;
  padding: 5px 0px 8px 0px;
}
#shopping li.btn span {
  display: inline-block;
  width: 50%;
  height: 20px;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  line-height: 20px;
  background: linear-gradient(to right, #6da5d9,40%, #2e3192);
  border-radius: 100vh;
  box-shadow: 2px 2px 4px gray;
}
#shopping li.btn span a {
  text-decoration: none;
}
#shopping li.btn span a:visited,
#shopping li.btn span a:link {
  color: #ffffff;
  }
#shopping li.btn span a:hover,
#shopping li.btn span a:active {
  color: #ffffff;
}


/*====================================　商品詳細ページ用　==================================*/

/*------- shopping_s　setumei ---------*/
.shopping_s,
.shopping_s p,
.shopping_s dl,
.shopping_s dt,
.shopping_s dd,
.shopping_s dd form,
.shopping_s div.setumei,
.shopping_s div.setumei dl,
.shopping_s div.setumei dt,
.shopping_s div.setumei dd {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.shopping_s {
  width: 95%;
  margin: 0px auto 0px auto;
}
.shopping_s p {
  text-align: center;
}

.shopping_s p img {
  max-width: 50%;
  height: auto;
  margin: 0px 0px 10px 0px;
}
.shopping_s dl{
  width: 90%;
  margin: 0px auto 0px auto;
}
.shopping_s dt {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 140%;
  border-style: solid;
  border-color: silver;
  border-width: 1px;
  padding: 4px 5px 2px 5px;
}
.shopping_s dt font.sub{
  font-size: 1rem;
  line-height: 100%;
  color: green;
}
.shopping_s dd {
  font-size: 1rem;
  margin: 5px 0px 0px 0px;
}
.shopping_s dd.code {text-align: right;}
.shopping_s dd.price {
  color: #FF0000;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: right;
}
.shopping_s dd .cart {
}
.cart input[type="image"] {
  width:40%;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.shopping_s div.setumei{
  width: 90%;
  margin: 20px auto 20px auto;
}
.shopping_s div.setumei dl{
  width: 90%;
  margin: 10px auto 0px auto;
}
.shopping_s div.setumei dt{
  color: #FF6600;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 120%;
  border-width: 0px;
  margin: 0px 0px 2px 0px;
}
.shopping_s div.setumei dd{
  font-size: 1rem;
  line-height: 120%;
  margin: 0px 0px 20px 0px;
}


/*====================================　ニュース一覧　ニュース詳細ページ用　==================================*/

/*-------news---------*/
#news,
#news ul,
#news li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#news{
  width: 95%;
  margin: 10px auto 20px auto;
}
#news li{
  list-style-type: none;
  border-style: dotted;
  border-color: silver;
  border-width: 0px 0px 1px 0px;
  padding: 6px 0px 2px 5px;
}

/*-------search_i---------*/

#search_i {
  width: 80%;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 40px;
}


/*-------news_s---------*/
#news_s,
#news_s h3,
#news_s div.comment,
#news_s dl,
#news_s dt,
#news_s dd {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#news_s {
  width: 95%;
  margin: 10px auto 20px auto;
}
#news_s h3 {
  font-size: 1.6rem;
  color: #444444;
  border-style: solid;
  border-color: silver;
  border-width: 1px;
  padding: 5px 5px 2px 5px;
}
#news_s .coment {
  margin: 5px 10px 5px 10px;
}
#news_s dl {
  width: 100%;
  margin: 10px auto 0px auto;
}
#news_s dt {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  padding: 4px 0px 2px 5px;
}
#news_s dt.dt1 {
  color: #336699;
  border-style: dotted;
  border-color: #336699;
  border-width: 0px 0px 1px 0px;
}
#news_s dd {
  width: 95%;
  font-size: 1.1rem;
  line-height: 140%;
  margin: 0px 0px 30px 0px;
}

/*-------img---------*/
img.img_r,
img.img_l {
  max-width: 80%;
  height: auto;
  margin: 10px auto 10px auto;
}

/*-------search_f---------*/
#search_f {
  width: 80%;
  margin: 10px 0px 0px 40px;
  padding: 0px 0px 0px 0px;
}
#search_f iframe {
  width: 80%;
  height: 400px;
  border-style: solid;
  border-color: #336699;
  border-width: 1px;
  margin: 5px 5px 20px 0px;
}



/*====================================　お問い合わせページ用　==================================*/

.toiawase ul {
  width: 90%;
  margin: 20px auto 20px auto;
  padding: 0px 0px 0px 0px;
}
.toiawase li {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
}
.toiawase li.btn {
  width: 30%;
  text-align: center;
  margin: 0px auto 0px auto;
}
.toiawase li span {
  display: block;
  border-style: solid;
  border-color: #2453a1;
  border-width: 0px 0px 0px 10px;
  padding: 0px 0px 0px 5px;
}
.toiawase li input,
.toiawase li textarea {
  width: 90%;
  padding: 2px 2px 2px 2px;
  margin: 5px 0px 5px 0px;
}

.rs{
  color: #FF0000;
  font-weight: bold;
  padding: 0px 0px 0px 5px;
}
.ime_on{
  ime-mode:active;
}
.ime_off{
  ime-mode:inactive;
}



/*=======================　法規に基づく表記ページ用　お支払い・送料ページ用　==================================*/

.hyoki dl,
.hyoki dt,
.hyoki dd,
.payment dl,
.payment dt,
.payment dd {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.hyoki dl,
.payment dl {
  width: 95%;
  margin: 20px auto 20px auto;
}
.hyoki dt,
.payment dt {
  font-size: 1.4rem;
  line-height: 160%;
  color: #2453a1;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 20px 0px 0px 0px;
}
.hyoki dl dt span,
.payment dl dt span {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #2453a1;
  margin: 0px 8px 0px 0px;
  box-shadow: 2px 2px 4px gray;
}
.hyoki dd,
.payment dd {
  font-size: 1.1rem;
  padding: 0px 0px 0px 10px;
}