@charset 'utf-8';

*{
	line-break: strict ;	/* 日本語禁則処理 */
	margin: 0 ;
	padding: 0 ;
}


/*======================================
	Slider
=======================================*/
.slider {
	background: repeat-x center top url(../images/top/sliderback.jpg);
	height:200px;
	overflow:hidden;
	clear:both;
}


/*======================================
	Contents
=======================================*/
.top_contents_wrapper {
	background: no-repeat top center url(../images/top/contentsback.jpg);
	height:480px;
	overflow:hidden;
	clear:both;
}


/*======================================
	Search
=======================================*/
.search_top {
	background: no-repeat url(../images/top/search_back.png);
	padding-left:320px;
	width:560px;
	height:40px;
	overflow:hidden;
	clear:both;
}
.search_area_top {  
    width: 483px;  
    height: 18px;
	border:1px solid #b0b0b0;
    background: #ffffff;
    padding: 5px;
	float: left;
}
.search_top input.search_btn {
	background: no-repeat url(../images/top/search_btn.gif);
	margin-left:5px;
	width:60px;
	height:28px;
	float: left;
}


/*======================================
	Tab
=======================================*/
.tab {
	display: block;
	margin-top:15px;
	width: 880px;
	height: 40px;
	list-style-type: none;
	}
.tab li.mainmenu {float: left;}
.tab li.mainmenu {
	display: block;
	position: relative;
	height:40px;
	text-indent: -9999px;
}
	.tab li.mainmenu a {
		display: block;
		width:220px;
		height: 40px;
		text-indent: -9999px;
		background: no-repeat url(../images/top/tab_btn.png);
	}
	.tab li.menu01 a {background-position: 0px 0px;}
	.tab li.menu01 a.current {background-position: 0px -40px;}
	.tab li.menu02 a {background-position: -220px 0px;}
	.tab li.menu02 a.current {background-position: -220px -40px;}
	.tab li.menu03 a {background-position: -440px 0px;}
	.tab li.menu03 a.current {background-position: -440px -40px;}
	.tab li.menu04 a {background-position: -660px 0px;}
	.tab li.menu04 a.current {background-position: -660px -40px;}
	
