@charset "utf-8";
/* CSS Document */


/*----------▼マイページレフトメニューのクラス-----------*/


#my_left {
  width:160px;
  margin:0;
  padding:0;
  }

#my_left ul {
  width:160px;
  height:180px;
  margin:15px 0 0 0;
  padding:0;
  list-style-type:none;
  border-top:1px solid #ccc;
  }
/*#my_left ul {
  width:160px;
  height:180px;
  margin:0;
  padding:0;
  list-style-type:none;
  }*/

#my_left li a {
  display:block;
  width:160px;
  background:url(/img/mypage_leftnavi.gif) no-repeat;
  }

#my_left li#my_main a {
  height:36px;
  background-position:0 0;
  }
#my_left li#my_main a:hover {
  height:36px;
  background-position:-160px 0;
  }

  
#my_left li#my_comchara a {
  height:36px;
  background-position:0 -36px;
  }
#my_left li#my_comchara a:hover {
  height:36px;
  background-position:-160px -36px;
  }

  
#my_left li#my_blogp a {
  height:36px;
  background-position:0 -72px;
  }
#my_left li#my_blogp a:hover {
  height:36px;
  background-position:-160px -72px;
  }

#my_left li#my_ticket a {
  height:36px;
  background-position:0 -108px;
}
#my_left li#my_ticket a:hover{
  height:36px;
  background-position:-160px -108px;
}
  
#my_left li#my_setting a {
  height:36px;
  background-position:0 -144px;
  }
#my_left li#my_setting a:hover {
  height:36px;
  background-position:-160px -144px;
  }

  
/*ｐｈｐ、マイページ、ページごとの読込クラス指定
（選択ページの項目の色が変わる仕様）--------------*/

#my_left.my_m li#my_main a {
  background-position:-160px 0;
  }
#my_left.my_g li#my_comchara a {
  background-position:-160px -36px;
  }
#my_left.my_bp li#my_blogp a {
  background-position:-160px -72px;
  }
#my_left.my_tkt li#my_ticket a {
  background-position:-160px -108px;
  }
#my_left.my_set li#my_setting a {
  background-position:-160px -144px;
  }
  
  



/*----------▲マイページレフトメニューのクラスここまで-----------*/




#my_bg .gray {
	width:365px;
	height:20px;
	background:url(/img/mypage/idx_bg_gray.gif) no-repeat;
	font-size:13px;
	padding:5px 0 0 15px;
	color:#000;
}

#my_bg .pink {
	width:365px;
	height:20px;
	background:url(/img/mypage/idx_bg_pink.gif) no-repeat;
	font-size:13px;
	padding:5px 0 0 15px;
	color:#46000d;
}


#win_mess{
 width:380px;
 height:auto;
 margin:15px auto 0 auto;
 text-align:left;
 }
#win_mess ul{
 width:368px;
 height:auto;
 margin:0;
 padding:10px 0 0 10px;
 list-style-type:none;
 overflow-x:hidden;
 overflow-y:auto;
 border-bottom:1px solid #ff6ba3;
 border-left:1px solid #ff6ba3;
 border-right:1px solid #ff6ba3;
}
#win_mess li{
 background:url(/img/mypage/env_close.gif) no-repeat left;
 min-height:20px;
 height:auto;
 margin:0 0 8px 0;
 padding:3px 0 0 28px;
}
#win_mess li a:link{
 color:#258FB8;
}
#win_mess li a:hover{
	color:#996600;
}
#win_mess li a:visited{
 font-weight:normal;
 color:#258FB8;
}

#win_postevnt ul{
	margin:0;
	padding:0;
}
#win_postevnt li{
	clear:both;
	height:20px;
	background:url(/img/ico_arw_p.gif) no-repeat left;
	padding:0 0 0 15px;
	margin:0 0 8px 0;
}
#win_postevnt li div{
	float:left;
}
.evnttitle{
	width:220px;
}

#win_info{
 width:380px;
 height:260px;
 margin:15px auto;
 padding:0;
 text-align:left;
 }

#win_info dl{
 width:368px;
 height:234px;
 margin:0;
 padding:0 0 0 10px;
 overflow-x:hidden;
 overflow-y:auto;
 border-bottom:1px solid #999;
 border-left:1px solid #999;
 border-right:1px solid #999;
 }
