@charset "EUC-JP";
/*@import "../../../../r_css/imports.css";*/

@import "/r_css/imports.css";
@import "/r_css/parts/cmslist.css";
@import "/common/css/special_recommend2.css";
@import "/etc/animation/css/recommend_mini.css";


/*----------------------------------------------------------------

	contents CSS

	1.header

	2.main

	3.footer


----------------------------------------------------------------*/


/* contents
========================================== */
div#contents div#spContents {
	width: 715px;
	overflow: hidden;
}
/* 1.header
========================================== */
div#contents div#spContents div#header {
	background: url(../img/bg_header.gif) no-repeat;
	position: relative;
	width: 715px;
	border-bottom: 3px solid #005f95;
	zoom:1;
}
div#contents div#spContents div#header h1 {
	position: absolute;
	top: 0;
	left: 0;
}
div#contents div#spContents div#header:after {
	content: "";
	display: block;
	clear: both;
}
div#contents div#spContents div#header div.thumb {
	margin-left: 419px;
	padding-top: 10px;
}
div#contents div#spContents div#header div.menu {
	margin-left: 103px;
	margin-top: 10px;
}
div#contents div#spContents div#header div.menu h4 {
	clear: both;
}
div#contents div#spContents div#header div.menu h4 a {
	background-image: url(../img/menu.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 0 !important;
	height /**/ : 0;
	padding-top: 30px;
	overflow: hidden;
	display: block;
}
div#contents div#spContents div#header div.menu  h4.mon1600 a {
	background-position: 0 -30px;
}
div#contents div#spContents div#header div.menu  h4.mon1600 a:hover {
	background-position: -600px -30px;
}
div#contents div#spContents div#header div.menu h4.tue1600 a {
	background-position: 0 -60px;
}
div#contents div#spContents div#header div.menu h4.tue1600 a:hover {
	background-position: -600px -60px;
}
div#contents div#spContents div#header div.menu h4.wed1600 a {
	background-position: 0 -90px;
}
div#contents div#spContents div#header div.menu h4.wed1600 a:hover {
	background-position: -600px -90px;
}
div#contents div#spContents div#header div.menu h4.thu1600 a {
	background-position: 0 -120px;
}
div#contents div#spContents div#header div.menu h4.thu1600 a:hover {
	background-position: -600px -120px;
}
div#contents div#spContents div#header div.menu h4.fri1600 a {
	background-position: 0 -150px;
}
div#contents div#spContents div#header div.menu h4.fri1600 a:hover {
	background-position: -600px -150px;
}
div#contents div#spContents div#header div.menu {
	font-size: 12px;
}
div#contents div#spContents div#header div.menu ul {
	padding-bottom: 8px;
	zoom: 1;
	margin-top: 5px;
}
div#contents div#spContents div#header div.menu ul:after {
	content: "";
	display: block;
	clear: both;
}
div#contents div#spContents div#header div.menu ul li {
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	width: 290px;
	padding-bottom: 3px;
	font-size: 12px;
}
div#contents div#spContents div#header div.menu ul li a {
	color: #e60012;
	font-weight: bold;
	background: url(../img/arrow.png) no-repeat right 50%;
	padding-right: 10px;
	width: 290px;
}
div#contents div#spContents div#header div.menu ul li a:hover {
	color: #007d5e;
	background: url(../img/arrow_o.png) no-repeat right 50%;
}
/* contentsList
========================================== */
div#contents div#spContents div#contents {
	margin: 0;
}
div#contents div#spContents div#contents div#mon1600,
div#contents div#spContents div#contents div#tue1600,
div#contents div#spContents div#contents div#wed1600,
div#contents div#spContents div#contents div#thu1600,
div#contents div#spContents div#contents div#fri1600 {
	background-image: url(../img/ttl_update.gif);
	background-repeat: no-repeat;
	height: 0 !important;
	height /**/ : 36px;
	padding-top: 36px;
	width: 715px;
	overflow: hidden;
	margin-top: 10px;
}
div#contents div#spContents div#contents div#mon1600 {
	background-position: 0 -36px;
}
div#contents div#spContents div#contents div#tue1600 {
	background-position: 0 -72px;
}
div#contents div#spContents div#contents div#wed1600 {
	background-position: 0 -108px;
}
div#contents div#spContents div#contents div#thu1600 {
	background-position: 0 -144px;
}
div#contents div#spContents div#contents div#fri1600 {
	background-position: 0 -180px;
}
div#contents div#spContents div#contents div.list {
	border: 3px solid #005f95;
	padding: 5px;
	margin-top: 10px;
}
div#contents div#spContents div#contents div.list h2 {
	background: url(../img/bg_ttl.gif) no-repeat;
	height: 699px;
	height: 33px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 1em;
	padding-top: 9px;
}
div#contents div#spContents div#contents div.list h4 {
	color: #005f95;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
