@charset "UTF-8";

/** ---- overwrite common layout　---**/


/*----main----*/

#header{
	position:relative;
	z-index:30;
}

#main{
	width:981px;
	margin-top:2px;
	margin-left:-11px;
	margin-right:-11px;
	background:url("/NR/rdonlyres/19B193CE-6D2D-419A-84B4-61C167039FE6/0/bg_main03.jpg") left top repeat-y;
	position:relative;
	z-index:1;
}

/*.coffee_bk01 #snavi{
	right:156px;
}

.coffee_bk01 #snavi ul{
	position:absolute;
	z-index:20;
}
*/



/*----content-area----*/

div.content-area{
	background:url("/NR/rdonlyres/B1453305-5714-47F8-AB7B-FDF1188C72DD/0/bg_main01.jpg") left top no-repeat;
}


/*----bottom-area----*/

#bottom-area{
	width:981px;
	height: 168px;
	margin-left:-11px;
	margin-right:-11px;
	position:relative;
	background:url("/NR/rdonlyres/B26ECD7A-3F23-4C38-B432-169381FE988A/0/bg_bottom01.jpg") left bottom no-repeat;
}

div#wrapper > #bottom-area{
	height: auto;
	min-height: 168px;
	position:relative;
}

#footMenu {
	background:url("/NR/rdonlyres/ED906E56-A12F-4415-96AD-9DCB7BC401F6/0/backimg03.jpg") left bottom;
}



/** ----ガイドツアー　---**/

#mai #guidetour,
#maitv #guidetour,
#about #guidetour {
	position:absolute;
	bottom:0;
	right:23px;
	margin-left:0px;
	float:right;
	background:none;
}

#mai #guidetour a,
#maitv #guidetour a,
#about #guidetour a{
	color:#FFF;
		background:url("/NR/rdonlyres/7EF92A90-6E3E-4EA6-9BB9-03D5023ED483/0/tatefuda.png") left 5px no-repeat;
}

#mai p#guidetour a:hover,
#maitv p#guidetour a:hover,
#about p#guidetour a:hover{
	color:#FFF;
	background:url("/NR/rdonlyres/CA3E9324-0C5A-4C2C-A78E-DB849A4E5028/0/tatefuda_ovr.png") 1px 5px no-repeat;
}





/** ---- ---- teaser page style　---- --- **/


/** 091020 body idから変更--　　 ----------------------------------------------------- **/
#mai #main{
	background:url("/NR/rdonlyres/3CDE6D07-355C-4F9A-A170-6F0BE8CB5562/0/bg_teasermain01.jpg") left 226px no-repeat;
}
/**----------------------------------------------------------------------------------- **/

#main img{
	vertical-align:bottom;
}

#main img.teaser{
	margin:0 0 0 85px;
	vertical-align:bottom;
}





/* ---- ---- movie page style ---- ---- */

#maitv #flash-area{
	position:relative;
	height:269px;
}

#maitv .movie-block{
	display:inline;
	width:553px;
	height:556px;
	margin-left:55px;
	float:left;
	position:relative;
	background:url("/NR/rdonlyres/A4F9DB03-621F-4F08-86F9-31D3C1651FDC/0/bg_movie01.jpg") left top no-repeat;
}

.movie-block object#flash-movie{
	position:absolute;
	top:106px;
	left:30px;
}

#maitv .movie-block p.update{
	position:absolute;
	top:21px;
	left:196px;
}
/*----12/14変更----*/
#maitv .movie-block .movie-title{
	width:541px;
	text-align:center;
	position:absolute;
	top:42px;
	left:0;
}

#maitv .movie-block p.next{
	position:absolute;
	top:507px;
	left:163px;
}

#maitv .content-block{
	display:inline;
	width:285px;
	margin-top:30px;
	margin-right:56px;
	float:right;
}

#maitv .content-block h3{
	margin-top:20px;
	padding-bottom:8px;
	background:url("/NR/rdonlyres/B1A1632D-528E-4FD5-B543-0F9EF6FC16F9/0/spt_maindot01.gif") left bottom repeat-x;
}

#maitv .content-block p{
	margin-top:10px;
	color:#695D57;
	line-height:1.5;
}

