@charset "UTF-8";
@import url(cmn.css);
@import url(base.css);
#wraper section{
	padding:30px 0px;
}

.fig dl{
	display:table;
	border-bottom:1px #ccc dotted;
	overflow:hidden;
	width:100%;
}

.fig dl:first-child{
	border-top:1px #ccc dotted;
}
.fig dl:nth-child(even){
	background:#f5f5f5;
}
.fig dt,
.fig dd{
	display:table-cell;
	vertical-align:top;
	padding:8px;
}

.fig dt{
	width:20%;

}

.fig dt span{
	background-image: url(../images/index/news_icon.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
}

.fig dd{
	width:auto;
}
.packing_mr{
	margin-right:10px;
}

@media screen and (max-width: 800px){
.fig dl,
.fig dt,
.fig dd,
	.fig table,
	.fig tbody,
	.fig tr,
	.fig td{
	width:100%!important;
	display:block!important;
	
}

.fig dt,
.fig dd{
		padding:4px 8px!important;
}
.fig dd span{
	display:block;
	font-size:80%;
}
}


.fig2 dl{
	display:table;
	border-bottom:1px #ccc dotted;
	overflow:hidden;
	width:100%;
}

.fig2 dl:first-child{
	border-top:1px #ccc dotted;
}
.fig2 dl:nth-child(even){
	background:#f5f5f5;
}
.fig2 dt,
.fig2 dd{
	display:table-cell;
	vertical-align:top;
	padding:8px;
}

.fig2 dt{
	width:20%;

}

.fig2 dt span{
	background-image: url(../images/index/news_icon.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
}

.fig2_st{
	font-weight:bold;
	padding-left:18px;
}

.fig2 dd{
	width:auto;
}

.hidden{
	overflow:hidden;
}

@media screen and (max-width: 800px){

.fig2 dt,
.fig2 dd{
		padding:4px 8px!important;
}
.fig2 dd span{
	display:block;
	font-size:80%;
}
}
/*----------------------------about-----------------------------------*/


#col_about{
	background-image: url(../images/about/col_about.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:0px!important;


}
#col_about p{
	padding-bottom:15px;
	text-align:center;
}

.moji_s{
	font-size:100%;
}

.no_br{
	white-space: nowrap;
}

@media screen and (max-width: 800px){

#col_about{
	background-color: #F3F3F3;
}
.moji_s{
	font-size:20%;
}
}
/*----------------------------contact-----------------------------------*/
.color_red{
	color: #ff0000;
}



form input, form textarea{
	display:;
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 13px;
	color: #333;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
}
form textarea{
	width: 90%;
}
form select{
	background: #fff;
	padding: 0 5px;
	border: 1px solid #ccc;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
}
form select option{
	padding: 5px;
	border: none;
}
form input[type=radio], form input[type=checkbox]{
	display: inline-block;
}
form input[type=radio] + label, form input[type=checkbox] + label{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}
form input[type=file]{
	border: none;
}
form input[type=submit],form input[type=reset]{
	font-size: 100% !important;
	display: inline-block;
	width: auto;
	border-radius: 5px;
	padding: 7px 40px;
	margin: 0 auto;
	max-width: none !important;
	background: #333;
	color: #fff !important;
cursor: pointer;
}

ul.contact_list {
  padding-left: 10px;
}
ul.contact_list li {
  list-style-image: url("/images/index/news_icon.png");
}

.submit_color{
	background-color:#0B0E53 !important;
	margin-top:10px !important;
}