#win_info dl a:link{
 color:#258FB8;
 }
#win_info dl a:hover{
	color:#996600;
}
#win_info dl a:visited{
 color:#258FB8;
 }

#win_info dt{
 margin:12px 0 0 0;
 padding:0 0 0 15px;
 width:60px;
 background:transparent url(/img/ico_arw02.gif) no-repeat scroll 0 1px;
 float:left;
 clear:left;
 }
#win_info dd{
 width:240px;
 margin:0 0 0 90px;
 padding:12px 10px 0 0;
 }
 
.mypagebnr{
	width:278px;
	height:53px;
	padding:0 0 5px 80px;
}
.mypagebnr img{
	border:0;
}
 
#forbeginners{
 width:380px;
 height:auto;
 margin:15px auto 0 auto;
 text-align:left;
 }
#forbeginners ul{
 width:368px;
 height:auto;
 margin:0;
 padding:10px 0 0 10px;
 list-style-type:none;
 overflow-x:hidden;
 overflow-y:auto;
 border-bottom:1px solid #999;
 border-left:1px solid #999;
 border-right:1px solid #999;
}
#forbeginners li{
 background:url(/img/mypage/env_close.gif) no-repeat left;
 margin:0 0 10px 0;
 padding:0 0 0 28px;
}
#forbeginners li a:link{
 color:#258FB8;
}
#forbeginners li a:hover{
	color:#996600;
}
#win_mess li a:visited{
 font-weight:normal;
 color:#258FB8;
}
 

#nowplay_win{
 width:380px;
 height:auto;
 margin:20px auto;
 padding:0;
 text-align:left;
 }
#nowplay_win ul{
 width:368px;
 height:234px;
 margin:0;
 padding:10px 0 0 10px;
 list-style-type:none;
 overflow-x:hidden;
 overflow-y:auto;
 border-bottom:1px solid #999;
 border-left:1px solid #999;
 border-right:1px solid #999;
}
#nowplay_win li{
 /*background:url(/img/mypage/env_close.gif) no-repeat 0 5px;*/
 min-height:25px;
 height:auto;
 margin:0 0 8px 0;
 padding:0;
}
#nowplay_win li a:link{
 color:#258FB8;
}
#nowplay_win li a:hover{
	color:#996600;
}
#nowplay_win li a:visited{
 font-weight:normal;
 color:#258FB8;
}

.stitle{
	float:left;
	height:25px;
}
.stitle a{
 display:block;
 width:290px;
 height:auto;
 padding:5px 0 0 0;
 color:#258FB8;
 font-weight:bold;
 text-align:left;
 overflow:hidden;
}
.stitle a:hover{
	color:#996600;
}
.stitle a:visited{
	color:#258FB8;
}

.chname a{
 display:block;
 width:250px;
 height:28px;
 color:#258FB8;
 padding-top:8px;
 padding-left:15px;
 text-align:left;
}
.chname a:hover{
	color:#996600;
}
.chname a:visited{
	color:#258FB8;
}


.mail{
 float:left;
 width:30px;
 height:25px;
 text-align:center;
}
.mail a{
 display:block;
 width:30px;
 height:25px;
 margin:0 auto;
 background:url(/img/mypage/env_close.gif) no-repeat 0 5px;
 text-indent:-9999px;
}


#lover{
 width:380px;
 height:auto;
 margin:15px auto 0 auto;
 padding:0;
 text-align:left;
 }
#lv_icon{
	float:left;
	width:80px;
	height:100px;
	text-align:center;
	line-height:1.3em;
	margin-left:5px;
}
.lv_icon{
	float:left;
	width:80px;
	height:100px;
	text-align:center;
	line-height:1.3em;
	font-size:110%;
	font-weight:bold;
	margin-left:5px;
}
.lv_icon img{
	margin-bottom:3px;
}

#lv_icon a:link{
	color:#258FB8;
}
#lv_icon a:visited{
	color:#258FB8;
}
#lv_icon a:hover{
	color:#996600;
}


#lv_choice{
	clear:both;
	padding-left:15px;
	height:25px;
}

