@charset "UTF-8";

body {
	color: #FFF;
	background-color: #000;
	margin:0px;
	padding:1px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

.aos-all {
	margin: 0px auto;
	width:1220px;
	position:relative;
}

.aos-item {
  display: inline-block;
  float: left;
  width: 33.3333%;
  height: 300px;
  padding: 20px;
}

.aos-item__inner {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  background: #1da4e2;
  line-height: 260px;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 1220px) {
.aos-all {
	margin: 0px auto;
	width:1220px;
	position:relative;
	overflow:hidden;
}
}
/*EB追加*/

p{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:2em;
	font-size:14px;
	margin:0px;
}

a{
	color: #ECC937;
	text-decoration: none;
}
a:hover{
	color: #FFC;
	text-decoration: none;
}


img{
	border:none;
	margin:0px;
}

.left{
	float:left;
}

.clear{
	clear: both;
	visibility: hidden;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

#top{
	width:1220px;
	height: 700px;
	display: block;
	margin:0 auto;
}

#top .rogo{
	width:652px;
	height:auto;
	position:absolute;
	top:90px;
	left: 50%;
	margin: 0px 0px 0px -25%;
	z-index: 30;
}

#top .rogo2{
	width:104px;
	height:auto;
	position:absolute;
	top:50px;
	left: 5%;
	margin: 0px 0px 0px 0px;
	z-index: 40;
}


#top #back{
	overflow:hidden;
	width:1220px;
	height:700px;
	border-bottom: #ECC937 solid 1px;
	z-index: -30;
	position: relative;
}
/*
@media screen and (max-width: 1220px) {
#top #back{
	overflow:hidden;
	position:relative;
	width:1220px;
	height:700px;
	border-bottom: #ECC937 solid 1px;
	z-index: -40;
}
}

*/
#top #slides{
	overflow:hidden;
	position:relative;
	width:100%;
	height:700px;
	border-bottom: #ECC937 solid 1px;
	z-index: -40;
}

.wrap{
	width:1220px;
	margin:0 auto;
	height: auto;
}

.wrap2{
	width:1220px;
	padding:0px 180px 0px 180px;
	height: auto;
}


#index{
	height: 800px;
	display: block;
	padding: 0 0 0 0;
	width: 860px;
}

.text#index{
	width:445px;
	height:auto;
	margin:18px 0px 0px 210px;
}

ul#index{
	list-style: none;
	list-style-position: inside;
	width: 445px;
	height: 420px;
	margin: 0px;
}

#topics{
	width: 445px;
	height: auto;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 5px 0 0 0;
	border-top: #ECC937 solid 1px;
}

#topics .text{
	margin: 5px 0 0 0;
	width: 445px;
	height: 290px;
	overflow: auto;
}

#topics .topicbox{
	margin-bottom: 20px;
}

#topics .text h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:1.4em;
	margin:0;
}

#topics .text a{
	color:#ECC937;
	text-decoration:none;
}

#topics .text a:hover{
	color:#FFC;
}


#topics .text p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#FFF;
	line-height:1.5em;
	margin:0;
}

.topic_img{ 
    width:136px;
	margin-right:15px;
	float:left;
}

.topic_text{
	width:279px;
	float:left;
}

.index:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


/*ul#index li#01{
	background:  url('../img/bn_01.jpg') no-repeat;
	width: 445px;
	height: 70px;
	text-indent:-9999px;
}

ul#index li#02{
	background: url('../img/bn_02.jpg') no-repeat;
	width: 445px;
	height: 70px;
	text-indent:-9999px;
}

ul#index li#03{
	background: url('../img/bn_03.jpg') no-repeat;
	width: 445px;
	height: 70px;
	text-indent:-9999px;
}

ul#index li#04{
	background: url('../img/bn_04.jpg') no-repeat;
	width: 445px;
	height: 70px;
	text-indent:-9999px;
}


ul#index li#05{
	background: url('../img/bn_05.jpg') no-repeat;
	width: 445px;
	height: 70px;
	text-indent:-9999px;
}

ul#index li#06{
	background: url('../img/bn_06.jpg') no-repeat;
	width: 445px;
	height: 70px;
	text-indent:-9999px;
}

*/

