@charset "UTF-8";
/* CSS Document */
/*リセット*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,FF
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
  list-style: none;
  border-right-width: 1px;
  border-left-width: 1px;

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*全体*/
body{
  background-color:#FFFFFF;
  background-image:url(../images/head_contents_back.png);
  background-repeat:repeat-x;
  font-size:14px;
  line-height:1.6em;
  font-family: 
  TimesNewRoman, 'Times New Roman', 
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
}

.clearfix{
  zoom:1;
}
.clearfix:after{
  content: ""; 
  display: block; 
  clear: both; 
}

div{
  display:block;
}

.goPagetop{
  display:block;
  width:150px;
  height:20px;
  text-decoration:none;
  margin:10px 0 10px 450px;
  color:#666;
  font-size:11px;
  text-align:right;
}

.goPagetop:hover{
  color:#000;
}

/*レイアウト*/
#wrapper {
  width:100%;
  margin:0 auto 0 auto;
}
#headArea{
  width:900px;
  height:120px;
  margin:0 auto 0 auto;
  background-image:url(../images/common/logo.jpg);
  background-repeat:no-repeat;
}
.camp{
	width: 250px;
	font-weight: bold;
	font-size: 130%;
	color: #FF0004;
	float: left;
	margin: 42px 0 auto 180px;
}
.headbox{
  float:right;
  margin:15px 0 0 0;
}
#mainContents{
  width:900px;
  margin:15px auto 15px auto;
}
#sideArea{
  width:265px;
  margin-right:25px;
  float:left;
}
#mainArea{
  width:609px;
  float:left;
  padding-bottom:40px;
}
#footerArea{
  clear:both;
  margin:0 auto 0 auto;
  width:900px;
  height:120px;
  background-image:url(../images/common/logo.jpg);
  background-repeat:no-repeat;
  position:relative;
  border-top:dotted #666 1px;
}

/*ヘッダー*/
.addressTable{
  width:400px;
  text-align:left;
  table-layout:fixed;
}
.addressTable tr td{
  vertical-align: middle;
}
.headAdtext{
  font-size:15px;
  color:#46330C;
}
.headTeltext{
  font-size:20px;
  font-weight:bold;
  text-decoration:none;
}
.headTeltext a{
  text-decoration:none;
  color:#46330C;
}
.headTeltext a:hover{
  text-decoration:none;
  color:#956F1B; 
}
.headTable tr td a{
  text-decoration:none;
  font-size:12px;
  color:#000;
}
 .headInfo{
   text-align:left;
   vertical-align:bottom;
   margin-bottom:10px;
 }
 .headInfo a{
   color:#46330C;
   font-size:13px;
   text-decoration:none;
 }
 .headInfo a:hover{
   color:#956F1B; 
 }
/*グローバルナビ*/
#gNavi{
  height:45px;
  margin:0 auto 0 auto;
  width:100%;
  background-image:url(../images/common/gmenu_Back.jpg);
  background-repeat:repeat-x;
}
#gNavi ul{
  margin:0 auto;
  width:900px;
  height:45px;
  
}
#gNavi ul li{
  float:left;
  width:180px;
  height:45px;
  position:relative;
}
#gNavi ul li a{
  display:block;
  height:45px;
  text-indent: -9999px;
  background-image:url(../images/common/gNavi.jpg); 
  background-repeat:no-repeat;
}

#gNavi ul li a.n_top{background-position:0px 0px;  width:180px;}
#gNavi ul li.current-menu-item a.n_top,
#gNavi ul li a.n_top:hover{background-position:0px -45px;}

#gNavi ul li a.n_company{background-position:-180px 0px;  width:180px;}
#gNavi ul li.current-menu-item a.n_company,
#gNavi ul li a.n_company:hover{background-position:-180px -45px;}

#gNavi ul li a.n_product{background-position:-360px 0px;  width:180px;}
#gNavi ul li.current-menu-item a.n_product,
#gNavi ul li a.n_product:hover{background-position:-360px -45px;}