#checkit ul{
	margin:0 0;
	padding:0;
}
#checkit li{
	padding:6px 0 3px 15px;
	background:transparent url(/img/ico_arw02.gif) no-repeat left;
}

#special{
 width:380px;
 height:240px;
 margin:20px auto 0 auto;
 padding:0;
 text-align:left;
 }
#special_long{
 width:380px;
 height:360px;
 margin:20px auto 20px auto;
 padding:0;
 text-align:left;
 }

/*#m_ranking{
 width:370px;
 height:240px;
 margin:20px auto;
 padding:0;
 text-align:left;
 }*/
 
#lvertxt{
	height:31px;
	background:#ffe5ff;
	padding:10px 15px;
	border-bottom:1px solid #ff6ba3;
	border-left:1px solid #ff6ba3;
	border-right:1px solid #ff6ba3;
	line-height:1.3em;
}

 
.mytop_box{
 width:358px;
 height:180px;
 line-height:1.5em;
 margin:0;
 padding:10px;
 border-left:1px solid #ff6ba3;
 border-right:1px solid #ff6ba3;
}
.mytop_box img{
	border:0;
}
.mytop_box_l{
 width:358px;
 height:252px;
 line-height:1.5em;
 margin:0;
 padding:10px;
 border-bottom:1px solid #ff6ba3;
 border-left:1px solid #ff6ba3;
 border-right:1px solid #ff6ba3;
}
.mytop_box_l img{
	border:0;
}

.mytop_box_l dl{
	margin:0;
	padding:0;
	clear:both;
}
.mytop_box_l dt{
	width:80px;
	height:40px;
	float:left;
	clear:left;
}
.mytop_box_l dd{
	padding-top:4px;
	margin-left:100px;
	
}


.lvpoint_box{
 width:358px;
 height:auto;
 line-height:1.5em;
 margin:0;
 padding:10px;
 border-bottom:1px solid #ff6ba3;
 border-left:1px solid #ff6ba3;
 border-right:1px solid #ff6ba3;
}
.lvpoint_box img{
	border:0;
}

.lvpoint_box dl{
	margin:0;
	padding:0;
}
.lvpoint_box dt{
	width:343px;
	padding:6px 0 3px 15px;
	background:transparent url(/img/ico_arw02.gif) no-repeat scroll 0 11px;
	border-bottom:1px solid #ff6ba3;
}
.lvpoint_box dd{
	padding:4px 0 0 0;
	margin:10px auto;
}
dd#conp {
	padding-left:5px;
}
dd#conp img{
	margin:3px;
}

.lvpoint_box ul{
	margin:0;
	padding:0 0 0 25px;
}
.lvpoint_box li{
	margin:3px 0 0 0;
}



#lv_shisu{
	margin:15px auto;
}
#lv_shisu dd{
}



#rank_male{
	float:left;
	text-align:center;
	margin-left:30px;
}
#rank_female{
	float:left;
	text-align:center;
	margin-left:20px;
}
#rank_male img, #rank_female img{
	border:0;
}
 

#my_info_bg{
	width:785px;
	height:565px;
	background:url(/img/mypage/my_title_bg.jpg) no-repeat;
	margin:0;
	padding:60px 0 0 15px;
	font-size:13px;
	color:#FFFFFF;
}


 .mybox_p{
	width:358px;
	height:auto;
	line-height:1.5em;
	margin:0;
	padding:10px;
	border-left:1px solid #ff6ba3;
	border-right:1px solid #ff6ba3;
	border-bottom:1px solid #ff6ba3;
}
 .mybox_g{
	width:358px;
	height:auto;
	line-height:1.5em;
	margin:0;
	padding:10px;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

.mybox_p ul, .mybox_g ul{
	list-style-type:none;
	margin:0;
	padding:0 0 0 15px;
}

.mybox_g dl{
	margin:0;
	padding:0;
}
.mybox_g dt{
	width:343px;
	margin:0;
	padding:6px 0 3px 0;
}
.beginidx{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.mybox_g dd{
	width:343px;
	margin:0;
	padding:6px 0 3px 15px;
	background:transparent url(/img/ico_arw02.gif) no-repeat scroll 0 11px;
}

#link_gachatop{
	width:960px;
	height:55px;
	font-size:80%;
}

#charagacha{
	float:left;
	width:740px;
	height:auto;
	margin-right:20px;
}

