@charset "UTF-8";

#container_inner {
  width: 100%;
  /*width: 1000px;*/
  background-color: #FFFFFF;
  padding-bottom: 0px;
}
#container_inner a {
  /*color: #333333; */
}
#container_inner a:hover {
  text-decoration: none;
}

#topic_path {
  width: 1000px;
  margin: 0 auto;
}


/*========================================
  con_navi
========================================*/

#con_navi {
    position: absolute;
    width: 1000px;
    height: 115px;
}

/* btn_prev ------------------------*/
#con_navi #btn_prev {
    float: left;
    width: 50px;
    height: 115px;
    
    text-align: left;
    text-indent: -9999px;
}
#con_navi #btn_prev a {
    display: block;
    width: 50px;
    height: 115px;
    background: url(../img/btn_prev.png) top left no-repeat;
}
#con_navi #btn_prev a:hover {
    background-position: 0px -115px;
}

/* btn_next ------------------------*/
#con_navi #btn_next {
    float: right;
    width: 50px;
    height: 115px;
    
    text-align: left;
    text-indent: -9999px;
}
#con_navi #btn_next a {
  display: block;
    width: 50px;
    height: 115px;
    background: url(../img/btn_next.png) top left no-repeat;
}
#con_navi #btn_next a:hover {
    background-position: 0px -115px;
}


/*========================================
  con_footer
========================================*/

#con_footer {
  width: 1000px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 30px;

  line-height: 1.5;
}

/* footer_info01 ------------------------*/
.footer_info01 {
  float: left;
  width: 470px;
  height: auto;
  margin-bottom: 5px;
}

/* banner_aoki01 */
.banner_aoki01 a {
  display: block;
  width: 490px;
  height: 80px;
  background: url(../img/banner_aoki01.png) top left no-repeat;
  margin-bottom: 25px;

  text-align: left;
  text-indent: -9999px;
}
.banner_aoki01 a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
/*1-46-1*/

.footer_qr {
  width: 490px;
  height: 80px;
  background: url(../img/qr.png) top left no-repeat;
}

/* footer_info02 ------------------------*/
.footer_info02 {
  float: right;
  width: 470px;
  height: auto;
  margin-bottom: 5px;
}

/* banner_aoki02 */
.banner_aoki02 a {
  display: block;
  width: 490px;
  height: 80px;
  background: url(../img/banner_aoki02.png) top left no-repeat;
  margin-bottom: 15px;

  text-align: left;
  text-indent: -9999px;
}
.banner_aoki02 a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.footer_credit {
  font-size: 10px;
}


/*========================================
  con_banner
========================================*/

#con_banner {
  clear: both;
  width: 100%;
  background-color: #f3f3f3;
}

#con_banner_inner {
  width: 1000px;
  height: auto;
  background-color: #f3f3f3;
  padding: 30px 0;
  margin: 0 auto;
  margin-bottom: 15px;
}

#con_banner ul {
  width: 1000px;
  height: 150px;
}
#con_banner ul li a {
  float: left;
  display: block;
  width: 490px;
  height: 150px;
  
  text-align: left;
  text-indent: -9999px;
}
#con_banner ul li a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#con_banner ul li.banner01 a { background:url(../img/banner_cancam.png) no-repeat left top; margin-right: 20px; }
#con_banner ul li.banner02 a { background:url(../img/banner_shigotonadeshiko.png) no-repeat left top; }


/*========================================
  con_header
========================================*/

#con_header {
  display: block;
  position: relative;
  width: 1000px;
  height: 120px;
  margin: 0 auto;
  margin-bottom: 40px;
  
  text-align: left;
  text-indent: -9999px;
}
#con_header a {
  display: block;
  width: 1000px;
  height: 120px;
  background: url(../img/common_header.png) no-repeat left top;
}
#con_header a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}


/*========================================
  sub_title
========================================*/

#sub_title {
  position: relative;
  width: 1000px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 10px;
  
  text-align: left;
  text-indent: -9999px;
}
.sub_title01 { background: url(../img/sub_title01.png) no-repeat left top; }

.sub_title_txt { 
  width: 1000px;
  padding: 0 20px;
  margin: 0 auto;
  
  text-align: center;
}


/*========================================
  con_main
========================================*/

.con_color01 { color: #00b3c4; }
.con_color02 { color: #ff7ea0; }

#con_main {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 60px;
}

/* main_title ------------------------*/

.main_title { height: 440px; background: url(../img/title.png) no-repeat left top; margin-bottom: 60px; }
.main_txt01 { position: absolute; width: 800px; left: 100px; top: 320px; }

/* con01 ------------------------*/

.con01_main { height: 840px; background: url(../img/con01.png) no-repeat left top; }
.con02_main { height: 600px; background: url(../img/con02.png) no-repeat left top; }
.con03_main { height: 600px; background: url(../img/con03.png) no-repeat left top; }
.con04_main { height: 840px; background: url(../img/con04.png) no-repeat left top; }
.con05_main { height: 600px; background: url(../img/con05.png) no-repeat left top; }
.con06_main { height: 600px; background: url(../img/con06.png) no-repeat left top; }

.con_txt01 { position: absolute; width: 110px; left: 800px; top: 500px; }
.con_txt02 { position: absolute; width: 150px; left: 760px; top: 515px; }
.con_txt03 { position: absolute; width: 380px; left: 520px; top: 655px; }

.con_txt04 { position: absolute; width: 125px; left: 735px; top: 225px; }
.con_txt05 { position: absolute; width: 305px; left: 600px; top: 418px; }
.con_txt06 { position: absolute; width: 380px; left: 520px; top: 470px; }

.con_txt07 { position: absolute; width: 125px; left: 735px; top: 245px; }
.con_txt08 { position: absolute; width: 305px; left: 600px; top: 408px; }
.con_txt09 { position: absolute; width: 380px; left: 520px; top: 460px; }


/*========================================
  con_navi
========================================*/

.con_navi01 { top: 250px; }


/*========================================
  con_menu
========================================*/

#con_menu {
  background-color: #f3f3f3;
  margin-bottom: 40px;
}


/*========================================
  con_menu01
========================================*/

#con_menu01 {
  width: 1000px;
  height: 160px;
  background: url(../img/menu01.png) no-repeat left top;
  padding-top: 105px;
  padding-bottom: 40px;
  margin: 0 auto;
}

#con_menu01 ul {
  width: 1000px;
  height: 160px;
}
#con_menu01 ul li {
  float: left;
  height: 160px;

  text-align: left;
  text-indent: -9999px;
}
#con_menu01 ul li a {
  display: block;
  height: 160px;
}
#con_menu01 ul li.con01_menu01 a { width: 160px; background: url(../img/menu01_01.png) no-repeat left top; margin-right: 8px; }
#con_menu01 ul li.con01_menu02 a { width: 160px; background: url(../img/menu01_02.png) no-repeat left top; margin-right: 8px; }
#con_menu01 ul li.con01_menu03 a { width: 160px; background: url(../img/menu01_03.png) no-repeat left top; margin-right: 8px; }
#con_menu01 ul li.con01_menu04 a { width: 160px; background: url(../img/menu01_04.png) no-repeat left top; margin-right: 8px; }
#con_menu01 ul li.con01_menu05 a { width: 160px; background: url(../img/menu01_05.png) no-repeat left top; margin-right: 8px; }
#con_menu01 ul li.con01_menu06 a { width: 160px; background: url(../img/menu01_06.png) no-repeat left top; }

#con_menu01 ul li a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}