@charset "UTF-8";
/* CSS Document */

/*--------------- contents ---------------*/

#contents_shadow {
  width:1024px;
  padding:0 10px;
  float:left;
  background:url(../img/shadow.gif) repeat-y;
}

#contents {
  width:1024px;
  padding:10px 0 10px 0;
  float:left;
  clear:both;
}





#contents02 {
  width:1024px;
  float:left;
  padding:0 0 10px 0;
  clear:both;
  background:url(../img/contents02-bg.gif) repeat-y;
}
#contents-left {
  width:750px;
  margin:0 20px 15px 20px;
  float:left;
 display: inline;
}

#contents-banner {
  width:230px;
  float:right;
 display: inline;
}




#contents03 {
  width:1024px;
  padding:0 0 10px 0;
  float:left;
  clear:both;
}




#contents04 {
  width:1024px;
  padding:0 0 10px 0;
  float:left;
  clear:both;
 background:#EBF5EC;
}

/*--------------- pankuzu ---------------*/

#pankuzu {
  width:984px;
  font-size:10px;
  margin:10px 20px;
  float:left;
 display: inline;
}

#pankuzu span {
  margin:0 8px;
}

#pankuzu a:link {
  text-decoration:none;
  color:#339900;
  }
  
#pankuzu a:visited {
  text-decoration:none;
  color:#339900;
  }
   
#pankuzu a:hover {
  text-decoration:none;
  color:#FF0000;
  }
  
  
  
  
  

/*--------------- index ---------------*/


#catch-copy{
  width:984px;
  font-size:16px;
  color:#4AAC45;
  text-align:center;
  line-height:1.2;
  
  float:left;
  margin:0 20px 10px 20px;
 display: inline;
 
}




#top-category{
	width: 972px;
	float: left;
	margin: 0 30px 12px 22px;
	display: inline; 
}

#top-category ul{
  width:972px;
  margin:0 0 3px 0;
  float:left;
 display: inline;
}

#top-category ul li {
  float:left;
  width:235px;
  height:119px;
  margin:0 0 0 8px;
	background:url(../img/top-category001.jpg) no-repeat;
}

#top-category02 {
  background:url(../img/top-category002.jpg) no-repeat !important;
  }
#top-category03 {
  background:url(../img/top-category003.jpg) no-repeat !important;
  }
#top-category04 {
  background:url(../img/top-category004.jpg) no-repeat !important;
  }
#top-category05 {
  background:url(../img/top-category005.jpg) no-repeat !important;
  }
#top-category06 {
  background:url(../img/top-category006.jpg) no-repeat !important;
  }
#top-category07 {
  background:url(../img/top-category007.jpg) no-repeat !important;
  }
#top-category08 {
  background:url(../img/top-category008.jpg) no-repeat !important;
  }
#top-category09 {
  background:url(../img/top-category009.jpg) no-repeat !important;
  }

#top-category ul li a {
  display:block;
  width:235px;
  height:119px;
  overflow: hidden;
  text-indent:-9999px;
  }
 
#top-category ul li a:hover {
	background-color: rgba(255,255,255,.3);
}

#top-category01on,
#top-category02on,
#top-category03on,
#top-category04on,
#top-category05on,
#top-category06on,
#top-category07on,
#top-category08on {
  float:left;
  width:235px;
  height:119px;
  margin:0 0 0 8px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/top-category001-over.jpg) no-repeat;
  }
#top-category02on {
  background:url(../img/top-category002-over.jpg) no-repeat;
  }
#top-category03on {
  background:url(../img/top-category003-over.jpg) no-repeat;
  }
#top-category04on {
  background:url(../img/top-category004-over.jpg) no-repeat;
  }
#top-category05on {
  background:url(../img/top-category005-over.jpg) no-repeat;
  }
#top-category06on {
  background:url(../img/top-category006-over.jpg) no-repeat;
  }
#top-category07on {
  background:url(../img/top-category007-over.jpg) no-repeat;
  }
#top-category08on {
  background:url(../img/top-category008-over.jpg) no-repeat;
  }
  
  
  
/*----------------------*/


#area-btn{
  width:1024px;
  float:left;
  margin:15px 0 10px 0;
 display: inline;
}

#area-btn ul{
  width:970px;
  float:left;
  margin:0 27px 0 27px;
 display: inline;
}

#area-btn01,
#area-btn02,
#area-btn03,
#area-btn04,
#area-btn05,
#area-btn06,
#area-btn07,
#area-btn08{
  float:left;
  width:80px;
  height:20px;
  margin:0 14px 0 14px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  
  border-style:solid;
  border-width:1px;
  border-color:#007540;
  background:url(../img/area-btn001.gif) no-repeat;
  }
#area-btn02 {
  background:url(../img/area-btn002.gif) no-repeat;
  }
#area-btn03 {
  background:url(../img/area-btn003.gif) no-repeat;
  }
#area-btn04 {
  background:url(../img/area-btn004.gif) no-repeat;
  }
#area-btn05 {
  width:94px;
  background:url(../img/area-btn005.gif) no-repeat;
  }
#area-btn06 {
  width:94px;
  background:url(../img/area-btn006.gif) no-repeat;
  }
#area-btn07 {
  width:130px;
  background:url(../img/area-btn007.gif) no-repeat;
  }
#area-btn08 {
  width:92px;
  background:url(../img/area-btn008.gif) no-repeat;
  }


#area-btn01 a,
#area-btn02 a,
#area-btn03 a,
#area-btn04 a,
#area-btn05 a,
#area-btn06 a,
#area-btn07 a,
#area-btn08 a {
  display:block;
  width:80px;
  height:20px;
  } 
#area-btn05 a,
#area-btn06 a {
  width:94px;
  }
#area-btn07 a {
  width:130px;
  }
#area-btn08 a {
  width:92px;
  }
#area-btn01 a:hover {
  background:url(../img/area-btn001-over.gif) no-repeat;
  }
#area-btn02 a:hover {
  background:url(../img/area-btn002-over.gif) no-repeat;
  }
#area-btn03 a:hover {
  background:url(../img/area-btn003-over.gif) no-repeat;
  } 
#area-btn04 a:hover {
  background:url(../img/area-btn004-over.gif) no-repeat;
  } 
#area-btn05 a:hover {
  background:url(../img/area-btn005-over.gif) no-repeat;
  } 
#area-btn06 a:hover {
  background:url(../img/area-btn006-over.gif) no-repeat;
  } 
#area-btn07 a:hover {
  background:url(../img/area-btn007-over.gif) no-repeat;
  } 
#area-btn08 a:hover {
  background:url(../img/area-btn008-over.gif) no-repeat;
  } 
  

#area-btn01on,
#area-btn02on,
#area-btn03on,
#area-btn04on,
#area-btn05on,
#area-btn06on,
#area-btn07on,
#area-btn08on {
  float:left;
  width:80px;
  height:20px;
  margin:0 15px 0 15px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/area-btn001-over.gif) no-repeat;
  }
#area-btn02on {
  background:url(../img/area-btn002-over.gif) no-repeat;
  }
#area-btn03on {
  background:url(../img/area-btn003-over.gif) no-repeat;
  }
#area-btn04on {
  background:url(../img/area-btn004-over.gif) no-repeat;
  }
#area-btn05on {
  width:94px;
  background:url(../img/area-btn005-over.gif) no-repeat;
  }
#area-btn06on {
  width:94px;
  background:url(../img/area-btn006-over.gif) no-repeat;
  }
#area-btn07on {
  width:130px;
  background:url(../img/area-btn007-over.gif) no-repeat;
  }
#area-btn08on {
  width:92px;
  background:url(../img/area-btn008-over.gif) no-repeat;
  }
  
  
  
#flash-scroll {
  width:1024px;
  height:340px;
  margin:0;
  float:left;
}
  
  
#index-contents {
  width:984px;
  padding:5px 20px 15px 20px;
  clear:both;
  float:left;
 
 border-top-style:solid;
 border-top-color:#347E0F;
 border-top-width:4px;
}

#news {
  /*width:324px;*/
  width:434px;
  float:left;
  margin:15px 20px 0 0;
}


#news ul {
  /*width:304px;
  height:305px;*/
  width:414px;
  height:439px;
  padding:0 20px 0 0;
  overflow-y:scroll;
}

