/* ====================================================
	初期化
==================================================== */
/* ------------------------------------------
              YUI Fonts CSS
------------------------------------------*/
:contributor [
	:name "Yahoo";
	:title "YUI Fonts CSS";
	:description "ブラウザ間のフォントサイズを揃えるライブラリ";
	:revisiton "2.4.0";
	:homepage <http://developer.yahoo.com/yui/fonts/>;
	:license <http://developer.yahoo.com/yui/license.txt>;
	:note "
		Font-size Adjustment.
			77% = 10px	|	122% = 16px	|	167% = 22px	
			85% = 11px	|	129% = 17px	|	174% = 23px 
			92% = 12px	|	136% = 18px	|	182% = 24px 
			100% = 13px	|	144% = 19px	|	189% = 25px 
			107% = 14px	|	152% = 20px	|	197% = 26px 
			114% = 15px	|	159% = 21px	| 
			"
	] .

/* Do not edit*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ------------------------------------------
              clear
------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset {
	border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}
strong {
	font-weight: bold;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:normal;
}
ol,ul,li,dl,dt,dd {
	list-style:none;
}
img {
	vertical-align: top;
}
a img {
	border: none;
}
a img,:link img,:visited img {
	border: none;
}
q:before,
q:after {
	content: '';
}
abbr,
acronym {
	border: 0;
}
/* ====================================================
	ダミーカラー （デザイン後削除）
==================================================== */
/* ====================================================
	メインスタイル - 構造（編集不可）
==================================================== */
.floatlefter { float: left; }
.floatrighter{ float: right; }
.floatstopper { clear: both; }

a:link,
a:visited {
	text-decoration:none;
	color:#333;
	border:none;
}

a:hover {
	text-decoration:underline;
	color:#ff0021;
}

body {
	background: url('../img/bg_tile.png') left;
	text-align: center;
	font-size: 90%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", "Arial", "ＭＳ Ｐゴシック", Helvetica, sans-serif;
	color: #333;
	line-height:120%;
}

#container {
	position:relative;
	background: url('../img/bg_tile.png') left;
	width: 1100px;
	margin: 0 auto;
	text-align:left;
	padding:0;
}

#header {
	position:relative;
	background: url('../img/bg_header.png') left no-repeat;
	height: 300px;
	margin:0 0 0 0;
	padding:0;
}

#header a.copy {
	display:block;
	position:absolute;
	top:0;
	right:100px;
}


#header a.gototwi {
	display:block;
	position:absolute;
	top:153px;
	left:210px;
}

#content {
	position:relative;
	background: url('../img/bg_balloon.png') repeat-y;
}

#content a.register {
	display:block;
	position:absolute;
	top:-170px;
	right:80px;
}

div.twimobile {
	display:block;
	position:absolute;
	top:100px;
	right:90px;
}

ul#tweet li{
	width:750px;
	height:395px;
	position:relative;
	margin:10px 0 10px 100px;
}

ul#tweet li .box {
	display:block;
	position:absolute;
	width:592px;
	height:252px;
	over-flow:hidden;
}


img.cloud {
	position:absolute;
	bottom:0;
}

img.type1 {left:10px;}
img.type2 {right:-100px;}
img.type3 {left:-40px;}
img.type4 {right:-150px;}
img.type5 {left:-100px;}
img.type6 {right:10px;}


ul#tweet li.ptn_a {
	background: url('../img/pleft.png') left no-repeat;
}


ul#tweet li.ptn_a .box {
	top:0;
	left:0;
}

ul#tweet li.ptn_b {
	background: url('../img/pright.png') left no-repeat;
}


ul#tweet li.ptn_b .box {
	top:0;
	right:80px;
}

ul#tweet li.ptn_c {
	background: url('../img/pleft_2.png') left no-repeat;
}

ul#tweet li.ptn_c .box {
	top:0;
	left:-30px;
}

ul#tweet li .profile {
	position:relative;
	width:593px;
}

ul#tweet li .profile a.profile_img {
	background: url('../img/bg_photoframe.png') left no-repeat;
	width:87px;
	height:88px;
	display:block;
	position:absolute;
	top:58px;
	left:115px;
}

ul#tweet li .profile a.profile_img img {
	margin-left:6px;
	margin-top:6px;
}

ul#tweet li .profile a.profile_img:hover {
	background: url('../img/bg_photoframe_hover.png') left no-repeat;
}
ul#tweet li .profile a.name {
	display:block;
	position:absolute;
	font-size:1.2em;
	font-weight:bold;
	top:78px;
	left:210px;
}

ul#tweet .profile a.account {
	display:block;
	position:absolute;
	font-size:0.8em;
	font-weight:bold;
	top:78px;
	right:-20px;
}

ul#tweet li .profile a.go {
	display:block;
	position:absolute;
	font-weight:bold;
	top:98px;
	right:-76px;
}

ul#tweet .status_body {
	position:absolute;
	width:480px;
	height:4em;
	top:140px;
	left:120px;
	font-weight:bold;
	line-height:2em;
	display:table-cell;
	vertical-align:middle;
}



.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}