@import url(../common/pc-common.css);

.menu-intro a {
background:url(../../img/common/btn_menu_on.png) -148px 0!important;
}

#main-intro {
background:url(../../img/intro/main_intro.png) top center no-repeat;
height:410px;
text-indent:-9999px;
width:100%;
position:relative;
}

#main-intro h2 {
position:absolute;
left:0;
top:0;
width:100%;
background:url(../../img/common/bg_shadow.png) top center repeat-x; 
}

.tit-intro01 {
font-size:30px;
line-height:36px;
color:#b35872;
font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
font-weight: normal;
padding-bottom:15px;
text-align:center;
}

.tit-intro02 {
font-size:30px;
line-height:36px;
color:#404276;
font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
font-weight: normal;
padding-bottom:15px;
text-align:center;
}

.img-intro-block {
background:url(../../img/intro/bg_intro_01.jpg) top center repeat;
height:200px;
margin-bottom:30px;
	animation: cloudmove 40s linear infinite;
	-webkit-animation: cloudmove 40s linear infinite;
	-moz-animation: cloudmove 40s linear infinite;
}
	@keyframes cloudmove {
	    0% {background-position: 0 0;}
		25% {background-position: 200px 0;}
	    50% {background-position: 400px 0;}
		75% {background-position: 600px 0;}
	    100% {background-position: 800px 0;}
	}
	@-webkit-keyframes cloudmove {
	    0% {background-position: 0 0;}
		25% {background-position: 200px 0;}
	    50% {background-position: 400px 0;}
		75% {background-position: 600px 0;}
	    100% {background-position: 800px 0;}
	}
	@-moz-keyframes cloudmove {
	    0% {background-position: 0 0;}
		25% {background-position: 200px 0;}
	    50% {background-position: 400px 0;}
		75% {background-position: 600px 0;}
	    100% {background-position: 800px 0;}
	}
	
.img-intro {
width:764px;
margin:auto;
padding-top:30px;
}

.txt-intro-s {
font-size:80%;
}

.book-intro {
width:100%;
margin:auto;
background:#b35872;
color:#fff;
font-size:14px;
line-height:22px;
}

.book-intro p {
padding-bottom:0;
}

.book-intro-in {
padding:20px;
height:auto;
width:960px;
margin:auto;
position:relative;
}

.book-intro-left {
float:left;
width:120px;
margin-right:15px;
}

.book-intro-right {
float:left;
width:790x!important;
max-width:790x!important;
text-align:left;
display: block;
  
}

.tit-book-intro {
font-size:18px;
font-weight:normal;
width:490px;
float:left;
padding-top:2px;
}

.btn-book {
width:150px;
float:left;
}

.btn-book a {
display:block;
width:150px;
height:auto;
color:#b35872;
text-align:center;
background:#fff;
text-decoration:none;
padding:5px 0 5px;
margin-bottom:3px;
}

.tit-book-intro span {
font-size:14px;
}

.book-intro-img {
position:absolute;
width:281px;
right:20px;
bottom:-50px;
}

.book-intro-right-top {
height:auto;
}

.book-intro-right-in {
}

.book-intro-right-in-in {
font-size:12px;
line-height:16px;
padding-top:5px;
}