﻿@charset "UTF-8";
@media screen and (max-width: 800px){
img{
max-width: 100%;
height:;
width /***/:;　
}
#container{
width:100%;
}
*{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
body{
margin:0;
padding:0;
text-align:
center;font-size:75%;
font-family:'メイリオ' , Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' , sans-serif;
color:#333333;
background-color:#FFFFFF;
background-position:center top;
background-repeat:repeat-x;
background-image:url(image/topBg_7E.png);
}
#main{
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto;
  border-width: 0px;
  border-style: solid;
  border-color: #004767;
  width: auto;
  height: auto;
}
/*  ヘッダー  */
#header{
  height: auto;
}

#headerLine{
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
width:auto;
height:5px;
background-image: url(image/headerBg_7E.png);
background-repeat:no-repeat;
background-position:top;"
}

#headerTop{
margin-top:0;
margin-right:20px;
margin-bottom:0;
margin-left:0;
width:350px;
float:right;
background-image:url(image/headerTxtBg_7E.png);
background-repeat:no-repeat;
background-position:-2px bottom;
}


#headerTop h1{
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
padding-top:12px;
padding-right:20px;
padding-bottom:10px;
padding-left:0px;
text-align:right;
font-weight:normal;
line-height:10px;
font-size:10px;
color:#004767;
}


#headerLogo{
width:336px;
float:left;
background-image:url(image/logoBg_7E.png);
background-repeat:no-repeat;
background-position:center bottom;
margin-top:15px;
margin-right:0;
margin-bottom:10px;
margin-left:20px;
}


#headerLogo a{
display:block;
margin-top:22px;
margin-right:0;
margin-bottom:18px;
margin-left:0;
text-indent:-9999px;
overflow:hidden;
height:34px;
background-image:url(image/logo_7E.png);
background-position:center center;
background-repeat:no-repeat;
padding:0;
}


#headerTel{
width:350px;
margin-top:0px;
margin-right:0;
margin-bottom:0;
margin-left:0;
padding-top:3px;
padding-right:0;
padding-bottom:0;
padding-left:0;
float:right;
text-align:right;
}


#headerTel p.tel{
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
padding-top:0;
padding-right:20px;
padding-bottom:0;
padding-left:0;
line-height:19px;
text-align:right;
font-size:16px;
letter-spacing:-1px;
font-weight:bold;
color:#2480a9;
}


#headerTel p.tel span{
padding-right:3px;
font-size:12px;
color:#333333;font-weight:
normal;
}


#headerTel a{
display:block;
width:177px;
margin-top:5px;
margin-right:20px;
margin-bottom:0;
margin-left:auto;
height:25px;
background-image:url(image/headerButton_7E.png);
background-position:top left;
background-repeat:no-repeat;
text-align:center;
font-size:13px;
line-height:25px;
text-indent:-9999px;
}


#headerBanner{
  clear : both;
  background-image: url(image/top.jpg);
  height: 172px;
  background-position:center center;
  background-repeat:no-repeat;
margin-top:0px;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
}

/*  メイン  */
#cont{
  padding-top: 10px;
  margin-left: 10px;
  margin-right: 5px;
  width: 550px;
  float: left;
  text-align: left;
  padding-left: 10px;
  border-width : 0px;
  border-right : 0px;
  border-style : dotted;
  border-color : #2480a9;
}
#cont H1{
  font-size : x-large;
  color : #2480a9;
  text-align : left;
  padding-top : 5px;
  padding-left : 10px;
}
#cont H2{
  font-size : 16px;
  padding-top : 5px;
  padding-left : 10px;
  padding-bottom : 5px;
  margin-bottom : 15px;
  border-width : 1px 1px 1px 10px;
  border-style : solid;
  border-color : #2480a9;
}
#cont H3{
  font-size : 12px;
  color : white;
  background-color : #2480a9;
  padding-top : 2px;
  padding-left : 10px;
  padding-bottom : 2px;
  margin-top : 10px;
  margin-bottom : 10px;
}
/*  サイドメニュー  */
#column{
  padding-top: 10px;
  padding-left: 10px;
  width: 310px;
  float: right;
  padding-right: 5px;
}
#column H4{
  font-size : small;
  color : white;
  background-color : #004767;
  padding-top : 3px;
}
#column P{
  text-align : left;
  padding-top : 3px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 3px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-width : 0px;
  border-style : solid;
  border-color : #004767;
}
/*  ボトム  */
#botom{
  padding-top : 20px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 20px;
  margin-top : 10px;
  margin-left : 10px;
  margin-right : 10px;
  margin-bottom : 10px;
  border-top-width : 0px;
  border-top-style : dotted;
  border-top-color : #004767;
  clear : both;
}
#footer{
  border-top-width: 0px;
  border-top-style: dotted;
  border-top-color: #004767;
  height: auto;
  clear: both;
}
/*  ナビ  */
#navi{
clear:both;
width:850px;
height:35px;
overflow:hidden;
background-color:#FFFFFF;
margin-top:0px;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
}


