@charset "utf-8";

/* ======================================================

	GlobalUI Customize

====================================================== */

#page {
	background-color: #fff;
}

div.petec_breadcrumbs {
	font-size:75%;
	color:#222;
	width:967px;
	margin:0 auto;
}
div.petec_breadcrumbs a:link,
div.petec_breadcrumbs a:visited{
	color:#455470;
	text-decoration:none;
}
div.petec_breadcrumbs a:hover,
div.petec_breadcrumbs a:active{
	color:#455470;
	text-decoration:underline;
}
div.petec_breadcrumbs p{
	height: 17px;
	line-height: 17px;
	padding: 0.75em 0 0.75em !important;
	margin: 0 !important;
}
div.petec_breadcrumbs p img{
	margin-right:2px;
}
/*
div.petec_breadcrumbs em{
	font-weight:bold;
	font-style:normal;
}
div.petec_breadcrumbs h1 {
	line-height:1.4;
}
*/

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){
	div.petec_breadcrumbs{
		display: none;
	}
}

/* ======================================================

	ぺージ共通

====================================================== */

.fadeBtn{ transform: rotateY(0deg); } /* for firefox 1px bug */

.red{ background-color:#f5828a; }
.blue{ background-color: #3db4d6; }
.green{ background-color: #45bd9d; }
.dgreen{ background-color: #248e27; }

.textL{ text-align: left; }
.textC{ text-align: center; }
.textR{ text-align: right; }

.fontB{ font-weight: bold;}
.fontN{	font-weight: normal;}

.f0{
	font-size: 0em;
	line-height: 0em;
}
.f10{
	font-size: 0.7142em;
	line-height: 1.8em;
}
.f11{
	font-size: 0.7857em;
	line-height: 1.8em;
}
.f12{
	font-size: 0.8571em;
	line-height: 1.8em;
}
.f13{
	font-size: 0.9285em;
}
.f14{
	font-size: 14px;
}
.f15{
	font-size: 1.0714em;
}
.f16{
	font-size: 1.1428em;
}
.f18{
	font-size: 18px;
}
.f20{
	font-size: 20px;
}
a.exlink{
	background: url(../../qanda/images/t_link.gif) no-repeat right center;
	padding-right: 20px;
	/*text-decoration: underline;*/
	line-height: 2em;
}
a.exlink2{
	background: url(../../qanda/images/t_link.gif) no-repeat right center;
	padding-right: 20px;
	margin-right: 0.25em;
	/*text-decoration: underline;*/
	line-height: 2em;
}

/*
a.exlink:before,
a.inlink:before{
	content: "";
	padding-left: 1em;
	line-height: 2em;
	background: url(../../qanda/images/t_arrow.gif) no-repeat left center;
}
*/

a.exlink:before,
a.inlink:before{
	display: inline-block;
	content: "";
	width: 1em;
	height: 0.8em;
	background: url(../../qanda/images/t_arrow.gif) no-repeat left center;
}

a.dllink:before{
	content: "";
	padding-left: 1em;
	line-height: 2em;
	background: url(../../common/images/dlicon.png) no-repeat left center;
}

sup{
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
}
 
sup {
    bottom: 1ex;
}

/* red color */
.tour a,
.entry a,
.voice a,
.access a{
	color:#cb4f5b;
	text-decoration: underline;
}

/* green */
.process a,
.technology a,
.feedback a{
	color:#45bd9d;
	text-decoration: underline;
}

/* blue color */
.about a,
.company a,
.csr a,
.release a,
.download a,
.qanda a{
	color:#1587a5;
	text-decoration: underline;
}

/* dgreen */
.recycle a{
	color:#2c9129;
	text-decoration: underline;
}

/* black */
.sightseeing a{
	color:#303030;
	text-decoration: underline;
}

.qboxWrap a{
	color:#1587a5;
}
.tour		 a:hover,
.entry		 a:hover,
.voice	 	 a:hover,
.access	 	 a:hover,
.recycle	 a:hover,
.about		 a:hover,
.company	 a:hover,
.csr		 a:hover,
.release	 a:hover,
.download	 a:hover,
.qanda		 a:hover,
.process     a:hover,
.technology  a:hover,
.feedback    a:hover,
.sightseeing a:hover{

	opacity:0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	text-decoration: none !important;
}

.box_980{
	width:100%;	/*720/980*/
	max-width: 980px;
	margin: 0 auto;
}
.box_968{
	width:98.775%;	/*968/980*/
	max-width: 968px;
	margin: 0 auto;
}
.box_720{
	width:73.469%;	/*720/980*/
	max-width: 720px;
	margin: 0 auto;
}
.box_480{
	width:49.586%;	/*968/980*/
	max-width: 480px;
	margin: 0 auto;
}


#petec_header{
	width:100%;
	max-width: 968px;
	height:28px;
	margin: 0 auto;
	overflow: hidden;
}
	#petec_header h1{
		float:left;
		margin-right: 35px;
	}
	#petec_header .topBtn{
		float:left;
	}
/*
	#petec_header .twitter{
		float:right;
		margin-right: 33px;
	}
		#petec_header .twitter a:first-child img{
			margin-right: 11px;
		}
*/

	#petec_header .englishBtn{
		float:right;
	}

/******************************/

/*#petec_navi*/
#petec_navi #pnavi_toggle{
	display: none;
}

#petec_navi.pnaviFixed{
	position: fixed;
	top:0px;
}

.petec_navi{
	width:100%;
	height: 59px;
	min-width: 980px;
	z-index:10;
	margin: 0 auto;
	background-color: #ffffff;

	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
	.petec_navi ul{
		width:100%;
		max-width: 980px;
		margin: 0 auto;
		font-size: 0px;
		text-align: center;
	}
		.petec_navi ul li{
			position: relative;
			display: inline-block;
			height:59px;
			z-index: 0;
		}
			.petec_navi ul li a{
				display: block;
			}

				.petec_navi ul li a span{
					position: relative;
					display: inline-block;
				}
				.petec_navi ul li a span img.on{
					position: absolute;
					z-index: -1;
					filter: inherit;
				}
				.petec_navi ul li a span img{
					transform: rotateY(0deg); /* for firefox 1px bug */
				}
	
@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){

	#petec_header{
		width:92%;
		height:auto;
	}
		#petec_header > div{
			padding-top: 10px;
		}
		#petec_header h1{
			float: none;
			margin-right: 0px;
			margin-bottom: 5px;
		}
		#petec_header .topBtn{
			/*float: left;
			margin-right: 0px;*/
			display: none;
		}
/*
		#petec_header .twitter{
			float: none;
			margin-right: 10px;
		}

			#petec_header .twitter a:first-child{
				width:28px;
				height:28px;
			}

				#petec_header .twitter a:first-child img{
					max-width: none;
					width:154px;
					height:28px;
					margin-left: -126px;
					margin-right: 5px;
				}
*/



	/************************/

  	#petec_navi.pnaviFixed{
		position: static;
	}

	.petec_navi{
		min-width: 100%;
		height: auto;
	}

	.petec_navi ul{
		display: none;
  	}
		.petec_navi ul li{
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			border-top: 1px solid #cccccc;
			overflow: hidden;
			width:100%;
			height:44px;
			line-height:44px;
			padding-left:10px;
			font-weight: bold;
		}
			.petec_navi ul li:nth-child(1){
				border: 3px double #cccccc;
			}
			.petec_navi ul li:nth-child(2) {
				border-top: none;
			}
			.petec_navi ul li a span:first-child{
				display:none;
			}
			.petec_navi ul li a span:last-child{
				display: inline-block;
				color: #000000;
				font-size: 14px;
			}


	#petec_navi #pnavi_toggle{
  		display: block;
  		position: relative;
  		width: 100%;
  		height: 42px;
  	}
  	#petec_navi #pnavi_toggle a{
  		display: block;
  		font-size: 14px;
  		font-weight: bold;
  		text-align: center;
  		line-height: 43px;
  		height: 43px;
  		color: #bbbbbb;
  	}
  	#petec_navi #pnavi_toggle a:before{
  		content: "";
  		display: inline-block;
  		width:14px;
  		height: 13px;
  		margin-right: 6px;
  		margin-bottom: -1px;
  		background:url(../images/petec-navi@2x.png) no-repeat center;
  		background-size: 14px 13px;
  	}

	.petec_navi:last-child{
		display: none;
	}
}

/******************************/