#gNavi ul li a.n_syoukai{background-position:-540px 0px;  width:180px;}
#gNavi ul li.current-menu-item a.n_syoukai,
#gNavi ul li a.n_syoukai:hover{background-position:-540px -45px;}

#gNavi ul li a.n_contact{background-position:-720px 0px;  width:180px;}
#gNavi ul li.current-menu-item a.n_contact,
#gNavi ul li a.n_contact:hover{background-position:-720px -45px;}

#gNavi ul li ul{
	display:none;
}

#gNavi ul li:hover ul{
	display:block;
}

#gNavi ul ul{
width:180px;
border-top:0;
}


#gNavi ul li ul{
width:180px;
height:45px;
position: absolute;
top:45px;
left:-1px;
z-index:1000;
}

#gNavi ul li ul li{
	display: block;
margin:0;
float: none;
height:40px;
line-height:40px;
width:180px;
background:#A47D1A;
border-bottom:1px dotted #663;
filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#gNavi ul li ul li a{
margin:0 0 0 20px;
padding:0;
text-indent:0 !important;
float: none;
height:40px;
line-height:40px;
width:160px;
color:#CCC;
background:#A47D1A;
border-bottom:1px dotted #663;
text-decoration:none;
}

#gNavi ul li ul li a:hover{
	color:#fff;
}

#gNavi ul li li:last-child{border:0;}


#gNavi ul li li.current-menu-item a,#gNavi ul li li a:hover{color:#a5cbf9;}






/*メインイメージ*/
.mainImg{
  width:100%;
  text-align:center;
  margin:0 auto 0 auto;
  background-image:url(../images/common/mainImg_Back.jpg);
  background-repeat:repeat-x;
}
.mainImg img{
  width:900px;
  margin:0 auto 0 auto;
}
.mainIm_sub{
  margin:20px 0;
}

  
/*サイド*/
.side_section a.legendice{
  display:block;
  height:162px;
  text-indent: -9999px;
  background-image:url(../images/common/side_legend.jpg); 
  background-repeat:no-repeat;
}
.side_section a.legendice:hover{
  background-position:0px -162px;
} 

/*サイドかき氷*/
.side_section a.legendicem{
  display:block;
  height:162px;
  text-indent: -9999px;
  background-image: url(../images/product/kakigoori/side_legendm.jpg); 
  background-repeat:no-repeat;
}
.side_section a.legendicem:hover{
  background-position:0px -162px;
} 

.side_section a.legend_01{
  display:block;
  height:85px;
  text-indent: -9999px;
  background-image:url(../images/product/legendice/side_legend_01.jpg); 
  background-repeat:no-repeat;
  margin-top:10px;
}
.side_section a.legend_01:hover{
  background-position:0px -85px;
} 
.side_section a.legend_02{
  display:block;
  height:85px;
  text-indent: -9999px;
  background-image:url(../images/product/legendice/side_legend_02.jpg); 
  background-repeat:no-repeat;
}
.side_section a.legend_02:hover{
  background-position:0px -85px;
} 
.side_section a.legend_03{
  display:block;
  height:85px;
  text-indent: -9999px;
  background-image:url(../images/product/legendice/side_legend_03.jpg); 
  background-repeat:no-repeat;
}
.side_section a.legend_03:hover{
  background-position:0px -85px;
} 
.side_section a.legend_04{
  display:block;
  height:85px;
  text-indent: -9999px;
  background-image:url(../images/product/legendice/side_legend_04.jpg); 
  background-repeat:no-repeat;
}
.side_section a.legend_04:hover{
  background-position:0px -85px;
}
.side_section a.legend_05{
  display:block;
  height:85px;
  text-indent: -9999px;
  background-image:url(../images/product/legendice/side_legend_05.jpg); 
  background-repeat:no-repeat;
}
.side_section a.legend_05:hover{
  background-position:0px -85px;
} 
.side_section a.ca_legend_jp{
  display:block;
  height:156px;
  text-indent: -9999px;
  background-image:url(../images/common/ca_legend_jp.jpg); 
  background-repeat:no-repeat;
  margin:10px 0 0 0;
  cursor:pointer;
}
.side_section a.ca_legend_jp:hover{
  background-position:0px -156px;
} 
.side_section a.ca_legend_en{
  display:block;
  height:156px;
  text-indent: -9999px;
  background-image:url(../images/common/ca_legend_en.jpg); 
  background-repeat:no-repeat;
  margin:10px 0 0 0;
  cursor:pointer;
}
.side_section a.ca_legend_en:hover{
  background-position:0px -156px;
} 
/*かき氷用カタログ*/
.side_section a.ca_legendm{
  display:block;
  height:156px;
  text-indent: -9999px;
  background-image: url(../images/product/kakigoori/ca_legendm.jpg); 
  background-repeat:no-repeat;
  margin:10px 0 0 0;
  cursor:pointer;
}
.side_section a.ca_legendm:hover{
  background-position:0px -156px;
} 