#news ul li {
  /*width:304px;*/
  width:414px;
  margin:0 0 15px 0;
  padding:0 0 15px 0;
  
  border-bottom-style:dotted;
  border-bottom-color:#333333;
  border-bottom-width:1px;
  
  font-size:12px;
  line-height:1.6;
}

#news ul li a:link {
  text-decoration:none;
  color:#006837;
  }
#news ul li a:visited {
  text-decoration:none;
  color:#006837;
  }
#news ul li a:hover {
  text-decoration:none;
  color:#FF0000;
  }





#group-business {
  /*width:410px;*/
  width:300px;
  float:left;
  margin:15px 20px 0 0;
}


#consulting{
  width:270px;
  float:left;
 display: inline;
}




#catalog{
  /*width:410px;*/
  width:300px;
  float:left;
}

#catalog p{ 
 text-align:center;
 font-size:10px;
 margin:5px 0 0 0;
}

#catalog a img {
	border: solid 1px #555;
}




#related-links {
  width:210px;
  float:left;
  margin:15px 0 0 0;
}

#related-links ul {
  width:200px;
  margin:0 5px 0 5px;
}

#related-links ul li {
  width:200px;
  margin:0 0 15px 0;
}


#index-pdf {
	padding:0 15px 0 0;
	line-height:2.2;
	font-weight:bold;
	background:url(../img/pdf-mark.gif) no-repeat right;
}









/*--------------- Product ---------------*/

#product {
  font-size:13px;
  margin:10px 0;
  float:left;
 display: inline;
}


#product-title01,
#product-title02,
#product-title03,
#product-title04,
#product-title05,
#product-title06,
#product-title07,
#product-title08 {
  width:735px;
  font-size:15px;
  color:#FFFFFF;
  float:left;
 display: inline;
  padding:5px 0 3px 15px;
  margin:5px 0 5px 0;
}
#product-title01 {
  background:#3EB370;
}
#product-title02 {
  background:#34b8ef;
}
#product-title03 {
  background:#6162A4;
}
#product-title04 {
  background:#C486B8;
}
#product-title05 {
  background:#E95464;
}
#product-title06 {
  background:#F3981C;
}
#product-title07 {
  background:#999;
}
#product-title08 {
  background:#ABCD03;
}

#product ul {
  width:740px;
  float:left;
	line-height: 24px;
  margin:0 0 6px 10px;
 display: inline;
  background:url(../img/product-line.png) repeat-x center left;
}

#product #no-line {
  background:none;
}

#product ul a:link {
  text-decoration:none;
  color:#333;
  }
#product ul a:visited {
  text-decoration:none;
  color:#333;
  }
#product ul a:hover {
  text-decoration:none;
  color:#FF0000;
  }


#product ul #l{
  float:left;
  background:#FFFFFF;
  padding:0 10px 0 0;
}
#product ul #r{
  float:right;
  background:#FFFFFF;
  padding:0 0 0 10px;
}


#product ul #l img.index-medal {
	height:24px; width:50px;
	vertical-align: middle;
}


#product ul .sml{
  font-size:11px;
}






/*--------------- each-company ---------------*/

#each-company {
  width:670px;
  font-size:14px;
  margin:0 40px 0 40px;
  float:left;
}


#each-company ul {
  width:670px;
  float:left;  
	padding:0 0 25px 0;
}





#each-company-title01,
#each-company-title02,
#each-company-title03,
#each-company-title04,
#each-company-title05,
#each-company-title06,
#each-company-title07,
#each-company-title08 {
  width:645px;
  font-size:15px;
  color:#FFFFFF;
  float:left;
 display: inline;
  padding:5px 0 3px 25px;
  margin:5px 0 5px 0;
}
#each-company-title01 {
  background:#3EB370;
}
#each-company-title02 {
  background:#34b8ef;
}
#each-company-title03 {
  background:#6162A4;
}
#each-company-title04 {
  background:#C486B8;
}
#each-company-title05 {
  background:#E95464;
}
#each-company-title06 {
  background:#F3981C;
}
#each-company-title07 {
  background:#999;
}
#each-company-title08 {
  background:#ABCD03;
}







#each-company ul li {
  width:650px;
  float:left;  
	padding:10px 0 10px 20px;
  line-height: 24px;
  border-bottom-style:dotted;
  border-bottom-color:#333333;
  border-bottom-width:1px;
}

#each-company ul li a:link {
  float:left;
  text-decoration:none;
  background:url(../img/mark002.png) no-repeat left;
	padding:0px 0 0px 20px;
  color:#666666;
  }
#each-company ul li a:visited {
  color:#666666;
  }  
#each-company ul li a:hover {
  color:#339900;
  }

#each-company ul li .sml{
  font-size:12px;
}

#each-company ul li a.icmovie:after {
	display: inline-block;
	vertical-align: middle;
	width: 20px; height: 20px;
	content: '';
	margin-left: 6px;
	background: url("../img/icon-movie.svg") right center no-repeat;
}

#each-company ul li img.index-medal {
	height:24px; width:50px;
	vertical-align: middle;
}


  
  

#each-company ul li #each-company-movie{
  float:left;
  width:69px;
  height:20px;
  margin:0 0 0 15px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/each-company-movie-btn.gif) no-repeat;
  }
#each-company ul li #each-company-movie a {
  display:block;
  width:69px;
  height:20px;
  } 
#each-company ul li #each-company-movie a:hover {
  background:url(../img/each-company-movie-btn-over.gif) no-repeat;
  }
#each-company ul li #each-company-movieon {
  float:left;
  width:69px;
  height:20px;
  margin:0 0 0 15px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/each-company-movie-btn-over.gif) no-repeat;
  }
  
#each-company ul li #each-company-detail-view{
  float:left;
  width:69px;
  height:20px;
  margin:0 0 0 15px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/each-company-info-btn03.gif) no-repeat;
  }
#each-company ul li #each-company-detail-view a {
  display:block;
  width:69px;
  height:20px;
  } 
#each-company ul li #each-company-detail-view a:hover {
  background:url(../img/each-company-info-btn03-over.gif) no-repeat;
  }
#each-company ul li #each-company-detail-viewon {
  float:left;
  width:69px;
  height:20px;
  margin:0 0 0 15px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/each-company-info-btn03-over.gif) no-repeat;
  }
 

#each-company ul li div a:link {
  background:none;
  }
#each-company ul li div a:visited {
  background:none;
  }  
#each-company ul li div a:hover {
  background:none;
  }









/*--------------- category ---------------*/

#category_catch-copy{
  width:750px;
  font-size:15px;
  color:#4AAC45;
  text-align:center;
  line-height:1.2;
  
  float:left;
  margin:10px 0 15px 0;
  padding:0 0 10px 0;
 display: inline;
  
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#009900;
 
}

#category{
  width:710px;
  margin:10px 20px 10px 20px;
  padding:0 0 20px 0;
  float:left;
 display: inline;
  
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#009900;
}

#category-bg{
  width:710px;
  float:left;
 background:url(../img/category-bg.gif) repeat-y;
}


#category-l{
  width:340px;
  margin:0 15px 0 0;
  padding:15px 14px 15px 0;
  float:left;
 display: inline;
}

#category-r{
  width:340px;
  padding:15px 0 15px 0;
  float:right;
 display: inline;
}


#category ul li{
 font-size:12px;
 line-height:1.4;
}

#category ul li img{
  margin:0 10px 10px 0;
  float:left;
 display: inline;
}


#category ul li img.category-medal{
  margin:0 -4px 10px 10px;
  float:right;
 display: inline;
}
.recommended-medal{
  margin:0px 10px 10px 0;
  float:right;
 display: inline;
}


#title002{
  width:340px;
  font-size:14px;
  font-weight:bold;
  padding:0 0 5px 0;
  margin:0 0 10px 0;
  background:url(../img/title-bg03.gif) no-repeat bottom;
}


#mark-blue{
  padding:0 0 3px 14px;
  background:url(../img/mark003.png) no-repeat left top;
}

#mark-red{
  padding:2px 0 5px 18px;
  background:url(../img/mark002-over.png) no-repeat left top;
}

#mark-red .sml,
#mark-blue .sml{
  font-size:12px;
}





#more-info-btn{
  float:right;
  width:101px;
  height:25px;
  margin:5px 0 0 90px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/more-info-btn.gif) no-repeat;
  }