#pageTitle{
	text-align: center;
	padding: 15px 0 15px;
}
	#pageTitle p{
		/* width: 73.469%; */	/*720px;*/
		/* max-width: 720px; */
		width: 100%;
		max-width: 968px;
		margin: 1.0em auto 0;
		font-size: 16px;
		text-align: left;
		line-height: 1.6em;
		color:#ffffff;
		text-align: center;
	}
    #pageTitle p.virtualtourBanner {
        width: 94%;
        max-width: 968px;
        margin: 20px auto 0;
        font-size: 14px;
        line-height: 1.6em;
        color:#ffffff;
        padding: 0 3%;
    }
        #pageTitle p.virtualtourBanner a img{
            -webkit-transition: 0.4s;
            transition: 0.4s;    
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        #pageTitle p.virtualtourBanner a:hover img{
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        @media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){

            #pageTitle p.virtualtourBanner a:hover img{
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }
#pageMain{
	position: relative;
	width:100%;
	height:480px;
}
	#pageMain img{
		position: absolute;
		top:0px;
		left:50%;
		margin-left: -600px;
	}

#pageContent{
	width:100%;
	max-width: 980px;
	margin: 0 auto;
	line-height: 2em;
}

#pageContent_max{
	width:100%;
	min-width: 980px;
	max-width: 1200px;
	line-height: 2em;
}

#pageBottom{
	width:100%;
	max-width: 968px;
	margin: 0 auto;
	padding-bottom: 20px;
	/*text-align: right;*/
}

	#pageBottom .endline{
		width:720px;
		margin: 50px auto 50px;
		border-bottom: 1px solid #d6d6d6;
	}

	#pageBottom .endline span{
		display: none;
	}

	#pageBottom .add_pageBottom{
		line-height: 2;
		height:100px;
		background:url(/eco/petec/common/images/pamphlet.png) no-repeat top left;
		padding: 23px 0 0 90px;
	}

	#pageBottom .add_pageBottom a{
		margin-right: 20px;
	}
	
	#pageBottom .add_pageBottom a{
  		color: #333;
	}

	#pageBottom .add_pageBottom a:hover{
  		color: #999;
	}

	#pageBottom .addthis_sharing_toolbox{
		float: left;
		margin-top: 10px;
	}

	#pageBottom .toTopBtn{
		float: right;
	}

#pageFooter2{
	width:100%;
	padding: 30px 0px 75px;
	background-color: #ededed;
	margin: 0 auto;
}
	#pageFooter2 .submenu{
		width: 968px;
		margin: 0 auto;
	}
		#pageFooter2 p{
			text-align: center;
			margin-bottom: 30px;
		}

#pageBtottomInfo{
}
	#pageBtottomInfo div{
		padding: 30px;
	}

	#pageBtottomInfo img.text1{
		max-width:100%;
		height:auto;
		width:auto\9;
		margin-bottom: 25px;
	}

	#pageBtottomInfo img.text2{
		max-width:100%;
		height:auto;
		width:auto\9;
	}

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){

	#pageMain{
		height:auto;
	}
		#pageMain img{
			position: relative;
			width:122.448%;
			max-width: none;
			height:auto;
			top:0px;
			left:0px;
			margin-left: -11.22%;
		}
	
	#pageTitle p{
		width:88%;
		text-align: left;
	}
	.box_980{
		width:100%;
	}
	.box_720{
		width:92%;
	}
	.box_968{
		width:92%;
	}
	.box_480{
		width:92%
	}

	#pageBottom .add_pageBottom {
		padding: 0 0 0 90px;
		margin: 0 0 15px;
		font-size: 12px;
	}

	#pageBottom .addthis_sharing_toolbox{
		float: none;
		text-align: center;
	}
	#pageBottom .toTopBtn{
		float: none;
		display: none;
	}
}

@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5){
	
}


/* ======================================================

	Index

====================================================== */

#Index #page, #Index #bottomlink{
	max-width: none;
}

#Index #petec_header{
	height:0px;
}

#Index #content{
	padding: 30px 0 0;
	background-color: #ededed;
}

#Index #tab0,
#Index #tab1, #Index #tab2, #Index #tab3,
#Index #tab4, #Index #tab5, #Index #tab6{
	width: 98.775%;
	max-width: 1200px;
	margin: 0 auto;
	display: none;
}

#Index .mainV{
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #666666;
	/*heigh: 可変サイズ(ウィンドウ縦 - 71 - 30 - 59)*/
}


	#Index .mainV .leadBG{
		width: 100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		z-index: 1;
		background:url(../../images/lead_bg.png) repeat-x 0px 0px;
	}

	#Index .mainV .box_968{
		position: relative;
		z-index: 1;
	}
	
	#Index .mainV .box_968 h1{
		text-align: center;
		padding-top: 38px;
	}
		#Index .mainV .box_968 h1 img{
			max-width: 100%;
			height: auto;
			width: auto\9;
		}

	#Index .mainV .box_968 p{
		position:relative;
		text-align: center;
		margin-top: 5px;
	}
		#Index .mainV p img{
			max-width: 100%;
			height: auto;
			width: auto\9;
		}

	#Index .mainV .box_968 .englishBtn{
		position: absolute;
		top:15px;
		right:0px;
	}
		
/*
	#Index .mainV .tweet{
		position:absolute;
		bottom: 25px;
		width:968px;
		height:43px;
		left:50%;
		margin:0 0 0px -484px;
		z-index: 1;
	}
		#Index .mainV .tweet img{
			margin: 12px 8px 0px 30px;
		}

		#Index .mainV .tweet p{
			display: inline-block;
			font-size:12px;
			line-height:1.4em;
			width:701px;
			height:43px;
			padding:6px 20px 0px 20px;
			background:url(../../images/twitter_base.png) no-repeat 0px 0px;
		}
*/

	#slideshow{
		position: absolute;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		overflow: hidden;
		z-index: 0;
	}
		#slideshow ul{
			position: relative;
		}
		#slideshow li{
			position: absolute;
			display:none;
		}
		#slideshow li img{
			max-width : none;
		}
		#slideshow .loading{
			position: absolute;
			width: 30px;
			height: 30px;
			top:50%;
			left:50%;
			margin-left: -15px;
			margin-top: -15px;
		}

/* ======================================================

Index choice

====================================================== */

#Index .exmenu ul{
	width:100%;
	max-width: 968px;
	margin: 0 auto;
	font-size: 0px;		/* for inline-block */
}
	#Index .exmenu li{
		display: inline-block;
		width:481px;
		height:286px;
		margin-bottom: 5px;
		margin-right: 5px;
	}

	#Index .exmenu li:nth-child(2n){
		margin-right: 0%;
	}
		#Index .exmenu li img{	/* for insetBorderEffect */
		    width:481px;
			height:286px;
		}

/***************************/

.submenu ul{
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 0px;		/* for inline-block */
	z-index: 0;
}
	.submenu li{
		display: inline-block;
		width:319px;
		height:190px;
		margin-bottom: 5px;
		margin-right: 5px;
		overflow: hidden;
	}

	.submenu li:nth-child(3n){
		margin-right: 0%;
	}
		.submenu li img{	/* for insetBorderEffect */
		    width:319px;
			height:190px;
		}

/***************************/

.mainmenu ul{
	position: relative;
	width: 100%;
	max-width: 968px;
	margin: 0 auto;
	font-size: 0px;		/* for inline-block */
	z-index: 0;
}
	.mainmenu li{
		width:319px;
		height:190px;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
	}
    .mainmenu li:nth-child(3n) {
        margin-right: 0px;
    }
/*
	.mainmenu li:nth-child(1) { margin-right: 5px; float: left;}
	.mainmenu li:nth-child(2) { margin-right: 5px; float: left;}
	.mainmenu li:nth-child(3) { margin-right: 0px; float: right;}
	.mainmenu li:nth-child(4) { margin-right: 5px; float: left;}
	.mainmenu li:nth-child(5) { margin-right: 5px; float: left;}
	.mainmenu li:nth-child(6) { margin-right: 0px; float: right;}
	.mainmenu li:nth-child(7) { margin-right: 5px; float: left;}
	.mainmenu li:nth-child(8) { margin-right: 5px; float: left;}
	.mainmenu li:nth-child(9) { margin-right: 0px; float: right;}	
	.mainmenu li:nth-child(10){ margin-right: 5px; float: left;}
	.mainmenu li:nth-child(11){ margin-right: 5px; float: left;}
	.mainmenu li:nth-child(12){ margin-right: 0px; float: right;}
	.mainmenu li:nth-child(13){ margin-right: 5px; float: left;}
    .mainmenu li:nth-child(14){ margin-right: 5px; float: left;}
	.mainmenu li:nth-child(15){ margin-right: 0px; float: right;}
	.mainmenu li:nth-child(16){ margin-right: 5px; float: left;}
*/

		.mainmenu li img{	/* for insetBorderEffect */
		    width:319px;
			height:190px;
		}

/*
	.mainmenu ul li.twitter{
		height:385px;
	}
		.mainmenu ul li.twitter .customisable-border{
			border: none;
		}
		.mainmenu ul li.twitter .timeline{
			border-radius: 0px;
		}
*/


@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){
	
/*
	#Index .mainV .tweet{
		bottom: 0px;
		width: 100%;
		height: auto;
		left: 50%;
		margin: 0 0 0 -50%;
		text-align: right;
	}
		#Index .mainV .tweet img{
			margin: 0px 10px 10px 10px;
		}
		#Index .mainV .tweet p{
			position: relative;
			display: block;
			width: auto;
			height: auto;
			padding: 5px;
			background-image: none;
			background-color: rgba(255, 255, 255, 0.8);
			text-align: left;
		}
		#Index .mainV .tweet p:after {
		    content: "";
		    height: 0;
		    position: absolute;
		    width: 0;
		    border: 6px solid transparent;
		    border-bottom-color: rgba(255, 255, 255, 0.8);
		    top: -12px;
		    right: 80px;
		}
*/

	#Index #tab1 h2 img, #Index #tab1 p img,
	#Index #tab2 h2 img, #Index #tab2 p img,
	#Index #tab3 h2 img, #Index #tab3 p img,
	#Index #tab4 h2 img, #Index #tab4 p img,
	#Index #tab5 h2 img, #Index #tab5 p img,
	#Index #tab6 h2 img, #Index #tab6 p img{
		max-width: 96%;
		height: auto;
		width: auto\9;
	}

	/**********************/

	#Index .exmenu ul{
		overflow: hidden;
	}

	#Index .exmenu li{
		display: block;
		width:49.75%;
		height:auto;
		margin-right: 0%;
		margin-bottom: 1%;
		float: left;
	}
	#Index .exmenu li:nth-child(2n){
		margin-right: 0%;
		float: right;
	}
		#Index .exmenu li img{
			max-width: 100%;
		    height:auto;
		}

	/***************************/

	.mainmenu ul{
		overflow: hidden;
	}
	.mainmenu li,
    .mainmenu li:nth-child(3n) {
		display: block;
		width: 49.75%;
		height: auto;
		margin-right: 0.5%;
		margin-bottom: 0.5%;
		float: left;
	}
    .mainmenu li:nth-child(2n) {
        margin-right: 0;
    }
		.mainmenu li img{
			max-width: 100%;
		    height:auto;
		}
/*
	.mainmenu li:nth-child(1) { margin-right: 0px; float: left;}
	.mainmenu li:nth-child(2) { margin-right: 0px; float: right;}
	.mainmenu li:nth-child(3) { margin-right: 0px; float: left;}
	.mainmenu li:nth-child(4) { margin-right: 0px; float: right;}
	.mainmenu li:nth-child(5) { margin-right: 0px; float: left;}
	.mainmenu li:nth-child(6) { margin-right: 0px; float: right;}
	.mainmenu li:nth-child(7) { margin-right: 0px; float: left;}
	.mainmenu li:nth-child(8) { margin-right: 0px; float: right;}
	.mainmenu li:nth-child(9) { margin-right: 0px; float: left;}	
	.mainmenu li:nth-child(10){ margin-right: 0px; float: right;}
	.mainmenu li:nth-child(11){ margin-right: 0px; float: left;}
	.mainmenu li:nth-child(12){ margin-right: 0px; float: right;}
	.mainmenu li:nth-child(13){ margin-right: 0px; float: left;}
*/


	/***************************/

	#pageFooter2 .submenu{
		width: 96%;
	}

	.submenu li{
		width: 33%;
		height:auto;
		margin-right: 0.5%;
	}
		.submenu li img{
			max-width: 100%;
		    height:auto;
		}

	.submenu li.frame_red{ box-shadow: #f0808b 0 0 0 5px inset; }
	.submenu li.frame_blue{ box-shadow: #6dc2d9 0 0 0 5px inset; }
	.submenu li.frame_green{ box-shadow: #7ad1b6 0 0 0 5px inset; }
	.submenu li.frame_white{ box-shadow: #ffffff 0 0 0 5px inset; }

	  	.submenu li.frame_red img,
	  	.submenu li.frame_blue img,
	  	.submenu li.frame_green img,
	  	.submenu li.frame_white img{
	  		position: relative;
			max-width: 100%;
		    height:auto;
			z-index: -1;
		}
}

@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5){
	
	#Index .exmenu li{
		width:100%;
		margin-bottom: 1%;
		float: none;
	}
	#Index .exmenu li:nth-child(2n){
		margin-right: 0%;
		float: none;
	}

	/***************************/
	

	/***************************/

	.submenu ul{
		overflow: hidden;
	}
	.submenu li {
		display: block;
		width: 49.75%;
		margin-right: 0%;
		margin-bottom: 1%;
		float: left;
	}
	.submenu li:nth-child(3n+3){
		margin-right: 0.5%;
	}
	.submenu li:nth-child(2n+2){
		float: right;
		clear: right;
		margin-right: 0%;
	}
}

/* ======================================================

	1-1: tour

====================================================== */

.tour{
	line-height: 2em;
}
	
	.tour .menu{
		width:100%;
		height: 50px;
		margin: 0 auto;
		background-color:#ededed;
		z-index:10;
	}	
		.tour .menu ul{
			width:100%;
			font-size: 0px;
			text-align: center;
		}
		.tour .menu ul li{
			display: inline-block;
		}
		.tour .menu ul li a{
			display: block;
		}
		.tour .menu li:nth-child(1){
			margin-right: 40px;
		}


	.tour .text{
		padding: 2em 0 0em;
		border-top: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
	}
		.tour .text dl dt{
			clear: left;
			float: left;
			width:10em;
			font-weight: bold;
			
		}
		.tour .text dl dd{
			margin-left:10em;
			margin-bottom: 40px;
		}
		.tour .text dl dd p{
			border: 6px solid #F0808B;
			padding: 20px;
			margin-bottom: 20px;
		}
		.tour .text dl dd p em{
			font-style: normal;
			font-weight: bold;
			font-size: 1.1428em;
		}
		.tour .text dl dd p span{
			display: block;
			line-height: 1.5;
			margin-top: 10px;
		}

		.tour .text dl ul.small li{
			font-size: 0.8571em;
			line-height: 1.6em;
			padding-left:3em;
			text-indent:-3em;
		}

		.tour .text dl ul.small2 li{
			font-size: 0.8571em;
			line-height: 1.6em;
			padding-left:1em;
			text-indent:-1em;
		}

		.tour .text dl ul.normal{
			margin-top: -2em;
			margin-left: 5.5em;
		}

		.tour .text dl ul.normal2 li{
			padding-left:1em;
			text-indent:-1em;
		}

	.tour .picture div{
			width: 49%;	/* 475/968*/
			float: left;
			margin-bottom: 32px;
		}
		.tour .picture div:nth-child(odd){
			margin-right:1.8%; /*18/968*/
		}
			.tour .picture div img{
				width:100%;
				height:auto;
				max-width: 475px;
			}
		.tour .picture div .p_title{
			font-size: 1.1428em; /*16px*/
			font-weight: bold;
			margin: 15px 0 5px;
		}

		.tour .picture div .p_caption{
			line-height: 1.6em;
		}

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){

	.tour .menu{
		min-width: 100%;
		height:auto;
	}
		.tour .menu ul{
			text-align: left;
		}
		.tour .menu ul li{
			width:100%;
			border-bottom: 1px solid #cccccc;
			margin-right: 0px !important;
		}
		.tour .menu ul li a{
			margin-left: 10px;
		}

	.tour h3 img{
		max-width:100%;
		height: auto;
		width: 500\9px;
	}

	.tour .text dl dt{
		float: none;
		width: auto;
	}

	.tour .text dl dd{
		margin-left: 0em;
	}

	.tour .picture div{
		width: 100%;
		float: none;
	}
	.tour .fl{
		float: none;
	}
	.tour .pic{
		margin-top: 20px;
		text-align: center;
	} 
}
@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5){
	.tour p.textR {
  		text-align: left;
  	}
 }

/* ======================================================

	1-2: voice

====================================================== */

.voice{
	line-height: 1.8em;
}

.voice .leftSide{
	float:left;
	width:48%;
	margin-right: 4%;
}

.voice .rightSide{
	float:right;
	width:48%;
}