.content:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.content#box01{
	height: 700px;
	display: block;
	padding: 0 0 0 0;
	width: 860px;
}

.content#box02{
	height: 1300px;
	display: block;
	padding: 30px 0 0 0;
	border-top: #ECC937 solid 1px;
	width: 860px;
}

.content#box03{
	height: 1350px;
	display: block;
	padding: 1px 0 0 0;
	border-top: #ECC937 solid 1px;
	width: 860px;
}


.content#box04{
	height: 800px;
	display: block;
	padding: 0 0 0 0;
	border-top: #ECC937 solid 1px;
	width: 860px;
}


.content#box05{
	height: 400px;
	display: block;
	padding: 0 0 0 0;
	border-top: #ECC937 solid 1px;
	width: 860px;
}

.content#box06{
	height: 2250px;
	display: block;
	padding: 0 0 0 0;
	border-top: #ECC937 solid 1px;
	width: 860px;
}

.text#box01{
	padding: 200px 0px 0px 140px;
}

.text#box02_1{
	width: 325px;
	height:250px;
	float:left;
}

.text#box02_2{
	width: 325px;
	height:auto;
	float:left;
	margin-top: 0px;
}

.text#box02_3{
	width: 345px;
	height:auto;
	float:left;
	margin-top: 0px;
	padding-left: 40px;
}

.text#box02_3 p{
	padding-top: 20px;
}


.text#box03{
	width: 660px;
	margin: 50px 0 0 200px;
}

.text#box03 p{
	margin:3px 0 0 0;
	font-size:13px;
	line-height:1.2em;
}

.text#box03_1{
	width: 220px;
	height:240px;
	float:left;
	margin-top: 15px;
}

.text#box03_2{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.text#box03_2 span{
	background: #a90215;
    padding: 5px;
    border: 1px solid #ff0000;
    border-radius: 3px;
}
.text#box04{
	padding-top: 50px;
	width: 500px;
}
.text#box04 .borderbox{
	font-size: 16px;
    line-height: 1.3em;
    border: 1px #fff solid;
    padding: 5px;
}
.text#box04_1{
	width: 500px;
	height:auto;
	margin-top: 15px;
}


.text#box04 a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:15px;
	color:#3CF;
}

.text#box04 a:hover{
	color: #39F;
}

.text#box04 p{
	margin:3px 0 0 0;
	font-size:15px;
	line-height:1.5em;
}

.text#box05{
	width: 660px;
	margin: 40px 0 0 200px;
}

.text#box05 a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:15px;
	line-height:2em;
	color:#3CF;
}

.text#box06{
	width: 620px;
	margin: 60px 0 0 240px;
}

.text#box06 a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:15px;
	line-height:2em;
	color:#3CF;
}

.text#box06 p{
	padding-top:20px;
}


#footer{
	border-top: #ECC937 solid 1px;
	text-align:center;
	font-size:22px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 860px;
	padding: 30px 0 50px 0;
}

#footer p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	padding:10px 0 0 0;
}

.item1{
	width:461px;
	height:628px;
	position: absolute;
	margin: 0px 0px 0px 260px;
	z-index: -10;
	left: 50%;
	top: 610px;
}

.item2{
	width:1248px;
	height:auto;
	position:absolute;
	top:800px;
	margin: 0px 0px 0px -640px;
	z-index: -20;
	left: 50%;
}

.item3{
	width:510px;
	height:auto;
	position:absolute;
	top:1220px;
	margin: 0px 0px 0px -720px;
	z-index: -30;
	left: 50%;
}

.item4{
	width:488px;
	height:auto;
	position:absolute;
	top:2050px;
	margin: 0px 0px 0px 80px;
	z-index: -30;
	left: 50%;
}

.item5{
	width: 429px;
	height: auto;
	position: absolute;
	top: 3400px;
	margin: 0px 0px 0px -660px;
	z-index: -30;
	left: 50%;
}

