@charset "utf-8";
body{
background-color:#ffffff;
text-align:center;
margin:0;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#headerbg{
font-size:12px;
color:#fff;
background-color:#0b3b0b;
padding:2px;
margin:0 0 15 0;
}


#engsite{
width:980px;
text-align:right;
padding:0;
margin:0 auto 0 auto;
}



#search{
width:250px;
text-align:right;
margin:20 auto 10 730;
}

#contents{
	margin: 0 auto 50 auto ;
width:980px;
text-align:center;
}


#mainpic{
text-align:center;
margin:20 auto 50 auto;
}


a{
	text-decoration:none;

}

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

a.line{
  color :#cc0000;
  text-decoration : underline;
}

.paragraph{
font-size:14px;
}


.breadcrumb{
width:980px;
font-size:12px;
text-align:left;
margin:2 auto 2 auto;
}

.breadcrumb ol li{
display:inline;
list-style-type:none;
}


.breadcrumb ol li:after{
content:">";
}

.breadcrumb ol li:last-child:after{
content:none;
}

hr{
border-color:#0b3b0b;
}

#wrapper{
	margin:0 auto 0 auto;
padding:0;
background-color:#ffffff;
width:100%;
text-align:center;
}

#header{
width:980px;
text-align:center;
margin:0 auto;
}

#maintop{
margin: 20 10 20 0;
padding:0;
width:720px;
text-align:center;
float:left;
}




/* メニューの選択 */
#select{
margin:10px 0;
padding:3px;
background-color:#f6cece;
border-radius:5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;

}

#select ul{
width:95%;
padding:3px;
margin:0px;
display:table;
table-layout:fixed;
background-color:#f6cece;
}

#select ul li{
display:inline;
margin:2px;
padding:3px;
text-align:center;
display:table-cell;
}

#select ul li a{
background-color:#f6cece;
display:block;
}

#select ul li a:hover{
color:#cc0000;
}

/* メニューの内容 */
p.title{
    position: relative;
    margin:20 0px;
    padding:10 20px;
    background: #Bebebe;
    font-size:16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
 
p.title:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #Bebebe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}










/*製品サイズの表*/
.tbl_01{
width:100%;
margin:10px auto;
border-collapse:collapse;
font-size:14px;
}



.tbl_01 th{
text-align:center;
padding:8px;
border:1px solid #e3e3e3;
font-weight:normal;
vertical-align:middle;
background-color:#f6f6f6;
}


.tbl_01 td:nth-child(1){
text-align:left;
padding-left:15px;
}


.tbl_01 td{
text-align:center;
padding:8px;
background:#fff;
border:1px solid #e3e3e3;
vertical-align:middle;
}

.tbl_01 td img{
display: inline-block;vertical-align: middle;
}







.under{
font-size:12px;
margin-bottom:30px;
}

.onaji{
font-size:12px;
margin-bottom:10px;
color:#cc0000;
}







#main{
	margin:20 10 5 0;
padding:0;
float:right;
width:720px;
text-align:left;
}


.grid{
margin:10 auto 15 auto;
}

.grid ul{
margin:0px;
padding:0px;
}

.grid li{
margin:10 4px;
border-color:#a4a4a4;
list-style:none;
float:left;
}




/*大分類*/
h1{
 margin: 5px 0 5px;
    padding:4px;
    border-top: 3px double #0b3b0b;
    border-bottom: 3px double #0b3b0b;
    font-size:18px;
    font-weight: bold;
    color:#0b3b0b;
}

/*製品名*/
h2{
margin:5 5 20 0px;
    padding:3 3 3 10;
    border-bottom: 2px solid #0b3b0b;
    font-size:18px;
    font-weight: bold;
    text-align:left;
    border-left:7px solid #0b3b0b;
}




/* 製品の用途 */
h3{
font-weight:bold;
font-size:18px;
color:#1c5213;
padding:5px;
}

/*トップページの項目*/
p.news{
margin:0 0 10 0px;
padding:5px;
border-left:7px solid #0b3b0b;
background-color:#f5f5f5;
text-align:left;
font-weight:bold;
font-size:17px;
}
 