.voice dl dt{
	clear: left;
	float: left;
	width: 75px;
	margin-bottom: 45px;
}
.voice dl dd{
	margin-left:75px;
	margin-bottom: 50px;
	padding-top: 10px;
}
.voice dl dd span{
	display: block;
	font-size: 0.8571em;
	margin-top: 5px;
	text-align: right;
}
.voice dl dd.pic img{
	max-width:100%;
	height:auto;
	width:auto\9;
}

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){

	.voice .leftSide{
		float:none;
		width:96%;
		margin: 0 auto;
	}

	.voice .rightSide{
		float:none;
		width:96%;
		margin: 0 auto;
	}

	.voice dl dd.pic img{
		margin-left: -32px;
	}
}

@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.voice p.textR {
  		text-align: left;
  	}
}

/* ======================================================

	1-3: entry

====================================================== */

.entry{
	padding-top: 60px;
	line-height: 2em;
}
	.entry h3{
		text-align: center;
	}

	.entry .block2{
		padding: 2em 0 0em;
		margin-bottom: 7em;
		border-bottom: 1px dotted #cccccc;
	}
		.entry .block2 dl dt{
			clear: left;
			float: left;
			width:10em;
			font-weight: bold;		
		}
		.entry .block2 dl dd{
			margin-left: 10em;
			margin-bottom: 40px;
		}
		.entry .block2 dl ul.small{
			font-size: 0.8571em;	/*12px*/
			line-height: 1.6em;
			padding-left:3em;
			text-indent:-3em;
		}
		.entry .block2 dl ul.normal{
			margin-top: -2em;
			margin-left: 5.5em;
			padding-left:1em;
			text-indent:-1em;
		}
		.entry .block2 dl ul.small2{
			font-size: 0.8571em; 	/*12px*/
			line-height: 1.6em;
			padding-left:1em;
			text-indent:-1em;
		}
		.entry .block2 span.nowrap{
			white-space: nowrap;
		}

	/******************************/

	.entry .block3{
		margin: 2em 0 7em;
	}
		.entry .block3 dl dt{
			clear: left;
			float: left;
			width:62px;
			font-weight: bold;
		}
		.entry .block3 dl dd{
			margin-left:62px;
			margin-bottom: 4em;
			padding-top: 0.5em;
		}
		.entry .block3 dl li{
			font-size: 0.8571em;
			line-height: 1.6em;
			padding-left:1em;
			text-indent:-1em;
		}
		.entry .block3 dl dd span{
			color:#cb4f5b;
		}

	/******************************/

	.entry .block4{
		padding: 2em 0 0em;
		margin-bottom: 7em;
		border-top: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
	}
		.entry .block4 dl dt{
			clear: left;
			float: left;
			width: 10em;
			font-weight: bold;		
		}
		.entry .block4 dl dd{
			margin-left: 10em;
			margin-bottom: 40px;
		}
		.entry .block4 dl li{
			padding-left: 1em;
			text-indent: -1em;
		}

	/******************************/
	
	.entry .exblock{
		width: 90.61224%; /*90.816%; 888px;*/
		max-width: 888px;
		margin: 2em auto 7em;
	}
		.entry .exblock li{
			margin-right: 5px;
		}
			.entry .exblock li > div{
				/*width: 100%;*/	/*290px*/
				height: 438px;		/*380px*/
				border: 1px solid #e5e5e5;
				background-color: #f5f5f5;
			}
				.entry .exblock table{
					width:100%;
					height:100%;
					border-collapse:collapse;
					table-layout: fixed;
					border: 10px solid #f5f5f5;
				}
					.entry .exblock table tr:nth-child(2) th:nth-child(1),
					.entry .exblock table tr td:nth-child(1){
						color:#c24249;
					}
					.entry .exblock table tr:nth-child(2) th:nth-child(7),
					.entry .exblock table tr td:nth-child(7){
						color:#448bcd;
					}
					.entry .exblock table th {
						height: 1em;
					}
					.entry .exblock table td {
						vertical-align: top;
						overflow: hidden;
					}
					.entry .exblock .gray{
						color:#999999;
					}
					.entry .exblock table tr{
						text-align: center;
					}
					.entry .exblock table tr p{
						font-size: 11px;
						line-height: 1.5em;
					}

.entry .flexslider { margin: 0 0 10px; background: #fff; position: relative; zoom: 1; }
.entry .flex-direction-nav .flex-prev { left: -50px; background-image: url("../../entry/images/backBtn.png");}
.entry .flex-direction-nav .flex-next { right: -50px; text-align: right; background-image: url("../../entry/images/nextBtn.png");}
.entry .flexslider:hover .flex-prev { opacity: 1.0; left: -50px; }
.entry .flexslider:hover .flex-next { opacity: 1.0; right: -50px; }
.entry .flexslider:hover .flex-prev:hover { opacity: 0.6;}
.entry .flexslider:hover .flex-next:hover { opacity: 0.6;}


@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){
	
	.entry .block2 dl dt,
	.entry .block4 dl dt{
		float: none;
	}
	.entry .block2 dl dd,
	.entry .block4 dl dd{
		margin-left:0em;
	}
	br.nobr{
		display: none;
	}

	.entry .flex-direction-nav .flex-prev { display: none; }
	.entry .flex-direction-nav .flex-next { display: none; }
}

@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5){
	.entry p.textR {
  		text-align: left;
  	}
}

/* ======================================================

	1-4: access

====================================================== */
.access{
	line-height: 2em;
}
	.access .menu{
		width:100%;
		height: 50px;
		margin: 0 auto;
		background-color:#ededed;
		z-index:10;
	}
	.access .menu ul{
		width:100%;
		font-size: 0px;
		text-align: center;
	}
	.access .menu ul li{
		display: inline-block;
		margin-right: 9px;
	}
	.access .menu ul li a{
		display: block;
	}

	/******************************/

	.access .google-maps {
		position: relative;
		padding-bottom: 72.31%;
		height: 0;
		overflow: hidden;
	}
	.access .google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}

	/******************************/

	.access .section3{}
		.access .section3 dl dt{
			clear: left;
			float: left;
			width:5em;
		}
		.access .section3 dl dd{
			margin-left:5em;
		}

	.access .section3 .box_968 ul{
		width:100%;
		font-size: 0px;
	}
		.access .section3 .box_968 ul li{

			display:inline-block;
			vertical-align: top;
			/*width:311px;*/
			width:32%;
			font-size: 13px;
			/*margin:0 17px 20px 0px;*/
			margin:0 2% 20px 0px;
			line-height: 1.8em;
		}

		.access .section3 .box_968 ul li:nth-child(3),
		.access .section3 .box_968 ul li:nth-child(6),
		.access .section3 .box_968 ul li:nth-child(9){
			margin-right: 0px;
		}
			.access .section3 .box_968 ul li img{
				margin-bottom: 15px;
			}

	/******************************/

	.access .section4 {}

		.access .section4 .grayblock {
			border: 1px solid #b3b3b3;
			background-color: #fafafa;
			padding: 15px;
		}

	/******************************/

	.access .section5 {}

		.access .section5 .f13{
			line-height: 1.7 !important;
			margin-bottom: 10px;
		}
		.access .section5 ul.pl{
			padding-left: 1em;
		}


@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){

	.access .menu{
		min-width: 100%;
		height:auto;
	}
	.access .menu ul{
		text-align: left;
	}

	.access .menu li{
		width:100%;
		margin-right: 0px;
		border-bottom: 1px solid #cccccc;
	}

	.access .section1 p.fl{
		float: none;
	}

	.access .section3 .box_968 ul li{			
		width:49%;
		margin:0 2% 20px 0px;
	}
		.access .section3 .box_968 ul li:nth-child(even){
			margin-right: 0px;
		}
		.access .section3 .box_968 ul li:nth-child(3),
		.access .section3 .box_968 ul li:nth-child(9){
			margin-right: 2%;
		}

	.access .section4 .halfblock{
		float: none;
		width:98%;
		margin: 0 auto;
	}

	.access .section4 .halfblock:first-child{
		margin-right:auto;
	}
}

@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5){
	.access .section3 .box_968 ul{
		text-align: center;
	}
	.access .section3 .box_968 ul li{			
		width:100%;
		margin:0 0 20px 0;
		text-align: left;
	}
	.access p.textR {
  		text-align: left;
  	}
}


/* ======================================================

	1-5: sightseeing

====================================================== */

