@charset "UTF-8";


/*--------------------------
	index
--------------------------*/
#header {
  width:960px;
	height:115px;
  background:url(../images/header-bg.jpg) 0 0 no-repeat;
	margin:0;
	padding:0;
	position:relative;
  }

#main-img {
  width:960px;
  height:295px;
	background: url(../images/main-img-bg.jpg) 0 0 no-repeat;
	position:relative;
  }
#main-img .main-mess {
	width:443px;
	height:180px;
	position:absolute;
	left: 499px;
	top: 93px;
	}
#main-img .imgs { 
  width:553px;
	height:274px;
	position:absolute;
	left:-67px;
	}	
#main-img .main-mess p { padding:3px 5px; margin-bottom:9px; line-height:122%; font-size:15px; }	
h2 {
  background:url(../images/dog-mess.gif) 0 0 no-repeat;
	width:440px;
	height:52px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	}	
h3 { 
  width:735px;
	height:50px;
	margin-bottom:5px;
	text-indent:-9999px;
	}
#title01 { background:url(../images/index-title01.jpg) 0 0 no-repeat; }		
#title02 { background:url(../images/index-title02.jpg) 0 0 no-repeat; }		
#title03 { background:url(../images/index-title03.jpg) 0 0 no-repeat; margin-top:15px; }		
#title04 { background:url(../images/index-title04.jpg) 0 0 no-repeat; margin-top:15px; }
#title08 { background:url(../images/album-h2-01.jpg) 0 0 no-repeat; margin-top:15px; }


h4 { width:238px; height:35px; text-indent:-9999px; margin:2px 0 0 1px; }
#title05 { background:url(../images/pickup-title01.gif) 0 0 no-repeat; }
#title06 { background:url(../images/pickup-title02.gif) 0 0 no-repeat; }
#title07 { background:url(../images/pickup-title03.gif) 0 0 no-repeat; }
#title09 { background:url(../images/album-h3-01.gif) 0 0 no-repeat; }


#contents .pickup-frame { width:735px; height:270px; margin-bottom:1px; }
*html body #contents .pickup-frame { width:735px; height:270px; margin-bottom:4px; }

#contents .pickup01 { 
  background:url(../images/pickup-bg01.jpg) 0 0 no-repeat;
	width:240px;
	height:270px;
	float:left;
	}
#contents .pickup02 { 
  background:url(../images/pickup-bg02.jpg) 0 0 no-repeat;
	width:240px;
	height:270px;
	float:left;
	margin-right:8px;
	}
#contents .pickup03 { 
  background:url(../images/pickup-bg03.jpg) 0 0 no-repeat;
	width:240px;
	height:270px;
	margin-right:7px;	
	float:left;
	}
*html body #contents .pickup01 { 
  background:url(../images/pickup-bg01.jpg) 0 0 no-repeat;
	width:240px;
	height:270px;
	float:left;
	}
*html body #contents .pickup02 { 
  background:url(../images/pickup-bg02.jpg) 0 0 no-repeat;
	width:240px;
	height:270px;
	float:left;
	margin-right:4px;
	}
	
	
#contents .pickup-tx { 
  width:225px;
	height:100px;
	padding:2px 8px 2px 8px;
	font-size:14px;
	line-height:140%;
	}	

#contents .txs2 { margin-left:5px; line-height:140%; margin-top:15px; margin-bottom:15px; }

	
#contents .more a { 
  display:block;
	background:url(../images/pickup-more.gif) 0 0 no-repeat;
	width:120px;
	height:25px;
	margin:102px 2px 0 116px;
	text-indent:-9999px;
	outline:none;
	} 
#contents .more a:hover { background-position:bottom; }


#contents .great { width:733px; height:390px; border:double #a3c3e6 1px; position:relative; margin-bottom:10px; }
#contents .great ul li { list-style:none; }
#contents .great ul { margin-top:7px; }
#contents .great li { font-weight:bold; font-size:14px; color:#ff3341; padding-left:8px; padding-top:3px; }
#contents .great .tx01 {
	padding-left:8px;
	margin-top:13px;
	line-height:140%;
	padding-right:8px;
	width:260px;
	font-size:13px;
	float:left
}
#contents .great .tx02 {
	padding-left:25px;
	margin-top:13px;
	font-size:13px;
	line-height:140%;
	padding-right:8px;
	width:410px;
	float:left
}


#contents .great .moreinfo a {
	display:block;
	width:125px;
	height:25px;
	background:url(../images/more-info.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	outline:none;
	text-indent:-9999px;
	position:absolute;
	left: 599px;
	top: 358px;
	}
#contents .great .moreinfo a:hover { background-position:bottom; }	


#contents .eventinfo { width:733px; height:430px; border:double #a3c3e6 1px; position:relative; margin-bottom:10px; }
#contents .eventinfo li { list-style:none; }
#contents .eventinfo ul { margin-top:5px; }
#contents .eventinfo li { font-weight:bold; font-size:14px; color:#ff3341; padding-left:8px; padding-top:3px; }

#contents .eventinfo dl { padding-left:10px; margin-top:20px; margin-bottom:20px; }
#contents .eventinfo dt { font-weight:bold; color:#009900; font-size:115%; padding-bottom:3px; font-size:14px; }
#contents .eventinfo dd { font-weight:bold; color:#009900; padding-bottom:3px; font-size:14px; }
#contents .eventinfo .left p { padding-left:10px; margin-top:8px; line-height:140%; padding-right:10px; font-size:13px; }

#contents .eventinfo .left { float:left; width:340px; }

#contents .eventinfo .right { float:right; width:345px; margin-right:5px; }


#contents .eventinfo .moreinfo2 a {
	display:block;
	width:125px;
	height:25px;
	background:url(../images/more-info.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	outline:none;
	text-indent:-9999px;
	position:absolute;
	left: 10px;
	top: 396px;
	}
#contents .eventinfo .moreinfo2 a:hover { background-position:bottom; }	


#contents .info { 
  width:733px;
	height:200px;
	border:double #a3c3e6 1px;
	background:url(../images/info-bg.jpg) 0 0 no-repeat;
	margin-bottom:10px;
	}

#contents .info dl{
	height: 170px;
	padding: 10px 10px 0px 0;
	overflow: hidden;
	overflow-y:auto;
	letter-spacing:2px;
}

#contents .info dl dt{
	width: 100px;
	padding: 5px 10px 5px 15px;
	font-size:13px;
	float: left;
	clear: both;
}

#contents .info dl dd{
	width: 550px;
	padding: 5px 0px 10px 0px;
	font-size:13px;
	margin-left:13px;
	margin-bottom:2px;
}


#contents .photo2 { 
  width:713px;
	height:240px;
	border:double #a3c3e6 1px;
	margin-bottom:15px;
	padding:10px;
	position:relative;
	}
	
#contents .photo2 .bun { line-height:210%; font-size:115%; }
#contents .photo2 .date { font-weight:bold; margin-bottom:10px; font-size:120%; padding-top:5px; }


#contents .photo2 .morephoto a {
	display:block;
	width:200px;
	height:25px;
	background:url(../images/morephoto.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	outline:none;
	text-indent:-9999px;
	position:absolute;
	left: 529px;
	top: 230px;
	}
#contents .photo2 .morephoto a:hover { background-position:bottom; }	


#contents .link { width:515px; height:200px; margin-bottom:10px; margin-top:15px; float:left; }
#contents .link li { display:inline; font-size:10px; margin-bottom:5px; line-height:180%; }

#contents .pagetop a { 
  display:block;
	width:190px;
	height:80px;
	margin-top:45px;
	background:url(../images/pagetop.gif) 0 0 no-repeat;
	outline:none;
	text-indent:-9999px;
	float:right;
	}
#contents .pagetop a:hover { background-position:bottom; }