#more-info-btn a {
  display:block;
  width:101px;
  height:25px;
  } 
#more-info-btn a:hover {
  background:url(../img/more-info-btn-over.gif) no-repeat;
  }
#more-info-btnon {
  float:right;
  width:101px;
  height:25px;
  margin:5px 0 0 90px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/more-info-btn-over.gif) no-repeat;
  }






#movie-btn{
  float:right;
  width:101px;
  height:25px;
  margin:10px 0 0 90px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/movie-btn.gif) no-repeat;
  }
#movie-btn a {
  display:block;
  width:101px;
  height:25px;
  } 
#movie-btn a:hover {
  background:url(../img/movie-btn-over.gif) no-repeat;
  }
#movie-btnon {
  float:right;
  width:101px;
  height:25px;
  margin:10px 0 0 90px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/movie-btn-over.gif) no-repeat;
  }





#more-info-btn02{
  float:right;
  width:101px;
  height:25px;
  margin:5px 0 0 90px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/more-info-btn02.gif) no-repeat;
  }
#more-info-btn02 a {
  display:block;
  width:101px;
  height:25px;
  } 
#more-info-btn02 a:hover {
  background:url(../img/more-info-btn02-over.gif) no-repeat;
  }
#more-info-btn02on {
  float:right;
  width:101px;
  height:25px;
  margin:5px 0 0 90px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/more-info-btn02-over.gif) no-repeat;
  }






#movie-btn02{
  float:right;
  width:101px;
  height:25px;
  margin:10px 0 0 90px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/movie-btn02.gif) no-repeat;
  /* 非活性用スタイル */
  display: none;
  }
#movie-btn02 a {
  display:block;
  width:101px;
  height:25px;
  } 
#movie-btn02 a:hover {
  background:url(../img/movie-btn02-over.gif) no-repeat;
  }
#movie-btn02on {
  float:right;
  width:101px;
  height:25px;
  margin:10px 0 0 90px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/movie-btn02-over.gif) no-repeat;
  }





#more-info-btn03{
  float:right;
  width:101px;
  height:25px;
  margin:10px 0 0 90px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/more-info-btn03.gif) no-repeat;
  }
#more-info-btn03 a {
  display:block;
  width:101px;
  height:25px;
  } 
#more-info-btn03 a:hover {
  background:url(../img/more-info-btn03-over.gif) no-repeat;
  }
#more-info-btnon03 {
  float:right;
  width:101px;
  height:25px;
  margin:10px 0 0 90px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/more-info-btn03-over.gif) no-repeat;
  }








#recommended_head{
  width:750px;
  font-size:15px;
  color:#E4007F;
  text-align:center;
  line-height:1.2;
  
  float:left;
  margin:10px 0 15px 0;
  padding:0 0 10px 0;
 display: inline;
  
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#009900;
 
}

#recommended{
  width:710px;
  margin:10px 20px 10px 20px;
  padding:0 0 20px 0;
  float:left;
 display: inline;
}


#recommended-l{
  width:336px;
  margin:0 29px 0 0;
  float:left;
 display: inline;
 background:#F1F8F4;
  
  border-style:solid;
  border-width:2px;
  border-color:#009944;
}

#recommended-r{
  width:336px;
  float:right;
 display: inline;
 background:#F1F8F4;
  
  border-style:solid;
  border-width:2px;
  border-color:#009944;
}




#recommended-title{
  width:336px;
  font-size:14px;
  line-height:1.4;
  text-align:center;
  color:#FFFFFF;
  padding:7px 0;
  margin:0 0 15px 0;
  
  background:#45B035;
}

#recommended-title p{
  width:316px;
  font-size:12px;
  text-align:center;
  padding:5px 0 0 0;
  margin:3px 10px 0 10px;
  
  border-top-style:solid;
  border-top-width:1px;
  border-top-color:#CCCC33;
}

#recommended-title .sml{
  font-size:12px;
}

#recommended_catch-copy{
  width:216px;
  font-size:13px;
  font-weight:bold;
  color:#E4007F;
	left: 0;
  text-align:left;
  line-height:1.4em;
	min-height: 4.2em;
  margin:0 0 16px 0;
  padding:0 100px 0 20px;
	position: relative;
}

#recommended_catch-copy>.recommended-medal {
	position: absolute;
	float: none;
	margin: 0;
	top: -6px; right: 10px;
}

#recommended_catch-photo {
	width: 296px;
	padding: 0 20px;
	text-align: center;
}
#recommended_catch-photo img {
	max-width: 100%;
	height: auto;
}



#recommended-more-info{
  float:right;
  width:101px;
  height:25px;
  margin: 14px 20px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/more-info-btn.gif) no-repeat;
  }
#recommended-more-info a {
  display:block;
  width:101px;
  height:25px;
  } 
#recommended-more-info a:hover {
  background:url(../img/more-info-btn-over.gif) no-repeat;
  }
#recommended-more-infoon {
  float:right;
  width:101px;
  height:25px;
  margin: 14px 20px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/more-info-btn-over.gif) no-repeat;
  }






#recommended-movie{
  float:left;
  width:101px;
  height:25px;
  margin:10px 0 10px 44px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/movie-btn.gif) no-repeat;
  /* 非活性用スタイル */
  display: none;
  }
#recommended-movie a {
  display:block;
  width:101px;
  height:25px;
  } 
#recommended-movie a:hover {
  background:url(../img/movie-btn-over.gif) no-repeat;
  }
#recommended-movieon {
  float:left;
  width:101px;
  height:25px;
  margin:10px 0 10px 44px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/movie-btn-over.gif) no-repeat;
  }
  
  
  
  
  


#recommended-detail-view02{
  float:right;
  width:101px;
  height:25px;
  margin:10px 6px 10px 0;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/more-info-btn03.gif) no-repeat;
  }
#recommended-detail-view02 a {
  display:block;
  width:101px;
  height:25px;
  } 
#recommended-detail-view02 a:hover {
  background:url(../img/more-info-btn03-over.gif) no-repeat;
  }
#recommended-detail-view02on {
  float:right;
  width:101px;
  height:25px;
  margin:10px 6px 10px 0;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/more-info-btn03-over.gif) no-repeat;
  }
  
  
#recommended-more-info02{
  float:right;
  width:101px;
  height:25px;
  margin:14px 20px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/more-info-btn.gif) no-repeat;
  }
#recommended-more-info02 a {
  display:block;
  width:101px;
  height:25px;
  } 
#recommended-more-info02 a:hover {
  background:url(../img/more-info-btn-over.gif) no-repeat;
  }
#recommended-more-info02on {
  float:right;
  width:101px;
  height:25px;
  margin:10px 10px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/more-info-btn-over.gif) no-repeat;
  }


#recommended-movie02{
  float:left;
  width:101px;
  height:25px;
  margin:10px 0 10px 6px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/movie-btn.gif) no-repeat;
  /* 非活性用スタイル */
  display: none;
  }
#recommended-movie02 a {
  display:block;
  width:101px;
  height:25px;
  } 
#recommended-movie02 a:hover {
  background:url(../img/movie-btn-over.gif) no-repeat;
  }
#recommended-movie02on {
  float:left;
  width:101px;
  height:25px;
  margin:10px 0 10px 6px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/movie-btn-over.gif) no-repeat;
  }




/*--------------- area ---------------*/


#area-title{
  width:984px;
  padding:0 20px 20px 20px;
  text-align:center;
  float:left;
  background:#FFFFFF;
}

#area-title p{
  padding:10px 0 10px 0;
  text-align:center;
  background:url(../img/area-title-bg.gif) no-repeat top;
  
  font-size:18px;
  color:#444;
}
#area-mark-btn{
  width:984px;
    float:left;
}

#area-mark-btn01,
#area-mark-btn02,
#area-mark-btn03,
#area-mark-btn04,
#area-mark-btn05,
#area-mark-btn06,
#area-mark-btn07,
#area-mark-btn08{
  float:left;
  width:100px;
  height:35px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/area-mark-btn001.gif) no-repeat;
  }
#area-mark-btn02 {
  background:url(../img/area-mark-btn002.gif) no-repeat;
  }
#area-mark-btn03 {
  background:url(../img/area-mark-btn003.gif) no-repeat;
  }