.sightseeing{
	padding-top: 60px;
	line-height: 1.8em;
}

	.sightseeing .about{
		width:100%;
		padding-top: 20px;
		border-top: 1px dotted #cccccc;
	}

	.sightseeing .box_720 .about{
		position: relative;
	}
	.sightseeing .box_720 .about .character{
		position: absolute;
		width:20%;
		bottom: 0px;
		right: 0px;
	}
	.sightseeing .box_720 .about .character img{
		max-width: 100%;
		min-width: 72px;
		height: auto;
		width: auto\9;
	}
	.sightseeing .box_720 .about div.slogan{
		position: relative;
		z-index: 1;
	}
	.sightseeing .box_720 .about p{
		position: relative;
		z-index: 1;
	}

	/******************************/

	.sightseeing .box_968 .about{
		margin-top: 60px;
	}
		.sightseeing .box_968 .about img{
			margin-bottom: 17px;
		}

		.sightseeing .box_968 .about .pic2cl div{
			float: left;
		}
			.sightseeing .box_968 .about .pic2cl div:nth-child(odd){
				margin-right: 17px;
			}

	.sightseeing .box_968 .leftSide{
		width:475px;
		padding-right: 17px;
		float: left;
	}

	.sightseeing .box_968 .rightSide{
		width:475px;
		float: left;
	}

	.sightseeing .box_968 .about .left_block{
		width: 229px;
		float: left;
	}
	.sightseeing .box_968 .about .right_block{
		width: 229px;
		float: right;
	}

	.sightseeing .box_968 .about span{
		display: block;
		padding:0.3em 0 0.3em 1em;
		font-size: 0.857em;/*12px*/
		line-height: 1.8em;
	}

	.sightseeing .chara2 div.fl{
		width:300px;
	}
	.sightseeing .chara3 div.fl{
		width:300px;
	}
	.sightseeing .chara4 div.fl{
		width:300px;
	}
	.sightseeing .chara5 div.fl{
		width:180px;
	}
	

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){

	.sightseeing .box_720 .about p{
		width: 96%;
		float: none;
		margin: 0 auto;
	}

	.sightseeing .box_968 .leftSide{
		width: 96%;
		padding-right: 0px;
		float: none;
		margin: 0 auto;
	}

	.sightseeing .box_968 .rightSide{
		width: 96%;
		float: none;
		margin: 0 auto;
	}

	.sightseeing .box_968 .about .left_block{
		float: none;
	}
	.sightseeing .box_968 .about .right_block{
		float: none;
		width:100%;
		text-align: center;
	}

	.sightseeing .box_968 .about .pic2cl div{
		float: none;
		width:100%;
		text-align: center;
	}
		.sightseeing .box_968 .about .pic2cl div:nth-child(odd){
			margin-right: 0px;
		}
}

/* ======================================================

	2-1: about

====================================================== */

.about{
	line-height: 2em;
}
	.about img{
		max-width:100%;
		height: auto;
		width:auto\9;
	}
	
	.about .block1 p,
	.about .block2 p{
		margin-bottom: 25px;
	}

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){
	/* no css */
}

@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5){
	.about p.textR {
  		text-align: left;
  	}
 }

/* ======================================================

	2-2: csr

====================================================== */

.csr{
	line-height: 2em;
}
	.csr .box_720 p{
		margin-bottom: 2em;
	}
	.csr .box_968 p{
		margin-bottom: 2em;
	}
	.csr .section3 span{
		display: inline-block;
		line-height: 2em;
	}
	.csr .left_block{
		width:49.1%;	/*475/968*/
		float: left;
	}
	.csr .right_block{
		width:49.1%;	/*475/968*/
		float: right;
	}
	.csr .half_block{
		width:49.1%;	/*475/968*/
		margin-bottom: 10px;
	}

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){

	.csr .left_block{
		width: 96%;
		float: none;
		margin: 0 auto;
	}
	.csr .right_block{
		width: 96%;
		float: none;
		margin: 0 auto;
	}
	.csr .half_block{
		width: 96%;
		margin-bottom: 10px;
		margin: 0 auto;
	}
}

@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5){
	.csr p.textR {
  		text-align: left;
  	}
}



/* ======================================================

	2-3: company 

====================================================== */
.company{
	line-height: 2em;
}
	.company .menu{
		width:100%;
		height: 50px;
		margin: 0 auto;
		background-color:#ededed;
		z-index:10;
	}	
	.company .menu ul{
		width:100%;
		font-size: 0px;
		text-align: center;
	}
	.company .menu ul li{
		display: inline-block;
	}
	.company .menu ul li a{
		display: block;
	}
	.company .menu li:nth-child(1){
		margin-right: 65px;
	}
	.company .menu li:nth-child(2){
		margin-right: 65px;
	}

	.company div.box_720{
		padding-bottom: 30px;
		border-bottom: 1px dotted #cccccc;
	}

	/*.company h3 img{
		max-width:100%;
		height: auto;
		width: auto\9px;
	}*/

	.company dl dt{
		clear: left;
		float: left;
		width: 14em;
		padding-top: 10px;
		font-weight: bold;
		border-top: 1px solid #ccc;
	}
	.company dl dd{
		margin-left:15em;
		margin-bottom: 10px;
		padding-top: 10px;
		border-top: 1px dotted #ccc;
	}

	.company .pageBtottomInfo{
	}
		.company .pageBtottomInfo div{
			padding: 3.1%;
		}
		.company .pageBtottomInfo .text1{
			margin-bottom: 3.8%;
		}
		.company .pageBtottomInfo .text2{
			margin-bottom: 2.4%;
		}

		.company .google-maps {
			position: relative;
			padding-bottom: 62.77%;
			height: 0;
			overflow: hidden;
		}
		.company .google-maps iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
		}


@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){
	.company .menu{
		min-width: 100%;
		height:auto;
	}
	.company .menu ul{
		text-align: left;
	}
	.company .menu ul li{
		width:100%;
		border-bottom: 1px solid #cccccc;
		margin-right: 0px !important;
	}
	/*.company iframe{
		max-width:100%;
		height: auto;
		width: auto\9px;
	}*/
	.company dl dt{
		float: none;
		width: auto;
	}
	.company dl dd{
		margin-left:0em;
	}
}
@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5){
	.company p.textR {
  		text-align: left;
  	}
 }

/* ======================================================

	2-4: greeting

====================================================== */

.greeting{
	line-height: 2em;
}
	.greeting .box_720 p{
		margin-bottom: 2em;
	}


/* ======================================================

	2-5: release

====================================================== */

.release {
	line-height: 2em;
}
	.release .menu{
		width:100%;
		height: 50px;
		margin: 0 auto;
		background-color:#ededed;
		z-index:10;
	}	
	.release .menu ul{
		width:100%;
		font-size: 0px;
		text-align: center;
	}
	.release .menu ul li{
		display: inline-block;
	}
	.release .menu ul li a{
		display: block;
	}
	.release .menu li:nth-child(1){
		margin-right: 65px;
	}

	.release #section2 {

	}
		.release #section2 p {
			margin-bottom: 10px;
		}

	.release .info {
		padding-top: 2em;
	}
		.release .info dl dt:first-child {
			border-top: 1px dotted #cccccc;
		}
		.release .info dl dt {
			letter-spacing: 0.2em;
			font-size: 0.8571em;	/*12px*/
			padding-top: 15px;
		}
		.release .info dl dd {
			padding-bottom: 15px;
			border-bottom: 1px dotted #cccccc;
		}
		.release .info dl dd {
			padding-right: 1em;
		}

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){
	.release .menu{
		min-width: 100%;
		height:auto;
	}
	.release .menu ul{
		text-align: left;
	}
	.release .menu ul li{
		width:100%;
		border-bottom: 1px solid #cccccc;
		margin-right: 0px !important;
	}
}

/* ======================================================

	2-6: download

====================================================== */

