@charset "UTF-8";
/*  =============================

			 		KASOU
			
=============================  */
.cnt_l{
	width:460px;
	float:left;
	margin-right:60px
}

.cnt_l .key_area{
	position:relative;
}

.cnt_l .key_area .key{
	width:460px;
}

.cnt_r{
	width:400px;
	padding:30px 30px 20px 30px;
	float:left;
	background:#fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin-bottom:20px;
}

.cnt_r .job{
	float:left;
	margin-right:20px;
}

.cnt_r .name{
	float:left;
	width:280px;
	padding-bottom:10px;
}

.cnt_r ul.sorcial{
	float:left;
}

.cnt_r ul.sorcial li{
	float:left;
	margin-right:15px;
	line-height:0;
}

.cnt_r .txt{
	clear:left;
	color:#444;
	padding-top:15px;
}

.cnt_r .txt p{
	padding-bottom:15px;
}

h2{
	text-align:center;
	width:100%;
	padding-bottom:30px;
}

.back_pc{
	margin-top:20px;
	text-align:center;
}

.back_sp{
	margin-top:20px;
	text-align:center;
	display:none;
}

/* profile */
#profile  #loading .spinner {
  background-color: #D9A300;
}

#profile #cnt{
	background:url(../images/kasou/bg.png) repeat #FFF1CA;
}

.cnt_l .key_area .pro_obje_1{
	position:absolute;
	top:150px;
	left:-30px;
}

.cnt_l .key_area .pro_obje_2{
	position:absolute;
	top:90px;
	right:30px;
}

/* book */
#book  #loading .spinner {
  background-color: #008C00;
}

#book #cnt{
	background:url(../images/kasou/bg.png) repeat #E8F7DA;
}

.cnt_l .key_area .pro_obje_5{
	position:absolute;
	top:-5px;
	right:-5px;
}

#book .sorcial{
	clear:left;
}

#book a.shop{
	width:100%;
	padding:10px 0 10px 0;
	background:#008C00;
	display:block;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

/* chie */
#chie  #loading .spinner {
  background-color: #EB7099;
}

#chie #cnt{
	background:url(../images/kasou/bg.png) repeat #FFDFE8;
}

.cnt_l .key_area .comment{
	position:absolute;
	top:10px;
	left:10px;
}

.cnt_l .key_area .pro_obje_3{
	position:absolute;
	top:0;
	right:30px;
}

.cnt_l .key_area .pro_obje_4{
	position:absolute;
	bottom:40px;
	left:10px;
}

/* shinya */
#shinya  #loading .spinner {
  background-color: #00C38C;
}

#shinya #cnt{
	background:url(../images/kasou/bg.png) repeat #E0F4EB;
}

#shinya .cnt_l .key_area .obje_1{
	position:absolute;
	top:20px;
	right:30px;
}

#shinya .cnt_l .key_area .obje_2{
	position:absolute;
	bottom:40px;
	left:0px;
}

/* tatsuya */
#tatsuya  #loading .spinner {
  background-color: #19C9D0;
}

#tatsuya #cnt{
	background:url(../images/kasou/bg.png) repeat #CCF6F2;
}

#tatsuya .cnt_l .key_area .obje_1{
	position:absolute;
	bottom:20px;
	right:0px;
}




@media screen and (max-width: 641px){
.cnt_l{
	width:460px;
	float:none;
	margin:0 auto;
}

.cnt_r{
	width:400px;
	padding:30px 30px 20px 30px;
	float:none;
	margin:30px auto;
	font-size:18px;
	line-height:28px;
}

.back_pc{
	display:none;
}

.back_sp{
	display:block;
}

#book a.shop{
	width:100%;
	margin:10px 0 10px 0;
	padding:15px 0 15px 0;
	background:#008C00;
	display:block;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

}