/* =======================================
	トップ
======================================= */
.top{
	background:#ff0000;
}
.top .bg01{
	position:absolute;
	top:10px;
	left:-150px;
}
.top .bg02{
	position:absolute;
	top:10px;
	right:-170px;
}
.top #content{
	background:url(../../images/top/bg02.jpg) no-repeat center top;
}
.top .mainContent{
	background:url(../images/top_bg01.gif) repeat;
	position: relative;
}
.top .txt01{
	padding: 15px;
	text-align: center;
	line-height: 1.6em;
	font-size: 110%;
}
.top .img01{
	  margin-left: -24px;
	  /*padding:0 0 60px 0;*/
}
.top .img02{
	  margin-left: -56px;
	  padding:0 0 60px 0;
}
.top header{
	margin:0 0 0 -27px;
}
.top .btn01{
	position: absolute;
	top: 867px;
	left: 45px;
 }
.top .btn02{
	position: absolute;
	top: 867px;
	right: 45px;
}
/* =======================================
	モーション
======================================= */
.top .ten .shape {
  animation: ten 5s 1 linear;
  transform-origin: 50% 6em;
  top: calc(50% - 3em);
}

@keyframes ten {
  0%, 10% {
    transform: none;
    animation-timing-function: cubic-bezier(.87,-1.05,.66,1.31);
  }
  40% {
    transform: rotateZ(-45deg) scale(2);
    animation-timing-function: cubic-bezier(.16,.54,0,1.38);
  }
  70%, 100% {
    transform: rotateZ(360deg) scale(1);
  }
}

.principle {
  width: 100%;
  position: relative;
}

/* =======================================
	コンセプト
======================================= */
.concept .conceptBorder,
.news .conceptBorder{
	background:url(../../images/concept/conceptBorderBg.gif) repeat-y top left;
}
.concept .conceptBorder02,
.news .conceptBorder02{
	background:url(../../images/concept/conceptBorderBg.gif) repeat-y top right;
}
.concept #content {
  width: 1260px;
  margin: 0 auto;
}
.concept .mainContent{
	position:relative;
	text-align:center;
	padding:0 0 20px 0;
	font-size:110%;
}
.concept .mainContent .bg01,
.concept .mainContent .bg02,
.concept .mainContent .bg03,
.concept .mainContent .bg04,
.concept .mainContent .bg05,
.concept .mainContent .bg06{
	position:absolute;
}
.concept .mainContent .bg01{
	top:0;
}
.concept .mainContent .bg02{
	top:355px;
}
.concept .mainContent .bg03{
	top:660px;
}
.concept .mainContent .bg04{
	top:1060px;
}
.concept .mainContent .bg05{
	top:1370px;
}
.concept .mainContent .bg06{
	top:1730px;
}

