@charset "UTF-8";
#area01{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 150px;
  width : 1000px;
}





#area01 h2{
  font-size : 27pt;
  font-weight : lighter;
  padding-top : 0px;
  padding-left : 1%;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 50px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : rgb(119, 60, 0);
  width : 99%;
  background-image : url(../img/shell/title_back.png);
background-position : -15px -20px;
  background-repeat : no-repeat;
}



#area01 p{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 20px;
  margin-right : 20px;
  margin-bottom : 0px;
  font-size : 13pt;
}
#area02{
  
  padding-top : 70px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 20px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 150px;
  background-image : url(../img/main/submain_back.jpg);
  background-repeat : repeat;
}

#area02_main{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 0px;
  width : 1000px;
}
#area02_main h2{
  font-size : 27pt;
  font-weight : lighter;
  padding-top : 5px;
  padding-left : 1%;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 50px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : rgb(119, 60, 0);
  width : 99%;
  background-image : url(../img/shell/title_back.png);
background-position : -15px -15px;
  background-repeat : no-repeat;
}

#area02_main h3{
  font-size : 18pt;
  padding-top : 0px;
  padding-left : 10px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  width : 100%;
  color : white;
  background-color : black;
  height : 40px;

}
#left_area{
  
  width : 47%;
  float : left;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 40px;

}

#right_area{
  width : 47%;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 52%;
  margin-right : 0px;
  margin-bottom : 0px;
}
#area02_main img{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  width : 100%;
}
#area02_main img.right{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  width : 100%;
}

@media screen and (max-width: 980px) {
#area01{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 2%;
  margin-right : 2%;
  margin-bottom : 10%;
  width : 96%;
}


#area01 h2{
  font-size : 20pt;
  font-weight : lighter;
  padding-top : 0%;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 30px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : rgb(119, 60, 0);
  width : 100%;
  background-image : url(../img/shell/title_back1.png);
}


#area01 p{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
#area02{
  
  padding-top : 5%;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 5%;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 10%;
  background-image : url(../img/main/submain_back.jpg);
  background-repeat : repeat;
}

#area02_main{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 2%;
  margin-right : 2%;
  margin-bottom : 0px;
  width : 96%;
}
#area02_main h2{
  font-size : 20pt;
  font-weight : lighter;
  padding-top : 0px;
  padding-left : 1%;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 30px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : rgb(119, 60, 0);
  width : 99%;
  background-image : url(../img/shell/title_back1.png);
}

#area02_main h3{
  font-size : 18pt;
  padding-top : 0px;
  padding-left : 10px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  width : 100%;
  color : white;

}
#left_area{
  width : 96%;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 2%;
  margin-right : 2%;
  margin-bottom : 1%x;
  background-color : black;
  height : 245px;
}

#right_area{
  width : 96%;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0%;
  margin-left : 2%;
  margin-right : 2%;
  margin-bottom : 1%;
  background-color : black;
}
#area02_main img{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  width : 100%;
}
#area02_main img.right{
  padding-top : 40px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  width : 100%;
}

}