#area-mark-btn04 {
  background:url(../img/area-mark-btn004.gif) no-repeat;
  }
#area-mark-btn05 {
  width:130px;
  background:url(../img/area-mark-btn005.gif) no-repeat;
  }
#area-mark-btn06 {
  width:130px;
  background:url(../img/area-mark-btn006.gif) no-repeat;
  }
#area-mark-btn07 {
  width:194px;
  background:url(../img/area-mark-btn007.gif) no-repeat;
  }
#area-mark-btn08 {
  width:130px;
  background:url(../img/area-mark-btn008.gif) no-repeat;
  }


#area-mark-btn01 a,
#area-mark-btn02 a,
#area-mark-btn03 a,
#area-mark-btn04 a,
#area-mark-btn05 a,
#area-mark-btn06 a,
#area-mark-btn07 a,
#area-mark-btn08 a {
  display:block;
  width:100px;
  height:35px;
  }
#area-mark-btn05 a,
#area-mark-btn06 a,
#area-mark-btn08 a{
  width:130px;
  } 
#area-mark-btn07 a{
  width:194px;
  } 
#area-mark-btn01 a:hover {
  background:url(../img/area-mark-btn001-over.gif) no-repeat;
  }
#area-mark-btn02 a:hover {
  background:url(../img/area-mark-btn002-over.gif) no-repeat;
  }
#area-mark-btn03 a:hover {
  background:url(../img/area-mark-btn003-over.gif) no-repeat;
  } 
#area-mark-btn04 a:hover {
  background:url(../img/area-mark-btn004-over.gif) no-repeat;
  } 
#area-mark-btn05 a:hover {
  background:url(../img/area-mark-btn005-over.gif) no-repeat;
  } 
#area-mark-btn06 a:hover {
  background:url(../img/area-mark-btn006-over.gif) no-repeat;
  } 
#area-mark-btn07 a:hover {
  background:url(../img/area-mark-btn007-over.gif) no-repeat;
  } 
#area-mark-btn08 a:hover {
  background:url(../img/area-mark-btn008-over.gif) no-repeat;
  }  
  

#area-mark-btn01on,
#area-mark-btn02on,
#area-mark-btn03on,
#area-mark-btn04on,
#area-mark-btn05on,
#area-mark-btn06on,
#area-mark-btn07on,
#area-mark-btn08on {
  float:left;
  width:100px;
  height:35px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/area-mark-btn001-over.gif) no-repeat;
  }
#area-mark-btn02on {
  background:url(../img/area-mark-btn002-over.gif) no-repeat;
  }
#area-mark-btn03on {
  background:url(../img/area-mark-btn003-over.gif) no-repeat;
  }
#area-mark-btn04on {
  background:url(../img/area-mark-btn004-over.gif) no-repeat;
  }
#area-mark-btn05on {
  width:130px;
  background:url(../img/area-mark-btn005-over.gif) no-repeat;
  }
#area-mark-btn06on {
  width:130px;
  background:url(../img/area-mark-btn006-over.gif) no-repeat;
  }
#area-mark-btn07on {
  width:194px;
  background:url(../img/area-mark-btn007-over.gif) no-repeat;
  }
#area-mark-btn08on {
  width:130px;
  background:url(../img/area-mark-btn008-over.gif) no-repeat;
  }
  

#area-mark-btn01-on,
#area-mark-btn02-on,
#area-mark-btn03-on,
#area-mark-btn04-on,
#area-mark-btn05-on,
#area-mark-btn06-on,
#area-mark-btn07-on,
#area-mark-btn08-on {
  float:left;
  width:100px;
  height:35px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/area-mark-btn001-over.gif) no-repeat;
  }
#area-mark-btn02-on {
  background:url(../img/area-mark-btn002-over.gif) no-repeat;
  }
#area-mark-btn03-on {
  background:url(../img/area-mark-btn003-over.gif) no-repeat;
  }
#area-mark-btn04-on {
  background:url(../img/area-mark-btn004-over.gif) no-repeat;
  }
#area-mark-btn05-on {
  width:130px;
  background:url(../img/area-mark-btn005-over.gif) no-repeat;
  }
#area-mark-btn06-on {
  width:130px;
  background:url(../img/area-mark-btn006-over.gif) no-repeat;
  }
#area-mark-btn07-on {
  width:194px;
  background:url(../img/area-mark-btn007-over.gif) no-repeat;
  }
#area-mark-btn08-on {
  width:130px;
  background:url(../img/area-mark-btn008-over.gif) no-repeat;
  }
  





#area-goods{
  width:990px;
  margin:20px auto 15px;
 display: flex;
 flex-wrap: wrap;
}

#goods01{
  width:192px;
  margin:0 3px 20px;
 background:#FFFFFF;
}



#goods-title00{
  width:192px;
  font-size:12px;
  text-align:center;
  padding:5px 0 3px 0;
  background:#63ff6a;
  color:#FFFFFF;
}

#goods-title01{
  width:192px;
  font-size:12px;
  text-align:center;
  padding:5px 0 3px 0;
  background:#3EB370;
  color:#FFFFFF;
}

#goods-title02{
  width:192px;
  font-size:12px;
  text-align:center;
  padding:5px 0 3px 0;
  background:#34b8ef;
  color:#FFFFFF;
}

#goods-title03{
  width:192px;
  font-size:12px;
  text-align:center;
  padding:5px 0 3px 0;
  background:#6162A4;
  color:#FFFFFF;
}

#goods-title04{
  width:192px;
  font-size:12px;
  text-align:center;
  padding:5px 0 3px 0;
  background:#C486B8;
  color:#FFFFFF;
}

#goods-title05{
  width:192px;
  font-size:12px;
  text-align:center;
  padding:5px 0 3px 0;
  background:#E95464;
  color:#FFFFFF;
}

#goods-title06{
  width:192px;
  font-size:12px;
  text-align:center;
  padding:5px 0 3px 0;
  background:#F3981C;
  color:#FFFFFF;
}

#goods-title07{
  width:192px;
  font-size:12px;
  text-align:center;
  padding:5px 0 3px 0;
  background:#999;
  color:#FFFFFF;
}

#goods-title08{
  width:192px;
  font-size:12px;
  text-align:center;
  padding:5px 0 3px 0;
  background:#ABCD03;
  color:#FFFFFF;
}






#goods-name01{
  width:182px;
  font-size:12px;
  font-weight:bold;
  line-height:1.2;
  text-align:center;
  margin:0 5px;
  padding:5px 0 3px 0;
  
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#333;
}

#goods-name02{
  width:182px;
  height:30px;
   font-size:12px;
  font-weight:bold;
  line-height:1.2;
  text-align:center;
  margin:0 5px;
  padding:5px 0 3px 0;
  
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#333;
}

#goods-name03{
  width:182px;
  height:45px;
   font-size:12px;
  font-weight:bold;
  line-height:1.2;
  text-align:center;
  margin:0 5px;
  padding:5px 0 3px 0;
  
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#333;
}


#goods-name01 .sml,
#goods-name02 .sml,
#goods-name03 .sml{
   font-size:10px;
}

#goods-photo01{
  width:182px;
  height:150px;
  text-align:center;
  margin:8px 5px 8px 5px;
}

#goods-photo02{
  width:182px;
  height:150px;
  text-align:left;
  padding:6px 5px 6px 5px;
  
  position:relative;
}


.area-medal{
	position:absolute;
	right:0;
	top:3px;
}


#goods-comment{
  width:182px;
  height:50px;
  font-size:12px;
  line-height:1.4;
  margin:5px 5px 5px 5px;
}


#goods-comment01{
  width:182px;
   height:70px;
  font-size:12px;
  line-height:1.4;
  margin:5px 5px 5px 5px;
}

#goods-comment02{
  width:182px;
   height:90px;
  font-size:12px;
  line-height:1.4;
  margin:5px 5px 5px 5px;
}

#goods-comment03{
  width:182px;
   height:110px;
  font-size:12px;
  line-height:1.4;
  margin:5px 5px 5px 5px;
}

#goods-comment04{
  width:182px;
   height:130px;
  font-size:12px;
  line-height:1.4;
  margin:5px 5px 5px 5px;
}

#goods-comment05{
  width:182px;
   height:150px;
  font-size:12px;
  line-height:1.4;
  margin:5px 5px 5px 5px;
}

