@charset "utf-8";

/* ================================================================

CSS Information

 File name:      jinja.css
 Summary:        for ukkari jinnja
 Last update:    2010-05-06


================================================================ */

#container > .WrapInner .WrapInner {
	display: block;
}
	
#container > .WrapInner .WrapInner > div,
#container > .WrapInner .WrapInner > section {
	position: relative;
	display: block;
	margin:0 auto;
	width: 960px;
}


/* @group #MainHounou */

#MainHounou {
	position: relative;
	top: -30px;
	display: block;
	min-height: 350px;
	background:transparent url(../../img/jinja/jinja_main_ema.png) no-repeat center top;
	border-top: 1px solid transparent;
}

#MainHounou header {
	display: none;
}

#linkBtnHounou {
	position: absolute;
	top: -20px; right: 115px;
}
#linkBtnHounouTwitter {
	position: absolute;
	top: -20px; right: 0px;
}

article.HounouEmaBox {
	display: block;
	height: 300px;;
}

	article.HounouEmaBox h2 {
		display: none;
	}

	article.HounouEmaBox .userText {
		position: relative;
		display: block;
		margin: 130px 0 0 270px;
		width: 400px; height: 210px;
	}

		article.HounouEmaBox .userText p {
			padding: 0 0 20px 0;
			line-height: 1.4;
			font-weight:bold;
			font-size: 1.33em;
		}
		article.HounouEmaBox .userText p a {
			width: 64px;
			float: left;
			display: inline;
			margin: 0 10px 10px 0;
		}
			article.HounouEmaBox .userText p a img {
				width: 64px;
				padding: 3px;
			}
		article.HounouEmaBox .userText footer {
			position: absolute;
			bottom: 20px; right: -40px;
		}
			article.HounouEmaBox .userText footer a {
				color: #433;
				font-weight: bold;
			}
			article.HounouEmaBox .userText footer a:hover {
				color: #766;
				text-decoration: none;
			}
			article.HounouEmaBox .userText time {
				display: none;
			}
		
	.HounouEmaBox .ListComment {
		clear: both;
		margin: 0 auto;
		padding-top: 30px;
		width: 800px;
		font-size: 1.2em;
	}
		.HounouEmaBox .ListComment li {
			width: 48%;
			float: left;
			display: inline;
			clear: both;
			margin-bottom: 10px;
		}
			.HounouEmaBox .ListComment li p {
				padding: 0;
				width:300px;
			}
			.HounouEmaBox .ListComment li a {
				display: inline;
				margin: 0 0 10px 0;
			}
			/* 最初の発言が左、次が右。のフロート。
			　　それ以降はキャラごとに左右に並ぶ。
			　　	2行目以降、ナスは左列、トマは右列固定で */
		.HounouEmaBox .ListComment li.user_nasu_kun {
			float: left;
			text-align: right;
		}
		.HounouEmaBox .ListComment li.user_tomato__ {
			float: right;
		}
			.HounouEmaBox .ListComment li.user_nasu_kun a {
				float: right;
			}
			.HounouEmaBox .ListComment li.user_tomato__ a {
				margin-top: -5px;
				margin-right: 10px;
				float: left;
			}
			.HounouEmaBox .ListComment li.user_nasu_kun p {
				float: left;
			}
			.HounouEmaBox .ListComment li.user_tomato__ p {
				float: left;
			}
			
			
		.HounouEmaBox .ListComment li.list1  {
			float: left;
			text-align: right;
		}
			.HounouEmaBox .ListComment li.list1 a {
				float: right;
			}
		.HounouEmaBox .ListComment li.list2 {
			clear: none;
			float: right;
			text-align: left;
		}
			.HounouEmaBox .ListComment li.list2 a {
				clear: none;
				float: left;
			}
		p.MsgSory{
			margin: 30px 0 0 0;
			text-align: center;
		}
	

#FormHounouBox{
	display: none;
	position: absolute;
	top: 200px; left: 40%;
	width: 450px; height: 360px;
	background: url(../../img/jinja/bg_ukkari_form.png) no-repeat center top;
}

#FormHounouBox .Wrap{
	position: relative;
	width: 449px; height: 359px;
}

/* @group #formHounou */

#formHounou {
	display: block;
	margin: 0 auto;
	width: 1;
	text-align: center;
}
	
#formHounou .txt{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px;
	width: 250px;
	
	border: 2px solid #fff;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	
	font-size: 1.4em;
	background-color: #fff;

	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#btnSubmit:hover {
	background-color: #f6fdc4;
}

#formHounou legend {
	position: relative;
	top: 0; left: 0;
	display: block;
	margin: 0 auto 0 auto;
	padding-top: 80px;
	width: 100%;
	font-size: 1.4em;
	font-weight: bold;
	color: #544;
	text-align: center;
}

#formHounou dl {
	padding-top: 20px;
}
	
	#formHounou dl dt {
		display: none;
	}
	
	#formHounou dl dd {
		margin: 0 0 15px 0;
	}

/* @end */




/* @group #HounouOther */
#HounouOther{
	clear: both;
}
#HounouOther h2 {
	margin: 20px 0;
	font-size: 1.4em;
	font-weight: bold;
}

ul.EmaList > li{
	position: relative;
	display: inline;
	float: left;
	margin: 0 20px 20px 0;
	width: 211px;
	height: 140px;
	overflow: hidden;
	background: url(../../img/jinja/ema_small.png) no-repeat center top;
}

	ul.EmaList > li p {
		height: 65px;
		margin: 50px 10px 0 12px;
		overflow: hidden;
		font-size: 1em;
		font-weight: normal;
	}
		ul.EmaList > li a {
			color: #433;
			font-weight: bold;
		}
		ul.EmaList > li a:hover {
			color: #766;
			text-decoration: none;
		}
			ul.EmaList > li p a img {
				float: left;
				width: 28px;
				margin-right: 10px;
			}
	ul.EmaList > li > a {
		position: absolute;
		top: 120px;	right: 10px;
		font-size: 0.9em;
	}		
	ul.EmaList > li time {
		display: none;
	}

ul.EmaCommented > li{
	height: 180px;
}
	ul.EmaList > li ul {
		position: absolute;
		top: 150px;
	}
		ul.EmaList > li ul li {
			display: inline;
			float: left;
			margin-right: 20px;
		}
			ul.EmaList > li ul li img {
				width: 20px;
			}

/* @end */

/* @group #HounouWait */
#HounouWait{
	clear: both;
}
#HounouWait h2 {
	margin: 20px 0;
	font-size: 1.2em;
	font-weight: bold;
}
/* @end */

.NowSending {
  background: url('../../img/loadingAnimation.gif') no-repeat center center;
}
.SendComplete {
  color: #f90;
}
#result{ display: none;}



.HounouEmaBox{
clear: both;
}
ul.ListComment{
list-style: none;
}


ul.ListComment li {
}
.user_nasu_kun{

}

/* @end */