@charset "utf-8";


.top{
	clear: both;
	width: 100%;
	padding-top: 90px;
	padding-bottom: 90px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 0px;
}
#con{
	background-image: url(../index_img/con_bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#info{
	background-image: url(../index_img/info_bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#pick{
	background-image: url(../index_img/pick_bg.gif);
	background-repeat: repeat;
}
.inner h2 {
	margin-bottom: 50px;
}


/* -----------------------------------------------
 cover
-------------------------------------------------- */

#cover{
	width: 100%;
	height: 485px;
	background-color: #71A7EF;
}
#cover #inner{
	position:relative;
	width: 960px;
	height: 485px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../index_img/cover_girl.png);
	background-repeat: no-repeat;
	background-position: 720px bottom;
}
#cover #inner #ttl {
	position:absolute;
	width:473px;
	height:0;
	z-index:1;
	left: 70px;
	top: 106px;
}
#cover #inner #btn01 {
	position:absolute;
	width:576px;
	height:86px;
	z-index:2;
	left: 72px;
	top: 189px;
}
#cover #inner #btn01 li {
   float:left
}
#cover #inner #btn02 {
	position:absolute;
	width:0;
	height:0;
	z-index:3;
	left: 75px;
	top: 288px;
}

/* -----------------------------------------------
 indexList
-------------------------------------------------- */
.box300{
	width: 300px;
	display: inline;
	float: left;
	margin-right: 20px;
	background-color: #FFF;
}
.box300 h3{
	padding: 10px 0 10px 0;
	background-color: #E9F5FB;
	border: none;
	margin: 0px;
}
.mrno{
	margin-right: 0px;
}
ul.indexList{
	width: 100%;
}
ul.indexList li{
	border-top: solid 1px #CCC;
	text-align: left;
	padding: 1em 1em 1em 2em;
}
ul.indexList li a{
	background-image: url(../index_img/list_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1em;
	color: #666;
	text-decoration: none;
}
ul.indexList li a:hover{
	color: #2FA8B9;
}
.top_m{
	margin-top:-80px;
}

/* -----------------------------------------------
 info
-------------------------------------------------- */

#eventa {
	margin-bottom: 1em;
	margin-top: 1em;
	text-align: left;
	width: 550px;
}
#eventa li{
	border-bottom: #CCC 1px dotted;
	list-style-type: none;
	overflow: hidden;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
#eventa li a{
	text-decoration: none;
}
#eventa li a:link{
	text-decoration: none;
}
#eventa li .photo{
	float: left;
	margin-bottom: 1em;
	margin-right: 2em;
}
#eventa li div{
	overflow:hidden;
	/zoom:1;
	margin-bottom: 0.5em;
}
#eventa li .date, .title {
	margin-bottom: 0.5em;
}
#eventa li .date {
	clear: none;
	width: 100%;
	background-image: url(../common_img/list_disc.png);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	padding-left: 30px;
	display: block;
}
#eventa li .date.new {
	background-image: url(../common_img/icon_new.png);
	background-repeat: no-repeat;
	background-position: left 0.3em;
}
#eventa li .title {
	width: 100%;
	display: block;
	clear: none;
	float: left;
}

/* -----------------------------------------------
pickup
-------------------------------------------------- */
.pickBox {
	width: 188px;
	padding: 20px;
	background-color: #FFF;
	text-align: left;
	border-left: solid 1px #CCC;
	float: left;
}
.pickBox p.ttl {
	font-weight: bold;
	color: #000;
	line-height: 1.4;
}
.pickBox p.txt {
	color: #000;
	font-size: 12px;
	line-height: 1.4;
}
.pickBox img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
}
.pickBox.col01 {
	border-top: solid 5px #E3E44C;
}
.pickBox.col02 {
	border-top: solid 5px #e69e86;
}
.pickBox.col03 {
	border-top: solid 5px #618cbf;
}
.pickBox.col04 {
	border-top: solid 5px #ab977c;
}
.pickBox.col05 {
	border-top: solid 5px #2fa9b8;
}