@media (min-width: 1px){
	form input[type=radio], form input[type=checkbox]{
		display: none;
		margin: 0;
	}
	form input[type=radio] + label, form input[type=checkbox] + label{
		padding: 0 0 0 24px;
	}
		form input[type=radio] + label::before, form input[type=checkbox] + label::before{
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background: #FFF;
	}
	form input[type=radio] + label::before{
		border: 2px solid #ccc;
		border-radius: 30px;
	}
	form input[type=checkbox] + label::before{
		border: 2px solid #ccc;
	}
	form input[type=radio]:checked + label::after, form input[type=checkbox]:checked + label::after{
		content: "";
		position: absolute;
		top: 50%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}
	form input[type=radio]:checked + label::after{
		left: 5px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background: #d00;
		border-radius: 8px;
	}
	form input[type=checkbox]:checked + label::after{
		left: 3px;
		display: block;
		content: '';
		width: 12px;
		height: 8px;
		margin-top: -5px;
		border-top: 3px solid #d00;
		border-right: 3px solid #d00;
		-webkit-transform: rotate(120deg);
		transform: rotate(120deg);
	}

form input[type=submit],form input[type=reset]{
	font-size: 100% !important;
	display: inline-block;
	width: auto;
	border-radius: 5px;
	padding: 7px 40px;
	margin: 0 auto;
	max-width: none !important;
	background: #333;
	color: #fff !important;
cursor: pointer;
}
}


form .fig dt span span{
	background-image: none;
	padding-left: 0px;
}

form .fig dd span{
	color: #999;
}


/*----------------------------privacy-----------------------------------*/




#col_privacy .fig dt{
	width:25%;

}
#col_privacy .fig dl:first-child{
	border-top:1px #ccc dotted;
}


/*----------------------------sitemap-----------------------------------*/
#col_sitemap{
}

#col_sitemap ul,
#col_sitemap li{
	margin-left:5px;
	padding-left:10px;
	margin-bottom: 15px;
}
#col_sitemap ul li ul li,
#col_sitemap ul li:first-child{
		background-image: url(../images/index/news_icon.png);
	background-repeat: no-repeat;
	background-position: left;

}

#col_sitemap span{
	padding-left:10px;
	letter-spacing: 2px;
	font-size: 85%;
}

@media screen and (max-width: 800px){

#col_sitemap ul,
#col_sitemap li{
	margin-left:0px;
	padding-left:10px;
	margin-bottom: 10px;
}

}
/*----------------------------network-----------------------------------*/

div#col_network{
	display:table;
	overflow:hidden;
}
#col_network div{
	width:50%;

	float:left;
	text-align: center;
	margin-bottom:45px;
}

#col_network h4{
	font-size: 130%;
	font-weight:normal;
	margin-bottom:15px;
}
#col_network h4 span{
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e40209;
}
#col_network dt img{
	margin-bottom:10px;
}
#col_network dd  a{
padding-left:10px;
	
}

@media screen and (max-width: 800px){

	#col_network div{
	width:100%!important;
	float:none!important;
	}
	
}

/*----------------------------safe-----------------------------------*/
#col_safe{
}

#col_safe dl{
	display:table;
	width:100%;
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;

}

#col_safe  dt{
	display:table-cell;
	width:20%;
	padding-bottom:15px;

}
#col_safe dt img{
	width:100%;
	max-width:100%;
	height:auto;
}

#col_safe dd{
	display:table-cell;
	width:75%;
	padding-left:5%;
		padding-bottom:15px;

}
#col_safe li{
	padding:3px 0px;
	color:#5F5F5F;
}

#col_safe h4{
	font-size: 130%;
	font-weight:normal;
	margin-bottom:15px;
}
/*#col_safe h4 span{
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e40209;
}*/

#qe_policy{
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
}

ul#safe_list_number li {
  list-style-type: decimal;
  margin-left: 20px !important;
  line-height:33px;
  color:#272727;
}

ul#safe_list_number {
	margin:30px 20px;
}

@media screen and (max-width: 800px){

	#col_safe dl,
	#col_safe dt,
	#col_safe dd,
	#col_safe table,
	#col_safe tbody,
	#col_safe tr,
	#col_safe td{
		
	width:100%!important;
	display:block!important;
	float:none!important;
	padding-left:0;
	text-align:center!important;
	}
	
	#col_safe dt img{
		width:80%;
		margin:auto;
	}
	
}

/*----------------------------outline-----------------------------------*/

