/*
 * 小さな微修正・更新に関してはそのままで大丈夫ですが、
 * 大きなレイアウト変更、要素の追加を行い
 * CSSの内容が大幅に変更になった場合は、ファイル名を最新の日付に更新してください
 */

@charset "UTF-8";
/*--------------------------------------------------
for campaign
$Id$
--------------------------------------------------*/
/*TOC===============================================
set
layout
contents
==================================================*/

/*set
--------------------------------------------*/
html{font-size:12px !important;*font-size:75% !important;/*forIE6IE7*/}
body{color:#666;background-color:#fff;word-break:break-all;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.2;text-align:center;}
img{border:0;vertical-align:bottom;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;text-align:left;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
ul,li{list-style-type:none;margin:0;padding:0;}
img{border:0;}
h1,p{margin:0;padding:0;}
ul,li{margin:0;padding:0;list-style-type:none;}
hr{display:none;}

body {
background-color:#fff;
}
#subBody {
background-color:#eee;
}
#frame{
	width:1000px;
	margin:0 auto;
	padding:0;
	background:#fff;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
#footerArea {margin:0 0 0 0;}

/* hide */
ul#link li.n02 a,
ul#link li.n03 a,
h1,
#startBox #registBox span.registStep,
#startBox #createBox span.createStep,
#startBox #registBox p a.btn,
#startBox #createBox p a.btn,
#startBox #playBox p a.btn,
#bannerArea a.bnr,
#about #coordination h4,
#about #goout h4,
#about #cominucation h4,
#game h4,
#tweetArea h4,
#startBox2 #registBox2 p a.btn,
#startBox2 #createBox2 p a.btn,
#startBox2 #piggnews p a.btn
{ display:block; text-indent:-9999px; overflow:hidden; min-height:1px;}
/* none */
#frame h2,
#startBox #registBox h3,
#startBox #createBox h3,
#startBox #playBox h3,
#about #goout p,
#about #cominucation p
{
position:absolute;
width:0;
height:0;
overflow:hidden;
margin:0;
padding:0;
}

/*headerArea
--------------------------------------------*/
#headerArea{
	background:#000 url(https://ssl.ameba.jp/pigg/logintop/img/bg_head.gif) 0 0 repeat;
	border:3px solid #000
}
#headerArea .header_in{
	width:960px;
	height:57px;
	margin:0 auto;
	padding:5px 0 4px;
	color:#ccc;
}
#LoginBox{
	clear: both;
}
h1{
	float:left;
	width:290px;
	height:57px;
	background:url(https://ssl.ameba.jp/pigg/logintop/img/amebapigg_logo.png) 0 center no-repeat;
}
#userInput {
	float:right;
width:675px;
height:39px;
padding:0 1px 5px 0;
}
#userInput div{float:left;}
.error{
	display: block;
	margin: 0 0 0 0;
}
#index #userInput span.error{
display:block;
width:200px;
padding:20px 5px 0 0;
font-size:10px;
color:#ffff00;
text-align: right;
line-height:1.2;
}
#userInput #amebaId,
#userInput #pwd{
width:175px;
padding:0 20px 0 0;
}
* html #userInput #amebaId,
* html #userInput #pwd{width:171px;}/*forIE6*/

#userInput #amebaId input,
#userInput #pwd input{
width:100%;
height:20px;
}
#btnLogin {
width:80px;
height:24px;
margin:14px 0 0 0;
}
ul#link{ float:right;
	width:470px;
	padding:0 0 0 205px;
	font-size:10px;
	}
ul#link li{
	float:left;
	width:190px;
	padding:0 5px 0 0;
	}
ul#link li.n02{
	width:164px;
	padding:3px 18px 0 0;
	}
ul#link li.n03{
	width:92px;
	padding:3px 0 0 0;
	}

ul#link li.n02 a,
ul#link li.n03 a{
	background:url(https://ssl.ameba.jp/pigg/logintop/img/btn_header_link.gif) left top no-repeat;
	color:#ccc;
}
ul#link li.n02 a{
	width:164px; height: 12px;
	background:url(https://ssl.ameba.jp/pigg/logintop/img/btn_header_link.gif) left top no-repeat;
	}
ul#link li.n03 a{
	width:92px; height: 12px;
	background:url(https://ssl.ameba.jp/pigg/logintop/img/btn_header_link.gif) right top no-repeat;
	}
ul#link li.n02 a:hover{
	background-position: left bottom;
	}
ul#link li.n03 a:hover{
	width:92px;
	background-position: right bottom;
	}

#asLogin {
	float:right;
	width:666px;
	height:50px;
	padding:3px 1px 0px 0px;
}

#asLogin div{float:left;}

#asLogin a.btn {
	width: 256px;
    height: 50px;
    display: block;
    background: url(https://ssl.ameba.jp/pigg/logintop/img/btn_aslogin.png) no-repeat left top;
    text-indent: -9999px;
    margin-left: 410px;
}