/*--------- wrapper ----------*/
.tab_wrapper {
	border-right:2px solid #ffffff;
	border-left:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	background-color:#004099;
	padding:13px;
	width:850px;
	/*height:307px;*/
	overflow:hidden;
	clear:both;
}
.tab_content_wrapper {
    display:none;
}
/*--------- Products ----------*/
.tab_pro_cate00,.tab_pro_cate01,.tab_pro_cate02,.tab_pro_cate03,.tab_pro_cate04,
.tab_pro_cate05,.tab_pro_cate06,.tab_pro_cate07,.tab_pro_cate08,.tab_pro_cate09 {
	width:166px;
	height:150px;
	overflow:hidden;
	float:left;
}
.tab_pro_cate00 .contents,
.tab_pro_cate01 .contents,
.tab_pro_cate02 .contents,
.tab_pro_cate03 .contents,
.tab_pro_cate04 .contents,
.tab_pro_cate05 .contents,
.tab_pro_cate06 .contents,
.tab_pro_cate07 .contents,
.tab_pro_cate08 .contents,
.tab_pro_cate09 .contents {
	width:166px;
	clear:both;
    position: absolute;
}
.tab_pro_cate00 .contents,.tab_pro_cate01 .contents,.tab_pro_cate02 .contents,.tab_pro_cate03 .contents,.tab_pro_cate04 .contents { z-index: 2 }
.tab_pro_cate05 .contents,.tab_pro_cate06 .contents,.tab_pro_cate07 .contents,.tab_pro_cate08 .contents,.tab_pro_cate09 .contents { z-index: 1 }
.dropmenu {
	position:absolute;
	list-style-type: none;
	width: 166px;
	height: 30px;
	clear:both;
}
.drop_wrapper .last { margin-right:0px;}
.dropmenu li {
  width: 108px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a {display: block;}
.dropmenu li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  overflow: hidden;
  width: 200px;
  margin: 0px 0px;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
.dropmenu li ul li a{
  margin:5px 0px;
  padding: 5px 10px;
  text-align: left;
  font-size: 10px;
  line-height:15px;
  color:#ffffff;
  font-weight: normal;
  font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  overflow:hidden;
}
.dropmenu li:hover ul li{
  background-color: #000000;
  opacity:0.80;
  filter:alpha(opacity=80); /* For IE8 and earlier */
  overflow: hidden;
  height: 30px;
}

/*--------- New Products ----------*/
.tab_newpro_ttl_cate01,.tab_newpro_ttl_cate02,.tab_newpro_ttl_cate03,
.tab_newpro_ttl_cate04,.tab_newpro_ttl_cate05,.tab_newpro_ttl_cate06,
.tab_newpro_ttl_cate07,.tab_newpro_ttl_cate08 {
	padding-left:10px;
	width:230px;
	height:30px;
	font-size:12px;
	line-height:30px;
	color:#ffffff;
	overflow:hidden;
	clear:both;
}
.tab_newpro_ttl_cate01 {background-color:#0055a7;}
.tab_newpro_ttl_cate02 {background-color:#009944;}
.tab_newpro_ttl_cate03 {background-color:#f18d00;}
.tab_newpro_ttl_cate04 {background-color:#e5004a;}
.tab_newpro_ttl_cate05 {background-color:#ae0082;}
.tab_newpro_ttl_cate06 {background-color:#e62388;}
.tab_newpro_ttl_cate07 {background-color:#33a7e0;}
.tab_newpro_ttl_cate08 {background-color:#b0d033;}
.tab_newpro_wrapper_cate01,
.tab_newpro_wrapper_cate02,
.tab_newpro_wrapper_cate03,
.tab_newpro_wrapper_cate04,
.tab_newpro_wrapper_cate05,
.tab_newpro_wrapper_cate06,
.tab_newpro_wrapper_cate07,
.tab_newpro_wrapper_cate08 {
	padding:5px;
	width:410px;
	overflow:hidden;
	clear:both;
}
.tab_newpro_wrapper_cate01 {background-color:#dfe3ef;}
.tab_newpro_wrapper_cate02 {background-color:#d3f8e3;}
.tab_newpro_wrapper_cate03 {background-color:#ffeacd;}
.tab_newpro_wrapper_cate04 {background-color:#ffedf3;}
.tab_newpro_wrapper_cate05 {background-color:#f4dfef;}
.tab_newpro_wrapper_cate06 {background-color:#ffe6f3;}
.tab_newpro_wrapper_cate07 {background-color:#e5f6ff;}
.tab_newpro_wrapper_cate08 {background-color:#f8ffdd;}
.tab_newpro_img {
	margin-right:10px;
	width:160px;
	overflow:hidden;
	float:left;
}
.tab_newpro_text {
	width:240px;
	overflow:hidden;
	float:right;
}


/*--------- Order ----------*/
.tab_order_midashi415,
.tab_order_midashi850 {
	background: no-repeat url(../images/top/tab_order_midashiback.gif);
	margin-bottom:10px;
	padding-left:15px;
	height:30px;
	font-size:15px;
	line-height:30px;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
}
.tab_order_midashi415 { width:400px;}
.tab_order_midashi850 { width:835px;}
.tab_order_tel,.tab_order_mail a {
	width:335px;
	height:42px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	clear:both;
}
.tab_order_tel {background: no-repeat url(../images/top/tab_order_tel_02.gif);}
.tab_order_mail a {background: no-repeat url(../images/top/tab_order_mail_02.gif);}
.tab_order_text,.tab_contact_text {
	width:395px;
	font-size:14px;
	line-height:30px;
	font-weight:bold;
	color:#ffffff;
	float:left;
}
.tab_contact_text {line-height:20px;}
.tab_order_btn01 a,.tab_order_btn02 a,
.tab_contact_btn01 a,.tab_contact_btn02 a {
	width:225px;
	height:30px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
}
.tab_order_btn01 a {background: no-repeat url(../images/top/tab_order_btn01.gif);}
.tab_order_btn02 a {background: no-repeat url(../images/top/tab_order_btn02.gif);}
.tab_contact_btn01 a {background: no-repeat url(../images/top/tab_contact_btn01.gif);}
.tab_contact_btn02 a {background: no-repeat url(../images/top/tab_contact_btn02.gif);}
.tab_contact_wrapper {
	border-top:1px solid #c5c5c5;
	margin-top:20px;
	padding-top:20px;
	overflow:hidden;
	clear:both;
}



/*======================================
	NEWS / 更新情報
=======================================*/
.news,.update {
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	padding:12px 14px;
	width:400px;
	overflow:hidden;
	clear:both;
	background-color: #FFF;
}
.news .date,.news .text,
.update .date,.update .text {
	font-size: 11px;
	line-height: 14px;
	text-align:left;
	font-weight:normal;
	float:left;
}
.news .date,.update .date {
	color:#004199;
	font-weight:bold;
	margin-right:15px;
	letter-spacing:0.5px;
}
.news .text a,.update .text a {color:#484848;}