@charset "utf-8";

/* shutoholi index
**************************************/
#shutoholi h3{
	margin-bottom:15px;
	margin-top:20px;
}

#shutoholi .layout_block{margin-bottom:30px;}

#shutoholi #index_left{
	width:480px;
	float:left;
	font-size:83%;
}
#shutoholi #index_left h4{margin-bottom:10px;}
#shutoholi #index_left strong{font-size:120%;}
#shutoholi #index_left #bn_campaign{text-align:center; margin-top:20px;}
#shutoholi #index_left #shutoholi_chara .img_left{width:130px; text-align:center; float:left;}
#shutoholi #index_left #shutoholi_campaign .img_left{width:130px; float:left;}
#shutoholi #index_left #shutoholi_chara p{margin-left:130px;}
#shutoholi #index_left #shutoholi_campaign p{margin-left:130px;}
#shutoholi h5{
	color:#4da635;
	font-weight:bold;
	margin-bottom:7px;
	font-size:120%;
	line-height:1.3em;
}

#shutoholi #index_right{
	width:462px;
	float:right;
	font-size: 75%;
}

/* tweet */
#shutoholi #tokyo100ct_tweet{border:solid 1px #073190; margin-bottom:10px;}
#shutoholi #shutoholi_tweet{border:solid 1px #4da635; margin-bottom:10px;}
#shutoholi #shutoholi_tweet #feed{height:280px; overflow-y:scroll; padding:10px;}
#shutoholi .comment .twitterLogo{width:105px; float:left;}
#shutoholi .comment p{margin-left:105px;}

/* past campaign */
#shutoholi #past_campign{margin-bottom:20px;}
#shutoholi #past_campign h4{margin-bottom:10px;}
#shutoholi #past_campign .campaign {
	padding: 15px 15px 0 15px;
	background-color:#ededed;
}
#shutoholi #past_campign .campaign:after {
	content: "";
	clear: both;
	display: block;
}
#shutoholi #past_campign .campaign {
	padding: 15px 15px 15px 15px;
}

/*################ Twitter キャンペーン用 ################*/
#shutoholi .timeline {
	/*float: left;*/
	position:relative;
	width: 460px;
	height: 280px;
	overflow: auto;
}

#shutoholi .timeline  ul {
	margin: 5px 5px 0;
	padding: 0;
}

#shutoholi .timeline ul li  {
	margin: 0 0 8px;
	zoom: 1;
	list-style: none;
}

#shutoholi .timeline ul li:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height:0;
}

#shutoholi .timeline  ul li p {
	margin: 0;
	padding: 0;
/*	font-size: 75%;*/
	line-height: 1.3;
}

#shutoholi .timeline  ul li .thumb {
	padding: 2px 0 0;
	width: 48px;
	float: left;
	clear: left;
}

#shutoholi .timeline  ul li .status {
	margin: 0 0 0 57px;
}

#shutoholi .timeline p.more {
	text-align: center;
}

#shutoholi .timeline p.more a {
	width: 200px;
	margin: 0 auto;
	padding: 5px 15px;
	color: #fff;
	display: block;
	font-weight: bold;
	background: #30b9eb;
}

#shutoholi .timeline p.more a:link,
#shutoholi .timeline p.more a:visited,
#shutoholi .timeline p.more a:hover,
#shutoholi .timeline p.more a:active {
	color: #fff;
	text-decoration: none;
}

#shutoholi .twitter .comment {
	clear: left;
	padding: 10px 0 0;
}

#shutoholi .twitter .comment .twitterLogo {
	float: left;
}

#shutoholi .twitter .comment p {
	margin: 0 0 0 93px;
	font-size: 75%;
	_height: 1%;
}

/*##############################################*/

/** clearfix **/
.clearfix{
	display: inline-table;
	min-height: 1%;
}

.clearfix:after{
	content:"";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* Hides from IE-mac ¥*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */