@charset "utf-8";


/*-----------------------------
	#contents
------------------------------*/

#contents{
	width:760px;
	padding:0 0 0 40px;
}

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

#main{
	padding-bottom:40px;
}

#main .miyage{
	padding:20px 0 15px;
}
#main .read{
	padding:0 0 30px;
}

/* box */
#main .box{
	width:350px;
	float:left;
}
#main .box .title{
	width:350px;
	height:25px;
	padding:2px 0 0  23px;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	background:url(images/box_title.gif) no-repeat left top;
}
#main .box .title span{
	color:#FFFF33;
}
#main .box .note{
	width:350px;
	padding:10px 0 30px;
	background:url(images/box_bg.jpg) repeat-x left top;
}
#main .box .note .photo{
	width:100px;
	float:left;
	text-align:center;
	padding:0 10px 0 15px;
}
#main .box .note .right{
	float:right;
	width:210px;
	padding-right:15px;
}
#main .box .note .right .memo{
	color:#330000;
	width:210px;
	float:right;
	padding-bottom:8px;
}
#main .box .note .right .com{
	color:#330000;
	width:100%;
	padding-bottom:8px;
	clear:both;
	text-align:right;
}
#main .box .note .right .site{
	width:100%;
	text-align:right;
	clear:both;
}

/*-----------------------------
	gra
------------------------------*/

#main .gra{
	clear:both;
	padding:30px 0;
}
#main .gra table{
	border:2px solid #333399;
	text-align:left;
	margin:0 auto;
}
#main .gra table td{
	padding:5px;
}
#main .gra table td a{
	color:#fff;
	text-decoration:underline;
}
#main .gra table td a:hover{
	color:#fff;
	text-decoration:none;
}












/*-----------------------------
	new.html
------------------------------*/

#new #main{
	padding-bottom:40px;
}


/* newbox */
#new #main .newbox{
	clear:both;
	width:645px;
	padding-left:20px;
}
#new #main .newbox .title{
	border-left:4px solid #333399;
	padding-left:10px;
	font-size:150%;
	color:#333399;
	font-weight:bold;
}
#new #main .newbox .read{
	padding:8px 0 20px 15px;
}
#new #main .newbox ul{
	width:100%;
	padding-bottom:10px;
}
#new #main .newbox li{
	position:relative;
	height:200px;
	float:left;
	padding-right:20px;
}
#new #main .newbox li p{
	position:absolute;
	left:2px;
	bottom:-17px;
	font-size:85%;
	width: 150px;
}
#new #main .newbox p.memo{
	clear:both;
	padding:25px 0 15px;
}
#new #main .newbox p.link{
	width:100%;
	text-align:right;
}