@charset "UTF-8";
/*--------------------------------------------------
for content pigg LP import
$Id: i_org.css,v 1.3 2010/03/19 09:53:03 takasugi_momoko Exp $
--------------------------------------------------*/
/*common layout*/
@import "http://stat100.ameba.jp/common_style/css/common/common.css";
@import "http://stat100.ameba.jp/common_style/css/user/amebabar_static.css";

/*user common layout*/
@import "http://stat100.ameba.jp/common_style/css/user/user_common.css";

.hidden{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
	margin:0;
	padding:0;
}

.txt{
	text-align:center;
	margin-bottom:10px;
}

.tuiki{
	color:#F00;
}

/* ================================================================================ */
/*      body                                                                        */  
/* ================================================================================ */
body{
	background-color:#D67400;
}

#frameLine2{
	background:url(../img/bg_line2.png) center 7px repeat-y;
	position:relative;
}

#frameLine1{
	background:url(../img/bg_line1.png) center /*1222px*/ repeat-y;
	position:relative;
}

#frame{ /*bg星柄*/
	text-align:left;
	width: 1000px;
	margin:0 auto;
	font-size:1.7em;
	color:#00259F;
	background:url(../img/bg_ptn.png) repeat;
}

#contentframe{
	padding:0 0 200px 0;/*footerのイラストの高さ*/
	background:url(../img/footer.png) no-repeat center bottom;
}

#footerArea {
	margin:0;
}

/* ================================================================================ */
/*      header                                                                      */  
/* ================================================================================ */
#header{
	width:1000px;
	height:486px;
	margin:0 auto;
	padding:0;
	border:none;
	overflow:hidden;
}

#header h1{
	float:none;
}

#header ul.sosialBtnSet{
	position: relative;
	width:100%;
	margin-top:-475px;
	padding:0;
	text-align: right;
}

#header ul.sosialBtnSet li{
	float:right;
	margin:0 3px 0 0;
	padding:0;
	border:none;
	font-size:0;
}

#header ul.sosialBtnSet li:first-child{
	margin-right:10px;
}

#header ul.sosialBtnSet li:last-child{
	margin-right:0px;
}

#header p.join1{
	display: block;/*ブロックにしてmargin0 */
	margin:-128px auto 0;
	width:100%;
}

#header p.join1 a{
	width:352px;
	height:52px;
	border-width:4px;
	border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;
}

#header p.join1 a img{
	display:block;
	margin:5px auto 0;
}

/* ================================================================================ */
/*      conItem                                                                     */  
/* ================================================================================ */
#conItem{
	width:1000px;
	margin:0 auto;
	padding:0 0 22px 0;/*con_ftのサイズ*/
	background:url(../img/con_ft.png) no-repeat center bottom;
}

#contentframe #conItem h2 img{
	width:1000px;
	height:83px;
	display:block;
	margin:0 auto;
}

#conItem .main{
	position:relative;
	width:886px;/*for ie6*/
	height:286px;
	margin:0 auto;
	background: url(../img/con_bg.png) repeat-y 0 0;
}

*#conItem .main ul{
	width:790px;
	height:285px;
	margin:0 auto;
}

*#conItem .main ul li{
	position:relative;
	float:left;
	width:275px;
	height:285px;
	padding-right:19px;
	overflow:hidden;
}

#conItem .main ul li.last{
	width:202px;
	padding-right:0;
}

#conItem .main ul li p.linkDetail{
	text-align:center;
	width:202px;
	position:absolute;
	color:#0098ff;
	left:0;
	top:260px;
	font-size:0.56em;
}

#conItem .main ul li p.linkDetail a{
	margin-left:15px;
	background: url(../img/arrow.png) right 5px center no-repeat;
	padding-right:11px;	
}

#conItem .main ul li p.linkDetail a:visited{
	color:#0098ff;
}