h5{
margin:5 15 5 3px;
    padding:3 5 3 15;
    border-bottom: 1px dashed #0b3b0b;
    font-size:18px;
    font-weight: bold;
    text-align:left;
}

h6{
margin:5 5 20 0px;
    padding:3 3 3 10;
    border-bottom: 2px solid #0b3b0b;
    font-size:18px;
    font-weight: bold;
    text-align:left;
    border-left:7px solid #0b3b0b;
}


h4 {
	position: relative;
	padding: 0 .5em .5em 2em;
	border-bottom: 2px solid #ccc;
}
h4::before,
h4::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
h4::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(150, 150, 150, .5);
}
h4::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(210, 210, 210, .5);
}

.item0 ul{
margin:5 15 5 10px;
padding:0 0 0 10px;
font-size:15px;
text-align:left;
}

.item0 li{
text-align:left;
list-style-type :none;
}


.item2{
font-size:14px;
padding:0;
text-align:left;
list-style-image : url(menu/pathgr.png);
}


li.item4 {
margin-left:25px;
padding:5px;
font-size:13px;
text-align:left;
list-style-image : url(menu/pathgr.png);
}
 
li.item3{
margin:5 15 5 0px;
padding:2 2 2 7px;
font-size:15px
text-align:left;
font-weight:normal;
list-style:none;
border-bottom:solid 1px #e3e3e3;
}


li.item5{
margin:5 15 5 0px;
padding:2 2 2 7px;
font-size:15px
text-align:left;
list-style:none;
}

#navi{
	margin:20 0 5 5;
padding:0;
width:245;
float:left;
}

#navitop{
margin:0 auto0 0 auto;
padding:5 0 0 0;
width:245px;
text-align:center;
float:right;
}

.navitopmenu ul{
margin:0;
padding:0;
}

.navitopmenu li{
list-style-type:none;
margin:2 0px;
padding:0;
}


#navi img{
margin:2 0 2 0;
}




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




#footerbg{
	font-size:12px;
color:#fff;
background-color:#0b3b0b;
padding:2px;
margin:0 0 15 0;
}



#footer{
	width:980px;
margin:0 auto 0 auto;
}

.footernavi{
	text-align:left;
	float:left;
	width:20%;
}


.footernavi li a{
color:#fff;
}

.footernavi li:hover a{
color:#ffff00;
}


.footernavi li{
list-style-image : url(menu/head.png);
padding:5 0 0 0;
}

li.item{
	margin:3px;
list-style-image : url(menu/path.png);
}

.copyright{
	text-align:center;
margin:30 auto 30 auto;
}


#page-top{
position:fixed;
bottom:20px;
right:20px;
font-size:77%;
font-weight:bold;
}


#page-top a{
background:#fff;
text-decorartion:none;
color:#0b3b0b;
width:100px;
padding:10px 0;
text-align:center;
display:block;
border-radius:5px;
}

@media print{
#page-top {
display:none;
	}
}



.bar1{
width:100%;
background-color:#0b3b0b;
height:2px;
border:0;
}




/*日本地図*/
#japan-map {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}
 
.pref {
    background: #224163;
    min-height: 10px;
    font-size: 0.7em;
    text-align: center;
    padding: 3px;
    border-radius: 5px;
}
 
.pref a {
    display: block;
    min-height: 10px;
    text-decoration: none;
    color: white;
}
 
#hokkaido {
    margin: 20px 0;
}

/*販売店情報*/

.city {
  width: 100%;
  font-size:14px;
  margin:20px auto;
}

 


.town{
margin:10px auto;
}

.tbl_05{
width:100%;
margin:10px auto;
border-collapse:collapse;
font-size:13px;
}



.tbl_05 th{
text-align:left;
border:1px solid #e3e3e3;
font-weight:normal;
vertical-align:middle;
background-color:#f6f6f6;
padding:3px;
}


.tbl_05 td:nth-child(1){
text-align:left;
padding-left:3px;
width:170px;
}

.tbl_05 td:nth-child(2){
text-align:left;
padding-left:3px;
width:280px;
}

.tbl_05 td:nth-child(3){
text-align:left;
padding-left:3px;
width:225px;
}

