@charset "utf-8";




h2{

	clear:both;

}

h3 {
	clear:both;
	margin: 0 0 16px 0;
}
p {
	font-size:14px;
	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:450px;
	/*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:530px;
	/*background:#fff;*/
	background:url(../images/img_message.gif) no-repeat #ffffff center bottom;
	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 {


	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 */







/* * * * */

.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;


	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

