@charset "UTF-8";
*{
}
html,body{
	font-size:18px;
	margin:0;
	padding:0;
	background-color:#fff;
	color:#666;
}


	

#arist{
	width:1040px;
	height:100%;
    margin: 0 auto;
	
	
}

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

.clearfix{
min-height:1px;
}

*html.clearfix{
height:1px;

height:auto;
overflow:hidden;

}

.main{
	width:1000px;
	margin: 0 auto;
	background-color:#FFF;
	text-align:center;


}

ul, li{
    margin:0
    padding:0;
}
a{
	color:#666;
	text-decoration: none;
}
a:hover{
	color:#cea8cd;
}
p{
	margin: 2px;
}
img{
	border-style:none;
}

.heder{

	width:1000px;
	height:120px;
}

.hedright{
	float:left;
	width:245px;
	margin-top:10px;
	margin-left:10px;
}


.logo{	
  
	width:245px;
	height:84px;
	
	
	
}

.hedtext{	

	width:245px;
	height:25px;
	color:#cea8cd;
	text-align:center
	
	
}

.hedinfo{
	float:right;
	width:235px;
	height:109px;
	margin-top:10px;
	margin-right:10px;
	text-align:right;
    color:#cea8cd;
	font-size:16px;
}

.menu{
	clear:both;
	width:1000px;
	height:143px;
	background:url(images/hed.png) center top no-repeat;
	margin-top:-20px;
	float:left;

}

.button{
	width:1000px;
	clear:both;
height:13px;
	margin:0 auto;

}

.button_top a{

	display:block;
	float:left;
	width:49px;
	height:13px;
	margin-right:30px;
	margin-top:45px;
	margin-left:70px;
	background:url(images/menu_top.png) no-repeat;
}

.button_top a:hover{
	background:url(images/menu_top_on.png) no-repeat;
}

.button_service a{
	float:left;
	display:block;
	width:83px;
	height:13px;
	margin-top:45px;
	margin-left:55px;
	background:url(images/menu_service.png) no-repeat;
}
	
.button_service a:hover{
	background:url(images/menu_service_on.png) no-repeat;
}

.button_prof a{
	float:left;
	display:block;
	width:70px;
	height:13px;
	margin-top:45px;
	margin-left:350px;
	background:url(images/menu_prof.png) no-repeat;
}
	
.button_prof a:hover{
	background:url(images/menu_prof_on.png) no-repeat;
}

.button_info a{

	display:block;
	float:left;
	width:49px;
	height:13px;
	margin-top:45px;
	margin-left:90px;
	background:url(images/menu_info.png) no-repeat;
}
	
.button_info a:hover{
	background:url(images/menu_info_on.png) no-repeat;
}


.footer{
	width:900px;
	height:100px;
	margin: 0 auto;
	clear:both;
	padding-top:50px


}

.footerleft{
	width:400px;
	height:100%;
	float:left;
}


.footerright{
	width:500px;
	height:100%;
	text-align:right;
	float:left;

}


.ct{
	float:left;
	padding-left:15px;
	padding-top:30px;
	width:878px;
	height:82px;
	margin:0 auto;
	
}

.design{
	float:left;
	margin-top:10px;
	width:438px;
	height:18px;
	
}

.designtext{

	width:438px;
	height:30px;
	color:#cea8cd;
	text-align:center;
	font-size:20px;
	line-height:40px;
	font-weight: bold;
	margin:0 auto;

	
}

.designtitle{
	width:878px;
	height:30px;
	float:left;
	margin-left:12px;
	margin-top:20px;
	
}

.topimg{

	width:878px;
	padding-top:20px;
	margin: 0 auto;

}

.img1{
	float:left;
	width:429px;
	height:290px;
	margin-top:10px;


	
}

.img2{
	float:left;
	width:205px;
	height:290px;
	margin-left:17px;
	margin-top:10px;
}
	


.img3{
	float:left;
	width:205px;
	height:290px;
	margin-top:20px;
	
}
	

.img4{
	float:left;
	width:205px;
	height:290px;
	margin-top:20px;
	margin-left:18px;
	
}
	

.topstudio{
	float:left;
	width:450px;
	margin-top:20px;

}

.topstudiotext{
    width:390px;
	text-align:center;
	padding-left:30px;
	margin-top:20px;
	line-height:15px;
	color:#cea8cd;
	font-weight: bold;
}

.studioimg{
	width:422px;
	height:94px;
	margin-top:10px;
	margin-left:15px;
}
.studiotext{
	width:440px;
	padding:10px;
	clear:both;
}