#asLogin a.btn:hover {
    background: url(https://ssl.ameba.jp/pigg/logintop/img/btn_aslogin.png) no-repeat left bottom;
}

#index #asLogin span.error{
display:block;
width:200px;
padding:20px 15px 0 0;
font-size:10px;
color:#ffff00;
text-align: right;
line-height:1.2;
}

/*header
--------------------------------------------*/
#header{
	/*background: url(https://ssl.ameba.jp/pigg/logintop/img/bg_130604.jpg) 0 0 no-repeat;*?
	/*event*/
	background: url(https://ssl.ameba.jp/pigg/logintop/img/bg_150728.png) 0 0 no-repeat;
	position:relative;
	height:362px;
}
#startBox{
	position: absolute;
	right: 59px;
	top: 89px;
	padding: 21px;
	background: url(https://ssl.ameba.jp/pigg/logintop/img/bg_loginBox_150203.png) 0 0 no-repeat;
}
#startBox #registBox p a.btn,
#startBox #createBox p a.btn{
	/*
	background:transparent url(https://ssl.ameba.jp/pigg/logintop/img/btn_start02.png) no-repeat 0 0;
	width:216px;
	height:215px;
	*/
	/*event*/
	background:transparent url(https://ssl.ameba.jp/pigg/logintop/img/btn_regist05.png) no-repeat 0 0;
	width:220px;
	height:88px;
}
#startBox #playBox p a.btn{
	background:transparent url(https://ssl.ameba.jp/pigg/logintop/img/btn_start03.png) no-repeat 0 0;
	width:220px;
	height:60px;
}
#startBox #playBox{
	padding: 14px 0 0;
}
#startBox #registBox p a.btn:hover,
#startBox #createBox p a.btn:hover,
#startBox #playBox p a.btn:hover{
	background-position:left bottom;
}
/*about
--------------------------------------------*/
#about{
	width:960px;
	margin:0 auto 0;
	padding-bottom:20px;
	clear: both;
}
#about #coordination,
#about #goout,
#about #cominucation{
	background:url(https://ssl.ameba.jp/pigg/logintop/img/bg_about_in.gif) 0 bottom no-repeat;
	width:310px;
	height:246px;
	float: left;
	text-align: center;
	padding-right: 15px;
}
#about #cominucation{
	padding-right: 0;
}
#about #coordination h4,
#about #goout h4,
#about #cominucation h4{
	background:url(https://ssl.ameba.jp/pigg/logintop/img/h4_coordination03.gif) 0 0 no-repeat;
	height:48px;
}
#about #goout h4{background-image:url(https://ssl.ameba.jp/pigg/logintop/img/h4_goout03.gif);}
#about #cominucation h4{background-image:url(https://ssl.ameba.jp/pigg/logintop/img/h4_cominucation03.gif);}

/* slideshow */
#slideshow{
	width:290px;
	height:190px;
	position:relative;
	padding-left: 10px;
}
#imgBox{
	position: absolute;
	left: 30px;	top: 31px;
	width:250px;
	height:152px;
	overflow:hidden;
}
#carouselInner li.column{
	display:block;
	float:left;
	width:250px;
	height:152px;
}
#ssNav{
	position: absolute;
	background: url(https://ssl.ameba.jp/pigg/logintop/img/bg_coordination02.png) 0 0 no-repeat;
	width:290px;
	height: 190px;
	min-height: 1px;
	clear: both;
}
#ssNav li{
	display:block;
	position:absolute;
	left:28px; top:94px;
}
#ssNav #btnNext{
	left:240px; top:94px;
}
#ssNav #btnPrev a,
#ssNav #btnNext a{
	display:block;
	overflow: hidden;
	text-indent: -9999px;
	height: 22px;
	width:22px;
	background: url(https://ssl.ameba.jp/pigg/logintop/img/btn_sl02.png) 0 0 no-repeat;
}
#ssNav #btnPrev a:hover{
	background-position:left bottom;
}
#ssNav #btnNext a{
	background-position:right top;
}
#ssNav #btnNext a:hover{
	background-position:right bottom;
}
/*piggInfo
--------------------------------------------*/
#piggInfo{
	width: 960px;
	margin: 0 auto 0;
	padding-bottom: 20px;
	clear: both;
}

