@charset "utf-8";

/*******************************************************************
　ポップアップ
/*******************************************************************
/* popup background */

/* newpopupsize */
#pop-300-400 #popup .ttl-lay h2, #pop-400-500 #popup .ttl-lay h2,#popup-window .ttl-lay h2 {
	padding: 3px 0;
	background: #9fb7d4;
	text-align: center;
	color: #fff;
	margin: 0 0 10px 0;
}
#pop-300-400 #popup .ttl2-lay h2, #pop-400-500 #popup .ttl2-lay h2 {
	padding: 3px 0;
	background: #9fb7d4 !important;
	text-align: center;
	color: #fff;
	margin: 0 0 10px 0;
}

#pop-600-370 #popup .ttl-lay h3, #pop-600-500 #popup .ttl-lay h3, #pop-600-470 #popup .ttl-lay h3, #pop-300-400 #popup .ttl-lay h3, #pop-400-500 #popup .ttl-lay h3 {
	padding: 3px 0;
	background: #9fb7d4;
	text-align: center;
	color: #fff;
	margin: 0 0 10px 0;
}

#pop-600-370 #popup .ttl2-lay h3, #pop-600-500 #popup .ttl2-lay h3, #pop-600-470 #popup .ttl2-lay h3, #pop-300-400 #popup .ttl2-lay h3, #pop-400-500 #popup .ttl2-lay h3 {
	padding: 3px 0;
	background: #9fb7d4 !important;
	text-align: center;
	color: #fff;
	margin: 0 0 10px 0;
}

/* ava */
#pop-600-370 {
	background: url(/static/img/pop_620_390.png) top left no-repeat;
	padding: 10px;
	width: 600px;
	height: 370px;
}
#pop-600-370 #popup {
	width: 585px;
	height: 335px;
}
#pop-600-370 #popup .scroll-lay {
	width: 570px;
	height: 325px;
	overflow: auto;
	z-index: 1;
	position: relative;
	margin: 10px 15px 0 0;
}

/* gold */
#pop-600-500 {
	background: url(/static/img/pop_620_520.png) top left no-repeat;
	padding: 10px;
}

#pop-600-500 #popup {
	width: 585px;
	height: 465px;
}
#pop-600-500 #popup .scroll-lay {
	width: 570px;
	height: 455px;
	overflow: auto;
	z-index: 1;
	position: relative;
	margin: 10px 15px 0 0;
}

/* coin */
#pop-600-470 {
	background: url(/static/img/pop_620_490.png) top left no-repeat;
	padding: 10px;
}
#pop-600-470 #popup {
	width: 585px;
	height: 435px;
}
#pop-600-470 #popup .scroll-lay {
	width: 570px;
	height: 425px;
	overflow: auto;
	z-index: 1;
	position: relative;
	margin: 10px 15px 0 0;
}

/* group */
#pop-300-400 {
	background: url(/static/img/pop_320_420.png) top left no-repeat;
	padding: 10px;
}
#pop-300-400 #popup {
	width: 285px;
	height: 345px;
}
#pop-300-400 #popup .scroll-lay {
	width: 270px;
	height: 335px;
	overflow: auto;
	z-index: 1;
	position: relative;
	margin: 10px 15px 0 0;
}


/*popup 友達申請 famous*/
#popup-friendaplly .lv1-lay, #popup-friendgroup .lv1-lay {
	margin: 0 0 10px 0;
	text-align: left;
}
#popup-friendaplly .lv1-lay .txt-lay, #popup-friendgroup .lv1-lay .txt-lay {
	margin-bottom: 10px;
}
#popup-friendaplly .table1-lay, #popup-friendgroup .table1-lay {
	width: 99% !important;
}
#popup-friendaplly .table1-lay table th, #popup-friendgroup .table1-lay table th {
	width: 25%;
	vertical-align: middle;
	background:#ecf0fc;
}
#popup-friendaplly .table1-lay table td, #popup-friendgroup .table1-lay table td {
	width: 74%;
	padding: 10px;
	vertical-align: middle;
	text-align: left;
}
#popup-friendaplly .bt, #popup-friendgroup .bt {
	margin: 0 auto;
}
#popup-friendaplly .table1-lay .td1-lay p {
	margin: 10px 0 0;
}