#goods-comment06{
  width:182px;
   height:170px;
  font-size:12px;
  line-height:1.4;
  margin:5px 5px 5px 5px;
}









#area-info{
  float:right;
  width:70px;
  height:22px;
  margin:5px 15px 10px 11px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/area-info-btn.gif) no-repeat;
  }
#area-info a {
  display:block;
  width:70px;
  height:22px;
  } 
#area-info a:hover {
  background:url(../img/area-info-btn-over.gif) no-repeat;
  }
#area-infoon {
  float:right;
  width:70px;
  height:22px;
  margin:5px 15px 10px 11px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/area-info-btn-over.gif) no-repeat;
  }






#area-movie{
  float:right;
  width:70px;
  height:22px;
  margin:5px 8px 10px 9px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/area-movie-btn.gif) no-repeat;
  }
#area-movie a {
  display:block;
  width:70px;
  height:22px;
  } 
#area-movie a:hover {
  background:url(../img/area-movie-btn-over.gif) no-repeat;
  }
#area-movieon {
  float:right;
  width:70px;
  height:22px;
  margin:5px 8px 10px 9px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/area-movie-btn-over.gif) no-repeat;
  }















#area-detail-view{
  float:right;
  width:70px;
  height:22px;
  margin:5px 8px 5px 9px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/area-info-btn03.gif) no-repeat;
  }
#area-detail-view a {
  display:block;
  width:70px;
  height:22px;
  } 
#area-detail-view a:hover {
  background:url(../img/area-info-btn03-over.gif) no-repeat;
  }
#area-detail-viewon {
  float:right;
  width:70px;
  height:22px;
  margin:5px 8px 5px 9px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/area-info-btn03-over.gif) no-repeat;
  }

#area-info02{
  float:right;
  width:70px;
  height:22px;
  margin:5px 15px 5px 11px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  }
  
#area-detail-view02{
  float:right;
  width:70px;
  height:22px;
  margin:5px 8px 5px 9px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  }
  
  
  
  
  

/*--------------- イベント情報 ---------------*/


#event {
  width:750px;
  font-size:12px;
  line-height:1.8;
  margin:10px 0 0 0;
  float:left;
 display: inline;
}


#event-title {
  width:740px;
  height:28px;
  font-size:15px;
  font-weight:bold;
  margin:10px 0 15px 0;
  padding:8px 0 0 30px;
  color:#006633;
  
  background:url(../img/event-title-bg.gif) no-repeat;
}

#event p {
  margin:10px 0 15px 15px;
}

#event-list{
  text-indent:-36px;
  padding-left:36px;
}




#event-l-photo{
  float:left;
  margin:0 0 0 15px;
 display: inline;
}

#event-r-photo{
  float:right;
  margin:0 0 0 20px;
 display: inline;
}

#event #event-l-photo p,
#event #event-r-photo p{
  margin:0;
}
.caption{
  font-size:11px;
  font-weight:bold;
  text-align:center;
}





/*--------------- グループ会社 ---------------*/


#group {
  width:730px;
  font-size:13px;
  line-height:1.4;
  margin:10px 0 0 20px;
  float:left;
 display: inline;
}

#group p{
  width:713px;
  font-size:14px;
  font-weight:bold;
  color:#006633;
  padding:7px 0 5px 17px;
  margin:8px 0 10px 0;
  float:left;
 display: inline;
 background:url(../img/group-icon.png) no-repeat left;
  
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#009900;
}


#group ul {
  width:730px;
  padding:0 0 10px 0;
  margin:0 0 10px 0;
  float:left;
 display: inline;
  
  border-bottom-style:dotted;
  border-bottom-width:1px;
  border-bottom-color:#666;
}

#group ul li{
  width:730px;
  margin:0 0 2px 0;
  float:left;
 display: inline;
}

#group a:link {
  text-decoration:none;
  background:url(../img/icon_blank.gif) no-repeat right;
	padding:2px 15px 0 0;
  color:#339900;
  }
#group a:visited {
  text-decoration:none;
  background:url(../img/icon_blank.gif) no-repeat right;
	padding:2px 15px 0 0;
  color:#339900;
  }  
#group a:hover {
  text-decoration:none;
  background:url(../img/icon_blank.gif) no-repeat right;
	padding:2px 15px 0 0;
  color:#FF0000;
  }






/*--------------- よくあるご質問 ---------------*/


#qa {
  width:750px;
  font-size:12px;
  line-height:1.4;
  margin:10px 0 0 0;
}



#question dl dt{
  width:715px;
  height:26px;
  font-size:14px;
  color:#418525;
  margin:20px 0 0 0;
  padding:7px 0 0 35px;display:inline-block
}

#question dl dt.open{
    background:url(../img/qa-title-bg-01.gif) no-repeat;
 cursor:pointer;
}
#question dl dt.close{
    background:url(../img/qa-title-bg-02.gif) no-repeat;
 cursor:pointer;
}

#question dl dd{
  width:726px;
  padding:10px 10px 10px 10px;
 
 border-color:#418525;
 border-width:2px;
 border-style:solid;
 
 border-top-style:none;
}

#question dl dd .answer{
  width:706px;
  height:16px;
  padding:2px 0 0 20px;
  margin:0 0 5px 0;
 
 background:url(../img/qa-answer.gif) no-repeat;
}
#question dl dd .answer-text{
  width:706px;
  margin:0 0 0 20px;
}

#question dl dd a:link {
  text-decoration:none;
  color:#339900;
  }
#question dl dd a:visited {
  text-decoration:none;
  color:#339900;
  }  
#question dl dd a:hover {
  text-decoration:none;
  color:#FF0000;
  }

#question dl dd.close{
 display:none;
}








/*--------------- サイトマップ ---------------*/


#sitemap {
  width:750px;
  font-size:12px;
  line-height:1.4;
  margin:10px 0 0 0;
  float:left;
 display: inline;
}

#sitemap-l {
  width:320px;
  margin:10px 30px 0 0;
  float:left;
 display: inline;
}

#sitemap-r {
  width:400px;
  margin:10px 0 0 0;
  float:right;
 display: inline;
}


#sitemap-title {
  height:28px;
  font-size:13px;
  color:#FFFFFF;
  font-weight:bold;
  margin:0 0 5px 0;
  padding:5px 0 0 15px;
  float:left;
 display: inline;
}
#sitemap-title {
  width:315px;
 background:url(../img/sitemap-title-bg.png) no-repeat left top;
}

#sitemap div ul{
  margin:0 0 30px 0;
  float:left;
 display: inline;
}
#sitemap #sitemap-l ul{
  width:320px;
}
#sitemap #sitemap-r ul{
  width:400px;
}


#sitemap div ul li{
  margin:5px 0 5px 10px;
  float:left;
 display: inline;
}
#sitemap #sitemap-l ul li{
  width:310px;
}
#sitemap #sitemap-r ul li{
  width:390px;
}

#sitemap div ul li a:link {
  text-decoration:none;
  background:url(../img/sitemap-icon01.png) no-repeat left;
	padding:0 0 2px 25px;
  color:#339900;
  }
#sitemap div ul li a:visited {
  text-decoration:none;
  background:url(../img/sitemap-icon01.png) no-repeat left;
	padding:0 0 2px 25px;
  color:#339900;
  }  
#sitemap div ul li a:hover {
  text-decoration:none;
  background:url(../img/sitemap-icon01-over.png) no-repeat left;
	padding:0 0 2px 25px;
  color:#FF0000;
  }





#sitemap div ul #sitemap-sml{
  width:375px;
  margin:0 0 10px 25px;
  float:left;
 display: inline;
 
 font-size:12px;
}

#sitemap div ul #sitemap-sml li{
  width:365px;
  margin:5px 0 5px 10px;
  float:left;
 display: inline;
}

#sitemap div ul #sitemap-sml li a:link {
  text-decoration:none;
  background:url(../img/sitemap-icon02.png) no-repeat left;
	padding:0 0 2px 15px;
  color:#339900;
  }
#sitemap div ul #sitemap-sml li a:visited {
  text-decoration:none;
  background:url(../img/sitemap-icon02.png) no-repeat left;
	padding:0 0 2px 15px;
  color:#339900;
  }  