.tbl_05 td:nth-child(4){
text-align:center;
width:15px;
}

.tbl_05 td:nth-child(5){
text-align:center;
width:15px
}



.tbl_05 td{
background:#fff;
border:1px solid #e3e3e3;
vertical-align:middle;
}


#dropmenu {
  position: relative;
  list-style-type: none;
  width: 980px;
  height: 40px;
  margin: 20px auto 60px;
  padding: 0;
}
#dropmenu li {
  width: 163px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  position:relative;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 15px 0 1;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  z-index:100;
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #0b3b0b;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}


#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-bottom: 1px solid #fff;
}

#dropmenu ul li a:hover{
background-color:#e3e3e3;
color:#424242;
}

#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}



.city2 ul{
width:720px;
text-align:left;
padding:0;
margin:0;
}

.city2 li {
padding-left:6px;
margin:6px;
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
font-size:14px;
}
.city2 li + li {
border-left:1px solid #CCC;
}


/*ミニPOP*/
.grid{
margin:10 auto 15 auto;
}

.grid ul{
margin:0px;
padding:0px;
}

.grid li{
margin:10 4px;
border-color:#a4a4a4;
list-style:none;
float:left;
}

.minipop{
text-align:left;
margin:10px;
font-size:13px;
}

.minipop td{
width:25%;
padding:5px 10px;
}

.law{
width:100%;
font-size:13px;
border-collapse:collapse;
margin:7px auto;
}

.law th{
border: 1px solid #e3e3e3;
font-weight: normal;
background-color: #f6f6f6;
padding:7px;
text-align:left;
}

.law td{
border: 1px solid #e3e3e3;
font-weight: normal;
background-color: #fff;
padding:7px;
}


/*カタログ*/
.panf{
margin:5px;
}

.panf img{
border:1px #a4a4a4 solid;
float:left;
margin:5px;
}

.catalog{
font-size:14px;
margin:5px auto auto auto;
float:left;
}

.catalog th{
background-color:#e3e3e3;
margin:5px;
}

.catalog td{
background-color:#fff;
}

.catalog td img{
margin:5px;
}

.catalog2{
font-size:14px;
margin:10px;
float:left;
}

.catalog2 th{
background-color:#e3e3e3;
padding:5px;
}

.catalog2 td{
background-color:#fff;
}

.catalog2 td img{
margin:20px;
}

.movie{
margin:10px 5px;
border:1px solid #e3e3e3;
border-collapse:collapse;
}



.movie td{
text-align:left;
font-size:12px;
padding:5px 13px;
border:1px solid #e3e3e3;
border-collapse:collapse;
}


.data{
margin:5px;
}

.data td{
text-align:left;
}

.pic{
margin:10px 8px;
float:left;
border:1px solid #e3e3e3;
border-collapse:collapse;
}

.pic th{
text-align:center;
font-weight:normal;
background-color:#e3e3e3;
padding:5px;
font-size:13px;
border:1px solid #e3e3e3;
}

.pic td{
text-align:left;
padding:3px 5px;
font-size:13px;
border:1px solid #e3e3e3;
}

.pic td:nth-child(2){
text-align:center;
}

.pic td:nth-child(3){
text-align:center;
}

.ranking{
margin:20px;
}

.ranking th{
text-align:left;
font-weight:normal;
font-size:13px;
background-color:#e3e3e3;
padding:6px;
}

.ranking td img{
margin:auto 30px;
}

.dataicon{
margin-left:5px;
}

.dataicon img{
display: inline-block;vertical-align: middle;
}

.present{
text-align:left;
margin:5px;
padding:5px;
font-size:14px;
}

.minipop{
text-align:left;
margin:10px;
font-size:13px;
}

.minipop td{
width:25%;
padding:5px 10px;
}

/*スターエム情報*/

.sj{
margin:10px;
}

.sj th{
background-color:#e3e3e3;
text-align:center;
font-size:14px;
font-weight:normal;
padding:4px;
}

.sj td img{
padding:7px;
}

.sj1{
font-size:14px;
text-align:left;
margin:20px;
float:left;
}