@charset "UTF-8";

/*	campaign
----------------------------------------------------*/
#camp_contents {
	height: auto;
	/*overflow: hidden;*/
}

#camp_main {
	background: url(../images/camp01_bg.jpg) left top;
	width: 1280px;
	margin: 0 auto;
	position:relative;
	text-align:center;
}
#camp_main li {
	display:inline;
}
#camp_main a:hover img.over {
	opacity:0.8; 
	filter:alpha(opacity=80);
}
#comment {
	position:relative;
}

/*	ranking
----------------------------------------------------*/
div#ff3catchranking {
	margin:0 auto;
	width:1000px;
	text-align:left;
	margin-top:20px;
  padding-bottom:5px;
	background:url(../images/camp_others_bottom.gif) left bottom no-repeat;
}
body.illusttheme div#ff3catchranking {
	background:url(../images/camp02_others_bottom.png) left bottom no-repeat;
}

div#ff3catchranking div.rank0{
  position: relative;
	background:url(../images/camp_rank_1st.gif) left top no-repeat;
}
body.illusttheme div#ff3catchranking div.rank0{
	background:url(../images/camp02_rank_1st.gif) left top no-repeat;
}

div#ff3catchranking div.rank1{
  position: relative;
	background:url(../images/camp_rank_1st.gif) left top no-repeat;
}
body.illusttheme div#ff3catchranking div.rank1{
	background:url(../images/camp02_rank_1st.gif) left top no-repeat;
}
div#ff3catchranking div.rank2{
  position: relative;
	background:url(../images/camp_rank_2nd.gif) left top no-repeat;
}
body.illusttheme div#ff3catchranking div.rank2{
	background:url(../images/camp02_rank_2nd.gif) left top no-repeat;
}
div#ff3catchranking div.rank3{
  position: relative;
	background:url(../images/camp_rank_3rd.gif) left top no-repeat;
}
body.illusttheme div#ff3catchranking div.rank3{
	background:url(../images/camp02_rank_3rd.gif) left top no-repeat;
}
div#ff3catchranking div.rank4{
  position: relative;
	background:url(../images/camp_rank_4th.gif) left top no-repeat;
}
body.illusttheme div#ff3catchranking div.rank4{
	background:url(../images/camp02_rank_4th.gif) left top no-repeat;
}
div#ff3catchranking div.rank5{
  position: relative;
	background:url(../images/camp_rank_5th.gif) left top no-repeat;
}
body.illusttheme div#ff3catchranking div.rank5{
	background:url(../images/camp02_rank_5th.gif) left top no-repeat;
}
div#ff3catchranking div.rank6{
  position: relative;
	background:url(../images/camp_rank_6th.gif) left top no-repeat;
}
body.illusttheme div#ff3catchranking div.rank6{
	background:url(../images/camp02_rank_6th.gif) left top no-repeat;
}
div#ff3catchranking div.rank7{
  position: relative;
	background:url(../images/camp_rank_7th.gif) left top no-repeat;
}
body.illusttheme div#ff3catchranking div.rank7{
	background:url(../images/camp02_rank_7th.gif) left top no-repeat;
}
div#ff3catchranking div.rank8{
  position: relative;
	background:url(../images/camp_rank_8th.gif) left top no-repeat;
}
body.illusttheme div#ff3catchranking div.rank8{
	background:url(../images/camp02_rank_8th.gif) left top no-repeat;
}
div#ff3catchranking div.rank9{
  position: relative;
	background:url(../images/camp_rank_9th.gif) left top no-repeat;
}
body.illusttheme div#ff3catchranking div.rank9{
	background:url(../images/camp02_rank_9th.gif) left top no-repeat;
}
div#ff3catchranking div.rank10{
  position: relative;
	background:url(../images/camp_rank_10th.gif) left top no-repeat;
}
body.illusttheme div#ff3catchranking div.rank10{
	background:url(../images/camp02_rank_10th.gif) left top no-repeat;
}

div#ff3catchranking div.rtcount{
  position: absolute;
  top:7px; left:5px;
	font-size:116%; line-height:1;
	font-weight:bold; 
	color:rgb(255,255,255); 
}

div#ff3catchranking div.icon{
  position: absolute;
  top:20px; left:131px;
}
div#ff3catchranking div.decisive div.icon{
  top:auto;
  bottom:12px; left:131px;
}

div#ff3catchranking div.text{
  position: relative;
  padding:24px 0 56px 201px;
	color:rgb(0,0,0); 
}
div#ff3catchranking div.decisive div.text{
  padding:24px 0 70px 130px;
}

