/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

html, body {
    background color: #FFFFFF;
}

body {
	font-size: 13px;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	line-height: 1.6em;
        text-align:center;

/* ************************************************ 
  背景画像　白から水色
       background-image: url(https://img02.shop-pro.jp/PA01171/493/etc/image_20210117130631.jpg?cmsp_timestamp=20210207122219) ;
 * ************************************************ */
  
        background-size:  cover; 
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

a, a:visited {
    color: #038ACA;
    font-style: normal;
    text-decoration: underline;
}
a:link {
    color: #038ACA;
    font-style: normal;
    text-decoration: underline;
}
a:hover {
    color: #1D2087;
    font-style: normal;
    text-decoration: underline;
}
a:active {
    text-decoration: none;
}

strong {
    color: #1D2087;
    font-size:1.5em;
    margin:1em 0 1em 5px;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は900pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {

          margin: 0 auto;
          width: 900px;
	       text-align:left;
}

/* ***************************************************************** 
*	ヘッダー
* ***************************************************************** */

#header {
	text-align:center;
    top:0px;
    width:100%;
    background-color:#efefef;
    z-index:9999;
	padding: 0px 0px 0px 0px;
}

#header h1 {
text-align:center;
padding: 50px 0 0px 0;  
}


/* *****************************************************************
*	ヘッダーナビゲーション
* ***************************************************************** */	
.header_nav {
position: fixed;
top: 0;
width: 100%;
margin: 0px auto 0px auto;
z-index: 9999;
padding: 0;
text-align: center;
border-top: 0px solid #dedede;
border-bottom: 0px solid #dedede;
background: #FFF
}

.header_nav ul {
list-style: none;
margin: auto;
}

header ul li{
width:125px; //ヘッダーメニュー１項目の横幅
  
}

header ul li a span {
   font-size: 11px;  //文字サイズを調整
   text-align: center;  //中央に寄せる
}

#menu-item-1476 a {
top: 0;
width: 95px; height: 49px;
padding: 0px 15px 0px 15px;
}
#menu-item-1476 a span{
font-size: 0px;
}
#menu-item-1476 a img {
position: relative;
  top: 0%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 100px;
  text-align: center;/*一応BOX内の文字も中央寄せ*/
}

/* *****************************************************************
*	トップナビゲーション
* ***************************************************************** */	

#nav {
width: 100%;
position: sticky; /*固定する*/
margin: 0px auto 0px auto;
z-index: 9999;
padding: 0;
text-align: center;
border-top: 0px solid #dedede;
border-bottom: 0px solid #dedede;
background: #FFF
}

#nav ul {
top: 0;
list-style: none;
margin: auto;
}

.main-navigation {
clear: both;
margin: 0 auto;
position: relative;
display: none;
}

ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding: 0;
}

.nav-menu li {
display: inline-block;
  position: relative;
margin: 0 0;
  vertical-align: top; 
}

.nav-menu li a {
 top: 0;
color: #333;
display: block;
font-size: 12px;
text-decoration: none;
padding: 4px 0px 5px 0px;
width:125px; //ヘッダーメニュー１項目の横幅
}

.nav-menu li a span{
   font-size: 11px;  //文字サイズを調整
   text-align: center;  //中央に寄せる
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
background: #eee;
}

.nav-menu .sub-menu,
.nav-menu .children {
background: #eee;
display: none;
padding: 0;
position: absolute;
z-index: 99999;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
border-left: 0;
left: 100%;
top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
color: #333;
margin: 0;
width: 125px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
background: #f5f5f5;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
display: block;
background: #eee;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.nav-menu .current-post-ancestor > a {
color: #333;
background: #f5f5f5;
}

.toggle {
display: none;
}

/* When Active Page */
body.Musashigakki1 ul#globalnavi li.item01 a img,
body.Musashigakki2 ul#globalnavi li.item02 a img,
body.Musashigakki3 ul#globalnavi li.item03 a img,
body.Musashigakki4 ul#globalnavi li.item04 a img,
body.Musashigakki5 ul#globalnavi li.item05 a img,
body.Musashigakki6 ul#globalnavi li.item07 a img { visibility: hidden;}

#catarognavi {
         clear: both;
         display: block;
         margin-left: 20px;
         padding-top: 20px;   
}

/*　画面左側メニューの幅　*/
.side {
	float: left;
	width:220px;
        	margin: 10px 20px 10px 10px;
}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px solid #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px dotted #C3C3C3;
	border-bottom:1px dotted #C3C3C3;
	list-style-type:none;
	margin-bottom:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
/*　画面左側商品カテゴリー部分　*/
#shohin a {
	display:block;
	height: 50px;
　　　　  margin-bottom: 10px;
}
#shohin a:hover img{
        opacity:0.8;
        filter: alpha(opacity=80);
        -ms-filter: "alpha( opacity=80 )";
        background: #fff;
}

/*　画面右側の幅　*/
.main {
	float: left;
	width: 620px;
        	margin: 10px 10px 10px 20px;
}

/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}

/*　フッター（コピーライト）　*/
.footer {
 width:100%;
 clear:left;
}
#musashifooter {
	clear: both;
	border-top: 1px solid #b5b5b5;
	background: #FFFFFF;
	display: block;
	padding-top: 20px;
	overflow: hidden;
	zoom: 1;
   width: 100%;
}

#footerright {
	display: block;
	width: 300px;
	float: right;
   text-align: center; 
}

#footerleft {
	display: block;
	width: 300px;
	float: left;
   text-align: center; 
}
#footercenter {
	display: block;
	width: 300px;
	margin-left: 300px ;
   text-align: center; 
}


#copyrights {
	clear: both;
	font-size: x-small;
	color: #1C1E87;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
}
#footernavi2 {
	clear: both;
}



#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}

/*リンクバナーエリア*/
.banner img {
	margin-top: 3px;
	margin-bottom: 2px;
}

.banner a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "banner(opacity=70)";
}

ul#sidebanner {
	zoom: 1;
}

ul#banner li {
	float: left;
	display: inline;
	margin-top: 7px;
	margin-bottom: 7px;
}
ul#banner li:after { /* for Modern Browser */
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility:hidden;
	font-size:0px;
}

ul#banner li a:hover {
	background-color: transparent;
}
ul#banner li a:hover img {
	visibility: hidden;
}


ul#sidebanner_link {
	display: inline;
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	list-style: none;
}

ul#sidebanner_link li a:hover img {
  margin : 0px;
  opacity: 0.6;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#recent {
         margin-top: 30px; 
         margin-bottom: 30px;
}

/* 一覧表示 */
.products  {
    float: left;
    margin: 15px 10px 0 0;
    padding: 8px;
    width: 177px;
    border: 1px solid #91C7DB;
    text-align: center;
    overflow : hidden;

}
.smallphoto  {
    height: 100px;
    margin: 11px auto 8px auto;
}