@charset "utf-8";

/* CSS Document */

body {
  /*background-image:url(../img/ansinbackSlash.gif);
	background-repeat:repeat;*/
  background-color: #FFF;
  margin: auto;
  padding: 0;
}

a img {
  border: 0;
}

a:hover img {
  filter: alpha(opacity=60);
  opacity: 0.6;
  border: 0;
}

div.kasotu01Back {
  /*width: 100%;*/
  overflow: hidden;
  width: 2000;
  height: 900;
  background-image: url(../img/kasotuHeadBack.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

h1 {
  width: 1000px;
  overflow: hidden;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 0;
}

.box13 {
  width: 100%;
  margin: auto;
  background: #F90;
  /*背景色*/
  padding: 0.5em;
  /*文字周りの余白*/
  color: white;
  /*文字を白に*/
  border-radius: 0.5em;
  /*角の丸み*/
}

div.kabuFX02Back {
  width: 100%;
  overflow: hidden;
  margin: auto;
  background-color: #99cc00;
}

div.sixBack {
  width: 100%;
  overflow: hidden;
  margin: auto;
  padding-bottom:20px;
  background-color: pink;
  background-image:url(../img/pinkHeadBack.jpg);
  background-repeat:repeat-x;
}

div.sixBackWhite {
  width: 100%;
  overflow: hidden;
  margin: auto;
  padding-bottom:20px;
  background-color: white;
}

div.kasotu02Back {
  width: 100%;
  overflow: hidden;
  margin: auto;
  background-image: url(../img/kasotuMigiagariBac.jpg);
  background-repeat: repeat;
}

div.kasotu03Back {
  width: 100%;
  overflow: hidden;
  margin: auto;
  background-image: url(../img/kasotu5hunBack.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

div.kasotu5hun01 {
  width: 100%;
  overflow: hidden;
  margin: auto;
  background-color: #FF9;
}

div.kasotu5hun02 {
  width: 100%;
  overflow: hidden;
  margin: auto;
  background-color: #fff;
}

div.kasotu5hun03 {
  width: 100%;
  overflow: hidden;
  margin: auto;
  background-color: #FF9;
}

div.kasotu5hun04 {
  width: 100%;
  overflow: hidden;
  margin: auto;
  background-color: #fff;
}

div.kasotu5hun05 {
  width: 100%;
  overflow: hidden;
  margin: auto;
  background-color: #FF9;
}

div.contentArea {
  width: 1000px;
  margin: auto;
  /*margin-top:20px;
	margin-bottom:20px;
	border: 5px solid #ffcc3a;*/
  /*padding-top:20px;*/
  padding-bottom: 20px;
}

div.contentArea p {
  /*width:1000px;*/
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: larger;
  /*font-weight:bold;*/
  line-height: 2.0em;
  /*letter-spacing: 3px;*/
  color: #333;
}

div.stech {
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 1px #96c2fe;
  padding: 0.1em 0.5em;
  color: #454545;
  width: 100%;
  margin: auto;
}

div.gaiyo {
  width: 100%;
  overflow: hidden;
  margin: auto;
  background-color: #CCC;
}

div.gaiyoArea {
  width: 1000px;
  margin: auto;
}

div.gaiyo p {
  margin: auto;
  padding: 10px;
  font-size: 15px;
}

div.copy {
  width: 100%;
  overflow: hidden;
  margin: auto;
  background-color: #FFC;
}

div.copy p {
  margin: auto;
  padding: 10px;
  font-size: 12px;
}


table {
  text-align: center;
  width: 100%;

  }

table th {/*table内のthに対して*/
  padding: 10px;/*上下左右10pxずつ*/
}

table td {/*table内のtdに対して*/
  padding: 10px;/*上下左右10pxずつ*/
}




div.cover {
  clear: both;
  display: table;
  border-spacing: 25px;
  margin:auto;
  padding: 0px;
  width: 1000px;
  background-color: #fff;
}

div.cover div.box1 {
  display: table-cell;
  margin: 0px;
  background-color: #fff;
  /*padding: 0.5em;*/
  width: 300px;
  height: 562px;
  border: solid 1px #333;
  position: relative;
}

div.cover div.box2 {
  display: table-cell;
  margin: 0px;
  background-color: #fff;
  /*padding: 0.5em;*/
  width: 300px;
  height: 562px;
  border: solid 1px #333;
  position: relative;
}

div.cover div.box3 {
  display: table-cell;
  margin: 0px;
  background-color: #fff;
  /*padding: 0.5em;*/
  width: 300px;
  height: 562px;
  border: solid 1px #333;
  position: relative;
}

div.cover div.box1 img {
  white-space: nowrap;
  border: 0;
}

div.cover div.box2 img {
  white-space: nowrap;
  border: 0;
}

div.cover div.box3 img {
  white-space: nowrap;
  border: 0;
}


div.cover div.box1 p {
	font-size:14px;
	line-height:1.5em;
	letter-spacing:1px;
}

div.cover div.box2 p {
	font-size:14px;
	line-height:1.5em;
	letter-spacing:1px;

}

div.cover div.box3 p {
	font-size:14px;
	line-height:1.5em;
	letter-spacing:1px;

}

.children {
  position: absolute;
  right: 0px;
  bottom: 5px;
}




.touroku_bg {
	
	/*width: 100%;*/
	width: 1000px;
	height: auto;
	min-height:200px;
	margin: auto;
	margin-top:10px;
	padding-left:0px;
	position: relative;
}


.touroku_bg input.mail_ad {
	top: 00px;
	position: absolute;
	width: 1000px;
	height: 35px;
	border: 2px solid #163013;
	font-size:22px;
	margin:auto;
}

.touroku_bg input.button {
	top: 50px;
	position: absolute;
	width: 100%;
	height: auto;
	cursor: pointer;
	border: none;
	margin:auto;
}



div.torokuBack {
	width:100%;
	margin:auto;
	background-image:url(../img/torokuBack.jpg);
  background-position: center;
  background-repeat: no-repeat;
}


/* -------------------------------------------- */


/* 横幅が640px以下であれば以下のCSSが適用される */


/* -------------------------------------------- */

@media screen and (max-width: 750px) {
  div.cover {
    display: block;
    width: 100%;
  }
  div.cover div.box1 {
    display: block;
    width: 100%;
    padding: 0px;
    height: auto;
  }
  div.cover div.box2 {
    display: block;
    width: 100%;
    padding: 0px;
    height: auto;
  }
  div.cover div.box3 {
    display: block;
    width: 100%;
    padding: 0px;
    height: auto;
  }
  
  .children {
    display: block;
    overflow: hidden;
    position: static;
    margin: auto;
  }
}



div.cover p {
  font-size: 90%;
  margin: 0px;
  padding: 1em 5px;
  color: #000;
}


@media only screen and (max-width: 750px) {
	
	h1 {
	  width: 100%;
	  overflow: hidden;
	  margin-bottom: 0;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 0;
	  padding: 0;
	}

  img {
    max-width: 100%;
  }
  div.kasotu01Back {
    width: 100%;
    background-image: url(../img/kasotuHeadBack.jpg);
    background-position: center;
    background-repeat: no-repeat;
  }
  div.contentArea {
    width: 100%;
    overflow: hidden;
    margin: auto;
    padding-bottom: 20px;
  }
  div.contentArea p {
    margin: auto;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
  }
  div.stech {
    background: #dfefff;
    box-shadow: 0px 0px 0px 5px #dfefff;
    border: dashed 1px #96c2fe;
    padding: 0.1em 0.5em;
    color: #454545;
    width: 90%;
    margin: auto;
  }
  .box13 {
    width: 90%;
    margin: auto;
    background: #F90;
    /*背景色*/
    padding: 0.5em;
    /*文字周りの余白*/
    color: white;
    /*文字を白に*/
    border-radius: 0.5em;
    /*角の丸み*/
  }
  div.gaiyoArea {
    width: 100%;
    overflow: hidden;
    margin: auto;
  }
  
table {
  text-align: center;
  width: 100%;

  }

table th {/*table内のthに対して*/
  padding: 0px;/*上下左右10pxずつ*/
}

table td {/*table内のtdに対して*/
  padding: 0px;/*上下左右10pxずつ*/
}


.touroku_bg {
	
	width: 100%;
	/*width: 1000px;*/
	height: auto;
	min-height:130px;
	margin: auto;
	margin-top:10px;
	padding-left:0px;
	position: relative;
}


.touroku_bg input.mail_ad {
	top: 00px;
	position: absolute;
	width: 100%;
	height: 35px;
	border: 2px solid #163013;
	font-size:22px;
	margin:auto;
}

.touroku_bg input.button {
	top: 50px;
	position: absolute;
	width: 100%;
	height: auto;
	cursor: pointer;
	border: none;
	margin:auto;
}



div.torokuBack {
	width:100%;
	margin:auto;
	background-image:url(../img/torokuBack.jpg);
  background-position: center;
  background-repeat: no-repeat;
}


  
}


/* パソコンで見たときは"pcHEAD"のclassがついた画像が表示される */

.pcHEAD {
  display: block !important;
}

.spHEAD {
  display: none !important;
}


/* スマートフォンで見たときは"spHEAD"のclassがついた画像が表示される */

@media only screen and (max-width: 750px) {
  .pcHEAD {
    display: none !important;
  }
  .spHEAD {
    display: block !important;
  }
}


/* パソコンで見たときは"hikakuTablePC"のclassがついた画像が表示される */

.hikakuHonbunPC {
  display: block !important;
}

.hikakuHonbunSP {
  display: none !important;
}


/* スマートフォンで見たときは"spHEAD"のclassがついた画像が表示される */

@media only screen and (max-width: 750px) {
  .hikakuHonbunPC {
    display: none !important;
  }
  .hikakuHonbunSP {
    display: block !important;
  }
}