.download{
	line-height: 2em;
}

	.download #slider{
		width: 720px;
		height: 480px;
		background-color: #ededed;
	}
		.download  #slider .slides li{
			position: relative;
		}
		.download  #slider .slides li .flex-caption {
			position: absolute;
			display: table;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			bottom:0px;
			left:0px;
			width:100%;
			color: #ffffff;
			text-align: left;
			line-height: 1.4em;
			background-color: rgba(0, 0, 0, 0.6);
		   	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
		}
		.download  #slider .slides li .flex-caption span:nth-child(1) {
			display: table-cell;
			padding: 10px 0px 10px 20px;
		}
		.download  #slider .slides li .flex-caption span:nth-child(2) {
			display: table-cell;
			text-align: right;
			vertical-align: bottom;
			padding: 10px 20px 10px 0px;
		}
		.download  #slider .slides li .flex-caption span:nth-child(2) a:before{
			line-height: 1.4em;
		}

	.download #carousel{
		width: 720px;
		height: 80px;
		background-color: #ededed;
	}
		.download #carousel li {
    		margin-right: 6px;
		}
		.download #carousel img {
		    display: block;
		    cursor: pointer;
		}
		.download #carousel img:hover {
		    opacity: 0.75;
		}
		.download #carousel .flex-active-slide img {
		    opacity: 1;
		    cursor: default;
		}

	.download .flexslider { margin: 0; padding: 0;}
	.download .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
	.download .flexslider .slides img {width: 100%; display: block;}
	.download .flexslider { margin: 0 0 6px; background: #fff; position: relative; zoom: 1; }
	.download .flexslider .slides { zoom: 1; }

	.download #slider .flex-direction-nav a { text-decoration:none; display: block; width: 33%; height: 90%; margin: 0; position: absolute; top: 0px; z-index: 10; overflow: hidden; opacity: 0.5; filter:alpha(opacity=50); cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background: url(../../common/images/alpha.png);}
	.download #slider .flex-direction-nav .flex-prev { left: 0px;}
	.download #slider .flex-direction-nav .flex-next { right: 0px;}
	.download #slider.flexslider:hover .flex-prev { opacity: 0.5; left: 0px; filter:alpha(opacity=100);}
	.download #slider.flexslider:hover .flex-next { opacity: 0.5; right: 0px; filter:alpha(opacity=100);}
	.download #slider.flexslider:hover .flex-next:hover,
	.download #slider.flexslider:hover .flex-prev:hover { opacity: 1; filter:alpha(opacity=100);}
	.download #slider .flex-direction-nav .flex-disabled { opacity: 0 !important; filter:alpha(opacity=0) !important; cursor: default; }
	.download #slider .flex-direction-nav a.flex-next:before { content: url("../../technology/images/nextBtn.png"); position: absolute; top:50%; right:20px; margin-top:-23px;}
	.download #slider .flex-direction-nav a.flex-prev:before { content: url("../../technology/images/backBtn.png"); position: absolute; top:50%; left:20px; margin-top:-23px;}

	.download #carousel .flex-direction-nav a  { text-decoration:none; display: block; width: 27px; height: 27px; margin: -14px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; filter:alpha(opacity=50); cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
	.download #carousel .flex-direction-nav .flex-prev { left: 0px;}
	.download #carousel .flex-direction-nav .flex-next { right: 0px;}
	.download #carousel.flexslider:hover .flex-prev { opacity: 1.0; left: 0px; filter:alpha(opacity=100);}
	.download #carousel.flexslider:hover .flex-next { opacity: 1.0; right: 0px; filter:alpha(opacity=100);}
	.download #carousel.flexslider:hover .flex-next:hover,
	.download #carousel.flexslider:hover .flex-prev:hover { opacity: 0.6; filter:alpha(opacity=60);}
	.download #carousel .flex-direction-nav .flex-disabled { opacity: 0 !important; filter:alpha(opacity=0) !important; cursor: default; }
	.download #carousel.flexslider .flex-direction-nav a.flex-next:before { content: url("../../download/images/arrow_r.png"); width:27px; height:27px;}
	.download #carousel.flexslider .flex-direction-nav a.flex-prev:before { content: url("../../download/images/arrow_l.png"); width:27px; height:27px;}


@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5) {
	
	.download #slider {
		width: 100%;
		height: auto;
	}
	.download #carousel {
		width: 100%;
		height: auto;
	}

	.download #slider.flexslider .slides li .flex-caption {
		font-size: 0.7142em; /* 10px */
	}
}

@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.download p.textR {
  		text-align: left;
  	}
}

@media only screen and (max-width:320px) and (-webkit-min-device-pixel-ratio: 1.5) {

	.download #slider.flexslider .flex-direction-nav a.flex-next:before {
		-webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5);
    }
	.download #slider.flexslider .flex-direction-nav a.flex-prev:before {
		-webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5);
	}
	.download #slider .flex-direction-nav a.flex-next:before {right:0px;}
	.download #slider .flex-direction-nav a.flex-prev:before {left:0px;}

	.download #slider.flexslider .slides {
		background-color: rgba(0, 0, 0, 0.6);
	}
		.download #slider.flexslider .slides li .flex-caption {
			position: static;
			display: block;
			padding: 10px 20px 10px;
			line-height: 1.4em;
			background: none;
		}
			.download  #slider .slides li .flex-caption span:nth-child(1) {
				display: block;
				padding: 0px;
			}
			.download  #slider .slides li .flex-caption span:nth-child(2) {
				display: block;
				padding: 0px;
				text-align: left;
			}
}

/* ======================================================

	2-7: Q&A

====================================================== */

.qanda{
	line-height: 1.8em;
}
	.qanda .menu{
		width:100%;
		height: 50px;
		margin: 0 auto;
		background: #ededed;
		z-index:10;
	}
	
	.qanda .menu ul{
		font-size: 0px;
		text-align: center;
	}
	.qanda .menu ul li{
		padding: 10px 0 15px;
		/*height: 50px;*/
		display: inline-block;
	}
	.qanda .menu ul li a{
		display: block;
		margin-right: 50px;
	}
	

	.qanda .question{
		background-color: #ededed;
		margin-bottom: 40px;
	}
		.qanda .question ul{
			padding: 1.5em 1.5em 0.5em;
		}
		.qanda .question ul li{
			margin-bottom: 0.75em;
		}

	.qanda span{
		font-size: 9px;
		line-height: 0.1em !important;
	}
	
	.qanda dl dt{
		clear: left;
		float: left;
		width:3em;
		font-size: 16px;
		font-weight: bold;
		padding-top: 20px;

	}
	.qanda dl dd{
		font-size: 13px;
		margin-left:4em;
		padding-top: 20px;
	}
	.qanda dl dd.answer{
		margin-bottom: 40px;
	}
		.qanda dl dd.answer p{
			margin-bottom: 1em;
		}

	.qanda .pic{
		font-size: 0.8571em; /*12px*/
		text-align: center;
		margin-bottom: 40px;
	}
	.qanda .back{
		text-align: right;
	}

	.qanda .back a{
		content: "";
		padding-left: 1em;
		line-height: 2em;
		background: url(../../qanda/images/index_arrow.png) no-repeat left center;
	}
		

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){

	.qanda .menu{
		min-width: 100%;
		height:auto;
	}
	.qanda .menu ul{
		text-align: left;
	}
	.qanda .menu ul li{
		width:100%;
		border-bottom: 1px solid #cccccc;
		margin-right: 0px !important;
	}
	.qanda .menu ul li a{
		margin-left: 10px;
		margin-right: 0px;
	}

	/*******************/

	.qanda .pic .fl,
	.qanda .pic .fr{
		float: none;
	}
	.qanda .pic p{
		text-align: left;
		line-height: 1.5em;
	}
}

/* ======================================================

	3-1: process

====================================================== */

.process{
	width:100%;
	margin-top: 60px;
	line-height: 1.8em;
}
	.process .recyclingRate{
		margin-bottom: 80px;
	}
	.process .recyclingRate dl.box_480 span em{
		display: block;
		font-size: 10px;
		line-height: 1;
	}
	.process .menu{
		width:100%;
		height: 75px;
		margin: 0 auto;
		background-color:#ededed;
		z-index:10;
	}
	.process .menu ul{
		width:100%;
		font-size: 0px;
		text-align: center;
	}
	.process .menu ul li{
		display: inline-block;
	}
	.fixed{
		position: fixed;
		min-width: 968px;
		max-width: 1200px;
		top:0px;
	}

	.process h3{
		text-align: center;
	}
		.process h3 img{
			max-width:100%;
			height: auto;
			width: auto\9px;
		}

        .process h3 small{
            display: block;
            font-weight: normal;
            font-size: 12px;
            margin-top: 5px;
        }

	.process .picbox{
		text-align: center;
		font-size: 0px;
	}
		.process .picbox img{
			max-width:100%;
			height: auto;
			width: auto\9;
		}

	.process ul.point{
		padding-left:1em;
		text-indent:-1em;
	}

	.process .graphTitle {
		line-height: 1.5;
	}
		.process .graphTitle span{
			font-weight: normal;
			font-size: 10px;
			display: block;
			margin-top: 0;
		}

	/*************************/

