@charset "UTF-8";
/* CSS Document */

/*	=00 Basic Setting
-----------------------------------------------------*/
/* =00-1 Reset Default Style --------------------------*/
html { overflow-y: scroll; }
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, p, blockquote, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* HTML5 */
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display: block;
	zoom: 1;
}

fieldset, img { border: 0; }
a img { border: none; text-decoration: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
q:before { content: open-quote; }
q:after { content: close-quote; }
abbr, acronym { border: 0; }
hr { display: none; }
img { vertical-align: bottom; -ms-interpolation-mode: bicubic; }

textarea { overflow: auto; }
input, select { vertical-align: middle; }
input[type="submit"], input[type="file"], input[type="button"], button { cursor: pointer; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

h1, h2, h3, h4, h5, h6, em, strong { font-weight: bold; }

/* =00-2 Basics --------------------------*/
html {
	color: #104C38;
	background: #99CC33;
}
body {
	min-width: 940px;
	min-height: 620px;
	background: #99CC33;
	color: #104C38;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
	font-size: 100%; /* 16px */
	line-height: 1.5; /* 24px / 4px */
	text-align: center;
}
* html body {
	text-autospace: ideograph-numeric;
}

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


/*	=01 Layout
-----------------------------------------------------*/
div#wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 940px;
	min-height: 620px;
	margin: -310px 0 0 -470px;
	text-align: left;
}
div#primary {
	margin: 0 0 0 380px;
}
* html div#primary {
	margin: 0 0 0 377px;
}
div#secondary {
	clear: both;
}


/* =01-1 Header --------------------------*/
header {
	display: inline;
	float: left;
	width: 370px;
	height: 285px;
	margin: 0 0 15px 0;
	text-align: center;
}

/* =01-2 Section --------------------------*/
div.timeline article {
	overflow: hidden;
	display: inline;
	float: left;
	width: 180px;
	margin: 0 10px 0 0;
}
/* for smart browser */
div.timeline article:last-child {
	margin: 0;
}
div.timeline article.last-child {
	margin: 0;
}

/* =01-3 Twitter Widget --------------------------*/
div.twtr-widget,
div.twtr-timeline {
	overflow: hidden;
	width: 180px;
}

div.twtr-tweet-text {
	word-wrap: break-word;
	word-break: break-all;
}

#twtr-widget-1 .twtr-timeline i a.twtr-timestamp,
#twtr-widget-1 .twtr-timeline i a.twtr-reply,
#twtr-widget-2 .twtr-timeline i a.twtr-timestamp,
#twtr-widget-2 .twtr-timeline i a.twtr-reply,
#twtr-widget-3 .twtr-timeline i a.twtr-timestamp,
#twtr-widget-3 .twtr-timeline i a.twtr-reply,
#twtr-widget-4 .twtr-timeline i a.twtr-timestamp,
#twtr-widget-4 .twtr-timeline i a.twtr-reply,
#twtr-widget-5 .twtr-timeline i a.twtr-timestamp,
#twtr-widget-5 .twtr-timeline i a.twtr-reply,
#twtr-widget-6 .twtr-timeline i a.twtr-timestamp,
#twtr-widget-6 .twtr-timeline i a.twtr-reply,
#twtr-widget-7 .twtr-timeline i a.twtr-timestamp,
#twtr-widget-7 .twtr-timeline i a.twtr-reply,
#twtr-widget-8 .twtr-timeline i a.twtr-timestamp,
#twtr-widget-8 .twtr-timeline i a.twtr-reply { color: #666666 !important; }


.twtr-widget .twtr-ft a img {
	vertical-align: top;
}
.twtr-ft span {
	display: none;
}


/* =01-4 Footer --------------------------*/
footer {
	clear: both;
	margin-top: 11px;
	text-align: center;
}
footer small {
	font-size: 62.5%; /* 10px */
}


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


/*	=90 for IE6 (Graceful Degradation)
-----------------------------------------------------*/
.twtr-widget .twtr-avatar .twtr-img {
	width: 30px;
	height: 30px;
}
/*.twtr-widget .twtr-avatar .twtr-img a img {*/
article#tl_SiTE4D .twtr-widget .twtr-avatar .twtr-img a img,
article#tl_hakase_s4d .twtr-widget .twtr-avatar .twtr-img a img,
article#tl_arashi_s4d .twtr-widget .twtr-avatar .twtr-img a img,
article#tl_tycho_s4d .twtr-widget .twtr-avatar .twtr-img a img,
article#tl_humboldt_s4d .twtr-widget .twtr-avatar .twtr-img a img,
article#tl_gordon_s4d .twtr-widget .twtr-avatar .twtr-img a img {
	overflow: hidden;
	display: block;
	width: 30px;
	height: 0;
	padding-top: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
article#tl_SiTE4D .twtr-widget .twtr-avatar .twtr-img a img {
	background-image: url(/twitter/_asset/img/ico-s4d_30_001.gif);
}
article#tl_skumamoto .twtr-widget .twtr-avatar .twtr-img a img {
	/*background-image: url(http://widgets.twimg.com/j/1/spinner.gif);*/
}
article#tl_otomiyuri .twtr-widget .twtr-avatar .twtr-img a img {
	/*background-image: url(http://widgets.twimg.com/j/1/spinner.gif);*/
}
article#tl_hakase_s4d .twtr-widget .twtr-avatar .twtr-img a img {
	background-image: url(/twitter/_asset/img/ico-hakase_30_001.gif);
}
article#tl_arashi_s4d .twtr-widget .twtr-avatar .twtr-img a img {
	background-image: url(/twitter/_asset/img/ico-arashi_30_001.gif);
}
article#tl_tycho_s4d .twtr-widget .twtr-avatar .twtr-img a img {
	background-image: url(/twitter/_asset/img/ico-tycho_30_001.gif);
}
article#tl_humboldt_s4d .twtr-widget .twtr-avatar .twtr-img a img {
	background-image: url(/twitter/_asset/img/ico-humboldt_30_001.gif);
}
article#tl_gordon_s4d .twtr-widget .twtr-avatar .twtr-img a img {
	background-image: url(/twitter/_asset/img/ico-gordon_30_001.gif);
}


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


/*	=ex Clear Fix
-----------------------------------------------------*/
div#wrapper,
div.timeline { /zoom : 1; }
div#wrapper:after,
div.timeline:after { content : ''; display : block; clear : both; }


/*	=ex for iPhone
-----------------------------------------------------*/
@media only screen and (max-device-width:480px) {
	div#wrapper {
		position: static;
		width: 940px;
		min-height: 640px;
		margin: 10px auto;
		text-align: left;
	}
}