@charset "UTF-8";

/* ==================================================================
CSS information
style info :「partner」 用
================================================================== */



#contents { background: url(../_img/partner/contents_bg.jpg) top center no-repeat;}

/* --------------------------------------------------------
#main-block
-------------------------------------------------------- */
#main-block { padding-top: 43px; }
#main-block .inner-cont { height: 283px; }

#main-block #ttl { width: 658px; height: 190px; margin: 0 auto 15px; }
#main-block #readtext { }


/* --------------------------------------------------------
#c1
-------------------------------------------------------- */
#c1 { height: 386px; margin-bottom: 0px; }
#c1 .inner-cont { padding: 0px 29px 0; }

#c1 .subttl { margin-bottom: 22px;}

#c1 #select_pokemon { position: relative; }

#c1 #select_pokemon .picList { position: relative; letter-spacing: -.45em; font-size: 0; }
#c1 #select_pokemon .picList li { position: relative; width: 89px; letter-spacing: normal; font-size:inherit; display: inline-block; text-align: center; cursor: pointer; margin-bottom: 7px;}
#c1 #select_pokemon .picList li div { background: url(../_img/partner/p_name_bg.png) top center no-repeat; text-align: center; }
#c1 #select_pokemon .picList li:hover div { background: url(../_img/partner/p_name_bg_o.png) top center no-repeat; }
#c1 #select_pokemon .picList li.on div { background: url(../_img/partner/p_name_bg_o.png) top center no-repeat; }
#c1 #select_pokemon .picList li .pic { position: relative; margin-bottom: 6px; }
#c1 #select_pokemon .picList li .pic { width: 89px; height: 89px;}


/* --------------------------------------------------------
#c2
-------------------------------------------------------- */
#c2 { height: 280px; margin-bottom: 0px; }
#c2 .inner-cont { padding: 0px 49px 0; }

#c2 .subttl { margin-bottom: 5px;}
#c2 .text { margin-bottom: 11px; text-align: center;}


#c2 #input-block { margin-bottom: 50px;}

#c2 #input-block dl { letter-spacing: -.45em; float: left;}
#c2 #input-block dl dt { letter-spacing: normal; display: inline-block; vertical-align: top; width: 103px;}
#c2 #input-block dl dd { letter-spacing: normal; display: inline-block; vertical-align: top;}
#c2 #input-block dl dd input { width: 272px; height: 32px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
border: 0; padding: 2px 10px; border: solid 1px #fff;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
}
#c2 #input-block #my { display: inline-block; width: 480px; }
#c2 #input-block #friend { display: inline-block; width: 380px; }

#c2 #btn { text-align: center; }
#c2 #btn img { cursor: pointer;}

#sform{
	margin:0;
	padding:0;
}

.error{
	color:red;
	display:none;
	font-size: 1.1em;
	margin-top:5px;
	background: rgba(0,0,0,0.5);
	padding: 5px 0;
	text-align: center;
}
#c1 #select_pokemon .error{
	text-align: center;
	margin-top:10px;
}
#c2 #input-block .error{
	margin-left: -103px;
}