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


@media screen and (min-width: 951px){
#background {
	background-image:url(../img/back.png);
	background-repeat:no-repeat;
	background-position:top center;
	max-width:950px;
	width:95%;
	height:auto;
	margin:0px auto;
	padding:0px;
    overflow: hidden;
    position: relative;
    zoom:1;
}

#background img {
	width:100%;
	max-width:550px;
	margin:0px auto;
	padding:0px;
	display:block;
}

#background .box01 {
	max-width:700px;
	margin:0px auto;
	padding:3%;
	background-image:url(../img/transmission.png);
    overflow: hidden;
    position: relative;
    zoom:1;
}

#background .box01 p {
	font-size:14px;
	font-weight:normal;
	line-height:1.8em;
}

#background .box02 {
	width:950px;
	height:auto;
	margin:40px auto 0px;
    overflow: hidden;
    position: relative;
    zoom:1;
}

.hp_title{
	width:100%;
	font-size: 20px;
	color: #000000;
	margin: 0px;
	padding:20px 0px 0px;
	line-height: 1.6em;
}

#background .box_l {
	width:465px;
	height:auto;
	margin-bottom: 30px;
	background:#F2F2F2;
	float:left;
}
#background .box_r {
	width:460px;
	height:auto;
	margin-bottom: 30px;
	background:#F2F2F2;
	float:right;
}

#background .box_l .gray ,
#background .box_r .gray {
	width:415px;
	margin:0px;
	padding:25px;
	background:#F2F2F2;
    overflow: hidden;
    position: relative;
    zoom:1;
}

.hp_img{
	width:100%;
	padding:10px 0;
}
.hp_text{
	font-size:15px;
	color:#535353;
	width: 100%;
    word-wrap:break-word;
    overflow: hidden;
    position: relative;
    zoom:1;
}
.font_link {
	margin:5px 0px;
}
.font_link a {
	color: #696969;
}

#background .process_banner{
	width:570px;
	height:120;
	margin:20px auto 40px;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
}


@media screen and (max-width: 950px) and (min-width: 631px){
#background {
	background-image:url(../img/back.png);
	background-repeat:no-repeat;
	background-position:top center;
	max-width:950px;
	width:95%;
	height:auto;
	margin:0px auto;
	padding:0px;
    overflow: hidden;
    position: relative;
    zoom:1;
}

#background img {
	max-width:550px;
	width:100%;
	margin:0px auto;
	padding:0px;
	display:block;
}

#background .box01 {
	width:90%;
	margin:0px auto;
	padding:3%;
	background-image:url(../img/transmission.png);
    overflow: hidden;
    position: relative;
    zoom:1;
}

#background .box01 p {
	font-size:14px;
	font-weight:normal;
	line-height:1.8em;
}

#background .box02 {
	width:95%;
	height:auto;
	margin:40px auto 0px;
    overflow: hidden;
    position: relative;
    zoom:1;
}

.hp_title{
	width:100%;
	font-size: 20px;
	color: #000000;
	margin: 0px;
	padding:0px 2%;
	line-height: 1.6em;
}

#background .box_l ,
#background .box_r {
	width:100%;
	height:auto;
	margin-bottom: 30px;
	background:#F2F2F2;
}
#background .box_l .gray ,
#background .box_r .gray {
	width:94%;
	height: auto;
	margin:0px;
	padding:3%;
	background:#F2F2F2;
    overflow: hidden;
    position: relative;
    zoom:1;
}

.hp_img{
	width:45%;
	float:left;
}
.hp_text{
	font-size:16px;
	color:#535353;
	float: left;
	width: 55%;
    word-wrap:break-word;
}
.font_s {
	font-size: 14px;
	margin-top: 10px;
	line-height:1.8em;
}
.font_link {
	margin:5px 0px;
}
.font_link a {
	color: #696969;
}

#background .process_banner{
	width:570px;
	height:120;
	margin:20px auto 40px;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
}

@media screen and (max-width: 630px) and (min-width: 0px){
#background {
	background-image:url(../img/back.png);
	background-repeat:no-repeat;
	background-position:top center;
	max-width:950px;
	width:95%;
	height:auto;
	margin:0px auto;
	padding:0px;
    overflow: hidden;
    position: relative;
    zoom:1;
}

#background img {
	width:100%;
	margin:0px auto;
	padding:0;
	display:block;
}

#background .box01 {
	width:90%;
	margin:0px auto;
	padding:3%;
	background-image:url(../img/transmission.png);
    overflow: hidden;
    position: relative;
    zoom:1;
}

#background .box01 p {
	font-size:14px;
	font-weight:normal;
	line-height:1.8em;
}

#background .box02 {
	width:95%;
	height:auto;
	margin:40px auto 0px;
    overflow: hidden;
    position: relative;
    zoom:1;
}

.hp_title{
	width:96%;
	font-size: 18px;
	color: #000000;
	margin: 0px;
	padding:2% 2% 0;
	line-height: 1.6em;
}

#background .box_l ,
#background .box_r {
	width:100%;
	height:auto;
	margin-bottom: 30px;
	background:#F2F2F2;
}
#background .box_l .gray ,
#background .box_r .gray {
	width:92%;
	height: auto;
	margin:0px;
	padding:4%;
	background:#F2F2F2;
    overflow: hidden;
    position: relative;
    zoom:1;
}

.hp_img{
	width:100%;
	padding:10px 0;
}
.hp_text{
	font-size:14px;
	color:#535353;
	float: left;
	width: 100%;
    word-wrap:break-word;
}
.font_link {
	margin:5px 0px;
}
.font_link a {
	color: #696969;
}

#background .process_banner{
	max-width:570px;
	width:100%;
	margin:20px auto 40px;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
}