#conItem .main ul li p.linkDetail a:hover,a:active{
	background: url(../img/arrow2.png) right 5px center no-repeat;
	color:#f83465;
}

#contentframe #deco1{
	background:url(../img/deco_btnjoin2.png) no-repeat center;
	margin:23px auto;
}

#contentframe p.join2 a{
	width:352px;
	height:52px;
	border-width:4px;;
	-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;
}

#contentframe p.join2 a img{
	display:block;
	margin:5px auto 0;/*文字の位置*/
}

/* ================================================================================ */
/*      conGame                                                                     */  
/* ================================================================================ */
#conGame{
	width:886px;
	margin:0 auto;
	margin-bottom:10px;
	padding:0 0 22px 0;/*con_ftのサイズ*/
	background:url(../img/con_ft.png) no-repeat center bottom;
}

#conGame h2 img{
	width:886px;
	display:block;
	margin:0 auto;
}

#conGame .main{
	position:relative;
	width:886px;/*for ie6*/
	height:659px;/*宝石調整*/
	background:url(../img/con_bg.png) repeat-y 0 0;
}

#conGame .main ul{
	width:790px;
	height:310px;
	margin:0 auto;
}

#conGame .main ul li{
	float:left;
	width:252px;
	height:310px;
	padding-right:17px;
	overflow:hidden;
}

#conGame .main ul li.last{
	padding-right:0px;
}

/* btn */
#conGame .main ul.game1 li{
	display:inline;
}

#conGame .main ul.game1 li p.btnEvent{
	position:relative;
	top:-47px;
	width:190px;
	height:35px;
	margin:0 auto;
}

#conGame .main ul.game1 li p.btnEvent a{
	display:block;
	width:190px;
	height:35px;
}

/* btn画像指定 */
#conGame .main ul.game1 li p.btnEvent a{
	background:url(../img/btn_fishing.png) no-repeat center top;
}
#conGame .main ul.game1 li.casino p.btnEvent a{
	background:url(../img/btn_casino.png) no-repeat center top;
}
#conGame .main ul.game1 li.life p.btnEvent a{
	background:url(../img/btn_life.png) no-repeat center top;
}
#conGame .main ul.game1 li.island p.btnEvent a{
	background:url(../img/btn_island.png) no-repeat center top;
}
#conGame .main ul.game1 li.cafe p.btnEvent a{
	background:url(../img/btn_cafe.png) no-repeat center top;
}
#conGame .main ul.game1 li.world p.btnEvent a{
	background:url(../img/btn_world.png) no-repeat center top;
}

#conGame .main ul.game1 li p.btnEvent a:hover{
	background-position:center bottom;
}

#conGame .main ul.game1{
	padding-bottom:10px;
}

/* ================================================================================ */
/*      conSp                                                                       */  
/* ================================================================================ */
#conSp{
	width:886px;
	margin:0 auto;
	padding:0 0 22px 0;/*con_ftのサイズ*/
	background:url(../img/con_ft.png) no-repeat center bottom;
	margin-bottom:10px;
}

#conSp h2 img{
	width:886px;
	display:block;
	margin:0 auto;
}

#conSp .main{
	position:relative;
	width:886px;/*for ie6*/
	height:417px;
	background:url(../img/con_bg.png) repeat-y 0 0;
}

#conSp .main ul{
	width:790px;
	height:310px;
	margin:0 auto;
}

#conSp .main ul li{
	float:left;
	width:276px;
	height:285px;
	padding-right:18px;
	overflow:hidden;
}

#conSp .main ul li.last{
	width:202px;
	padding-right:0px;
}

#conSp .main p.qr{
	position:relative;
	top:-30px;
	width:790px;
	margin:0 auto;
}

#conSp .main p.qr img{
	width:792px;
	height:136px;
}

/* ================================================================================ */
/*      conPigg                                                                     */  
/* ================================================================================ */
#conPigg{
	width:886px;
	margin:0px auto;
	padding:0 0 22px 0;
	background:url(../img/con_ft.png) no-repeat center bottom;
}

