@charset "UTF-8";

#top h2{
	margin-top:30px;
	margin-bottom:15px;
}

#top #header{
	width:100%;
	height:160px;
}
#top h1{
	width:auto;
	float:left;
	background:none;
	padding-bottom:0px;
	vertical-align:bottom;
	position:relative;
}

#top h1 img{
	margin-left:30px;/*コンテンツの左マージン*/
	margin-top:13px;
	float:left;
}

/* 下層のみ適応
--------------- */
#top #tag{
	font-size:85%;
	color:#999;
	width:200px;
	float:left;
	margin-top:43px;
	margin-left:15px;
	line-height:1.3em;
}

#top #TopTxt{
	text-align:right;
	font-size:85% !important;
	color:#999;
	float:left;
	margin-top:40px;
	width:533px;
}




/*
 MAIN
----------------------------------------------------------------------------- */
#top #MainColumn{
	margin-top:200px;/*300pxまでflashの高さ*/
}

#TopFLASH{
	position:absolute;
	top:153px;/*FLASH位置*/
	left:30px;/*コンテンツの左マージン*/
}

#top .cafe{
	background:url(../../img/case01.gif) no-repeat top;
	margin-right:20px;
}
#top .hea{
	background:url(../../img/case02.gif) no-repeat top;
	margin-right:20px;
}
#top .kuri{
	background:url(../../img/case03.gif) no-repeat top;
}
#top .pan{
	background:url(../../img/case04.gif) no-repeat top;
	margin-right:20px;
}
#top .jyuku{
	background:url(../../img/case05.gif) no-repeat top;
	margin-right:20px;
}
#top .shika{
	background:url(../../img/case06.gif) no-repeat top;
}

.mr20{
	margin-right:20px;
}

#top h3{
	height:25px;
	padding-top:2px;
	font-weight:bold;
	text-align:center;
}

#top .newtemp h3{
	height:40px;
	padding-top:10px;
	font-weight:bold;
	text-align:center;
	background:url(../../img/newtemp.gif) no-repeat top left;
}

#top h3 a{
	color:#fff;
	outline:none;
	text-decoration:none;
}

#top .CaseTxt{
	height:80px;
	width:140px;
	padding-top:10px;
}


/* SUB
----------------------------------------------------------------------------- */
#top #SUBColumn{
	margin-top:-14px !important;/*flashの高さ*/
	position:relative !important;
	top:0px!important;
}

/* Footer
----------------------------------------------------------------------------- */






/* caseArea
----------------------------- */
#top .caseArea{
	background:#CCC;
	
}

#top .listFirst{
	padding-left:0px !important;
}

#top #stagePre{
width:670px;
height:200px;
}
#top #stagePre #myList li{
		list-style:none; 
		float:left;
		width:114px;
		height:200px;
		text-align:left;
		font-size:90%;
		line-height:120%;
		padding:0 10px;
}
#top #stagePre #myList li img{
	margin-bottom:8px;
}
#top #stagePre #myList li strong{
		font-size:120% !important;
		color:#f77d1a;
		display:block;
	margin-bottom:3px;	
}

/* INFO/RELEASE
----------------------------- */

#top .infoArea{
	position:relative;
}

#top .infocover{
	width:450px;
}
#top .info{
	float:left;
}


#top .info dl{
	width:100%;
	height:auto;
	padding:0px 0;
	overflow:auto;
	line-height:150%;
	margin-left:-0px;
	
}
#top .info dt{
	text-align:right;
	width:11em;
	font-weight:bold;
	color:#72b216;
}

#top .info dt.new{
	background:url(../img/icon_new.gif) no-repeat left;
}

#top .info dl dt img{
	padding:0.1em 5px 0.1em  0;
}

#top .info dl dt{
	float:left;
	clear:left;
}

#top .info dd{
	margin-left:10em;
	padding-left:20px;
}

#top *html dd{
	zoom:1;}/*IE6用*/


#top .release dl{
	width:100%;
	height:auto;
	padding:0px 0;
	overflow:auto;
	line-height:150%;
}

#top .info dt,.info dd{
	margin-bottom:5px;
}

#top .releasecover{
	width:200px;
	position:absolute;
	top:0;
	right:0;
}
#top .release{
	float:left;
	padding-left:20px;
}
#top .release:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	zoom:1;
}

#top .release dl dt{
	float:left;
	clear:left;
}
#top .release dl dd{
	margin:0 0 5px 2px;
	background:url(/common/img/mark_orange.gif) no-repeat left center;
	text-indent:15px;
}

#top .release dl dd span{
	color:#999;
	margin-left:5px;
}


#top .info h2,.release h2{
	width:100%;
	height:auto;
	position:relative;
	padding-bottom:5px;
	background:url(../img/hr_02.gif) bottom left no-repeat;
}

#top .info h2 .bt,.release h2 .bt{
	position:absolute;
	right:0px;
	top:10px;
}

span.new {
    display: none;
}


/* TWITTER
----------------------------- */
#top .twitterTopArea {
	background:url(../../img/bg_twitter01.gif) no-repeat top center;
	width:100%;
	position:relative;
}

#top .twitterTopArea .relatedArea{
	background:url(../../img/bg_twitter02.gif) no-repeat bottom center;
	width:100%;
}

#top .twitterTopArea .relatedArea ul{
	padding:80px 60px 65px 100px; 
}


#top .twitterTopArea img{
	position:absolute;
	top:5px;
	left:100px;
}

#top .twitterTopArea .relatedArea li.twitter span.fontTimeStamp{
	color:#999;
	font-size:90%;
	margin-left:5px;
}

#top .twitterTopArea img.btn_twitter{
	position:absolute;
	top:45px;
	left:440px;
}