#sitemap div ul #sitemap-sml li a:hover {
  text-decoration:none;
  background:url(../img/sitemap-icon02-over.png) no-repeat left;
	padding:0 0 2px 15px;
  color:#FF0000;
  }
  
  
  






#sitemap div ul #sitemap-event{
  width:295px;
  margin:0 0 5px 25px;
  float:left;
 display: inline;
 
 font-size:12px;
}

#sitemap div ul #sitemap-event li{
  width:285px;
  margin:5px 0 5px 10px;
  float:left;
 display: inline;
}

#sitemap div ul #sitemap-event li a:link {
  text-decoration:none;
  background:url(../img/sitemap-icon02.png) no-repeat left;
	padding:0 0 2px 15px;
  color:#339900;
  }
#sitemap div ul #sitemap-event li a:visited {
  text-decoration:none;
  background:url(../img/sitemap-icon02.png) no-repeat left;
	padding:0 0 2px 15px;
  color:#339900;
  }  
#sitemap div ul #sitemap-event li a:hover {
  text-decoration:none;
  background:url(../img/sitemap-icon02-over.png) no-repeat left;
	padding:0 0 2px 15px;
  color:#FF0000;
  }



#sitemap div ul #sitemap-sml .sml{
 font-size:10px;
}







/*--------------- お問い合わせ ---------------*/


#contact {
  width:748px;
  font-size:12px;
  line-height:1.4;
  margin:10px 0 0 0;
  float:left;
 display: inline;
 
 border-color:#006600;
 border-width:1px;
 border-style:solid;
}

#contact-title {
  width:748px;
  margin:0 0 15px 0;
  float:left;
 display: inline;
}

#contact-box {
  width:718px;
  font-size:12px;
  line-height:1.4;
  padding:0 15px 15px 15px;
  float:left;
}

#contact-box02 {
  width:718px;
  font-size:12px;
  line-height:1.4;
  padding:15px 15px 0 15px;
  float:left;
 text-align:center;
}



#contact-qa {
  width:750px;
  font-size:12px;
  line-height:1.4;
  margin:15px 0 10px 0;
  float:left;
 display: inline;
}
#contact-qa p {
  width:380px;
  margin:2px 0 0 0;
  float:left;
 display: inline;
}
#contact-qa a{
  float:right;
  width:370px;
  height:25px;
  margin:-5px 0 0 0;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/contact-qa-btn.gif) no-repeat;
  }
#contact-qa a {
  display:block;
  width:370px;
  height:25px;
  } 
#contact-qa a:hover {
  background:url(../img/contact-qa-btn-over.gif) no-repeat;
  }
  

#contact-qaon {
  float:right;
  width:350px;
  height:25px;
  margin:-5px 0 0 0;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/contact-qa-btn-over.gif) no-repeat;
  }
  







#contact-btn01,
#contact-btn02{
  float:left;
  width:200px;
  height:50px;
  margin:15px 0 5px 110px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/contact-btn01.gif) no-repeat;
  }
#contact-btn02 {
  background:url(../img/contact-btn02.gif) no-repeat;
  }


#contact-btn01 a,
#contact-btn02 a {
  display:block;
  width:200px;
  height:50px;
  } 
#contact-btn01 a:hover {
  background:url(../img/contact-btn01-over.gif) no-repeat;
  }
#contact-btn02 a:hover {
  background:url(../img/contact-btn02-over.gif) no-repeat;
  }
  

#contact-btn01on,
#contact-btn02on {
  float:left;
  width:200px;
  height:50px;
  margin:15px 0 5px 110px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/contact-btn01-over.gif) no-repeat;
  }
#contact-btn02on {
  background:url(../img/contact-btn02-over.gif) no-repeat;
  }



.tel{
	font-size:36px;
	font-weight:bold;
	color:#006600;
	margin:20px 0 0 10px;
	line-height:1;
}






/*--------------- ダウンロード ---------------*/


#download {
  width:750px;
  font-size:12px;
  line-height:1.8;
  margin:10px 0 0 0;
  float:left;
 display: inline;
}


#download-title {
  width:385px;
  height:28px;
  font-size:15px;
  font-weight:bold;
  margin:20px 0 15px 0;
  padding:8px 0 0 25px;
  color:#006633;
  
  background:url(../img/download-title-bg.gif) no-repeat;
}

#download-r-photo{
  float:right;
  margin:0 0 0 20px;
 display: inline;
}
.caption{
  font-size:11px;
  font-weight:bold;
  text-align:center;
}




#download-list{
  width:385px;
  margin:0 0 0 25px;
}

#download-list li{
  width:385px;
  font-size:13px;
  margin:0 0 5px 0;
}

#download-list li a:link {
  text-decoration:none;
  color:#339900;
  }
#download-list li a:visited {
  text-decoration:none;
  color:#339900;
  }  
#download-list li a:hover {
  text-decoration:none;
  color:#FF0000;
  }
#download-list li img{
	padding:0 0 7px 0;
}



#adobesystems{
  width:728px;
  font-size:12px;
  line-height:1.8;
  margin:20px 0 0 0;
  padding:10px;
  float:left;
 display: inline;
 
 border-style:solid;
 border-width:1px;
 border-color:#666666;
}

#adobesystems #player_banner{
  width:120px;
  float:left;
  margin:0 20px 0 0;
 display: inline;
}

#adobesystems #player_text{
  width:588px;
  float:right;
}	
	

#adobesystems #player_text a:link {
  text-decoration:none;
  background:url(../img/icon_blank.gif) no-repeat right;
	padding:2px 10px 0 0;
  color:#339900;
  }
#adobesystems #player_text a:visited {
  text-decoration:none;
  background:url(../img/icon_blank.gif) no-repeat right;
	padding:2px 10px 0 0;
  color:#339900;
  }  
#adobesystems #player_text a:hover {
  text-decoration:none;
  background:url(../img/icon_blank.gif) no-repeat right;
	padding:2px 10px 0 0;
  color:#FF0000;
  }
	
	
	
	
	
	
	

/*--------------- サイトのご利用について ---------------*/


#site_info {
  width:740px;
  font-size:13px;
  line-height:1.4;
  margin:10px 0 0 10px;
  float:left;
 display: inline;
}

#site_info a:link {
  text-decoration:none;
  background:url(../img/icon_blank.gif) no-repeat right;
	padding:2px 10px 0 0;
  color:#339900;
  }
#site_info a:visited {
  text-decoration:none;
  background:url(../img/icon_blank.gif) no-repeat right;
	padding:2px 10px 0 0;
  color:#339900;
  }  
#site_info a:hover {
  text-decoration:none;
  background:url(../img/icon_blank.gif) no-repeat right;
	padding:2px 10px 0 0;
  color:#FF0000;
  }
  
  
#site_info img{
	padding:0 0 0 0;
}


#number{
  margin:10px 0 10px 35px;
}

#number li{
  margin:5px 0 0 0;
  list-style-type: decimal;
}

#number #square{
  margin:0 0 0 15px;
}

#number #square li{
  margin:5px 0 0 0;
  list-style-type:square;
}





/*--------------- 関連団体リンク集 ---------------*/


#link {
  width:740px;
  font-size:13px;
  line-height:1.4;
  margin:10px 0 0 10px;
  float:left;
 display: inline;
}

#link ul{
  width:740px;
  margin:0 0 15px 0;
}
#link ul li{
  width:725px;
  margin:0 0 3px 15px;
}


#link a:link {
  text-decoration:none;
  background:url(../img/icon_blank.gif) no-repeat right;
	padding:2px 15px 0 0;
  color:#339900;
  }
#link a:visited {
  text-decoration:none;
  background:url(../img/icon_blank.gif) no-repeat right;
	padding:2px 15px 0 0;
  color:#339900;
  }  
#link a:hover {
  text-decoration:none;
  background:url(../img/icon_blank.gif) no-repeat right;
	padding:2px 15px 0 0;
  color:#FF0000;
  }
  
  
  
  
  
/*--------------- 商品ビデオ ---------------*/

#flv{
  width:1024px;
  padding:0 0 15px 0;
  float:left;
 display: inline;
 text-align:center;
}






/*--------------- banner ---------------*/


#banner01 {
  width:230px;
  margin:10px 0 0 0;
  float:left;
}

#banner01 ul {
  width:200px;
  margin:0 15px 0 15px;
  float:left;
}