#maitv .content-block p.note{
	margin-top:5px;
	font-size:83.3%;
}

#maitv .content-block p.banner{
	margin-top:28px;
}

#maitv .content-block input.code{
	width:282px;
	margin-top:12px;
	background:#FFF;
	color:#695D57;
	font-size:83.3%;
	border:0;
}

#maitv .content-block ol{
	padding:0;
	margin:10px 0 0 0;
	list-style-type:none;
}

#maitv .content-block ol li{
	padding-left:18px;
	color:#695D57;
	font-size:83.3%;
	line-height:1.5;
	background:url("/NR/rdonlyres/AE9C1933-5160-459D-AF1D-53559AC06013/0/blt_mainbrown01.gif") 0 0.2em no-repeat;
}



/* ---- ---- About page ---- ---- */

#about #main{
	padding-bottom:45px;
	background:url("/NR/rdonlyres/19B193CE-6D2D-419A-84B4-61C167039FE6/0/bg_main03.jpg") left top repeat-y;
}

#about div.content-area{
	width:981px;
	padding:0 0 0 0;
	background:url("/NR/rdonlyres/4C1509ED-53BC-45A2-8D2A-8F8659AB50D0/0/bg_main02.jpg") left top no-repeat;
}


#about div.content-block{
	width:760px;
	margin-left:110px;
}

#about div.content-area p.back-link{
	padding:14px 47px 0 0;
	text-align:right;
}

#about div.content-area h2{
	margin:23px 0 0 140px;
}


#about h3{
	margin-top:49px;
	padding-bottom:12px;
	background:url("/NR/rdonlyres/B1A1632D-528E-4FD5-B543-0F9EF6FC16F9/0/spt_maindot01.gif") left bottom repeat-x;
}

.media-area{
	width:760px;
	margin-top:30px;
	color:#41291D;
}

.media-area h4{
	font-size:1em;
	line-height:1.5;
	margin:12px 0 0 0;
}


.text-area01{
	width:456px;
	float:right;
}

.text-area01 h4{
	margin:-2px 0 29px 0;
}

.text-area01 p{
	margin-top:25px;
	line-height:1.833;
}

.text-area01 p.first-child{
	margin-top:-4px;
}

.text-area02{
	width:455px;
	float:left;
}

.text-area02 p{
	margin-top:25px;
	line-height:1.833;
}

.text-area02 p.first-child{
	margin-top:20px;
}


.image-area01{
	width:275px;
	padding-bottom:8px;
	float:left;
	text-align:center;
	background:#FFF url("/NR/rdonlyres/A3248529-DC28-40B0-9323-15E391867AEE/0/bg_aboutmainimage01.jpg") left bottom no-repeat; 
}

.image-area01 .caption-area01 p{
	margin-top:10px;
}

.image-area01 .caption-area01 p.button{
	margin-top:8px;
}

.image-area02{
	width:245px;
	padding:15px 15px 0;
	float:right;
	background:url("/NR/rdonlyres/AD8FD138-72FF-4F05-846A-EDFCED275670/0/bg_aboutmainimage02.jpg") left top no-repeat;
}

.image-area02 .caption-area02{
	margin:26px 0 0 -15px;
	width:275px;
}

.image-area02 .caption-area02 li{
	margin-top:5px;
	padding-left:11px;
	font-size:0.833em;
	background:url("/NR/rdonlyres/E666D1F9-BF8C-43AE-963C-0FEBC6A3DFA5/0/blt_mainbrown02.gif") left 0.1em no-repeat;
}


/* ---- ---- Story page ---- ---- */
body.story div.content-area{
	padding-top:45px;
	background:url("/NR/rdonlyres/0C4DDFA1-4B44-40B0-9B13-75A3DC3FC2CA/0/bg_main04.jpg") left top no-repeat

}



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

		clearfix

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


#maitv div.content-area:after,
.media-area:after,
.clearfix:after {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	content: ".";
}

#maitv div.content-area,
.media-area,
.clearfix {
	display: inline-block;
}

#maitv div.content-area,
.media-area,
.clearfix {
	display: block;
}