.topprice{
	width:422px;
	line-height:15px;
	margin-top:20px;
	color:#cea8cd;
	font-weight: bold;
	text-align:center;
	padding-left:10px;
}

.service{
	width:450px;
	height:690px;
	padding:10px;
	margin-top:10px;
	margin-left:5px;
	margin-right:0 auto;
	float:left;


}


.servicetitle1{
	width:400px;
	padding-left:50px;
	margin:0 auto;
	line-height:15px;
	color:#cea8cd;
	font-weight: bold;
	
	

}

.servicetitle2{
	width:400px;
	margin: 0 auto;
	line-height:15px;
	color:#cea8cd;
	font-weight: bold;
    text-align: center;
}

.servicetop{
	width:950px;
	height:1500px;
	height:auto;
	margin-top:20px;
	margin: 0 auto;
	padding-top:20px;
}

.service_toptext{
	float:left;
	padding-left:15px;
	padding-top:30px;
	width:920px;
	height:50px;
	margin:0 auto;
	
}

.serviceimg{
	width:206;
	height:100px;
	float:left;
	margin-left:13px;
	margin-top:5px;
}

.jireititle{
	width:206px;
	height:20px;
	margin-left:13px;
	float:left;
	padding-top:8px;
	text-align:center;
	font-size:14px;
	color:#666;
	}
	



.serviceprice1{
	width:404px;
	height:190px;
	margin-top:10px;
	float:left;
	margin-left:13px;
	background-color:#E8E8E8;
	padding:10px;


}

.servicepricetitle{
	width:400px;
	height:20px;
	margin:0 auto;
	background:#E8E8E8;
	float:left;
	padding-left:10px;
	
	
	

}

.hr{
	width:130px;
	height:10px;
background-color:#E8E8E8;
border-bottom:1px solid #000;
	float:left;
	display: block;
}


.serviceservicepricetitletext{
	width:125px;
	height:20px;
float:left;
text-align:center;
background-color:#E8E8E8;
}

.servicetext{
	width:385px;
	height:160px;
	float:left;


	
}
	

.serviceprice2{
	width:404px;
	height:150px;
	margin-top:10px;
	float:left;
	margin-left:13px;
	background-color:#E8E8E8;
	padding:10px;


}

.servicetext2{
	width:385px;
	height:110px;
	float:left;

}

.illust{
		width:424px;
	height:264px;
	margin-top:10px;
	float:left;
	margin-left:13px;

}

.service2{
	width:450px;
	height:550px;
	padding:10px;
	margin-top:10px;
	margin-left:5px;
	margin-right:0 auto;
	margin-top:20px;
	float:left;


}


.service3{
	width:450px;
	height:250px;
	padding:10px;
	margin-top:10px;
	margin-left:5px;
	margin-right:0 auto;
	margin-top:20px;
	float:left;
	line-height:20px;


}


.serviceprice3{
	width:404px;
	height:123px;
	margin-top:10px;
	float:left;
	margin-left:13px;
	background-color:#E8E8E8;
	padding:10px;


}

.aboutleft{
	width:138px;
	height:444px;
	float:left;
	margin-top:30px;
}

.aboutimg{
	width:138px;
	height:138px;
	margin-bottom:20px;
	
}

.about{
	margin-top:30px;
	width:795px;
	height:700px;
	margin: 0 auto;
	
}
	
.aboutmain{
	width:612px;
	height:700px;
	float:right;
}

.abouttitle{
	width:612px;
	height:30px;
	font-size:18px;
	border-bottom:1px solid #000;
	margin-bottom:20px;
	margin-top:30px;
}

.form{
	margin-top:40px;
	width:700px;
	height:700px;
	margin: 0 auto;

	
}
	
.thanks{
	width:500px;
	margin:auto;
	height:100px;
	padding-top:50px;

	
}

.top_ban{
	width:900px;
	height:239px;
	clear:both;
	float:right;
}
	
.youtube{
	width:620px;
	height:440px;
	margin:0 auto;
	text-align:center;
}

.jirei{
	width:1000px;
	height:1100px;
	margin: 0 auto;
	
}

.text1707{
	height:100px;
	text-align:center;
	background:#CCEDDB;	
	padding-top:10px;

}
.comic1{
	width:1000px;
	height:1891px;
}
	
	.comic2{
	width:1000px;
	height:1504px;
}
	
	.comic3{
	width:1000px;
	height:1368px;
}
		.comic4{
	width:1000px;
	height:1499px;
}
	