#col_outline .cc img{
	width:auto;
	max-width:90%;
	margin-top:10px!important;
}

#col_outline{
	background-image: url(/images/outline/col_outline.png);
	background-repeat: no-repeat;
	background-position: center top;
	


}
#col_outline p{
	padding-bottom:15px;
	text-align:center;
	color: #FFF;
}
#outline_images{
	float:right;
	width:33%;
}

.table_width{
		width:60%;
		float:left;
	}
	
.fig2.table_width dl dt {
	width: 60% !important;
}	
.fig2.table_width dl dd {
	
}
.sp_center{
	text-align:left;
}



@media screen and (max-width: 800px){

#col_outline{
	background-color: #F3F3F3;
}

.table_width{
		width:100%;
		float:none;

	}
#outline_images{
	float:none;
	width:100%;
	margin-bottom:20px;
}
.sp_center{
	text-align:center;
	margin-bottom:15px;
}
}


/*----*/


#slide{
	background: #080a36;
	height: 489px;
	width: 100%;
	margin-bottom: 40px;
	overflow: hidden;
	position: relative;
}
.slide{
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	height: 489px;
	width: 100%;
	display: none;
}
.slideov{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1280px;
}
.slideov img{
	display: block;
	width: 2560px;
	height: auto;
}

.sp #slide{
	height: 300px;
}
.sp .slide{
	height: 300px;
	border-bottom: 10px solid #f00;
}
.sp .slideov{
	margin-left: -785px;
}
.sp .slideov img{
	width: 1570px;
	height: 300px;
}

/*-*/

#slide1{
	max-width: 2158px;
}
#slide1 div{
	position: absolute;
}
#s1_1{
	height: 135px;
	width: 100%;
	position: absolute;
	bottom: 50px;
	left: 0;
}
#s1_1 span{
	display: block;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
#s1_1 img{
	display: block;
	max-width: 100%;
	width: auto;
}
#s1_2{
	height: 489px;
	width: 2158px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1079px;
}
#s1_2 img{
	display: block;
	width: 100%;
	height: auto;
}

.sp #s1_1 img{
	width: 60%;
	max-width: 435px;
}
.sp #s1_2{
	height: 300px;
	width: 1324px;
	margin-left: -662px;
}
.sp #s1_2 img{
	width: 100%;
	height: auto;
}

/*-*/

#slide2{
	max-width: 2358px;
}
#slide2 div{
	position: absolute;
}
#s2_1{
	height: 135px;
	width: 100%;
	position: absolute;
	top: 50px;
	left: 0;
}
#s2_1 span{
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: right;
}
#s2_1 img{
	float: right;
	display: block;
	max-width: 100%;
	width: auto;
}
#s2_2{
	height: 489px;
	width: 2358px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1179px;
}
#s2_2 img{
	display: block;
	width: 100%;
	height: auto;
}

.sp #s2_1 img{
	width: 60%;
	max-width: 435px;
}
.sp #s2_2{
	height: 300px;
	width: 1446px;
	margin-left: -723px;
}
.sp #s2_2 img{
	width: 100%;
	height: auto;
}

/*-*/

#slide3{
	max-width: 2358px;
}
#slide3 div{
	position: absolute;
}
#s3_1{
	height: 135px;
	width: 100%;
	position: absolute;
	bottom: 100px;
	left: 0;
}
#s3_1 span{
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
}
#s3_1 img{
	display: block;
	max-width: 100%;
	width: auto;
}
#s3_2_1,
#s3_2_2,
#s3_2_3{
	height: 489px;
	width: 2358px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1179px;
}
#s3_2_1 img,
#s3_2_2 img,
#s3_2_3 img{
	display: block;
	width: 100%;
	height: auto;
}

.sp #s3_1 img{
	width: 60%;
	max-width: 435px;
}
.sp #s3_2_1,
.sp #s3_2_2,
.sp #s3_2_3{
	height: 300px;
	width: 1446px;
	margin-left: -723px;
}