/*
	#section_tv .graphWrapper1{
		display: inline-block;
		vertical-align: top;
		width:225px;
		margin-right: 113px;
	}
		#section_tv .graphWrapper1 .graph{
			margin-left: -26px;
			margin-bottom: 15px;
		}
*/

	#section_tv .graphWrapper2{
		display: inline-block;
		vertical-align: top;
		width:272px;
		margin-right: 100px;
	}
		#section_tv .graphWrapper2 .graph{
			margin-left: -33px;
			margin-top: 29px;
			margin-bottom: 15px;
		}

	#section_tv .graphWrapper3{
		display: inline-block;
		vertical-align: top;
		width:296px;
	}
		#section_tv .graphWrapper3 .graph{
			/* margin-left: -64px; */
			margin-bottom: 15px;
		}

	/*************************/

	#section_aircon .graphWrapper{
		display: inline-block;
		width:225px;
	}
		#section_aircon .graphWrapper .graph{
			margin-left: -45px;
			margin-bottom: 25px;
		}

	/*************************/

	#section_icebox .graphWrapper{
		display: inline-block;
		width:229px;
	}
		#section_icebox .graphWrapper .graph{
			margin-left: -22px;
			margin-bottom: 25px;
		}

	/*************************/

	#section_washer .graphWrapper1{
		display: inline-block;
		vertical-align: top;
		margin-right: 100px;
		width:287px;
	}
		#section_washer .graphWrapper1 .graph{
			margin-left: 0px;
			margin-bottom: 25px;
		}

	#section_washer .graphWrapper2{
		display: inline-block;
		vertical-align: top;
		width:310px;
	}
		#section_washer .graphWrapper2 .graph{
			margin-left: -10px;
			margin-top: 2px;
			margin-bottom: 25px;
		}

	/*************************/

	.process .block4_1,
	.process .block4_2{
		display: inline-block;
		width:292px;
		/*width:40.55%;*/
		text-align: center;
	}
	.process .block4_1{
		width:100%;
	}
	.process .line{
		background: url(../../process/images/bg_slash.png) repeat-x;
	}

.process .aaa{
	position: relative;
	width:100%;
	height:650px;
}
.process .flexWrap{
	position: absolute;
	width:1200px;
	height:650px;
	top:0px;
	left:50%;
	margin-left: -600px;
}

.process .flex-direction-nav a { text-decoration:none; display: block; width: 33%; height: 100%; margin: 0; position: absolute; top: 0px; z-index: 10; overflow: hidden; opacity: 0.5; filter:alpha(opacity=50); cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background: url(../../common/images/alpha.png);}
.process .flex-direction-nav .flex-prev { left: 0px;}
.process .flex-direction-nav .flex-next { right: 0px;}
.process .flexslider:hover .flex-prev { opacity: 0.5; left: 0px; filter:alpha(opacity=100);}
.process .flexslider:hover .flex-next { opacity: 0.5; right: 0px; filter:alpha(opacity=100);}
.process .flexslider:hover .flex-next:hover, .process .flexslider:hover .flex-prev:hover { opacity: 1; filter:alpha(opacity=100);}
.process .flex-direction-nav .flex-disabled { opacity: 0 !important; filter:alpha(opacity=0) !important; cursor: default; }
.process .flex-direction-nav a.flex-next:before { content: url("../../process/images/nextBtn.png"); position: absolute; top:50%; right:40px; margin-top:-36px;}
.process .flex-direction-nav a.flex-prev:before { content: url("../../process/images/backBtn.png"); position: absolute; top:50%; left:40px; margin-top:-36px;}



.process .flexslider .slides li {
    position: relative;
}
.process .flexslider .slides li .flex-caption {
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	bottom:0px;
	left:0px;
	width:100%;
	color: #ffffff;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 10px 20px 10px;
   	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
}

.process .picbox2{
	font-size: 0px;
}

	.process .picbox2 div:nth-child(1){
		margin-right: 17px;
	}

	.process .picbox2 img{
		max-width:100%;
		height: auto;
		width: auto\9;
	}

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){
	
	.picbox img.mr15{
		margin-right: 0px !important;
	}
	.process .recyclingRate{
		margin-bottom: 40px;
	}
	.process .recyclingRate dl.box_480 {
		float: none;
	}
	.process .recyclingRate h3+p br {
		display: none;
	}
	.process .menu{
		min-width: 100%;
		width:100%;
		height:auto;
	}
	.process .menu ul{
		width:100%;
		text-align: left;

	}
	.process .menu li{
		width:50%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #999999;
	}

	.process .menu li:nth-child(1),
	.process .menu li:nth-child(3){
		border-right: 1px solid #999999;
	}

	.fixed{
		position: static;
		min-width:none;
		max-width:none;
	}

	/*img.tvpic{
		max-width:100%;
		height: auto;
		width: auto\9px;
	}*/

	#section_tv .graphWrapper2,
	#section_tv .graphWrapper3,
	#section_aircon .graphWrapper,
	#section_icebox .graphWrapper,
	#section_washer .graphWrapper1,
	#section_washer .graphWrapper2{
		width:100%;
		margin-right: 0px;
		margin-bottom: 30px;
	}

	#section_tv .graphWrapper2 .graph { width:83%; margin-left: 4%;}
	#section_tv .graphWrapper3 .graph { width:90%; margin-left: 4%;}
	#section_aircon .graphWrapper .graph { width:90%; margin-left: 3%;}
	#section_icebox .graphWrapper .graph { width:90%; margin-left: 6%;}
	#section_washer .graphWrapper1 .graph { width:83%; margin-left: 8%;}
	#section_washer .graphWrapper2 .graph { width:90%; margin-left: 3%;}

	#section_tv .graphWrapper2 .graph img{ width: 100%; margin: 0;}
	#section_tv .graphWrapper3 .graph img{ width: 100%; margin: 0;}
	#section_aircon .graphWrapper .graph img{ width: 100%; margin: 0;}
	#section_icebox .graphWrapper .graph img{ width: 100%; margin: 0;}
	#section_washer .graphWrapper1 .graph img{ width: 100%; margin: 0;}
	#section_washer .graphWrapper2 .graph img{ width: 100%; margin: 0;}

	/**************************/

	.process .block4_1 img,
	.process .block4_2 img{
		width: 75%;
	}
	.process .block4_1.mr135{
		margin-right: 0px !important;
	}
	.process .block4_2{
		margin-top:30px;
	}


	/**************************/
	.process .aaa{
		position: relative;
		height:auto;
	}
	.process .flexslider {
		margin: 0 0 1%;
	}
	.process .flexWrap{
		position: relative;
		width: 100%;
		height: auto;
		top:0px;
		left:0px;
		margin-left: 0px;
	}

	/**************************/

	.process .picbox2 div{
		float: none;
		margin-right: 0px !important;
		margin-bottom: 20px;
		text-align: center;
	}
	
	.process .picbox2 div:nth-child(3){
		margin-bottom: 0px;
	}

	.process .flexslider .slides li .flex-caption {
		font-size: 0.7142em; /* 10px*/
	}
}

@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5){
	.process .menu li{
		width:100%;
	}
	.process p.textR {
  		text-align: left;
  	}
}

@media only screen and (max-width:320px) and (-webkit-min-device-pixel-ratio: 1.5){

	.process .flexslider .slides{
		background-color: rgba(0, 0, 0, 0.6);
	}
	.process .flexslider .flex-direction-nav a.flex-next:before  {
		-webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5);
		/*-webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; transform-origin: 100% 0%;*/
	}
	.process .flexslider .flex-direction-nav a.flex-prev:before  {
		-webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5);
		/*-webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; transform-origin: 0% 0%;*/
	}
	.process .flex-direction-nav a.flex-next:before {right:0px;}
	.process .flex-direction-nav a.flex-prev:before {left:0px;}
	
	.process .flexslider .slides li .flex-caption {
		position: static;
		text-align: left;
		line-height: 1.4em;
		background: none;
	}
}


/* ======================================================

	3-2: technology

====================================================== */
.technology{
	line-height: 2em;
	padding-top: 60px;
}
	.technology > h3{
		text-align: center;
		margin-bottom: 60px;
	}

	.technology .cell{
		width: 100%;
		padding-bottom: 100px;
	}

		.technology .cell .text{
			padding-bottom: 20px;
		}
		.technology .cell .text h4{
			font-size: 1.1428em;	/*16px*/
			margin-bottom: 10px;
		}
		.technology .cell .text ul li{
			padding-left:1em;
			text-indent:-1em;
		}
		.technology .cell .text p{
			margin-top: 20px;
			font-size: 0.9285em;	/*13px*/
		}
		/*.technology .cell .pic img{
			width:100%;
			height: auto;
			max-width: 475px;
		}*/
		.technology .cell .flexslider{
			margin-bottom: 50px;
		}
		.technology .slides li {
		    position: relative;
		}

		.technology .flex-caption {
			position: absolute;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			bottom:0px;
			left:0px;
			width:100%;
			color: #ffffff;
			text-align: center;
			background-color: rgba(0, 0, 0, 0.6);
			padding: 10px 20px 10px;
		   	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
		}

		.technology .flex-direction-nav a { text-decoration:none; display: block; width: 33%; height: 90%; margin: 0; position: absolute; top: 0px; z-index: 10; overflow: hidden; opacity: 0.5; filter:alpha(opacity=50); cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background: url(../../common/images/alpha.png);}
		.technology .flex-direction-nav .flex-prev { left: 0px;}
		.technology .flex-direction-nav .flex-next { right: 0px;}
		.technology .flexslider:hover .flex-prev { opacity: 0.5; left: 0px; filter:alpha(opacity=100);}
		.technology .flexslider:hover .flex-next { opacity: 0.5; right: 0px; filter:alpha(opacity=100);}
		.technology .flexslider:hover .flex-next:hover, .technology .flexslider:hover .flex-prev:hover { opacity: 1; filter:alpha(opacity=100);}
		.technology .flex-direction-nav .flex-disabled { opacity: 0 !important; filter:alpha(opacity=0) !important; cursor: default; }
		.technology .flex-direction-nav a.flex-next:before { content: url("../../technology/images/nextBtn.png"); position: absolute; top:50%; right:20px; margin-top:-23px;}
		.technology .flex-direction-nav a.flex-prev:before { content: url("../../technology/images/backBtn.png"); position: absolute; top:50%; left:20px; margin-top:-23px;}
		