.text17072{
	height:90px;
	width: 100%;
	text-align:center;
	background:#CCEDDB;	
	padding-top:10px;

}

.text17073{
	height:80px;
	text-align:center;
	background:#CCEDDB;	
	padding-top:25px;

}

.comicti{
	width:1000px;
	height:180px;
	text-align:center;
	line-height:25px;
	padding-top:20px;
	margin:0 auto;
	font-size:20px;
}
}

.smform{
	width:750px;
	margin:0 auto;
}

.floatMenu{
	width: 210px;
	height: 300px;
	background-color: olive;
	position: absolute;
	top: 135px;
    left: : 10px;
	padding: 20px;
	left: 18px;
}

.comic_2{
	width:1000px;
	height:1438px;
}


.prof{
	width: 830px;
	height: 1000px;
	background-image: url(images/icon.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	text-align: left;
	margin-top: 30px;
}



.prof2{
	width: 830px;
	height: 880px;
	background-image: url(images/icon2.png);
  background-repeat: no-repeat;
	margin: 0 auto;
	margin-top: 20px;
	text-align: left;
}




.prof-text{
	width: 790px;
	height: 490px;
	margin: 0 auto;
	line-height: 35px;
	font-size:20px;
}


.prof-text2{
	width: 790px;
	height: 430px;
	margin: 0 auto;
	line-height: 35px;
	font-size:20px;
}


.prof-img{
	width: 830px;
	height: 265px;

}

.comic-jireibar{
	width: 900px;
	height: 150px;
	margin: 0 auto;
	
}



.jirei-title{
	width: 886px;
	height: 30px;
	font-size: 30px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
    border-bottom: 4px solid #CCEDDB;
	text-align: left;
}  


.jirei-title2{
	width: 886px;
	height: 80px;
	margin: 0 auto;
	margin-top: 10px;  
	text-align: left;
}  


.jirei-url{
	width: 350px;
	height: 80px;  
	text-align: left;
		float:left;
}  


.jirei-url2{
	width: 450px;
	height: 80px;  
	text-align: left;
		float:left;
}  




.click{
	width: 140px;
	height: 80px;
	float: right;

	

	
}  



.jirei-img{
	width: 886px;
	height: 1500px;
	margin: 0 auto;
}


.jirei-img2{
	width: 886px;
	height: 1000px;
	margin: 0 auto;
}

.jirei-img3{
	width: 886px;
	height: 500px;
	margin: 0 auto;
	text-align: center;
}

.jirei-img4{
	width: 886px;
	height: 780px;
	margin: 0 auto;
	text-align: center;
}

.jirei-sum{
	width: 250px;
	height: 450px;
	float:left;
	margin-left: 35px;
}



.jirei-sum2{
	width: 250px;
	height: 510px;
	float:left;
	margin-left: 35px;
}



.jirei-sum3{
	width: 300px;
	height: 424px;
	float:left;

}

.jirei-sum4{
	width: 300px;
	height: 424px;
	float:left;
	text-align: center;
	margin-left: 70px;

}


.jirei-sum5{
	width: 300px;
	height: 424px;
	float:left;
	text-align: center;
	margin-left: 110px;

}


.jirei-sum7{
	width: 300px;
	height: 480px;
	float:left;
	text-align: center;
	margin-left: 100px;

}




.jirei-sum6{
	width: 300px;
	height: 376px;
	float:left;

}




.point{
	width: 845px;
	text-align: left;
	border:#C8B4ED dotted 5px;
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	float:left;
	margin-top: 30px;
}




.point2{
	width: 500px;
	text-align: left;
	border:#C8B4ED dotted 5px;
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	float:left;
	margin-left: 30px;
	margin-top: 65px;
}


.point3{
	width: 500px;
	text-align: left;
	border:#C8B4ED dotted 5px;
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	float:left;
	margin-left: 30px;
	
}


.point4{
	width: 500px;
	text-align: left;
	border:#C8B4ED dotted 5px;
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	float:left;
	margin-left: 30px;
	
}


.osusume{
	width: 750px;
	height: 70px;
	text-align: left;
	border:#C8B4ED dotted 5px;
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin: 0 auto;
	margin-top: 40px;
	
	
}

.osusume-icon{
	width: 250px;
	height: 77px;
		float:left;
	
}

.osusume-text{
	width: 480px;
	height: 77px;
	float:left;
	margin-left: 10px;

	

}





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