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


@media only screen and (min-width: 401px)
{
.navi2 {display:none;}

}


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

.container_main {
    margin: 0 auto;
   width: 758px;
	padding:0 0 0 10px;
}

.logo img {

    width:100%;
}

.top_right {
    float: left;
    margin-top: 6px;
    width: 66.77%;
}

.navi {
 
    width: 98%;
}
.email_text {
    line-height:normal;
}


.banner img {
    width: 98%;
}

.left_part {
    margin-right: 30px;
    width: 63.55%;
}

.right_link ul li {
    background: url("../images/arrow.jpg") no-repeat scroll 10px 12px rgba(0, 0, 0, 0);  
    margin: 0;
	padding:5px 0 5px 22px;
}


.right_link ul li a {
    font-size: 14px;
    padding-left: 0;
}

.common_text {

    font-size: 13px;
    font-weight: normal;
    line-height:normal;
}


.box_first {
  
    width: 28.41%;
}


.box_img img {

    width:100%;
}

#mainwrapper {
     height: 115px;
    margin: 0 auto;
    text-align: center;
}
#mainwrapper .box {
 
    width:100%;
    height:115px;

}
.box_cont {
     font-size: 12px;
 
}

.think_line {
     width: 97%;
}



.b_col {

    margin-right:60px;
    width: 24.95%;
}


.b_inp, .b_combo {
    
    width: 171px;
}

.b_text {
	line-height:normal;
	  font-size: 12px;
}

.b_green {
   
    padding: 10px;
    width: 96%;
}

	
}
@media only screen and (max-width: 360px)
{

.container_main {
    margin: 0 auto;
   width:350px;
	padding:0 0 0 10px;
}

.logo {
    width:100%;
	text-align:center;
}
.logo img {
	text-align:center;
	width:100%;
   
}
.email_text, .social, .top_right  {
    color: #473e37;
    font-size: 16px;
    font-weight: normal;
    padding-top: 10px;
    text-align:center;
    width:100%;
}

.email_text span {
    color: #0d5f3f;
    font-size: 11px;
    font-weight: normal;
	text-align:center;
	padding-bottom:10px;
	display:block;
 }

.navi, .banner img {
    width: 97%;
}

.left_part {
    width:100%;
}

.common_text {
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
	width:97%;
}

.right_part {
    width:100%;
	padding-top:15px;
}

.border {
    border: 1px solid #d2d2d2;
    width: 97%;
}

.box_first, .box_last {
    width:90%;
}

.think_line, .bottom_link {
    width:97%;
}

.b_col, .b_collast  {
      width:100%;
	  margin-bottom:15px;
}
.b_form {
    margin-bottom: 15px;
    width: 100%;
}
.b_inp, .b_combo {
    width:78%;
}

.b_green {
    padding: 10px;
    width:91%;
}

input[type="text"], textarea {
    outline: medium none;
    transition: all 0.3s ease-in-out 0s;
}
.cont_inp, .cont_combo {
    width:99%;
}




}

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

}