.gameImg{
	padding:0 0 6px;
}
/*game
--------------------------------------------*/
#game{
	background:url(https://ssl.ameba.jp/pigg/logintop/img/game_bg.png) 0 bottom no-repeat;
	width:382px;
	margin:0 auto 0;
	padding-bottom:8px;
	overflow:hidden;
	float:left;
}
#game h4{
	background:url(https://ssl.ameba.jp/pigg/logintop/img/game_title.png) 0 0 no-repeat;
	height: 39px;
}
#game div{
	height: 246px;
	padding: 0 5px 0;
	overflow: hidden;
	clear:both;
}
#game img{
	float: left;
	margin:0 3px 0;
}
/*twitterArea
--------------------------------------------*/
#tweetArea{
	background:url(https://ssl.ameba.jp/pigg/logintop/img/tweet_bg.png) 0 bottom no-repeat;
	width:563px;
	float:right;
	margin:0 0 0 15px;
	overflow:hidden;
}
#tweetArea h4{
	background:url(https://ssl.ameba.jp/pigg/logintop/img/tweet_title.png) 0 0 no-repeat;
	height: 39px;
}
#conNewTweet h5{
	width:256px;
	height:16px;
	margin:0 0 4px;
	padding: 2px 0 0 10px;
	background-color:#EBEBEB;
	font-size: 13px;
	font-weight: bold;
	color:#666666;
	border: 0;
	border-radius: 10px;
}
.twitter-timeline{
	height: 226px;
}
.timeline-footer{
	display:none;
}
.user,.staff{
	width: 266px;
	height: 248px;
	overflow: hidden;
}
.user{
	float: left;
	margin: 0 0 6px 8px;
}
.staff{
	float: right;
	margin: 0 8px 6px 0;
}
/*startBox2
--------------------------------------------*/
#startBox2{
	background:transparent url(https://ssl.ameba.jp/pigg/logintop/img/bg_startbox_150203.png) no-repeat center bottom;
	height:90px;
	padding: 19px 0 0;
	clear:both;
}
#startBox2 #registBox2 p a.btn,
#startBox2 #createBox2 p a.btn,
#startBox2 #piggnews p a.btn{
	background:transparent url(https://ssl.ameba.jp/pigg/logintop/img/btn_regist04.png) no-repeat 0 0;
	width:428px;
	height:66px;
	margin: 0 auto 0;
}
#startBox2 #createBox2 p a.btn{
	background-image:url(https://ssl.ameba.jp/pigg/logintop/img/btn_create03.png);
}
#startBox2 #piggnews p a.btn{
	background-image:url(https://ssl.ameba.jp/pigg/logintop/img/btn_piggstaffblog_170303.png);
	width:420px;
	height:60px;
	margin: 0 auto 0;
}
#startBox2 #registBox2 p a.btn:hover,
#startBox2 #createBox2 p a.btn:hover,
#startBox2 #piggnews p a.btn:hover{
	background-position:left bottom;
}
#startBox2 #registBox2,
#startBox2 #createBox2{display: none;}

/*bannerArea
--------------------------------------------*/
#bannerArea{
	margin-bottom: 22px;
}
#bannerArea p {
	text-align: center;
}
/*attentionArea
--------------------------------------------*/
#attentionArea{
	width:960px;
	margin: 0 auto 20px;
	background:transparent url(https://ssl.ameba.jp/pigg/logintop/img/attention_box_btm.png) no-repeat left bottom;
}

#attentionArea span{
	display:block;
	padding: 10px 20px 10px 20px;
	background:transparent url(https://ssl.ameba.jp/pigg/logintop/img/attention_box.png) no-repeat left top;
}

#attentionArea span a{
	display:block;
	width: 28em;
	height:15px;
	margin: 0 auto 0;
	padding: 0 0 0 20px;
	text-decoration: underline;
	background:transparent url(https://ssl.ameba.jp/pigg/logintop/img/icon_attention.png) no-repeat 0 0;
}

/*popup
--------------------------------------------*/
#popup {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(https://ssl.ameba.jp/pigg/logintop/img/as_block.png) repeat;
	z-index: 100;
}

#popup #popupheader {
	overflow:auto;
	display:box;
	width:347px;
	background: url(https://ssl.ameba.jp/pigg/logintop/img/as_popup_header.png) no-repeat;
	margin: 0 auto;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-142px;
	margin-left:-174px;
	padding: 22px 0 0 0;
}

#popup #popupfooter {
	background: url(https://ssl.ameba.jp/pigg/logintop/img/as_popup_footer.png) no-repeat center bottom;
	padding-bottom:13px;
}

#popup #popupbg {
	background: url(https://ssl.ameba.jp/pigg/logintop/img/as_popup_bg.png) repeat-y;
}

#popup h2 {
	display:block;
	width: 220px;
	height: 36px;
	margin: 0 auto 0;
	background: url(https://ssl.ameba.jp/pigg/logintop/img/as_popup_title.gif) no-repeat center top;
	text-indent:-9999px;
}

#popup #description {
	display:block;
	width: 137px;
	height: 30px;
	margin: 9px auto 0;
	background: url(https://ssl.ameba.jp/pigg/logintop/img/as_popup_description.gif) no-repeat center top;
	text-indent:-9999px;
}

#popup #goto a{
	display:block;
	width:181px;
	height:44px;
	margin:20px auto 0;
	background: transparent url(https://ssl.ameba.jp/pigg/logintop/img/as_popup_goto_pigg_over.png) no-repeat scroll center top;
}

#popup #goto a:hover{
	display:block;
	width:181px;
	height:44px;
	margin:20px auto 0;
}

#popup #goto a:hover img {
	visibility: hidden;
}

#popup #detail {
	margin:20px auto 0;
	font-size:11px;
	margin-bottom:10px;
	text-align: center;
}