.concept .mainContent h1{
	padding:20px 0 25px 0;
	margin: 0 0 0 0;
}
.concept .mainContent h1 span{
	display:block;
	color:#4b4848;
}
.concept .mainContent h3{
	padding: 100px 0 160px 0;
}
.concept .mainContent p{
	padding: 0 0 10px 0;
}
.concept .mainContent .txt01{
	color:#4b4848;
}
.concept .mainContent p span{
	font-weight:bold;
	font-size:120%;
}
/* =======================================
	キャラクター
======================================= */
.character{}
.character .box01{
	background:url(../images/bg02.gif) repeat;
}
.character .box02{
	background:url(../images/bg03.gif) repeat;
}
.charBox{
	overflow:hidden;
	padding: 50px 0;
}
.character .box03{
	float:left;
	width:460px;
	padding: 0 40px 0 0;
}
.character .box03 ul,
.character .box04 ul{
	overflow:hidden;
	padding: 20px;
}
.character .box03 ul li,
.character .box04 ul li{
	float:right;
	padding:5px 0;
}
.character .box04{
	float:left;
	width:460px;
}
.charBoxlist{
	display:none;
	width:770px;
	padding:0 10px 10px 10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.charBoxlist h3{
	font-size: 24px;
	font-weight: bold;
	padding: 5px 0 5px 15px;
	margin: 0 0 15px 0;
	color: #fff;
	border: solid 3px #000;
}
.charBoxlist h3.color01{
	background-color: #ffd800;
	color:#000;
}
.charBoxlist h3.color02{
	background-color: #ff0000;
}
.charBoxlist .leftBox{
	padding: 0 10px 0 0;
	width: 50%;
}
.charBoxlist .leftBox img{
	width:100%;
	height:auto;
}
.charBoxlist .rightBox{
	width: 47%;
	padding: 85px 5px 0 0;
}
.charBoxlist .rightBox p{
	font-size:110%;
}
/* =======================================
	キャラクター
======================================= */
.download .mainContent{
	text-align:center;
	padding:0 0 20px 0;
}
.download .mainContent h1{
	padding:20px 0;
}
.download .mainContent h1 span{
	display:block;
	color:#4b4848;
}
.download .mainContent h2{
	font-size: 120%;
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
	margin: 50px 0 20px 0;
}
.download .mainContent h2 span{
	padding:0 0 0 10px;
	font-size:90%;
}
.download .mainContent .downBox{
	overflow:hidden;
	padding: 0 0 50px 0;
}
.download .mainContent .box02{
	float: left;
	width: 400px;
	padding: 0 40px 0 40px;
}
.download .mainContent .box03{
	float: left;
	width: 400px;
}
.download .mainContent h3{
	padding: 0 0 2% 0;
}
.download .mainContent .box02 dl,
.download .mainContent .box03 dl{
	float: left;
	width: 40%;
	padding: 0 5% 4%;
}
.download .mainContent dt{
	font-size: 85%;
	text-align: center;
	display: block;
}
.download .mainContent .box02 img,
.download .mainContent .box03 img{
	width: 100%;
	height: auto;
	border-radius: 2%;
}
.download .mainContent .w100{
	width: 100%;
	height: auto;
}
.download .mainContent .wakuBox{
	margin: 0 0 50px -27px;
}
.download .mainContent .waku{
	background:url(../../images/download/waku_bg.png) repeat-y;
	width:959px;
}
.download .mainContent .waku p{
	margin: 0 0 0 17px;
	width: 943px;
}
.download .mainContent .ico01{
	vertical-align: middle;
	padding: 0 10px 0 0;
}
.download .mainContent .ico02{
	vertical-align: middle;
	padding: 0 0 0 10px;
}

/* =======================================
	商品化検討の方へ
======================================= */
.product .mainContent{
	padding:0 0 60px 0;
}
.product .mainContent h1{
	font-size: 120%;
	padding: 0 0 10px 0;
	font-weight:bold;
	text-align:center;
}
.product .mainContent .contactBox{
}
.product .mainContent .contactBox table{

}
#formWrap {
	width: 700px;
	margin: 40px auto 0;
}
#formWrap table th{
	text-align:left;
	font-weight:normal;
	width:230px;
	padding:15px 0;
	margin:0 0 30px 0;
	vertical-align: top;
	font-size: 16px;
}

#formWrap table td{
	vertical-align: top;
	padding:15px 0;
	font-size: 16px;
}
#formWrap table tr{
	border-top:solid 1px #ccc;
}

#formWrap input.txt01 {
	border: solid 1px #5E4F41;
	height: 30px;
	background: #FFFFF8;
	width: 400px;
}
#formWrap .sub {
	text-align:center;
}
#formWrap input.reset {
	padding:5px;
}
#formWrap input.submit {
	margin:0 0 0 5px;
	padding:5px;
}
#formWrap textarea {
	border: solid 1px #5E4F41;
	background: #FFFFF8;
	width: 400px;
}
.product .mainContent .contactBox table th span{
	font-size: 80%;
	padding:0 0 0 10px;
	color:#f00;
}

/* =======================================
	プライバシーポリシー
======================================= */
.policy .mainContent{
	padding:0 0 60px 0;
}
.policy .mainContent h1{
	font-size: 120%;
	padding: 0 0 10px 0;
}

/* =======================================
	サイトマップ
======================================= */
.sitemap .mainContent{
	padding:0 0 60px 0;
}
.sitemap .mainContent h1{
	font-size: 120%;
	padding: 0 0 10px 0;
}
/* =======================================
	リスト
======================================= */
.list .mainContent{
	padding:0 0 60px 0;
}
.list .mainContent h1{
	font-size: 120%;
	padding: 0 0 10px 0;
}
.list .mainContent dl{
	padding: 0 0 10px 0;
	overflow:hidden;
	vertical-align: bottom;
	line-height: 1.6;
}
.list .mainContent dt{
	float:left;
	width: 230px;
}
.list .mainContent dd{
	float:left;
	font-size:85%;
	vertical-align: bottom !important;
	padding:5px 0 0 0;
}
/* =======================================
	ニュース
======================================= */
.news .mainContent{
	padding:0 0 60px 0;
	overflow:hidden;
}
.news .mainContent h1{
	font-size: 120%;
	padding: 0 0 10px 0;
}
.news .leftBox{
	width:400px;
}
.news .rightBox{
	width:400px;
}
.news .rightBox iframe{
	width:400px;
}