#conPigg h2 img{
	display:block;
	margin:0 auto;
}

#conPigg .main{
	position:relative;
	background:url(../img/con_bg.png) repeat-y 0 20px;
}

#conPigg .main ul{
	width:790px;
	margin:0 auto;
	padding-right:10px;
	background:url(../img/conpigg_bg.png) no-repeat center bottom;
}

#conPigg .main ul li{
	width:251px;
	height:254px;
	padding-right:18px;
	float:left;
}

#conPigg .main ul li.last{
	padding-right:0px;
}

#contentframe p.free a{
	width:532px;
	height:72px;
	margin:23px auto;
	border-width:4px;
	-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;
}

#contentframe p.free a img{
	display:block;
	margin:13px auto 0;
}

#contentframe #deco2{
	background:url(../img/deco_btnfree.png) no-repeat center;
	margin:23px auto;
}

/* ================================================================================ */
/*      conCampaign                                                                 */  
/* ================================================================================ */

#conCampaign{
	width:790px;
	margin:0 auto;
	padding:0 0 18px 0;/*con_ftのサイズ*/
	background:url(../img/con2_ft.png) no-repeat center bottom;
}

#conCampaign h2 img{
	display:block;
	margin:0 auto;
}

#conCampaign .main{
	background-color:#c3db7f;
	/*border-radius:20px;*/
	background:url(../img/con2_bg.png) repeat-y 0 0;
}

#conCampaign .main ul.summary{
	width:790px;
	margin:0px 0 0 0;
	padding:20px 30px 2px;
	background:url(../img/concampaign_bg.png) no-repeat 600px 100px;
	font-size:0.7em;
	line-height:20px;
}

#conCampaign .main ul.summary li{
	margin:20px 0 0 0;
}

#conCampaign .main ul.summary li.term{
	margin:0;
}

#conCampaign .main ul.summary li h3{
	color:#007900;
	font-weight:bold;
	font-size:1.2em;
}

#conCampaign .main ul.summary li table tr td{
	line-height:18px;
}

#conCampaign .main ul.summary li table tr td.firstTd{
	width:240px;
}

/* ================================================================================ */
/*      btnpink共通                                                                 */  
/* ================================================================================ */
html > body p.blur a{
	display:block;
	position:relative;
	margin:0 auto;
	border-style:solid;
	border-color:#FF85A3;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
	background-color:#FF3366;
	behavior:url(../common/js/PIE.htc);
}

* html p.btnpink a {
	display:block;
	margin:0 auto;
	border-style:solid;
	border-color:#FF85A3;
	background-color:#FF3366;
}

p.btnpink a:hover {
	border-style:solid;
	border-color:#FF3366;
	background-color: #FF0040;
}

/* ================================================================================ */
/*      browser update                                                              */  
/* ================================================================================ */
#noticeUpdate{
	margin-bottom:15px;
	display:none;
}

#noticeUpdateClose{
	float:right;
	cursor:pointer;
	padding:10px;
}

#noticeUpdate p{
	padding:43px;
	background-color:#FFF9D4;
	font-weight:bold;
	font-size:1.2em;
}

#noticeUpdate span{
	background:url(http://stat.ameba.jp/common_style/img/common/icon/attention2.gif) no-repeat 0 -1px;
	padding-left:20px;
}

/* ================================================================================ */
/*      backTop                                                                     */  
/* ================================================================================ */
#backTop {
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:9999;
}
 
#backTop a {
	display:block;
	width:52px;
	height:52px;
	outline:none;
	background:transparent url(../img/btn_backtop.gif) no-repeat center center;
}

#backTop a:hover {
	background:transparent url(../img/btn_backtop_over.gif) no-repeat center center;
}

#backTop a span.backTopTxt {
	display:none;
}