@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){
	
	.technology .cell{
		width: 100%;
		height: auto;
	}

	.technology .flexslider .slides li .flex-caption {
		font-size: 0.7142em; /* 10px*/
	}
}

@media only screen and (max-width:320px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.technology .flexslider .slides {
		background-color: rgba(0, 0, 0, 0.6);
	}

	.technology .flexslider .flex-direction-nav a.flex-next:before  {
		-webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5);
		/*-webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; transform-origin: 100% 0%;*/
	}
	.technology .flexslider .flex-direction-nav a.flex-prev:before  {
		-webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5);
		/*-webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; transform-origin: 0% 0%;*/
	}
	.technology .flex-direction-nav a.flex-next:before {right:0px;}
	.technology .flex-direction-nav a.flex-prev:before {left:0px;}
	
	.technology .flexslider .slides li .flex-caption {
		position: static;
		text-align: left;
		line-height: 1.4em;
		background: none;
	}
}

/* ======================================================

	3-3: feedback

====================================================== */

.feedback{
	line-height: 2em;
}
	.feedback .block{
		/* margin-bottom: 80px; */
	}
		.feedback .block .text{
			width:100%;
		}
			.feedback .block .text p{
				margin-bottom: 30px;
			}

		.feedback .block .pic{
			width:100%;
		}
			.feedback .block .pic img{
				max-width: 100%;
				height: auto;
				width: auto\9;
				margin-bottom: 18px;
			}


	.feedback .box_968 .left_block{
		width: 475px;
		float: left;
	}
	.feedback .box_968 .right_block{
		width: 475px;
		float: right;
	}


@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){
	.feedback .block .text{
		width: 96%;
		float: none;
		padding-right: 0%;
		margin: 0 auto;
	}
	.feedback .block .pic{
		width: 96%;
		float: none;
		margin: 0 auto;
	}
}
@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5){
	.feedback p.textR {
  		text-align: left;
  	}
}



/* ======================================================

	4: recycle

====================================================== */

.recycle{
	line-height: 2em;
}

	.recycle .menu{
		width:100%;
		height: 50px;
		margin: 0 auto;
		background-color:#ededed;
		z-index:10;
	}
	.recycle .menu ul{
		width:100%;
		font-size: 0px;
		text-align: center;
	}
	.recycle .menu ul li{
		display: inline-block;
	}
	.recycle .menu ul li a{
		display: block;
	}

	/**********************/

	.recycle h3{
		text-align: center;
	}

	.recycle .section2 .attention .iblock{
		display: inline-block;
	}
	.recycle .section2 .attention p{
   		display: table-cell;
   		vertical-align: middle;
   		height: 60px;
   		text-align: left;
   		line-height: 1.5em;
	}
	.recycle .section2 .attention p:first-child{
		padding-right: 5px;
	}

	.recycle .section2 .pic_2_3_1{
		margin-right: 30px;
	}
	
	.recycle .section4 .step{
		margin: 27px 0 20px;
	}
	.recycle .section4 .pic_4_1_1{
		margin-right: 16px;
	}
	
	.recycle .columnWrap .box_968{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width:100%;
		padding: 10px;
		background: url(../../recycle/images/bg_chip.png);
	}

	.recycle .columnWrap .box_968 .column{
		padding: 3%;
		background: #ffffff;
	}
	.recycle .columnWrap .box_968 .column .leftbox{
		width:49%;
		margin-right: 3%;
		float: left;
	}
	.recycle .columnWrap .box_968 .column .rightbox{
		width:48%;
		float: right;
	}
	.recycle .columnWrap .box_968 .column_1{
		position: relative;
	}
	.recycle .columnWrap .box_968 .column_1 .rightbox{
		margin-bottom: 70px;
	}
	.recycle .columnWrap .box_968 .column_1 .illust{
		position: absolute;
		bottom: 30px;
	}
	.recycle .columnWrap .valignB{
		vertical-align: bottom;
	}

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){

	.recycle .menu{
		min-width: 100%;
		height:auto;
	}
	.recycle .menu ul{
		text-align: left;
	}
	.recycle .menu li{
		width:100%;
		margin-right: 0px;
		border-bottom: 1px solid #cccccc;
	}
	.recycle .menu li:first-child a{
		margin-left: 9px;
	}

	.recycle .section2 .pic_2_3_1,
	.recycle .section4 .pic_4_1_1{
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.recycle .columnWrap .box_968 .column h4.mb35{
		margin-bottom: 10px !important;
	}
	.recycle .columnWrap .box_968 .column .leftbox{
		width:100%;
		margin-right: 0;
		float: none;
		margin: 0 auto;
	}
	.recycle .columnWrap .box_968 .column .rightbox{
		width:100%;
		float: none;
		margin: 0 auto;
	}
	.recycle .columnWrap .box_968 .column_1 .rightbox{
		margin-bottom: 0px;
	}
	.recycle .columnWrap .box_968 .column_1 .illust{
		position: static;
		bottom: 30px;
	}
	.recycle .columnWrap .box_968 .column_1 .rightbox:nth-child(2){
		margin-bottom: 20px;
	}
	.recycle .columnWrap .box_968 .column_2 .leftbox p:nth-child(2){
		margin-bottom: 30px;
	}
	.recycle .columnWrap .box_968 .column_2 .rightbox p{
		margin-bottom: 20px;
	}
}

@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio: 1.5){
	.recycle p.textR {
  		text-align: left;
  	}
 }

/* ======================================================

	4: kids

====================================================== */

#kids{
	position: relative;
	height: 2382px;
}

	#kids .topWrap,
	#kids .menuWrap{
		position: absolute;
		width:100%;
	}
		#kids .topWrap .top,
		#kids .menuWrap ul{
			position: relative;
			width:980px;
			margin: 0 auto;
		}

	#kids .bg{
		position: absolute;
		width:1200px;
		top:0px;
		left:50%;
		margin-left: -600px;
		/*z-index: -1;*/
	}

	#kids h2{ position: absolute; top:28px; left:20px;}
	#kids .dlBtn{ position: absolute; top:52px; left:742px;}
	#kids #m_support{ position: absolute; top:17px; left:684px;}
	#kids #m_howto{ position: absolute; top:17px; left:808px;}
	#kids .lead{ position: absolute; top:434px; left:206px;}
	
	#kids #n_01{ position: absolute; top:755px; left:20px;}
	#kids #n_02{ position: absolute; top:835px; left:350px;}
	#kids #n_03{ position: absolute; top:885px; left:680px;}
	#kids #n_04{ position: absolute; top:1082px; left:680px;}
	#kids #n_05{ position: absolute; top:1132px; left:350px;}
	#kids #n_06{ position: absolute; top:1222px; left:20px;}
	#kids #n_07{ position: absolute; top:1392px; left:20px;}
	#kids #n_08{ position: absolute; top:1486px; left:350px;}
	#kids #n_09{ position: absolute; top:1579px; left:680px;}
	#kids #n_10{ position: absolute; top:1729px; left:680px;}
	#kids #n_11{ position: absolute; top:1769px; left:350px;}
	#kids #n_12{ position: absolute; top:1869px; left:20px;}
	#kids #n_13{ position: absolute; top:2180px; left:432px;}
	#kids #n_14{ position: absolute; top:2180px; left:696px;}

	#kids .menu{
		margin-bottom: 60px;
	}

		#kids .menu div{
			width:34px;
			height:15px;
			margin: -15px 0 0 125px;
		}
			#kids .selected div{
				width:34px;
				height:37px;
				margin: -37px 0 0 125px;
			}

			#kids .selected:hover{
				opacity: 0.8;
     			-ms-filter: "alpha(opacity=80)";
			}

	#kids .menuEx{
		margin-bottom: 40px;
	}

		#kids .menuEx div{
			width:34px;
			height:15px;
			margin: -15px 0 0 105px;
		}
		

		

