@charset "UTF-8";

/* ---------------------------------------------
	
	site: http://kukini.honolulumarathon.jp/;
	
	created: 2009-09-01;
	last-modified: 2011-09-20;

--------------------------------------------- */


/* css start ------------ */


/* --------------------------------------------------------------------
	HOME
-------------------------------------------------------------------- */

div#container div#siteBody {
	padding-top: 0;
	background: none;
}

div#siteBody div#main {
	float: left;
	width: 780px;
	padding: 15px 0 0;
}

div#siteBody div#sub {
	float: right;
	width: 206px;
	padding: 4px 0 0;
}



/* ---------------------------------------------
	main column
--------------------------------------------- */

/* swf area ------------ */

div#swfArea {
	width: 770px;
	margin: 0 0 0 4px;
}


/* contents navigation ------------ */

ul#contentsNav {
	padding: 7px 0 0;
}

ul#contentsNav li {
	float: left;
}



/* ---------------------------------------------
	sub column
--------------------------------------------- */

/* btn club kukini ------------ */

p#btnAboutKukini {
	position: relative;
	width: 228px;
	margin: 0 -16px 0 -6px;
}


/* btn club kukini information ------------ */

p#btnInformation {
	position: relative;
	width: 213px;
	margin: 0 -1px 0 -6px;
}


/* ustream ------------ */

div#ustreamArea {
	margin: 20px 0 0;
}


/* topics ------------ */

div#topicsArea {
	margin: 12px 0 20px;
/*	margin: 30px 0 0;*/
}




/* ---------------------------------------------
	Twitter
--------------------------------------------- */

div#twitterArea {
	width: 770px;
	height: 443px;
	margin: 13px 0 0 4px;
	padding: 0 0 20px;
	background: url(../images/home/twitter_bg.gif) no-repeat;
}

div#twitterArea h3 {
	padding: 13px 0 9px 205px;
}

div#twitterArea div#officialArea {
	float: left;
	width: 242px;
	height: 374px;
	margin-right: 10px;
	padding-left: 11px;
	background: url(../images/home/twitter_official_bg.gif) no-repeat right bottom;
}

div#twitterArea div#membersArea {
	float: left;
	width: 242px;
	height: 374px;
	margin-right: 10px;
	background: url(../images/home/twitter_members_bg.gif) no-repeat left bottom;
}

div#twitterArea div#honolulutterArea {
	float: left;
	width: 242px;
	height: 374px;
	background: url(../images/home/twitter_honolulutter_bg.gif) no-repeat left bottom;
}

div#twitterArea div#honolulutterArea div.section {
	display: none;
}

div#twitterArea div#honolulutterArea ul.tabs {
	height: 16px;
	padding: 6px 0 0;
}

div#twitterArea div#honolulutterArea ul.tabs li {
	float: left;
	font-size: 1px;
	text-indent: -9999px;
}

div#twitterArea div#honolulutterArea ul.tabs li a,
div#twitterArea div#honolulutterArea ul.tabs li.coming {
	outline: none;
	display: block;
	height: 16px;
	background: url(../images/home/twitter_honolulutter_tab.gif) no-repeat;
}
div#twitterArea div#honolulutterArea ul.tabs li.hash,
div#twitterArea div#honolulutterArea ul.tabs li.hash a { width: 80px;}
div#twitterArea div#honolulutterArea ul.tabs li.keyword1,
div#twitterArea div#honolulutterArea ul.tabs li.keyword1 a { width: 83px; background-position: -80px 0;}
div#twitterArea div#honolulutterArea ul.tabs li.keyword2,
div#twitterArea div#honolulutterArea ul.tabs li.keyword2 a { width: 79px; background-position: -163px 0;}

div#twitterArea div#honolulutterArea ul.tabs li a.current,
div#twitterArea div#honolulutterArea ul.tabs li a:hover { background-image: url(../images/home/twitter_honolulutter_tab_ov.gif);}

div#twitterArea div#membersArea p.coming {
	margin: 6px 0 0 2px;
}

div#twitterArea div.twitterSet div.timelineArea {
	width: 236px;
	height: 219px;
	overflow: auto;
	margin: 6px 0 0 4px;
}

div#twitterArea div.twitterSet div.timelineArea ul.timeline {
	width: 218px;
	margin-top: -1px;
}

div#twitterArea div.twitterSet div.timelineArea ul.timeline li {
	width: 218px;
	padding: 0 0 7px;
	background: url(../images/home/twitter_dot.gif) repeat-x;
}

div#twitterArea div.twitterSet div.timelineArea ul.timeline li p.icon {
	float: left;
	width: 48px;
	margin-right: 8px;
	padding: 11px 0 0 9px;
}

div#twitterArea div.twitterSet div.timelineArea ul.timeline li div.content {
	float: left;
	width: 140px;
	padding: 9px 0 0;
	word-break: break-all;
	word-wrap: break-word;
}

div#twitterArea div.twitterSet div.timelineArea p.btnMore {
	padding: 8px 0 18px 71px;
}

div#twitterArea div.twitterSet p.btn {
	padding: 13px 0 0;
	text-align: center;
}

/* css end ------------ */