/*-------------------*/
#col_outline2 dl{
	display:table;
	width:100%;
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
	overflow:hidden;

}

#col_outline2  dt{
	display:table-cell;
	width:20%;
	padding-bottom:15px;

}
#col_outline2 dt img{
	width:100%;
	max-width:100%;
	height:auto;
}

#col_outline2 dd{
	display:table-cell;
	width:75%;
	padding-left:5%;
		padding-bottom:15px;

}
#col_outline2 li{
	padding:3px 0px;
	color:#5F5F5F;
}

#col_outline2 h4{
	font-size: 130%;
	font-weight:normal;
	margin-bottom:15px;
}
#col_outline2 h4 span{
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e40209;
}

@media screen and (max-width: 800px){

	#col_outline2 dl,
	#col_outline2 dt,
	#col_outline2 dd,
	#col_outline2 table,
	#col_outline2 tbody,
	#col_outline2 tr,
	#col_outline2 td{
		
	width:100%!important;
	display:block!important;
	float:none!important;
	padding-left:0;
	text-align:center!important;
	}
	
	#col_outline2 dt img{
		width:80%;
		margin:auto;
	}
	
}



.viewmore{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color: #0B0E53;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	float:right;
	display:block;
}
a .viewmore{
	color:#fff;
}
a:hover .viewmore{
		background-color: #E40209;
} 

@media screen and (max-width: 800px){
	
.viewmore {
		clear:both;
margin:10px auto;
width:90%;

}

}


/*-----#btnarea------*/

#btnarea2{
		width:100%;
			background-color: #fff;
			overflow:hidden;
			padding-top:40px;
			border-top:1px solid #f5f5f5;
}

#btnarea2 li{
	float: left;
	width: 33%;
	margin-bottom: 20px;
	
}
#btnarea2 li img{
	width:auto;
	height:auto;
	max-width:100%;
}

#btnarea2 li.btn2{
	width:48%!important;
	text-align:right;
	padding-right:2%;
}
#btnarea2 li.btn3{

	width:48%!important;
	text-align:left;
	padding-left:2%;


}

#outline_contact{
	text-align:center;

}

#outline_contact img{
	width:auto;
	max-width:100%;
	height:auto;
}


@media screen and (max-width: 800px){
#btnarea2{
	margin-top:10px;
}
#btnarea2 li,
#btnarea2 li.btn2,
#btnarea2 li.btn3{
	float: left;
	width: 48%;
	margin:0 1%;
	text-align:center;
	padding:0 0 10px 0;
	
}
#outline_contact{
		padding:0px auto!important;

}

}


/*----------NEWS---------*/

#contentarea{
	width:100%;
	overflow:hidden;
	display:table;
}
#contentarea_left{
	display:table-cell;
	width:auto;
	
}




#contentarea_right{
	width:200px;
	display:table-cell;
	padding-left:35px;
}

#contentarea_right p{
	color:#fff;
	background-color:#0B0E53;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}

#contentarea_right li{
	border-bottom:1px dotted #ccc;
	font-size:90%;
	background-image: url(../images/index/news_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.date{
	text-align:right;
	font-size:90%;
	color:#666;
	margin-bottom:20px;
}
@media screen and (max-width: 800px){
	
	div#contentarea ,
	#contentarea div,
	#contentarea table,
	#contentarea tbody,
	#contentarea tr,
	#contentarea td,
	
	div#contentarea_lef,
	#contentarea_left dt,
	#contentarea_left table,
	#contentarea_left tbody,
	#contentarea_left tr,
	#contentarea_left td,
	
	div#contentarea_right,
	#contentarea_right dt,
	#contentarea_right table,
	#contentarea_right tbody,
	#contentarea_right tr,
	#contentarea_right td{
		
	width:96%!important;
	display:block!important;
	float:none!important;
	padding-left:0;
	margin:auto;
	}
	
	#col_outline2 dt img{
		width:80%;
		margin:auto;
	}




	

}