#navi UL{
display:block;
height:32px;
width:850px;
margin-top:0px;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:0;
list-style-type:none;
background-image:url(image/naviBg_7E_01.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
#navi UL:after{
content:".";
clear:both;
height:0;
display:block;
visibility:hidden;
}


#navi UL LI{
display:block;
width:170px;
float:left;
}

#navi UL LI A{
display:block;
height:32px;
line-height:31px;
overflow:hidden;
text-align:center;
color : white;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

#nav li span.en{
display:none;
}


#nav li span.ja{
font-size:14px;
font-weight:bold;
}


#navi UL LI A:HOVER{
  color : white;
  background-color : #3093C2;
}

#nav a:link{
color:#ffffff;
text-decoration:none;
}


#nav a:visited{
color:#ffffff;
text-decoration:none;
}


#nav a:hover{
text-decoration:none;
color:#ffffff;
background-image:url(image/naviBg_7E_01_on.png);
background-repeat:no-repeat;
background-position:-170px 0px;
}


#nav a:active{
text-decoration:none;
color:#ffffff;
background-image:url(image/naviBg_7E_01_on.png);
background-repeat:no-repeat;
background-position:-170px 0px;
}





#nav #nav-toppage a:hover, #nav #nav-toppage a:active{
background-image:url(naviBg_7E_01_on.png);
background-repeat:no-repeat;
background-position:0px 0px;
}


#nav #nav-notice a:hover, #nav #nav-notice a:active{
background-image:url(naviBg_7E_01_on.png);
background-repeat:no-repeat;
background-position:top right;
}


#navi li#nav-home a:link{
    background-image : url(image/naviBg_7E_01.png);
}
#navi li#nav-home a:visited{
    background-image : url(image/naviBg_7E_01.png);
}
#navi li#nav-home a:hover{
    background-image : url(naviBg_7E_01_on.png);
}
#navi li#nav-home a:active{
    background-image : url(naviBg_7E_01_on.png);
}



/*  商品表示  */
DIV.item_cover{
  color:black;
  background-color:;
  border: 0px solid darkred;
  border-radius: 12px;
  clear: both;
  float: none;
  width: 100%;
}
DIV.item{
  color:black;
  padding: 5px;
  background-color:;
  border: 0px solid darkred;
  border-radius: 12px;
  float: left;
  width: 120px;
  display: table-cell;
  margin: 10px;
}
DIV.item_last{
  color:black;
  padding: 1em;
  background-color:;
  border: 1px solid darkred;
  border-radius: 12px;
  float: none;
  width: 250px;
  display: table-cell;
  margin: 10px;
  clear: both;
}
DIV.item_list{
  color:black;
  background-color:;
  border: 0px solid darkred;
  border-radius: 12px;
  text-align:center;
  clear: both;
  float: none;
  width: 100%;
}
DIV.item_menu{
  color:black;
  padding: 5px;
  background-color:;
  border: 0px solid darkred;
  border-radius: 12px;
  float: left;
  width: 190px;
  display: table-cell;
  margin: 10px;
}
}