﻿body {
  height: 6850px;
  width:1314px;
  margin: 0 auto;
}

.main {
}

img {
  border-style:none;
}

a img {
  border-style:none;
}

@font-face{
    font-family: "kozL"
    src: url(KozGoPr6N-Light.otf);
}

p {
color: #221814;
line-height: 26px;
font-size: 13px;
font-family: "kozL", Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*　　▼▼g_menu関連▼▼　　*/

.g_menu {
  margin: 0;
  position: fixed;
  top: 0px;
  height: 90px;
  width:1314px;
  background-color: #fff;
  font-family: "kozL", Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.g_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.g_menu li {
  display: block;
  list-style: none outside;
  float: left;
  width: 146px;
  margin: 0;
  padding: 0;
  font-size: 13px;
}

.g_menu a {
  text-align: center;
  text-decoration: none;
  display:block;
  padding: 0.7em 0;
  width: 100%;
  height: 35px;
  background-color: black;
  color: white; 
}

.g_menu a.box2 {
  text-align: center;
  text-decoration: none;
  display:block;
  padding: 0.7em 0;
  width: 100%;
  height: 35px;
  background-color: #42BDD8;
  color: white; 
  padding: 16px 0px 2px 0px;
  font-size: 17px;
}

.g_menu a:hover.box2 {
  background-color: rgba(130,204,218,0.3);
  color: #221814;
  transition: all .5s;
}

.g_menu a.box4 {
  text-align: center;
  text-decoration: none;
  display:block;
  padding: 0.7em 0;
  width: 100%;
  height: 35px;
  background-color: #82CCDA;
  color: white; 
  padding: 16px 0px 2px 0px;
  font-size: 17px;
}

.g_menu a:hover.box4 {
  background-color: rgba(130,204,218,0.3);
  color: #221814;
  transition: all .5s;
}

.g_menu a.box5 {
  text-align: center;
  text-decoration: none;
  display:block;
  padding: 0.7em 0;
  width: 100%;
  height: 35px;
  background-color: #A8D076;
  color: white; 
  padding: 16px 0px 2px 0px;
  font-size: 17px;
}

.g_menu a:hover.box5 {
  background-color: rgba(168,208,118,0.3);
  color: #221814;
  transition: all .5s;
}

.g_menu a.box6 {
  text-align: center;
  text-decoration: none;
  display:block;
  padding: 0.7em 0;
  width: 100%;
  height: 35px;
  background-color: #FFEB3F;
  color: white; 
  padding: 7px 0px 11px 0px;
  font-size: 19px;
  line-height: 22px;
}

.g_menu a:hover.box6 {
  background-color: rgba(255,235,63,0.3);
  color: #221814;
  transition: all .5s;
}

.g_menu a.box7 {
  text-align: center;
  text-decoration: none;
  display:block;
  padding: 0.7em 0;
  width: 100%;
  height: 35px;
  background-color: #F6AB00;
  color: white; 
  padding: 7px 0px 11px 0px;
  font-size: 17px;
  line-height: 22px;
}

.g_menu a:hover.box7 {
  background-color: rgba(246,171,0,0.3);
  color: #221814;
  transition: all .5s;
}

.g_menu a.box8 {
  text-align: center;
  text-decoration: none;
  display:block;
  padding: 0.7em 0;
  width: 100%;
  height: 35px;
  background-color: #DB6AA4;
  color: white; 
  padding: 7px 0px 11px 0px;
  font-size: 19px;
  line-height: 22px;
}

.g_menu a:hover.box8 {
  background-color: rgba(219,106,164,0.3);
  color: #221814;
  transition: all .5s;
}

.g_menu a.box9 {
  text-align: center;
  text-decoration: none;
  display:block;
  padding: 0.7em 0;
  width: 100%;
  height: 35px;
  background-color: #718CC6;
  color: white; 
  padding: 16px 0px 2px 0px;
  font-size: 17px;
}

.g_menu a:hover.box9 {
  background-color: rgba(113,140,198,0.3);
  color: #221814;
  transition: all .5s;
}

.g_menu a.box10 {
  text-align: center;
  text-decoration: none;
  display:block;
  padding: 0.7em 0;
  width: 100%;
  height: 35px;
  background-color: #9F9FA0;
  color: white; 
  padding: 16px 0px 2px 0px;
  font-size: 17px;
}

.g_menu a:hover.box10 {
  background-color: rgba(159,159,160,0.3);
  color: #221814;
  transition: all .5s;
}

.g_menu a.box11 {
  text-align: center;
  text-decoration: none;
  display:block;
  padding: 0.7em 0;
  width: 100%;
  height: 35px;
  background-color: #7D7D7D;
  color: white; 
  padding: 16px 0px 2px 0px;
  font-size: 17px;
}

.g_menu a:hover.box11 {
  background-color: rgba(159,159,160,0.3);
  color: #221814;
  transition: all .5s;
}

.contents {
  clear:both;
  margin-top: 80px;
}

.num {
margin: 0;
position: fixed;
right: 10px;
top: 10px;
}


/*　　▼▼box関連▼▼　　*/

.box {
height: 800px;
margin: 0;
padding: 0;
}

#box1 {
/*background: url("../img/main_img.jpg") no-repeat;
background-attachment: fixed;
background-position: center;*/
height: 420px;
text-align: center;
}

#box1_arrow_down {
text-align: center;
padding-top: 40px;
padding-bottom: 30px;
}