.item6{
	width: 488px;
	height: auto;
	position: absolute;
	top: 4850px;
	margin: 0px 0px 0px 80px;
	z-index: -30;
	left: 50%;
}

.item7{
	width: 619px;
	height: auto;
	position: absolute;
	top: 4080px;
	margin: 0px 0px 0px 160px;
	z-index: -30;
	left: 50%;
}

.item8{
	width:636px;
	height:auto;
	position:absolute;
	left: 379px;
	top:1520px;
	margin: 0px auto 0px 70px;
	z-index: -10;
}

.item9{
	width: 321px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 5650px;
	margin: 0px auto 0px -580px;
	z-index: -10;
}

.item10{
	width:429px;
	height:auto;
	position:absolute;
	left: 50%;
	top:3410px;
	margin: 0px auto 0px -660px;
	z-index: -10;
}


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

.item1{
	width:250px;
	height:auto;
	position:absolute;
	left: 70%;
	top:700px;
	margin: 0px auto 0px 0px;
	z-index: -10;
}
.item2{
	width:90%;
	height:auto;
	position:absolute;
	top:900px;
	margin: 0px auto 0px -45%;
	z-index: -20;
	left: 50%;
}
}
*/


#pagetop{
	position:fixed;
	bottom:0px;
	right:50px;
}

.topics_header{
	width:1220px;
	height:250px;
	border-bottom: #ECC937 solid 2px;
	margin: 0 auto;
	z-index: 10;
}

.topics_index{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:1.5em;
	color:#ECC937;
	padding: 0px 60px 0px 80px;
	width: 860px;
	height: auto;
	min-height: 100px;
}

.topics_index h2{
	font-size:28px;
	line-height:1.2em;
	margin-top:50px;
}

.topics_index h2 span{
	font-weight:lighter;
	font-size:16px;
}

.topics_index h4{
	font-size:16px;
	line-height:1.4em;
	margin:15px 0 0 0;
}

.topics_index p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFF;
	font-size:14px;
	line-height: 2em;
}

.topics_index .ph{
	width:220px;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
}
.topics_index a{
	color: #ECC937;
	text-decoration: underline;
	font-weight:bold;
}

.topics_index a:hover{
	color:#FFC;
}

.topics_index .ph p{
	line-height: 1.5em;
}

.topics_index dt{
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}

.topics_index dd{
	padding-right: 15px;
	padding-left: 80px;
	padding-top:5px;
	padding-bottom:5px;
}

.topics_index dd a{
	color: #ECC937;
	text-decoration:none;
	font-weight:bold;
}

.topics_index dd  a:hover{
	color:#FFC;
}

.topics_index table{
	margin: 10px 0;
	border: 1px #7F7F7F solid;
	border-collapse: collapse;
}
.topics_index table tr{
	border: 1px #7F7F7F dotted;
}
.topics_index table td{
	border: 1px #7F7F7F dotted;
}
.topics_index table td p{
	padding: 5px 10px;
}

.title_resp01{
	visibility:hidden;
	width:0px;
	height:0px;
}

.title_resp02{
	visibility:hidden;
	width:0px;
	height:0px;
}

.title_resp03{
	visibility:hidden;
	width:0px;
	height:0px;
}

.title_resp04{
	visibility:hidden;
	width:0px;
	height:0px;
}

.title_resp05{
	visibility:hidden;
	width:0px;
	height:0px;
}

.title_resp06{
	visibility:hidden;
	width:0px;
	height:0px;
}


/*購入サイトへの誘導*/
.shopping01{
	width: 500px;
	height: 80px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.shopping01 a{
    display: block;
	width: 500px;
	height: 80px;
	text-indent: -9999px;
	background: url(../img/bt_shop01.png) no-repeat;
}
.shopping01 a:hover{
	background-position: 0 -80px;
}

.shopping02{
	width: 500px;
	height: 80px;
	margin-top: 20px;
}
.shopping02 a{
    display: block;
	width: 500px;
	height: 80px;
	text-indent: -9999px;
	background: url(../img/bt_shop02.png) no-repeat;
}
.shopping02 a:hover{
	background-position: 0 -80px;
}