div#contents div#spContents div#contents div.list ul {
	zoom:1;
}
div#contents div#spContents div#contents div.list ul:after {
	content: "";
	display: block;
	clear: both;
}
div#contents div#spContents div#contents div.list h3.catch {
	font-size: 14px;
	text-align: center;
	line-height: 1.6em;
	font-weight: bold;
	letter-spacing: 0.2em;
}
div#contents div#spContents div#contents div.list p.logo {
	text-align: center;
}
div#contents div#spContents div#contents div.list div.main {
	margin-top: 8px;
	margin: 8px 10px 0;
	zoom:1;
}
div#contents div#spContents div#contents div.list div.main:after {
	content: "";
	display: block;
	clear: both;
}

div#contents div#spContents div#contents div.list div.main div {
	float: left;
}
div#contents div#spContents div#contents div.list div.main div.info {
	margin-left: 10px;
	width: 417px;
}
div#contents div#spContents div#contents div.list div.main div.mainImg img {
	border: 1px solid #a9a9a9;
}
div#contents div#spContents div#contents div.list div.main div.info p.txtUpdateInfo {
	font-weight: bold;
	color: #005f95;
}
div#contents div#spContents div#contents div.list div.main div.info ul.updateInfo {
	background: #e8e8e8;
	padding: 10px;
	zoom:1;
}
div#contents div#spContents div#contents div.list div.main div.info ul.updateInfo:after {
	content: "";
    display: block;
    clear: both;
}
div#contents div#spContents div#contents div.list div.main div.info ul.updateInfo li {
	font-weight: bold;
	float: left;
}
div#contents div#spContents div#contents div.list div.main div.info ul.column1 li {
	width: 100%;
}
div#contents div#spContents div#contents div.list div.main div.info ul.column3 li {
	width: 33%;
}
div#contents div#spContents div#contents div.list div.main div.info ul.column2 li {
	width: 50%;
}
div#contents div#spContents div#contents div.list div.main div.info p.notes {
	font-size: 10px;
	text-align: right;
	font-weight: normal;
	width: 100%;
	margin-top: 5px;
}
div#contents div#spContents div#contents div.list div.main div.info ul.watch {
	margin-top: 5px;
	border: 2px solid #004873;
	background: #dcf2ff;
	text-align: center;
}
div#contents div#spContents div#contents div.list div.main div.info ul.watch:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#contents div#spContents div#contents div.list div.main div.info ul.watch li.title {
	background: #004873;
	color: #fff;
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
}
div#contents div#spContents div#contents div.list div.main div.info ul.watch li.icon ,
div#contents div#spContents div#contents div.list div.main div.info ul.watch li.btn {
	display: inline;
	padding: 0 5px;
}
div#contents div#spContents div#contents div.list div.detail {
	clear: both;
	padding-top: 10px;
}
div#contents div#spContents div#contents div.list div.detail a {
	background: url(../img/btn_details.gif) no-repeat;
	height: 0 !important;
	height /**/ : 41px;
	padding-top: 41px;
	width: 709px;
	overflow: hidden;
	display: block;
	margin: 10px -5px -5px -5px;
}
div#contents div#spContents div#contents div.list div.detail a:hover {
	background: url(../img/btn_details.gif) no-repeat 0 -41px;
	height: 0 !important;
	height /**/ : 41px;
	padding-top: 41px;
	width: 709px;
	overflow: hidden;
	display: block;
	margin: 10px -5px -5px -5px;
}
div#contents div#spContents .toTOP {
	text-align: right;
	font-size: 10px;
	padding-top: 10px;
	clear: both;
}
div#contents div#spContents #copyright {
	clear: both;
	font-size: 10px;
	line-height: 1.7em;
	padding-top: 10px;
}
#clientEnvironments.w695center {
	width: 652px !important;
}
#clientEnvironments {
	margin-bottom: -10px !important;
}
div#contents div#spContents .schedule {
	overflow: hidden;
	*zoom: 1;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 760px;
}
div#contents div#spContents .schedule h2 {
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2;
	background-color: #1a5e88;
	color: #fff;
	padding: 5px;
}

div#contents div#spContents .schedule .scheduleList {
/* 	width: 47%; */
/* 	margin-right: 2%; */
/* 	float: left; */
	overflow: hidden;
	*zoom: 1;
	margin-top: 10px;
}
div#contents div#spContents .schedule .scheduleList li {
	margin-bottom: 5px;
	width: 47%;
	margin-right: 2%;
	float: left;
}
div#contents div#spContents .schedule .scheduleList h3 {
	font-weight: bold;
	color: #1a5e88;
	margin-bottom: 15px;
	margin-top: 8px;
	border-bottom: solid 1px #1a5e88;
	padding-bottom: 5px;
}
div#contents div#spContents .schedule .notes{
	clear: both;
	padding-top: 15px;
	color: #c11f1f;
	text-align: right;
}
div.main p.txtUpdateInfo {
    display: none;
}
div.main ul.updateInfo {
    display: none;
}
div.main p.notes {
    display: none;
}
div.main {
    position: relative;
}
div.main ul.watch {
    position: absolute;
    bottom: 75px;
    right: 5px;
    width: 403px;
}