﻿@charset "utf-8";

/*================================================
    AREA COMMON
================================================*/
body#update2015 .area h3.font01 {
	text-align: center;
	margin: 0 auto 20px;
	font-family: 'Noto Sans Japanese';
	font-size: 26px;
	font-weight: 100;
}
body#update2015 .area .contentsNav {
	height: 50px;
	margin: 0 auto 20px;
	color: #333;
	font-size: 14px;
	line-height: 50px;
	background: #f7f7f7;
	padding: 0 0 0 20px;
	overflow: hidden;
	zoom: 1;
}
body#update2015 .area .contentsNav li {
	margin: 0 0 0 60px;
	float: left;
}
body#update2015 .area .contentsNav li:first-child {
	margin: 0;
}
body#update2015 .area .contentsNav li a.active,
body#update2015 .area .contentsNav li a:hover {
	color: #63b2ed;
}


/*================================================
    AREA TOP
================================================*/
body#update2015 #areaTop　{}
body#update2015 #areaTop #sec-01 {
  overflow: hidden;
  zoom: 1;
}

/*================================================
    AREA LIST
================================================*/

/* :::: sec-01 :::: */
body#update2015 #areaList #sec-01 {
	width: 1000px;
	margin: 0 auto 30px;
	overflow: hidden;
	zoom: 1;
}

body#update2015 #areaList #sec-02,
body#update2015 #areaList #sec-03,
body#update2015 #areaList #sec-04 {
	width: 1000px;
	margin: 0 auto 20px;
	overflow: hidden;
	zoom: 1;
}
body#update2015 #areaList #sec-02 h2,
body#update2015 #areaList #sec-03 h2,
body#update2015 #areaList #sec-04 h2 {
	text-align: center;
	margin: 0 auto 20px;
}

/* :::: new icon :::: */
body#update2015  #areaList #sec-03 .ico_new {
	width: 90px;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-align: center;
	color: #fff;
	background-color: #ff5151;
	margin-top: -6px;
	margin-bottom: 6px;
	padding: 0.2em 0;
}


/* :::: sec-04 :::: */
body#update2015 #areaList #sec-04 h4 {
	color: #63b2ed;
	font-size: 16px;
	padding-bottom:10px;
}
body#update2015 #areaList #sec-04 table {
	width: 100%;
	font-size: 12px;
	margin-bottom:20px;
}
body#update2015 #areaList #sec-04 table th {
	background: #ededed;
	border: 1px solid #dfdfdf;
	padding: 16px 0;
	text-align: center;
	font-weight: bold;
}
body#update2015 #areaList #sec-04 table td {
	border: 1px solid #dfdfdf;
	padding: 16px 8px;
	text-align: center;
}
body#update2015 #areaList #sec-04 table td a {
color: #63b2ed;
}
body#update2015 #areaList #sec-04 table .item01 {
	width: 70px;
}
body#update2015 #areaList #sec-04 table .item02 {
	width: 130px;
}
body#update2015 #areaList #sec-04 table .item03 {
	width: 216px;
}
body#update2015 #areaList #sec-04 table .item04 {
	width: 388px;
}
body#update2015 #areaList #sec-04 table .item05 {
	width: 116px;
}
body#update2015 #areaList #sec-04 table .item06 {
	width: 80px;
}
body#update2015 #areaList #sec-04 table .tal {
	text-align: left;
}
body#update2015 #areaList #sec-04 table .evenItem {
	background: #f7f7f7;
}
body#update2015 #areaList #sec-04 .icon {
	width: 50px;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	background: #87d660;
	color: #fff;
	font-size: 80%;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0.2em 0;
	position: relative;
	zoom: 1;
}	
body#update2015 #areaList ul.col-5 .img {
	width: 169px;
	height: 130px;
	margin: 0 auto 10px;
}
body#update2015 #areaList ul.col-5 .ttl {
	font-size: 13px;
	color: #5a2e00;
	margin: 0 auto 5px;
}
body#update2015 #areaList .info {
	text-align: center;
	margin: 0 auto 40px;
}