#banner01 ul li {
  width:200px;
  margin:0 0 10px 0;
  float:left;
}

#each-company01,
#each-company02,
#each-company03,
#each-company04,
#each-company05,
#each-company06,
#each-company07,
#each-company08,
#each-company09,
#each-company10{
  float:left;
  width:200px;
  height:34px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/each-company-btn001.gif) no-repeat;
  }
#each-company02 {
  background:url(../img/each-company-btn002.gif) no-repeat;
  }
#each-company03 {
  background:url(../img/each-company-btn003.gif) no-repeat;
  }
#each-company04 {
  background:url(../img/each-company-btn004.gif) no-repeat;
  }
#each-company05 {
  background:url(../img/each-company-btn005.gif) no-repeat;
  }
#each-company06 {
  background:url(../img/each-company-btn006.gif) no-repeat;
  }
#each-company07 {
  background:url(../img/each-company-btn007.gif) no-repeat;
  }
#each-company08 {
  background:url(../img/each-company-btn008.gif) no-repeat;
  }
#each-company09 {
  background:url(../img/each-company-btn009.gif) no-repeat;
  }
#each-company10 {
  background:url(../img/each-company-btn010.gif) no-repeat;
  }


#each-company01 a,
#each-company02 a,
#each-company03 a,
#each-company04 a,
#each-company05 a,
#each-company06 a,
#each-company07 a,
#each-company08 a,
#each-company09 a,
#each-company10 a {
  display:block;
  width:200px;
  height:34px;
  } 
#each-company01 a:hover {
  background:url(../img/each-company-btn001-over.gif) no-repeat;
  }
#each-company02 a:hover {
  background:url(../img/each-company-btn002-over.gif) no-repeat;
  }
#each-company03 a:hover {
  background:url(../img/each-company-btn003-over.gif) no-repeat;
  } 
#each-company04 a:hover {
  background:url(../img/each-company-btn004-over.gif) no-repeat;
  } 
#each-company05 a:hover {
  background:url(../img/each-company-btn005-over.gif) no-repeat;
  } 
#each-company06 a:hover {
  background:url(../img/each-company-btn006-over.gif) no-repeat;
  } 
#each-company07 a:hover {
  background:url(../img/each-company-btn007-over.gif) no-repeat;
  } 
#each-company08 a:hover {
  background:url(../img/each-company-btn008-over.gif) no-repeat;
  }  
#each-company09 a:hover {
  background:url(../img/each-company-btn009-over.gif) no-repeat;
  }
#each-company10 a:hover {
  background:url(../img/each-company-btn010-over.gif) no-repeat;
  }
  

#each-company01on,
#each-company02on,
#each-company03on,
#each-company04on,
#each-company05on,
#each-company06on,
#each-company07on,
#each-company08on,
#each-company09on,
#each-company10on {
  float:left;
  width:200px;
  height:34px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/each-company-btn001-over.gif) no-repeat;
  }
#each-company02on {
  background:url(../img/each-company-btn002-over.gif) no-repeat;
  }
#each-company03on {
  background:url(../img/each-company-btn003-over.gif) no-repeat;
  }
#each-company04on {
  background:url(../img/each-company-btn004-over.gif) no-repeat;
  }
#each-company05on {
  background:url(../img/each-company-btn005-over.gif) no-repeat;
  }
#each-company06on {
  background:url(../img/each-company-btn006-over.gif) no-repeat;
  }
#each-company07on {
  background:url(../img/each-company-btn007-over.gif) no-repeat;
  }
#each-company08on {
  background:url(../img/each-company-btn008-over.gif) no-repeat;
  }
#each-company09on {
  background:url(../img/each-company-btn009-over.gif) no-repeat;
  }
#each-company10on {
  background:url(../img/each-company-btn010-over.gif) no-repeat;
  }
  
  
  
  
  
  

#each-company01-on,
#each-company02-on,
#each-company03-on,
#each-company04-on,
#each-company05-on,
#each-company06-on,
#each-company07-on,
#each-company08-on,
#each-company09-on,
#each-company10-on {
  float:left;
  width:200px;
  height:34px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/each-company-btn001-over.gif) no-repeat;
  }
#each-company02-on {
  background:url(../img/each-company-btn002-over.gif) no-repeat;
  }
#each-company03-on {
  background:url(../img/each-company-btn003-over.gif) no-repeat;
  }
#each-company04-on {
  background:url(../img/each-company-btn004-over.gif) no-repeat;
  }
#each-company05-on {
  background:url(../img/each-company-btn005-over.gif) no-repeat;
  }
#each-company06-on {
  background:url(../img/each-company-btn006-over.gif) no-repeat;
  }
#each-company07-on {
  background:url(../img/each-company-btn007-over.gif) no-repeat;
  }
#each-company08-on {
  background:url(../img/each-company-btn008-over.gif) no-repeat;
  }
#each-company09-on {
  background:url(../img/each-company-btn009-over.gif) no-repeat;
  }
#each-company10-on {
  background:url(../img/each-company-btn010-over.gif) no-repeat;
  }




/*-----------------------------------*/



#category01,
#category02,
#category03,
#category04,
#category05,
#category06,
#category07,
#category08,
#category09{
  float:left;
  width:200px;
  height:34px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/category-btn001.gif) no-repeat;
  }
#category02 {
  background:url(../img/category-btn002.gif) no-repeat;
  }
#category03 {
  background:url(../img/category-btn003.gif) no-repeat;
  }
#category04 {
  background:url(../img/category-btn004.gif) no-repeat;
  }
#category05 {
  background:url(../img/category-btn005.gif) no-repeat;
  }
#category06 {
  background:url(../img/category-btn006.gif) no-repeat;
  }
#category07 {
  background:url(../img/category-btn007.gif) no-repeat;
  }
#category08 {
  background:url(../img/category-btn008.gif) no-repeat;
  }
#category09 {
  background:url(../img/category-btn009.gif) no-repeat;
  }


#category01 a,
#category02 a,
#category03 a,
#category04 a,
#category05 a,
#category06 a,
#category07 a,
#category08 a,
#category09 a {
  display:block;
  width:200px;
  height:34px;
  } 
#category01 a:hover {
  background:url(../img/category-btn001-over.gif) no-repeat;
  }
#category02 a:hover {
  background:url(../img/category-btn002-over.gif) no-repeat;
  }
#category03 a:hover {
  background:url(../img/category-btn003-over.gif) no-repeat;
  } 
#category04 a:hover {
  background:url(../img/category-btn004-over.gif) no-repeat;
  } 
#category05 a:hover {
  background:url(../img/category-btn005-over.gif) no-repeat;
  } 
#category06 a:hover {
  background:url(../img/category-btn006-over.gif) no-repeat;
  } 
#category07 a:hover {
  background:url(../img/category-btn007-over.gif) no-repeat;
  }
#category08 a:hover {
  background:url(../img/category-btn008-over.gif) no-repeat;
  }
#category09 a:hover {
  background:url(../img/category-btn009-over.gif) no-repeat;
  }
  

#category01on,
#category02on,
#category03on,
#category04on,
#category05on,
#category06on,
#category07on,
#category08on,
#category09on {
  float:left;
  width:200px;
  height:34px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/category-btn001-over.gif) no-repeat;
  }
#category02on {
  background:url(../img/category-btn002-over.gif) no-repeat;
  }
#category03on {
  background:url(../img/category-btn003-over.gif) no-repeat;
  }
#category04on {
  background:url(../img/category-btn004-over.gif) no-repeat;
  }
#category05on {
  background:url(../img/category-btn005-over.gif) no-repeat;
  }
#category06on {
  background:url(../img/category-btn006-over.gif) no-repeat;
  }
#category07on {
  background:url(../img/category-btn007-over.gif) no-repeat;
  }
#category08on {
  background:url(../img/category-btn008-over.gif) no-repeat;
  }
#category09on {
  background:url(../img/category-btn009-over.gif) no-repeat;
  }
  
  
  
  
  
  
  
  
#category01-on,
#category02-on,
#category03-on,
#category04-on,
#category05-on,
#category06-on,
#category07-on,
#category08-on,
#category09-on{
  float:left;
  width:200px;
  height:34px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/category-btn001-over.gif) no-repeat;
  }
#category02-on {
  background:url(../img/category-btn002-over.gif) no-repeat;
  }