.side_section a.ca_legend_qa{
  display:block;
  height:156px;
  text-indent: -9999px;
  background:url(../images/common/qa_legend.jpg);
  background-repeat:no-repeat;
  margin:10px 0 0 0;
  cursor:pointer;
}
.side_section a.ca_legend_qa:hover{
  background-position:0px -156px;
}

a.contact_bnr{
  display:block;
  height:80px;
  text-indent: -9999px;
  background:url(../images/common/contact_bnr.jpg);
  background-repeat:no-repeat;
}
a.contact_bnr:hover{
  background-position:0px -80px;
} 
.side_kaihatu{
  margin:8px 0 0 0;
}
.agent_bnr{
  margin-top:10px;
  display:block;
}
.agent_bnr:hover{
  filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/*メイン*/
.main_section{
  width:609px;
  background-image:url(../images/common/sub_Back.jpg);
  background-repeat:repeat-y;
}
.main_section_qa{
  width:609px;
}
.section_img{
  float:right;
  width:260px;
  margin:20px 20px 15px 10px;
}
.section_text{
  float:life;
  width:290px;
  margin:20px 10px 15px 20px;
}

.section_img_left{
  float:left;
  width:260px;
  margin:20px 10px 15px 18px;
}
.section_img_sh_left{
  float:left;
  width:190px;
  margin:20px 10px 15px 18px;
  border:1px solid #CCC;
}
.section_text_right{
  float:right;
  width:290px;
  margin:20px 20px 15px 10px;
}
.section_text_sh_right{
  float:right;
  width:350px;
  margin:20px 20px 15px 10px;
}
.section_text_sh_right a{
  color:#000;
  text-decoration:none;
}
.section_text_sh_right a:hover{
  color:#956F1B; 
}
.section_footer{
  height:5px;
  background-image:url(../images/common/sub_Footer.jpg);
  clear:both;
}
.section_p{
  width:569px;
  margin:20px 20px 20px 20px;
}
.section_p dl{
  border-bottom:dotted #999 1px;
  font-size:13px;
  margin-bottom:0.8em;
}
.section_p dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 7.5em;
  border-left: solid 8px #CCC;
  padding-left: 5px;
  color: #000;
}
.section_p dd {
  margin: 0 0 0.8em;
}
.subtitle{
  width:570px;
  margin:20px 0 0 20px;
}

.box{
  animation: flash 1s linear infinite;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}


/*フッター*/
#footerArea a{
  text-decoration:none;
  color:#000;
  font-size:13px;
}
#footerArea a:hover{
  color:#333;
}

.footerNavi{
  margin:33px 0 0 0;
  float:right;
}
.footerMap01{
  list-style:none;
  width:150px;
  float:left;
}
.footerMap02{
  list-style:none;
  width:150px;
  float:left;
}
.footerTitle{
  background-image:url(../images/common/footer_point.jpg);
  text-indent:20px;
  background-repeat:no-repeat;
  line-height:1.2em;
}