#charagacha form{
	margin:0;
}

.gacha_box{
	width:698px;
	background:#fff;
	padding:10px 20px;
	border-right:1px solid #FF6BA3;
    border-left:1px solid #FF6BA3;
	border-bottom:1px solid #FF6BA3;
	text-align:left;
	line-height:1.4em;
}

.ikkai_bg{
	float:left;
	width:250px;
	height:180px;
	margin:10px 20px;
	background:url(/img/mypage/gacha_points_bg.gif) no-repeat;
}

.pointsamount{
	width:150px;
	text-align:right;
	font-size:35px;
	font-weight:bold;
	padding:42px 100px 3px 0;
	color:#FF6BA3;
}

.dogacha{
	text-align:center;
	height:25px;
	margin-top:50px;
}

.keihin{
	float:left;
	width:228px;
	height:auto;
	padding:10px 0;
}

.keihin h2{
	font-size:16px;
	height:30px;
	text-align:left;
	color:#FF6BA3;
	padding:0 0 0 10px;
}

.keihin ul{
	margin:0;
	padding:0 0 0 30px;
}
.keihin li{
	list-style-image:url(/img/ico_arw02.gif);
	margin:3px 0;
}


.gacha_right{
	width:178px;
	height:auto;
	padding:10px;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

.gacha_right dt{
	width:163px;
	background:url(/img/ico_arw02.gif) no-repeat 0 4px;
	padding-left:15px;
	margin:10px 0 5px 0;
}

.gacha_right dd{
	width:163px;
	padding:0 0 0 15px;
	margin:0 0 15px 0;
	font-size:15px;
	font-weight:bold;
	color:#ff6ba3;
}


/*---------------------------------連れキャラ----------------------------------------*/
#ch_icons1{
	width:780px;
	margin:0 auto;
	padding:15px 0 0 20px;
	text-align:left;
}

#ch_icons2{
	width:700px;
	height:430px;
	margin:0 auto 20px auto;
	padding:20px;
	text-align:left;
	border:1px solid #ff6c99;
}

.ch_explain{
	width:330px;
	height:160px;
	line-height:1.4em;
	color:#FFFFFF;
}

#ch_btm a{
	margin-top:4px;
	margin-left:368px;
	display:block;
	width:184px;
	height:37px;
	background:url(/img/mypage/but_partner.jpg) no-repeat;
}
#ch_btm a:hover{
	margin-top:4px;
	margin-left:368px;
	display:block;
	width:184px;
	height:37px;
	background:url(/img/mypage/but_partner_on.jpg) no-repeat;
}


.kaisetsu a{
	display:block;
	width:97px;
	height:27px;
	background:url(/img/mypage/but_kaisetsu01.jpg) no-repeat;
 }
.kaisetsu a:hover{
	background:url(/img/mypage/but_kaisetsu_on01.jpg) no-repeat;
 }
 
#but_upper{
	float:left;
	margin:0 0 0 25px;
	padding:0;
}

#linkpart{
	height:200px;
	width:600px;
	margin:0 auto;
	padding:15px 0 0 0;
}

#partsrule{
	width:600px;
	margin:15px auto 0 auto;
}

#partsrule ul{
	padding:0 0 0 20px;
}
#partsrule ul li{
	margin-bottom:5px;
	padding:0;
}


#fl_lef{
 float:left;
 }

#but_linkpart a{
 display:block;
 width:184px;
 height:37px;
 background:url(/img/mypage/but_partner.jpg) no-repeat;
 margin-left:20px;
 float:left;
 }
#but_linkpart a:hover{
 background:url(/img/mypage/but_partner_on.jpg) no-repeat;
 }
 
#tsure_url{
 height:20px;
 width:400px;
 margin:5px 0 20px 0;
 float:left;
 }
#doro_code{
 margin:5px 0 0 0 ;
 height:80px;
 width:400px;
}

 
.pet_icon{
 width:140px;
 height:270px;
 float:left;
 margin:0 20px 0 0;
 padding:0;
 }

 
.pet_icon_cs{
 width:140px;
 height:220px;
 float:left;
 margin:0 20px 0 0;
 padding:0;
 }
 