#category03-on {
  background:url(../img/category-btn003-over.gif) no-repeat;
  }
#category04-on {
  background:url(../img/category-btn004-over.gif) no-repeat;
  }
#category05-on {
  background:url(../img/category-btn005-over.gif) no-repeat;
  }
#category06-on {
  background:url(../img/category-btn006-over.gif) no-repeat;
  }
#category07-on {
  background:url(../img/category-btn007-over.gif) no-repeat;
  }
#category08-on {
  background:url(../img/category-btn008-over.gif) no-repeat;
  } 
#category09-on {
  background:url(../img/category-btn009-over.gif) no-repeat;
  } 
  
  

  
  
  
/*-----------------------------------*/  
  
#g-business-navi01,
#g-business-navi02,
#g-business-navi03,
#g-business-navi04,
#g-business-navi05,
#g-business-navi06{
  float:left;
  width:200px;
  height:30px;
  margin:0 0 10px 0;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/g-business_btn001.png) no-repeat;
  }
#g-business-navi02 {
  background:url(../img/g-business_btn002.png) no-repeat;
  }
#g-business-navi03 {
  background:url(../img/g-business_btn003.png) no-repeat;
  }
#g-business-navi04 {
  background:url(../img/g-business_btn004.png) no-repeat;
  }
#g-business-navi05 {
  background:url(../img/g-business_btn005.png) no-repeat;
  }
#g-business-navi06 {
  background:url(../img/g-business_btn006.png) no-repeat;
  }

#g-business-navi01 a,
#g-business-navi02 a,
#g-business-navi03 a,
#g-business-navi04 a,
#g-business-navi05 a,
#g-business-navi06 a {
  display:block;
  width:200px;
  height:30px;
  }
#g-business-navi01 a:hover {
  background:url(../img/g-business_btn001-over.png) no-repeat;
  }
#g-business-navi02 a:hover {
  background:url(../img/g-business_btn002-over.png) no-repeat;
  }
#g-business-navi03 a:hover {
  background:url(../img/g-business_btn003-over.png) no-repeat;
  } 
#g-business-navi04 a:hover {
  background:url(../img/g-business_btn004-over.png) no-repeat;
  } 
#g-business-navi05 a:hover {
  background:url(../img/g-business_btn005-over.png) no-repeat;
  } 
#g-business-navi06 a:hover {
  background:url(../img/g-business_btn006-over.png) no-repeat;
  } 

#g-business-navi01on,
#g-business-navi02on,
#g-business-navi03on,
#g-business-navi04on,
#g-business-navi05on,
#g-business-navi06on {
  float:left;
  width:200px;
  height:30px;
  margin:0 0 10px 0px;
  overflow: hidden;
 display: inline;
  text-indent:-9999px;
  background:url(../img/g-business_btn001-over.png) no-repeat;
  }
#g-business-navi02on {
  background:url(../img/g-business_btn002-over.png) no-repeat;
  }
#g-business-navi03on {
  background:url(../img/g-business_btn003-over.png) no-repeat;
  }
#g-business-navi04on {
  background:url(../img/g-business_btn004-over.png) no-repeat;
  }
#g-business-navi05on {
  background:url(../img/g-business_btn005-over.png) no-repeat;
  }
#g-business-navi06on {
  background:url(../img/g-business_btn006-over.png) no-repeat;
  }
  
  

  
  
  
/*-----------------------------------*/ 
  
#event-navi li a,
#event-navi li.event-navi_on a {
  float:left;
  width:175px;
  height:23px;
  padding:11px 0 0 25px;
  
  font-size:14px;
  color:#FFFFFF;
}
  
  
#event-navi li a {
  text-decoration:none;
  background:url(../img/event-btn_bg.gif) no-repeat;
}   

#event-navi li a:link {
  text-decoration:none;
  background:url(../img/event-btn_bg.gif) no-repeat;
}

#event-navi li a:visited {
  text-decoration:none;
  background:url(../img/event-btn_bg.gif) no-repeat;
}

#event-navi li a:hover {
  text-decoration:none;
  background:url(../img/event-btn_bg-o.gif) no-repeat;
}

#event-navi li.event-navi_on a {
  text-decoration:none;
  background:url(../img/event-btn_bg-o.gif) no-repeat;
} 




/*----------------#event-navi li{
  float:left;
  width:200px;
  height:34px;
  overflow: hidden;
 display: inline;
  background:url(../img/event-navi_bg.gif) no-repeat;
}
#event-navi li a {
  display:block;
  width:200px;
  height:34px;
  background:url(../img/event-navi_bg.gif) no-repeat;
}   

#event-navi lion {
  float:left;
  width:200px;
  height:34px;
  overflow: hidden;
 display: inline;
  background:url(../img/event-navi_bg-o.gif) no-repeat;
}


#event-navi li.event-navi_on{
  float:left;
  width:200px;
  height:34px;
  overflow: hidden;
 display: inline;
  background:url(../img/event-navi_bg-o.gif) no-repeat;
}-------------------*/
  
  
  
  
  
  
  
/*--------------- title ---------------*/

h2 {
	width:750px;
  height:28px;
  padding:12px 0 0 16px;
  background:url(../img/title-bg02.gif) no-repeat;
  
  font-size:18px;
  color:#666666;
  font-weight:normal;
  text-align:left;
}


#title001 {
  height:25px;
  padding:7px 0 0 0;
  margin:0 0 10px 0;
  background:url(../img/title-bg01.gif) repeat-x;
  
  font-size:14px;
  color:#003A3D;
  font-weight:bold;
  text-align:center;
}

#title004 {
  width:725px;
  height:20px;
  padding:5px 0 0 15px;
  margin:20px 0 15px 0;
  background:url(../img/title-bg04.png) no-repeat;
  
  font-size:13px;
  color:#006600;
  font-weight:bold;
}






/*--------------- p_top ---------------*/

#p_top{
  width:984px;
  margin:0 20px 0 20px;
  float:left;
 display: inline;
}


#flv{
  width:980px;
  margin:0 22px;
  float:left;
 display: inline;
}





sup,
sub,{
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
     
}
sup {
	font-size:60%;
    bottom: 10px;
}
sub {
    top: 10px;
}
#pankuzu sup,
#pankuzu sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
     
}
#pankuzu sup {
	font-size:60%;
    bottom: 4px;
}
#pankuzu sub {
    top: 4px;
}

#goods-name02 sup,
#goods-name02 sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
     
}
#goods-name02 sup {
	font-size:60%;
    bottom: 4px;
}
#goods-name02 sub {
    top: 4px;
}


.kuro{
  color:#333;
}

.red{
	color:#FF0000;
}
.green{
  color:#006633;
}
.blue{
  color:#0033CC;
}
.cyan{
  color:#34b8ef;
}



.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.f-left{
	float:left;
}
.f-right{
	float:right;
}
.fs10{
	font-size:10px;
}
.fs12{
	font-size:12px;
}
.fs14{
	font-size:14px;
}
.fs16{
	font-size:16px;
}
.fs80{
	font-size:80%;
}
.fs100{
	font-size:100%;
}
.b{
	font-weight:bold;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt25{
	margin-top:25px;
}
.ml10{
	margin-left:10px;
}
.ml15{
	margin-left:15px;
}
.ml20{
	margin-left:20px;
}
.ml30{
	margin-left:30px;
}
.ml47{
	margin-left:47px;
}
.ml72{
	margin-left:72px;
}
.ml102{
	margin-left:102px;
}
.ml150{
	margin-left:150px;
}
.ml160{
	margin-left:160px;
}
.mr10{
	margin-right:10px;
}
.mr15{
	margin-right:15px;
}
.mr20{
	margin-right:20px;
}
.mr70{
	margin-right:70px;
}
.mr47{
	margin-right:47px;
}
.mr72{
	margin-right:72px;
}
.mr100{
	margin-right:100px;
}
.mr197{
	margin-right:197px;
}
.mr300{
	margin-right:300px;
}
.mr450{
	margin-right:450px;
}
.mb10{
	margin-bottom:10px;
}
.mb5{
	margin-bottom:5px;
}
.mb15{
	margin-bottom:15px;
}

.pt5{
	padding-top:5px;
}

.tjust {
	display: flex;
	width:100%;
	justify-content: space-between;
}
.tjust>* {
	font-style: normal;
}

