@charset "utf-8";

/* index
---------------------------------------- */
#news #contents ul.year {
}

#news #contents ul.year li {
	height: 25px;
	margin-right: 8px;
	float: left;
}

#news #contents ul.year li img {
	vertical-align: top;
}

#news #contents #magazine {
	width: 450px;
	float: left;
}

#news #contents #campaign {
	width: 450px;
	float: right;
}

#news #contents #magazine .level2,
#news #contents #campaign .level2 {
	width: 450px;
}

#news #contents #magazine .box,
#news #contents #campaign .box {
	width: 430px;
	padding: 9px;
	border: 1px solid #ccc;
	background-color: #f8f8f8;
	margin-bottom: 10px;
}

#news #contents #campaign .box,
#news #contents #detail .box {
	position: relative;
}

#news #contents #magazine .hover,
#news #contents #campaign .hover {
	cursor: pointer;
	background-color: #f6e9e9;
}

#news #contents #magazine .box .image,
#news #contents #campaign .box .image {
	width: 100px;
	float: left;
}

#news #contents #magazine .box .text,
#news #contents #campaign .box .text {
	width: 320px;
	float: right;
}

#news #contents #campaign .box .icon,
#news #contents #detail .box .icon {
	position: absolute;
	right: 9px;
	top: 9px;
}


/* 詳細ページ
---------------------------------------- */
#news #contents #detail .box {
	width: 900px;
	padding: 9px;
	border: 1px solid #ccc;
	background-color: #f8f8f8;
	margin-bottom: 30px;
}

#news #contents #detail .box .image {
	width: 100px;
	margin-bottom: 10px;
	float: left;
}

#news #contents #detail .box .text {
	width: 790px;
	margin-bottom: 10px;
	float: right;
}

#news #contents #detail .box .largeImage {
	width: 900px;
	background: url(../img/border.gif) repeat-x;
	padding-top: 12px;
	clear: both;
}

#news #contents #detail ul {
	margin-top: -20px;
}

#news #contents #detail ul li {
	float: left;
}

#news #contents #detail ul li.prevMonth,
#news #contents #detail ul li.nextMonth {
	float: right;
}

#news #contents #detail ul li a {
	border: 1px solid #ccc;
	margin: 0 20px 0 0;
	padding: 2px 22px 2px 8px;
	display: block;
	color: #666;
	text-decoration: none;
}

#news #contents #detail ul li.prevMonth a,
#news #contents #detail ul li.nextMonth a {
	width: 7.6em;
	padding: 2px 8px;
	margin: 0 0 0 20px;
}

#news #contents #detail ul li a {
	background: #fff url(../../news/img/arrow_next.gif) right 50% no-repeat;
}

#news #contents #detail ul li.prevMonth a{
	background: #fff url(../../news/img/arrow_prev.gif) left 50% no-repeat;
}

#news #contents #detail ul li a:hover {
	background-color: #f6e9e9;
}

#news #contents #detail ul li.prevMonth {
	text-align: right;
}

#news #contents .section.contactArea {
	margin-bottom: 0;
}

#news #contents .contactArea p {
	margin-bottom: 20px;
	text-align: center;
	font-size: 1.35em;
	font-weight: bold;
}

#news #contents .contactArea .contact {
	width: 900px;
	margin-left: 20px;
	text-align: center;
}

#news #contents .contactArea .contact p {
	width: 395px;
	display: inline;
	margin: 0 20px 0 0;
}