/*----------packing---------*/
.cc2{
	text-align: center;
	font-family: "Hiragino Mincho ProN","EB Garamond",serif;
	font-size: 180%;
	line-height: 160%;
	padding-top: 15px;
	padding-bottom: 15px;
}

.packing_float_wrap {
	overflow:hidden;
	width:100%;
	display: table;
}

.packing_float{

	width:30%;
	display: table-cell;

	
}

.packing_float_arrow{
	width:5%;
	text-align:center;
	display: table-cell;
    vertical-align: middle;
}

.packing_float img{
	width:92%;
	text-align:center;
}



.plr4{
	margin-top:15px;
	padding-left:4%;
	padding-right:4%;
}


ul#packing_list li {
  list-style-type: disc;
  margin-left: 20px !important;
  line-height:33px;
}

.sp_only{
	display:none;
}

.pc_only{
	display:block;
}

.images_size{
max-width:100%;
height:auto;
}

.packing_L{
	float:left;
	width:49%;
}

.packing_R{
	float:right;
	width:49%;
}
#packing_box{
	position:relative !important;
}
.packing_arrow{
	position:absolute;
	left:470px;
	top:70px;
	z-index:100;
}

@media screen and (max-width: 800px){
	
	
.cc2{
	font-size:150%;	line-height: 110%;
}

.packing_float{
	display:block;
	float:none;
	width:100%;
}

.packing_float img{
	width:100%;
	text-align:center;
}

.packing_float_arrow{
	display:block;
	width:5%;
	margin:0 auto;
	-moz-transform:    rotate( 90deg );  /* Firefox用 */
	-webkit-transform: rotate( 90deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 90deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 90deg );  /* IE用 */
	transform:         rotate( 90deg );  /* CSS3の書き方 */
	/*position:relative;*/

}

.sp_only{
	display:block;
}

.pc_only{
	display:none;
}

.packing_L{
	float:none;
	width:100%;
}

.packing_R{
	float:none;
	width:100%;
}


}
/*----------vaning---------*/
.wrap_vaning{
	max-width:960px;
	margin-right: auto;
	margin-left: auto;	
	padding:0 20px;
	position: relative;
}
#destination_overseas{
	position: absolute;
	left:2%;
	top:18%;
}

#country_name{
	position: absolute;
	width:50%;
	left:52%;
	top:32%;
}

@media screen and (max-width: 800px){
.wrap_vaning{
	width:92%;
	padding:0 4%;
	position: static;
}

#destination_overseas{
	position: static;
}

#destination_overseas img{
	width:161px;
	height:auto;
	margin-bottom:2px;
}

#country_name{
	position: static;
	width:100%;
	margin-bottom:30px;

}	
	
	
}
/*----------paking_spec---------*/

ul#pac_list {
  padding-left: 10px;
}
ul#pac_list li {
  list-style-image: url("/images/index/news_icon.png");
}
#kaizen_list{
	border-bottom:#ccc dotted 1px;
}
#pack_spec_R{
	width:48%;
}

#pack_spec_L{
	width:48%;
}

#pack_spec_R2{
	width:53%;
}

#pack_spec_L2{
	width:45%;
}

#pack_spec_L h4 {
	background: url(../images/index/news_icon.png) no-repeat left center;
 	padding-left: 10px;
 	font-size: 20px;
 	
}
#pack_spec_R h4 {
	background: url(../images/index/news_icon.png) no-repeat left center;
 	padding-left: 10px;
 	font-size: 20px;
 	
}

#packing_box2{
	position:relative !important;
	clear:both;
}

#pack_spec_wrap{
	
}

.left_33{
	float:left;
	width:33%;
}
@media screen and (max-width: 800px){
#pack_spec_R{
	float:none;
	width:100%;
}

#pack_spec_L{
	float:none;
	width:100%;
	margin-bottom:30px;
}

#pack_spec_R2{
	float:none;
	width:100%;
	margin-bottom:30px;
}