#box1_arrow_down a:hover img{
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  transition: all .5s;
}

#box2 {
/*background: url("../img/01_aisatu.jpg") no-repeat;*/
background-position: center;
margin-top: 0px;
height: 670px;
text-align: center;
}

#box3 {
/*background: url("../img/02_keireki.jpg") no-repeat;*/
margin-top: 50px;
height: 480px;
text-align: center;
}

#box4 {
/*background: url("../img/03_sinnkoku.jpg") no-repeat;*/
height: 760px;
text-align: center;
filter : alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

#box5 {
/*background: url("../img/04_kaikei.jpg") no-repeat;*/
height: 510px;
text-align: center;
filter : alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

#box6 {
/*background: url("../img/05_souzoku.jpg") no-repeat;*/
height: 420px;
text-align: center;
filter : alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

#box7 {
/*background: url("../img/06_syuppan.jpg") no-repeat;*/
height: 350px;
text-align: center;
filter : alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

#box8 {
/*background: url("../img/07_keiei.jpg") no-repeat;*/
height: 270px;
text-align: center;
filter : alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

#box9 {
/*background: url("../img/08_sougyou.jpg") no-repeat;*/
height: 300px;
text-align: center;
filter : alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

#box10 {
/*background: url("../img/09_office.jpg") no-repeat;*/
height: 410px;
margin-top: 40px;
filter : alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
#box10 iframe {
padding: 5px 0px 0px 399px;
}
#box10 p {
padding: 5px 0px 0px 399px;
}
#box10 p.syamei {
font-size: 22px;
margin: 20px 0px -10px 0px;
font-weight: bold;
font-family: "HGS明朝E", "HG明朝E", "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

#box11 {
/*background: url("../img/09_office.jpg") no-repeat;*/
height: 600px;
margin-top: 0px;
filter : alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

#box10_arrow_up {
text-align: center;
padding-bottom: 40px;
margin-top: 100px;
}

#box10 {
/*background: url("../img/09_office.jpg") no-repeat;*/
height: 410px;
margin-top: 40px;
filter : alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

#box12 {
/*background: url("../img/09_office.jpg") no-repeat;*/
height: 600px;
margin-top: 0px;
padding: 0 0 0 322px;
width: 676px;
}
#box12 p {
font-size: 14px;
}

#box12 h3 {
background-color: #7D7D7D;
color: #fff;
padding: 10px 10px 6px 10px;
width: 654px;
text-align: center;
}

#box12 p.syamei {
font-size: 22px;
margin: 20px 0px -10px 0px;
font-weight: bold;
font-family: "HGS明朝E", "HG明朝E", "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}


#box1_yohaku {
height:30px;
padding:0;
margin:0;
}

#box2_yohaku {
height:100px;
}

#box4_yohaku {
height:50px;
}
#box5_yohaku {
height:100px;
}
#box6_yohaku {
height:100px;
}
#box7_yohaku {
height:100px;
}
#box8_yohaku {
height:100px;
}
#box9_yohaku {
height:100px;
}
#box10_yohaku {
height:100px;
}
#box11_yohaku {
height:50px;
}