div#ff3catchranking div.rank1 div.text{
	font-size:183%; line-height:1.45;
}
div#ff3catchranking div.rank2 div.text{
	font-size:150%; line-height:1.2;
}
div#ff3catchranking div.rank3 div.text{
	font-size:150%; line-height:1.2;
}
div#ff3catchranking div.rank4 div.text{
	font-size:125%; line-height:1.2;
}
div#ff3catchranking div.rank5 div.text{
	font-size:125%; line-height:1.2;
}
div#ff3catchranking div.rank6 div.text{
	font-size:125%; line-height:1.2;
}
div#ff3catchranking div.rank7 div.text{
	font-size:125%; line-height:1.2;
}
div#ff3catchranking div.rank8 div.text{
	font-size:125%; line-height:1.2;
}
div#ff3catchranking div.rank9 div.text{
	font-size:125%; line-height:1.2;
}
div#ff3catchranking div.rank10 div.text{
	font-size:125%; line-height:1.2;
}
div#ff3catchranking div.text span{
	font-weight:bold; 
	color:rgb(0,156,255); 
}
body.illusttheme div#ff3catchranking div.text span{
	color:rgb(5,196,185);
}

div#ff3catchranking div.screen_name{
  position: absolute;
  bottom:12px; left:190px;
	font-size:125%; line-height:48px;
	font-weight:bold; 
	color:rgb(0,156,255); 
  vertical-align:bottom;
}
body.illusttheme div#ff3catchranking div.screen_name{
	color:rgb(5,196,185);
}

div#ff3catchranking div.rtbtn{
  width:100px; height:24px;
  position: absolute;
  right:20px; bottom:15px;
  text-indent: -10000px;
	background:url(../images/btn_rtx.gif) left top no-repeat;
}
body.illusttheme div#ff3catchranking div.rtbtn{
	background:url(../images/btn_rtx.gif) left top no-repeat;
}

/*	end ranking
----------------------------------------------------*/

#comment {
	position:relative;
	margin-top:25px;
}
#comment .com_txt {
	position:absolute;
	top:32px;
	left:274px;
	width:628px;
	text-align:left;
}

#other div.o_ttl {
	background:url(../images/camp_others_tittle.png) left top no-repeat;
	width:1000px;
	height:100px;
	margin:0 auto;
}
body.illusttheme #other div.o_ttl {
	background:url(../images/camp02_others_tittle.png) left top no-repeat;
}
#other .o_bg {
	width:970px;
	background:url(../images/camp_others_bottom.gif) left bottom no-repeat;
	margin:0 auto; padding:0 10px 25px 20px;
	text-align:left;
}
body.illusttheme #other .o_bg {
	background:url(../images/camp02_others_bottom.png) left bottom no-repeat;
}
div#twitter_latest {
  position:relative;
  padding:0;
}
#other .o_block_l {
	background:url(../images/camp_line2.gif) right top repeat-y;
	width:410px;
	padding:0 40px 0 20px;
	float:left;
}
#other .o_block_r {
	width:410px;
	padding:0 40px 0 25px;
	float:right;
}
#other .line {
	background:url(../images/camp_line1.gif) left center repeat-x;
	height:51px;
}
.thum_img{
	float:left;
	width:70px;
	color:#009cff;
}
.rt_btn{
	text-align:right;
	padding-top:10px;
}
span.screen_name{
  font-weight:bold;
	color:#009cff;
}
body.illusttheme span.screen_name{
	color:rgb(5,196,185);
}

/* all tweets
----------------------------------------------------*/
#alltweet div.o_ttl {
	background:url(../images/camp_others_tittle.png) left top no-repeat;
	width:1000px;
	height:100px;
	margin:0 auto;
}
body.illusttheme #alltweet div.o_ttl {
	background:url(../images/camp02_others_tittle.png) left top no-repeat;
}
#alltweet .o_bg {
	width:970px;
	background:url(../images/camp_others_bottom.gif) left top no-repeat;
	margin:0 auto; padding:0 10px 25px 20px;
	text-align:left;
}
body.illusttheme #alltweet .o_bg {
	background:url(../images/camp02_others_bottom.png) left top no-repeat;
}
#alltweet .o_block_l {
	background:url(../images/camp_line2.gif) right top repeat-y;
	width:410px; height:100px;
  position:relative;
	padding:0 40px 0 20px;
	float:left;
}
#alltweet .o_block_r {
	width:410px; height:100px;
  position:relative;
	padding:0 40px 0 25px;
	float:right;
}
#alltweet .rt_btn {
  position:absolute;
  bottom:0; right:20px;
}
#alltweet .line {
	background:url(../images/camp_line1.gif) left center repeat-x;
	height:51px;
}
#alltweet div.o_list {
	width:970px; height:18px;
  position:relative;
	background:url(../images/camp_others_bottom.gif) left top no-repeat;
	margin:0 auto; padding:0 10px 25px 20px;
}
body.illusttheme #alltweet div.o_list {
	background:url(../images/camp02_others_bottom.png) left top no-repeat;
}
#alltweet div.o_list div.page {
  position:absolute;
  top:0; right:20px;
}
#alltweet div.o_list div.page a {
  display:block;
  width:18px; height:18px;
  margin:0 3px;
  text-align:center;
  font-weight:bold;
  float:left;
  color:rgb(0,156,255);
  text-decoration: none;
}
body.illusttheme #alltweet div.o_list div.page a {
  color:rgb(5,196,185);
}
#alltweet div.o_list div.page span {
  display:block;
  width:18px; height:18px;
  margin:0 3px;
  text-align:center;
  font-weight:bold;
  color:rgb(90,90,90);
  float:left;
}
#alltweet div.o_list div.order {
  position:absolute;
  top:0; left:20px;
}
#alltweet div.o_list div.order a {
  display:block;
  width:auto; height:18px;
  margin:0 3px;
  text-align:center;
  font-weight:bold;
  float:left;
  color:rgb(0,156,255);
  text-decoration: none;
}
body.illusttheme #alltweet div.o_list div.order a {
  color:rgb(5,196,185);
}
#alltweet div.o_list div.order span {
  display:block;
  width:auto; height:18px;
  margin:0 3px;
  text-align:center;
  font-weight:bold;
  color:rgb(90,90,90);
  float:left;
}
#alltweet div.o_bottom {
	background:url(../images/camp_others_bottom.gif) left bottom no-repeat;
}
body.illusttheme #alltweet div.o_bottom {
	background:url(../images/camp02_others_bottom.png) left bottom no-repeat;
}