#pack_spec_L2{
	float:none;
	width:100%;
	margin-bottom:30px;
}

.left_33{
	float:none;
	width:100%;
}	
}

/*----------materials---------*/


.col_materials{
}

.col_materials dl{
	display:table;
	width:100%;
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;

}

.col_materials  dt{
	display:table-cell;
	width:20%;
	padding-bottom:15px;

}
.col_materials dt img{
	width:100%;
	max-width:100%;
	height:auto;
}

.col_materials dd{
	display:table-cell;
	width:75%;
	padding-left:5%;
		padding-bottom:15px;

}
.col_materials li{
	padding:3px 0px;
	color:#5F5F5F;
}

.col_materials h4{
	font-size: 110%;
	font-weight:normal;
	margin-bottom:15px;
}
.col_materials h4 span{
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e40209;
}

.col_materials2{
}

.col_materials2 dl{
	display:table;
	width:100%;
	border-bottom:0px dotted #ccc;
	margin-bottom:20px;

}

.col_materials2  dt{
	display:table-cell;
	width:20%;
	padding-bottom:15px;

}
.col_materials2 dt img{
	width:100%;
	max-width:100%;
	height:auto;
}

.col_materials2 dd{
	display:table-cell;
	width:75%;
	padding-left:5%;
		padding-bottom:15px;

}
.col_materials2 li{
	padding:3px 0px;
	color:#5F5F5F;
}

.col_materials2 h4{
	font-size: 110%;
	font-weight:normal;
	margin-bottom:15px;
}
.col_materials2 h4 span{
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e40209;
}
.materials_category{
	
	padding-bottom:20px;
	border-bottom:dotted 1px #ccc;
}
.materials_category ul li{
	color:#272727 !important;
}
.materials_category img{
	width:auto;
	height:auto;
	max-width:100%;
}

.materials_category_noborder{
	
	padding-bottom:20px;
}
.materials_category_noborder ul li{
	color:#272727 !important;
}
.materials_category_noborder img{
	width:auto;
	height:auto;
	max-width:100%;
}

.materials_category_L{
	float:left;
}

.materials_category_R{
	float:right;
	width:63%;
	padding-top:10px;

}
.materials_category_L_m{
	float:left;
}

.materials_category_R_m{
	float:right;
	width:75%;
	padding-top:10px;

}
.accordion_content{
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}
.accordion_back{
	position:relative;
	background-color:#dddcdc;
	/* border-radius */
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	margin-bottom:10px;	
}
.accordion_arrow{
	position:absolute;
	top:-50px;
	left:50%;
    margin-left:-50px;	
}
.accordion_mt{
	margin-top:10px;
}
.material_arrow_icon{
	padding-top:10px;
	padding-right:5px;
}
@media screen and (max-width: 800px){

	.col_materials dl,
	.col_materials dt,
	.col_materials dd,
	.col_materials table,
	.col_materials tbody,
	.col_materials tr,
	.col_materials td{
		
	width:100%!important;
	display:block!important;
	float:none!important;
	padding-left:0;
	text-align:center!important;
	}

	
	.col_materials dt img{
		width:80%;
		margin:auto;
	}
	
	.col_materials2 dl,
	.col_materials2 dt,
	.col_materials2 dd,
	.col_materials2 table,
	.col_materials2 tbody,
	.col_materials2 tr,
	.col_materials2 td{
		
	width:100%!important;
	display:block!important;
	float:none!important;
	padding-left:0;
	text-align:center!important;
	}
	
	.col_materials2 dt img{
		width:80%;
		margin:auto;
	}


.materials_category_L{
	float:none;
	width:100%;
}

.materials_category_R{
	float:none;
	width:100%;
}
.materials_category_L_m{
	float:none;
	width:100%;
}

.materials_category_R_m{
	float:none;
	width:100%;
}
.accordion_arrow{
	position:absolute;
	top:-18px;
	left:50%;
    margin-left:-50px;	
}
.accordion_arrow img{
	width:70%;
	height:70%;
	
}
}