.pet_icon2{
 width:140px;
 height:183px;
 float:left;
 margin:0 20px 0 0;
 padding:0;
 }
 
a#sentaku{
 display:block;
 height:26px;
 width:56px;
 background:url(/img/mypage/btn_slct_up.jpg) no-repeat;
 margin:185px auto 0 auto;
 }
a#sentaku:hover{
 display:block;
 height:26px;
 width:56px;
 background:url(/img/mypage/btn_slct_ov.jpg) no-repeat;
 margin:185px auto 0 auto;
 }
.pet_icon ul{
 height:40px;
 width:114px;
 margin:3px auto 0 auto;
 padding:0;
 color:#666;
 list-style-type:none;
 /*background:url(/img/mypage/name_level.jpg) no-repeat;*/
 }
.pet_icon li{
	height:12px;
 padding-top:4px;
 margin-left:54px;
 }
.pet_icon2 ul{
 height:40px;
 width:114px;
 margin:182px auto 0 auto;
 padding:0;
 color:#FFFFFF;
 list-style-type:none;
 background:url(/img/mypage/name_level2.jpg) no-repeat;
 }
.pet_icon2 li{
 padding-top:2px;
 margin-left:54px;
 }

#omiu {
	background:url(/img/mypage/iconbg_omiu.jpg) no-repeat;
 }
#doroc{
	background:url(/img/mypage/iconbg_doro.jpg) no-repeat;
 }
#lop{
	background:url(/img/mypage/iconbg_lop.jpg) no-repeat;
 }
#anko{
	background:url(/img/mypage/iconbg_anko.jpg) no-repeat;
}
#rishio{
	background:url(/img/mypage/iconbg_rishio.jpg) no-repeat;
}
#madeno{
	background:url(/img/mypage/iconbg_madeno.jpg) no-repeat;
}

#x{
 background:url(/img/mypage/iconbg_x.jpg) no-repeat;
 }
.iconspace{
 height:47px;
 width:44px;
 margin:0 auto;
 }
 
 

#linkpart_bg{
 width:785px;
 height:600px;
 background:url(/img/mypage/linkpart_bg.jpg) no-repeat;
 margin:0;
 padding:0 0 0 15px;
 font-size:13px;
 text-align:left;
 color:#FFFFFF;
 }
#linkpart_bg #ch_upper{
 width:360px;
 height:200px;
 margin:0;
 padding:108px 0 0 38px;
 float:left;
}
#linkpart_bg #ch_lower{
 width:600px;
 margin:0 auto;
 padding:70px 0 0 0;
 clear:both;
}
#linkpart_bg #ch_lower ul{
 margin:10px 0 0 53px;
 padding:0;
 }
#linkpart_bg form{
 margin:31px 0 0 320px;
 }
#linkpart_bg form input#but_kakunin{
 margin-left:15px;
/*
 background:url(/img/mypage/but_kakunin.jpg) no-repeat;
 height:37px;
 width:58px;
 text-indent:-9999px;
 border:0;
*/
 }

#ch_upper dl{ margin:5px 0 0 0; padding:0; }
dt#dorohoyuji{
 height:20px;
 width:135px;
 text-indent:-9999px;
 background:url(/img/mypage/dorohyouji.gif) no-repeat;
 }
dt#linktouroku{
 height:20px;
 width:178px;
 text-indent:-9999px;
 background:url(/img/mypage/linktouroku.gif) no-repeat;
 margin-top:5px;
 }
#linkpart_bg #ch_upper dd{
 margin:0;
 padding:0 0 0 20px;
 }


#setteihenko ul{
	margin:0;
	padding:0;
}
#setteihenko li{
	clear:both;
	height:20px;
	background:url(/img/ico_arw_p.gif) no-repeat left;
	padding:0 0 0 15px;
	margin:0 0 8px 0;
}


#sonota ul{
	margin:0;
	padding:0;
}
#sonota li{
	padding:6px 0 3px 15px;
	background:transparent url(/img/ico_arw02.gif) no-repeat left;
}


#ktaitoroku ul{
	margin:0;
	padding:0;
}
#ktaitoroku li{
	padding:6px 0 3px 15px;
	background:transparent url(/img/ico_arw02.gif) no-repeat left;
}