/*企業情報*/
.gaiyou_table{
width: 569px;
margin:20px;
table-layout:fixed;
border-collapse: collapse;
}
.gaiyou_table th{
width: 18%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.gaiyou_table td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
padding:5px;
}


/*製品情報*/
.prd_btn{
  margin:20px;
  width:589;
}
.prd_btn .prd_left2_1{
  float:left;
  width:260px;
  margin:0 0 10px 0;
}
.prd_btn .prd_left2_2{
  float:left;
  width:260px;
  margin:0 0 10px 45px;
}
.prd_btn .btn{
  text-indent:-9999px;
}
.specTitle{
  display:block;
  font-size:120%;
  margin:20px 0 10px 0;
}
.specArea{
  margin:20px;
}
.specArea dl {
  width:569px;
}
.specArea dt {
  float:left;
  clear:left;
  width:100px;
}
.specArea dd {
  float:left;
  width:469px;
  margin-bottom:10px;
}

/*導入店紹介*/
.int_shopName{
  font-size:150%;
  display:block;
  margin:10px 0;
  color: #000;
  text-decoration: none;
}
.shopInfo{
  display:block;
  width:350px;
  padding:10px 0 10px 5px;
  border-top:#e1e1e1 2px dotted;
  border-bottom:#e1e1e1 2px dotted;
  font-size:90%;
  margin:10px 0;
}
.shopInfo a{
  color:#F66;
}
.shop_img_i{
  width:188px;
  height:210px;
  float:left;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 0;
}
.shop_img_i .photo{
  display:block;
  text-align:center;
  vertical-align:middle;
  width:188px;
  height:188px;
}
.shop_img_i .photo a{
  display:block;
  width:188px;
  height:188px;
  border:1px solid #e1e1e1;
}
.shop_img_i .photo a img{
  margin:8px;
}
.shop_img_i .img_cap{
  display:block;
  width:168px;
  padding:5px 10px 5px 10px;
  font-size:80%;
  color:#333;
}
.imgBox{
  width:594px;
  text-align:center;
  margin:20px auto;
}
  
/*サイトマップ*/
.smArea{
  margin:20px;
}
.smArea ul li a{
  display:block;
  height:2em;
  border-left:#46330C 5px solid;
  line-height:2em;
  margin-bottom:20px;
  padding-left:10px;
  text-decoration:none;
  color:#000;
}
/*プライバシーポリシー*/
.smArea dl {
  width:569px;
}
.smArea dt {
  float:left;
  clear:left;
  width:20px;
}
.smArea dd {
  float:left;
  width:549px;
  margin-bottom:10px;
}
.pp_contact{
  width:20em;
  float:right;
  margin-bottom:20px;
}

/*Q&A*/
.main_s{
  margin:20px 0;
  border:1px solid #956F1B;
}
.qa_text{
  width:569px;
  margin:10px auto 20px auto;
}
.qa_foot{
  background:
 url(../images/qa/qa_foot.jpg) no-repeat;
 width:609px;
 height:10px;
}

/*お問い合わせ*/
.coArea{
  margin:20px 20px 20px 40px;
}
.contact_mail:hover{
  filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.contact_area{
  margin:0;
  padding:0;
  width:609px;
  height:180px;
  display:block;
}
.contact_area{
  margin:0;
  padding:0;
  width:609px;
  height:335px;
  display:block;
}
.contact_area img{
  margin:0;
  padding:0;
  vertical-align:bottom;
}
/*販売店募集*/
.areaBox{
}
.areaTitle{
  background-image: url(../images/common/point02.png);
  text-indent:20px;
  background-repeat:no-repeat;
  line-height:1.2em;
}
.area_Map01,
.area_Map02,
.area_Map03,
.area_Map04{
  list-style:none;
  width:120px;
  float:left;
}