@charset "utf-8";
/* CSS Document */

#tabs ul.notice_list{
  width:100%;
  list-style:none;
  margin:10px 0 15px;
}

#tabs ul.release_list{
  width:100%;
  list-style:none;
  margin:10px 0 15px;
}

ul.notice_list li,
ul.release_list li{
  background:url(../gif/arrow-2.gif) no-repeat 10px 10px;
  padding:5px 0 5px 25px;
  line-height:1.4;
}

ul.notice_list li.title{
  padding:0 0 10px 20px;
  margin-bottom:5px;
  border-bottom:#DDD solid 1px;
  font-weight:bold;
  background: url(../gif/square_9px.gif) no-repeat 0 25%;
}

p.lead{margin: 20px 0 40px; font-size: 14px;}
.tab_box .tabs_top li,
.tab_box .tabs_bottom li {
	float: left;
	margin: 0 8px 0 0;
	list-style: none;
  background:#EEE;
  font-size:116%;
  font-weight:bold;
}

.tab_box .tabs_top li a,
.tab_box .tabs_bottom li a {
	display: block;
}

.tab_box .tabs_top{
  border-bottom: 2px solid #0096AE;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
}

.tab_box .tabs_bottom {
  border-top: 2px solid #0096AE;
	margin: 0;
	padding: 0 0 0 10px;
}

.tab_box .tabs_top li {
	padding: 10px 30px;
	border: 1px solid #CCC;
	border-bottom: none;
	cursor: pointer;
}

.tab_box .tabs_bottom li {
	padding: 10px 30px;
	border: 1px solid #CCC;
	border-top: none;
	cursor: pointer;
}

.tab_box .tabs_top li.current{
  display:block;
	background: #FFF;
	padding:10px 30px 12px;
	border: 1px solid #0096AE;
  color:#0096AE;
	border-bottom: none;
	cursor: pointer;
  margin-bottom:-2px;
}

.tab_box .tabs_bottom li.current{
  display:block;
	background: #FFF;
	padding: 12px 30px 10px;
	border: 1px solid #0096AE;
  color:#0096AE;
	border-top: none;
	cursor: pointer;
  margin-top:-2px;
}

.tab_content {
  display: none;
  width:100%;
}

#tab_content1 {
  display: block;
}

.notice_list,
.release_list{
  list-style:none;
  margin:10px 0;
}

.notice_new_box{margin: 20px 0;}
#products_notice_list h3.notice_new {background: #0096AE; padding: 20px 0; color: #FFF; width:20%; text-align: center; display: block; float: left; font-size: 12px; margin-left: 10px;}
ul.new_list{width:70%; display: block; float: left; margin:0 0 0 8px; font-size: 14px;}

#tabs ul.notice_list{
  list-style:none;
  margin:10px 0 15px;
}

#tabs ul.release_list{
  width:100%;
  list-style:none;
  margin:10px 0 15px;
}

ul.notice_list li,
ul.release_list li{
  background:url(../gif/arrow-2.gif) no-repeat 10px 10px;
  padding:5px 0 5px 25px;
  line-height:1.4;
}

ul.notice_list li.title{
  padding:0 0 10px 20px;
  margin-bottom:5px;
  border-bottom:#DDD solid 1px;
  font-weight:bold;
  background: url(../gif/square_9px.gif) no-repeat 0 25%;
}

h2.notice{
  width:96%;
  height:50px;
  display:block;
  color:#FFF;
  font-size:15px;
  font-weight: bold;
  line-height:50px;
  background:none;
  padding:0 0 0 4%;
  margin:10px 0 0 0;
}

h2.notice#notice_defoaming{background:url(../notice_img_defoaming.html) no-repeat right top;}
h2.notice#notice_adhesives{background:url(../notice_img_adhesives.html) no-repeat right top;}
h2.notice#notice_mold{background:url(../notice_img_mold.html) no-repeat right top;}
h2.notice#notice_rubber{background:url(../notice_img_rubber.html) no-repeat right top;}
h2.notice#notice_other{background:#00568E;}
h2.notice#notice_electro{background:url(../notice_img_electro.html) no-repeat right top;}
h2.notice#notice_parsonalcare{background:url(../notice_img_parsonalcare.html) no-repeat right top;}
h2.notice#notice_construction{background:url(../notice_img_construction.html) no-repeat right top;}
h2.notice#notice_chemistry{background:url(../notice_img_chemistry.html) no-repeat right top;}
h2.notice#notice_food{background:url(../notice_img_food.html) no-repeat right top;}


/* tablet  */
@media print, screen and (min-width: 641px) and (max-width: 1023px) {
/*ここにtablet用スタイルを記述*/

h3.notice_new {width:17%;}
ul.new_list{width:73%; font-size: 12px;}


}


/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
p.lead{margin: 10px 0 20px; font-size: 13px;}

.notice_new_box{margin: 20px 0;}
h3.notice_new { padding: 5px 0; width:100%; text-align: center; display: block; float:none; font-size: 12px; margin:0;}
ul.new_list{width:100%; float:none; margin:10px 0; font-size: 12px;}

.tab_box .tabs_top li,
.tab_box .tabs_bottom li {
	float: left;
	margin: 0 4px 0 0;
	list-style: none;
  background:#EEE;
  font-size:11px;
  font-weight:bold;
}

.tab_box .tabs_top li,
.tab_box .tabs_bottom li {
	padding: 5px 10px;
}
.tab_box .tabs_bottom li.current {
	padding: 7px 10px 5px;
}
.tab_box .tabs_top li.current {
	padding: 5px 10px 7px;
}


}