@charset "utf-8";


h2{
	clear:both;
}

h3 {
	clear:both;
	margin: 0 0 16px 0;
}

p {
	font-size:0.8em;
	line-height:1.6em;
	padding-bottom:10px;
	color:#666666;
}

/* layout */

#page {
	margin:0 auto;
	width:980px;
}

#wrapper{
	text-align:left;
	background-color:#0099FF;
	width:980px;
	height:100%;
}

#wrapper:after {
	content: "";
	display: block;
	clear: both;
}


#contentsArea{
	padding: 10px;
}

#main{
	/*height:350px;*/
}

#movieArea{
	float:left;
	width:500px;
	/*height:350px;*/
	background-color:#FFFFFF;
}

#movieArea .movie {
	float:left;
	margin:10px 4px 10px 10px;
	width:320px;
	display:inline;
}

#movieArea .map {
	float:left;
	margin:10px 0 10px 0;
}

#movieArea .movieText{
	margin:4px 0 0 8px;
}

#message{
	width:450px;
	background:#fff;
	float:right;
}

.outbox{
	clear:both;
	background-color:#FFFFFF;
	padding:5px;
	height:inherit;
}

.inbox{
	border:1px solid #0099FF;
	padding:14px 14px 0px 14px;
}

.area{
	padding:15px 10px 10px 10px;
}

#message .mText{
	padding:104px 22px 0 22px;
}

#message .mText p {
	font-size:13px;
	line-height:21px;
}

.bgContents01 {
	background: url(/thanks2011/images/bg_contents01.gif) repeat-y;
	margin:15px 0 20px 0;
}

.item01 {
	float:left;
	width:430px;
}

.item02 {
	float:right;
	width:430px;
}

.areaContents01 {
	padding:0px 10px 0px 10px;
}

.lastMassage{
	font-size:0.9em;
	font-weight:bold;
	color:#0099FF;
	text-align:center;
	line-height:1.4em;
}


/* box */

.photoBox{
	float:left;
	margin:0 30px 20px 0;
}

.shienBox{
	padding:10px 40px 10px 40px;
	font-size:0.9em;
}

.boxR {
	float:right;
	margin:0 0 10px 10px;
}

.boxUstream {
	float:left;
	width:480px;
	margin-right:14px;
}

.boxSympo {
	margin:20px 0;
	border:3px solid #CCCCCC;
	padding:15px;
}

/* font */
.sText{
	font-size:0.78em;
}

p.textR {
	text-align:right;
}

.blueB {
	color:#336699;
	font-weight:bold;
}

/* list */

ul.listArrow li {
	background: url(/thanks2011/images/icon_arrow.gif) no-repeat;
	list-style:none;
	font-size:0.78em;
	line-height:1.6em;
	color:#666666;
	padding-left:16px;
}


/* * * * */
.pagetop{
	text-align:right;
	color:#FFFFFF;
	clear:both;
	padding:10px 0;
}

.use{
	color:#FFFFFF;
	clear:both;
	padding:2px 0px 5px 422px;
	margin:0px;
}

.nospace{
	padding: 0;
	margin: 0;
}

.clear{
	clear:both;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* footer、ぱんくずなど */

#footer{
	width:980px;
	height:30px;
	background: url(/thanks2011/images/footer.gif) no-repeat;
	clear:both;
	background-color:#0099FF;
	border:medium none;
}
#footer img{
	margin:8px 0 0 10px;
}

#pnkuzuL{
	text-align:left;
	font-size:8pt;
	color:#0099FF;
	margin:3px 0;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/* link */
a:link { color: #0099ff; }
a:visited { color: #0099ff; }
a:hover { color: #0099ff; }
a:active { color: #0099ff; }

.pagetop a:link { color: #FFFFFF; }
.pagetop a:visited { color: #FFFFFF; }
.pagetop a:hover { color: #FFFFFF; }
.pagetop a:active { color: #FFFFFF; }

.use a:link { color: #FFFFFF; }
.use a:visited { color: #FFFFFF; }
.use a:hover { color: #FFFFFF; }
.use a:active { color: #FFFFFF
