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

  TOPPAGE

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

#toppage {}

#main-content .pickup,
#main-content .banner div {
	background:#FFF;
	box-shadow: 0px 0px 3px #999; /* CSS3 */
	-moz-box-shadow: 0px 0px 3px #999; /* Firefox*/
	-webkit-box-shadow: 0px 0px 3px #999; /* Google Chrome, Safari*/
}

/* MARGIN */
#main-content .pickup,
#main-content .banner div { margin:0 20px 20px 0;}

/* RUN ANIME*/
#anime {
	z-index:9999;
	position:absolute;
	top:410px;
	right:0;
	width:191px;
	height:143px;
	text-indent: -9999px;
	background:url(../../img/anime.gif) no-repeat;
}

/*---------------------------------------------------------------------------
  MAIN CONTENT
---------------------------------------------------------------------------*/

/*** PICK UP ***************************************************************/

#toppage .pickup {
	position:relative;
	width:97%;
	padding:1.5%;
}
#toppage .pickup:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
#toppage .pickup .pickup_tit {
	position:absolute;
	top:-7px;
	left:-7px;
	z-index:1;
}

/* MAIN IMG */
#toppage .pickup .mainimg {
	padding: 0 0 15px;
	background:url(../../img/main_shadow.png) no-repeat 10px bottom;
}


.carouselInner .caroufredsel_wrapper{
	min-height:244px;
}


/* MESSAGE */
#toppage .pickup .message {
	float:left;
	width:355px;
	color:#313140;
	line-height:130%;
}
.pickup .message .photo {
	float:right;
	margin-left:15px;
	width:130px;
	height:130px;
	background:#F6F6F6;
}
#toppage .pickup .message .come,
#toppage .pickup .message .detail { padding:7px 0 0 10px;}
#toppage .pickup .message .come { padding-left:10px;}
#toppage .pickup .message .detail { width:110px;}
#toppage .pickup .message .detail a {
	display:block;
	padding:7px 10px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:90%;
	line-height:100%;
	background:#313140 url(../../img/pickup_arrow.png) no-repeat right center;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}
#toppage .pickup .message .detail a:hover { background-color:#4A4A60;}

/* BANNER*/
#toppage .pickup .bana {
	float:right;
	width:355px;
	background:#EEE;
}

/*** CONTENT BANNER ********************************************************/

/* BANNER */
#toppage .banner { width:776px;}
#toppage .banner div {
	float:left;
	width:367.5px;
	height:100px;
}
#toppage .banner div a {
	display:block;
	width:100%;
	height:100px;
	text-decoration:none;
	font-weight:bold;
}
#toppage .banner p {
	padding:25px 20px 0;
	line-height:110%;
}
#toppage .banner p b {
	display:block;
	font-size:25px;
	line-height:110%;
}

/* text color*/
#toppage .banner .bana1 a {color:#2CBCF5;}
#toppage .banner .bana2 a {color:#8CC63F;}
#toppage .banner .bana3 a {color:#FE6799;}
#toppage .banner .bana4 a {color:#F7A603;}

/* background on */
#toppage .banner .bana1 a {background:url(../../img/banner1_off.gif) no-repeat;}
#toppage .banner .bana2 a {background:url(../../img/banner2_off.gif) no-repeat;}
#toppage .banner .bana3 a {background:url(../../img/banner3_off.gif) no-repeat;}
#toppage .banner .bana4 a {background:url(../../img/banner4_off.gif) no-repeat;}

/* background off */
#toppage .banner .bana1 a:hover {background:url(../../img/banner1_on.gif) no-repeat;}
#toppage .banner .bana2 a:hover {background:url(../../img/banner2_on.gif) no-repeat;}
#toppage .banner .bana3 a:hover {background:url(../../img/banner3_on.gif) no-repeat;}
#toppage .banner .bana4 a:hover {background:url(../../img/banner4_on.gif) no-repeat;}