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

/* ----------------------------------------
*	汎用要素スタイル 
---------------------------------------- */
a{	color:#e60012; text-decoration:underline;}
a:hover{ text-decoration:none;}
img{	vertical-align:bottom;}

/* ----------------------------------------
*	汎用クラススタイル
---------------------------------------- */

/* ----------------------------------------
*	ワイヤーフレーム部位別スタイル 
---------------------------------------- */
#connect,
#write,
#tweet{	background-color:#7D533B;}
#connect #wrapper,
#write #wrapper,
#tweet #wrapper{
	background:url(../images/bg_twitter.jpg) no-repeat 0 0;
	width:600px;
	height:360px;
	margin:0 auto;
	position:relative;
}

/* ----------------------------------------
*	ページスタイル　index.html
---------------------------------------- */
#connect h1{
	margin:0 0 15px;
	padding:23px 0 0 23px;
}
#connect p{
	text-align:center;
	margin:0 0 37px;
}

/* ----------------------------------------
*	ページスタイル　write.html
---------------------------------------- */
#write h1{
	margin:0 0 15px;
	padding:23px 0 0 23px;
}
#write p{
	text-align:center;
	margin:0 0 10px;
}
#write textarea{
	width:475px;
	height:100px;
}

/* ----------------------------------------
*	ページスタイル　tweet.html
---------------------------------------- */
#tweet h1{
	margin:0 0 30px;
	padding:20px 0 0;
	text-align:center;
}
#tweet p{
	margin:0 0 25px;
	text-align:center;
}

/* ----------------------------------------
*	ページスタイル　tweetList.html
---------------------------------------- */
#tweetList #wrapper{
	padding:30px 290px 0 275px;
}
#tweetList ul,
#tweetList li{
	margin:0;
	list-style:none;
}
#tweetList li{
/*	padding:0 20px 20px 0;*/
	width:33%;
	float:left;
	margin-bottom:20px;
/*	position:absolute;*/
}
#tweetList .reafList div{
	background-color:rgba(255,255,255,0.4);
	border:solid 1px #825122;
	box-shadow:1px 1px 3px #555;
	width:auto;
	padding:10px;
	text-align: justify;
	margin:0 20px 0 auto;
}
#tweetList .reafList div span{
	color:#693f00;
	font-weight:bold;
}

/*#tweetList .reaf1{	background:url(../images/parts_leaf_01.png) no-repeat 0 50%;	width:339px;	min-height:139px;}
#tweetList .reaf4{	background:url(../images/parts_leaf_02.png) no-repeat 0 50%;	width:250px;	min-height:158px;}
#tweetList .reaf2{	background:url(../images/parts_leaf_03.png) no-repeat 0 50%;	width:273px;	min-height:166px;}
#tweetList .reaf3{	background:url(../images/parts_leaf_04.png) no-repeat 0 50%;	width:271px;	min-height:170px;}
#tweetList .reaf5{	background:url(../images/parts_leaf_05.png) no-repeat 0 50%;	width:355px;	min-height:145px;}
#tweetList .reaf6{	background:url(../images/parts_leaf_06.png) no-repeat 0 50%;	width:226px;	min-height:227px;}
*/
/*.reafPosi1 .reaf1{	top:5%; left:10%;}
.reafPosi1 .reaf2{	top:10%; left:70%;}
.reafPosi1 .reaf3{	top:40%; left:50%;}
.reafPosi1 .reaf4{	top:30%; left:25%;}
.reafPosi1 .reaf5{	top:72%; right:330px;}
.reafPosi1 .reaf6{	bottom:10%; left:10%;}

.reafPosi2 .reaf6{	top:5%; left:10%;}
.reafPosi2 .reaf5{	top:5%; left:60%;}
.reafPosi2 .reaf4{	top:50%; left:65%;}
.reafPosi2 .reaf3{	top:20%; left:40%;}
.reafPosi2 .reaf2{	bottom:0%; left:330px;}
.reafPosi2 .reaf1{	top:30%; left:10%;}

.reafPosi3 .reaf1{	top:35%; right:25%;}
.reafPosi3 .reaf2{	top:50%; left:15%;}
.reafPosi3 .reaf3{	bottom:0%; right:350px;}
.reafPosi3 .reaf4{	top:20%; left:10%;}
.reafPosi3 .reaf5{	top:3%; left:40%;}
.reafPosi3 .reaf6{	top:25%; left:75%;}
*/