/*	agreement
----------------------------------------------------*/
#agreementArea {
	width:890px;
}
#agreementArea dl{
	margin:30px 70px;
	line-height:1.67;
}

#agreementArea dt{
	font-size:133%;
	font-weight:bold;
	color:#FF0000;

}
#agreementArea dd{
	font-size:120%;
	padding-left:1.5em;
	text-indent:-1.5em;
}

span.color_red{
	color:#FF0000;
}
span.color_blue{
	color:#009cff;
}
span.color_green{
	color:#05c4b9;
}
span.color_black{
	color:333333;
}


.mT15 {
	margin-top:15px;
}
.mT24 {
	margin-top:24px;
}
.mT35 {
	margin-top:35px;
}
.mT30 {
	margin-top:30px;
}
.mT40 {
	margin-top:40px;
}
.mT50 {
	margin-top:50px;
}
.mR20{
	margin-right:16px;
}
.pB06{
	padding-bottom:6px;
}


/*	colorbox
----------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; } /* overflow:hidden; */
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

#cboxOverlay{
  background:#000;
}
#cboxTopLeft{
  width:15px; height:15px;
  background:url(../images/ph01_1.png) no-repeat 0 0;
}
#cboxTopCenter{
  width:auto; height:15px;
  background:url(../images/ph01_1.png) repeat-x 0 -30px;
}
#cboxTopRight{
  width:15px; height:15px;
  background:url(../images/ph01_1.png) no-repeat -15px 0;
}
#cboxMiddleLeft{
  width:15px; height:auto;
  background:url(../images/ph01_2.png) repeat-y -61px 0;
}
#cboxMiddleRight{
  width:15px; height:auto;
  background:url(../images/ph01_2.png) repeat-y -76px 0;
}
#cboxBottomLeft{
  width:15px; height:15px;
  background:url(../images/ph01_1.png) no-repeat 0 -15px;
}
#cboxBottomCenter{
  width:auto; height:15px;
  background:url(../images/ph01_1.png) repeat-x 0 -45px;
}
#cboxBottomRight{
  width:15px; height:15px;
  background:url(../images/ph01_1.png) no-repeat -15px -15px;
}
#cboxContent{
  background:rgb(255,255,255);
  overflow:hidden;
}
#cboxLoadingOverlay{
  background:url(../images/ph01_3.gif) no-repeat center center;
}
#cboxClose{
  display:block;
  width:61px; height:61px;
  position:absolute;
  top:-27px; right:-27px;
  font-size:1px; line-height:0;
  text-indent:-10000px;
  background:url(../images/ph01_2.png) no-repeat left top;
}

/*	左右navi
----------------------------------------------------*/
div#navitopbtn, div#navitopbtn2 {
  display:none;
  width:68px; height:68px;
  position: fixed;
  top:50%; right:10px;
  text-indent: -10000px;
  z-index:10;
  cursor:pointer;
}
div#navitopbtn {
  background:url(../images/btn_totop.png) no-repeat left top;
}
div#navitopbtn2 {
  background:url(../images/camp02_btn_totop.png) no-repeat left top;
}
div#navicontentsbtn {
  width:79px; height:229px;
  position: fixed;
  top:50%; left:0;
  z-index:10;
}
div#navicontentsbtn div.illusttheme{
  width:79px; height:114px;
  text-indent: -10000px;
  background:url(../images/btn_s_ill.png) no-repeat left top;
}
div#navicontentsbtn div.playsound{
  width:79px; height:115px;
  text-indent: -10000px;
  background:url(../images/btn_s_music.png) no-repeat left top;
}
div#navicontentsbtn div.catchcopy{
  width:79px; height:114px;
  text-indent: -10000px;
  background:url(../images/camp02_btn_s_copy.png) no-repeat left top;
}
div#navicontentsbtn div.playsound2{
  width:79px; height:115px;
  text-indent: -10000px;
  background:url(../images/camp02_btn_s_music.png) no-repeat left top;
}

/*----------------------------------------------------
		Clear
----------------------------------------------------*/
.cl { clear:both; }

/*---------- clearfix ----------*/
.clearfix { position:relative; zoom:1; }
.clearfix:after { content:""; display:block; clear:both; }