/* popup-bg, minimail-bg, fmark1-bg, friapply-bg, friend-bg, blacklist-bg, bbsmessage-bg, ashiato-bg */
#pop-400-500 {
	background: url(/static/img/pop_420_520.png) top left no-repeat;
	padding: 10px;
}
#pop-400-500 #popup {
	width: 385px;
	height: 445px;
}
#pop-400-500 #popup .scroll-lay {
	width: 370px;
	height: 435px;
	overflow: auto;
	z-index: 1;
	position: relative;
	margin: 10px 15px 0 0;
}
#pop-400-500 #popup .inppop-textarea-lay {
	width:240px;
	height: 90px;
}


#pop-500-500 {
	background: url(/static/img/pop_520_520.png) top left no-repeat;
	padding: 10px;
}
#pop-500-500 #popup {
	width: 485px;
	height: 445px;
}
#pop-500-500 #popup .scroll-lay {
	width: 470px;
	height: 435px;
	overflow: auto;
	z-index: 1;
	position: relative;
	margin: 10px 15px 0 0;
}

/* login bonus 645x550 */
#pop-625-530 {
	background: url(/static/img/pop_645_550.png) top left no-repeat;
	padding: 10px;
}
#pop-625-530 #popup {
	width: 610px;
	height: 475px;
}
#pop-625-530 #popup .scroll-lay {
	width: 595px;
	height: 465px;
	overflow: auto;
	z-index: 1;
	position: relative;
	margin: 10px 15px 0 0;
}




.bg420 {
	background: url(/static/img/pop_420_520.png) no-repeat 0 0;
}
	
.bg620 {
	background: url(/static/img/pop_620_400.png) no-repeat 0 0;
}

div.black-lay ul {
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	background: url(/static/img/mypage_dot.gif) #fff repeat;
	border: 1px solid #9fb7d4;
}

div.black-lay ul li {
	text-align: center;
}

#popup-window {
	width: 95%;
	margin: 10px auto;
	text-align: left;
}

/*友達申請時のニックネームの色*/
span.nick {
	color: #f60 !important;
}

/* アイコンbaseスタイル */
.sprite-base {
    background: url(/static/img/icon_base.gif?v=2) no-repeat;
    margin:0 5px 0 0;
    overflow:hidden;
    display: block;
    float: left;
    padding: 0;
    zoom:1;
}

/*リロードアイコン*/
.ico-reload{
	background: url(/static/img/btn_base.gif?v=7) no-repeat -477px -1100px;
	display: block;
	float: left;
	width: 16px;
	height: 16px;
}
.ico-reloadadjust-lay {
	line-height: 1;
	text-indent: -9999px;
	overflow: hidden;
	margin: 1px 0 0 5px;
	overflow: hidden;
}
#diary .ico-reloadadjust-lay {
	/margin:2px 0 0 5px;
}
#fmark .ico-reloadadjust-lay {
	margin: 5px 0 0 5px;
}

/*ヘルプアイコン*/
.ico-helplink{
	background: url(/static/img/btn_base.gif?v=7) no-repeat -460px -968px;
	display: block;
	width: 16px;
	height: 16px;
}

.ico-helplinkadjust-lay{
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	margin: 1px 0 0 5px;
}

.ico-helplink-vip{
	background: url(/static/img/btn_base.gif?v=7) no-repeat -476px -968px;
	display: block;
	width: 16px;
	height: 16px;
}

/* メッセージ編集アイコン */
.ico-dcomment-o{
  display:block;
  width: 21px ;
  height: 17px;
  background-position: -246px 0;
}

/*仲良しマーク*/
span.relation1-lay {
	display: inline;
	color: #f90;
}
span.relation2-lay {
	display: inline;
	color: #dc143c;
}
span.relation3-lay {
	display: inline;
	color: #008000;
}
.relation1-lay img,.relation2-lay img,.relation3-lay img,{
	vertical-align: middle;
	margin-right: 0px;
	display: inline;
	border: none;
}
span.icon-base {
	background: url(/static/img/icon_emoji.png) no-repeat;
	display: inline-block;
	display: -moz-inline-box;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	line-height: 100%;
	text-indent: -9999px;
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0;
}
span.icon-heart {
	background-position: 0 0;
}
span.icon-leaf {
	background-position: 0 -20px;
}
span.icon-star {
	background-position: 0 -40px;
}