@charset "shift_jis";
@import url(clear.css);
@import url(font_win.css);
@import url(all.css);
@import url(header.css);
@import url(start.css);
@import url(stylecgi.css);

/*****************************
character.css(jewelpet)
AUTHOR:YUKI INOUE
(tv-osaka-system)
LAST EDIT:2009/09/03
******************************/


#char .al-cent{
	text-align:center;
}
#jewelpet #contents #char ul{
	list-style-type:none;
	padding:0;
}
#char img{
	border:none;
	vertical-align:bottom;
}
#char a{
	color:#FF6699;
}
#char a:hover{
	color:#FF9999;
}
#jewelpet #contents #char{
	float:left; 
	width:500px;
	padding:0 40px;
}
#char #txt-char-shokai .txt-char01{
	float:left;
	margin-right:20px;
	width:342px;
}
#char #txt-char-shokai .btn-shokai-hito{
	float:left;
	width:133px;
}
#txt-char-shokai .btn-shokai-hito a{
	background:url(../images/chara/btn_jinbutsu.gif) no-repeat;
	width:133px;
	height:107px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#txt-char-shokai .btn-shokai-hito a:hover{
	background:url(../images/chara/btn_jinbutsu_on.gif) no-repeat;
	width:133px;
	height:107px;
	display:block;
	text-indent:-9999px;
}
#char #icon{
	padding:30px 0;
}
#icon #icon-bg{
	background:url(../images/chara/bg_yellow.gif) top left repeat-y;
	padding-bottom:20px;
}
#icon-bg .bar-icon{
	padding:5px 8px 20px;
}
#icon-bg .txt-clic{
	padding-left:10px;
	padding-bottom:20px;
}
#icon #icon-pic{
	background:#FFF;
	padding-bottom:10px;
	width:483px;
	margin-left:8px;
}
#jewelpet #contents #char #icon #icon-pic ul li{
	float:left;
}
#icon-bg #serch h3{
	padding:30px 0 15px 0;
}
#icon-bg #serch-moji{
	width:236px;
	margin-left:140px;
}
#icon-bg #serch-jewel{
	width:236px;
	float:left;
	margin-right:20px;
	margin-left:5px;
	display:inline;
}
#icon-bg #serch-name{
	width:236px;
	float:left;
}



/*キャラクター別　紹介一覧部分のデザイン*/

#char #char-ichiran #profile{
	background:url(../images/chara/bg_pink.gif) left top repeat;
	width:480px;
	padding:10px;
	margin-bottom:20px;
}
#char-ichiran #profile .pro-left{
	width:154px;
	float:left;
	margin-right:10px;
	text-align:center;
}
.pro-left .btn-movie{
	margin-top:10px;
}
.pro-left .btn-movie a{
	background:url(../images/chara/movie_ani.gif) left top no-repeat;
	width:154px;
	height:62px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.pro-left .btn-movie a:hover{
	background:url(../images/chara/movie_ani_on.gif) left top no-repeat;
	width:154px;
	height:62px;
	display:block;
	text-indent:-9999px;
}
#char-ichiran #profile .pro-right{
	float:left;
	width:290px;
	background:#FFF;
	padding:10px;
	font-size:12px;
}	
#profile .pro-right dl{
	width:280px;
	padding:0;
	
}
#char dl dt{
	color:#FF6666;
	font-weight:bold;
	float:left;
	clear:both;
	width:6em;
	text-align:right;
}
#char dl dd{
	padding:0 0 0 7em;
	color:#333;
	text-align:left;
}
#char-ichiran #profile .return-top{
	margin-top:30px;
	float:right;
} 
#char .btn-serch{
	width:212px;
	height:62px;
	margin:30px 0 20px 150px;
}
#char .btn-serch a{
	display:block;
	width:212px;
	height:62px;
	background:url(../images/chara/btn_serch.gif) no-repeat;
	position:relative;
	overflow:hidden;
	text-indent:-9999px;
}
#char .btn-serch a:hover{
	display:block;
	width:212px;
	height:62px;
	background:url(../images/chara/btn_serch_on.gif) no-repeat;
	position:relative;
	text-indent:-9999px;
}