@charset "euc-jp";
/* CSS Document */

/*
==========================================================================================*/
.subTxt{
 margin:0;
	padding:0;
	font-size:10px;
	line-height:15px;
	color:#666;
}


#field718 {
 width:718px;
	margin:0 auto;
	padding:0;
}

#field718 p {
	padding:20px 0;
}

.preview {
 width:718px;
	height:186px;
	background:url(img/ouboBg.gif) 0 0 no-repeat;
}

.previewLink {
 margin:0 0 0 465px;
	padding-top:111px;
 display:block;
	width:248px;
	height:49px;
	background:url(img/ouboBtn.gif) 0 0 no-repeat;
	text-indent:-9999em;
 }


.info {
 float:left;
	margin:0;
	padding:0;
 width:300px;

}

.info h3 {
 display:block;
	width:300px;
 height:430px;
	background:url(img/infoPh.jpg) 0 0 no-repeat;
	text-indent:-9999em;
}


.infoTxt {
 float:right;
	margin:0;
	padding:0;
	width:400px;
}


hr {
 clear:both;
	border: 0;
	width:100%;
	height:1px;
	_color:#8f2f09;
	background-color:#8f2f09;
}


.guestMe {
 margin:0;
 padding:0;
	width:718px;
}

.guestMe h3 {
 display:block;
	width:718px;
 height:239px;
	background:url(img/guestPh.jpg) 0 0 no-repeat;
	text-indent:-9999em;
}

.guestMeBtn {
 display:block;
	width:718px;
 height:117px;
	background:url(img/guestKey.jpg) 0 0 no-repeat;
	text-indent:-9999em;
}

.story h3 {
 display:block;
	width:438px;
 height:30px;
	background:url(img/story.gif) 0 0 no-repeat;
	text-indent:-9999em;
}

.storyPh {
 display:block;
	width:718px;
 height:607px;
	background:url(img/storyPh.jpg) 0 10px no-repeat;
	text-indent:-9999em;
}


/*==========================================================================================
	floatさせたボックスが親ボックスの外にはみ出す現象を回避
	(macIE用にmac-ie5.cssにも記述すること)
==========================================================================================*/

#swapper:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Mac IE には適用させない \*/
* html #swapper
{
	height:1%;
}

/* IE7 */
*:first-child+html #swapper
{
 display:inline-block;
}
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */