@charset "utf-8";

/* ========================================================================================================================/
	
	style.css

/======================================================================================================================== */

/* ------------------------------------------------------------------------------------------------------------------------/
	whatsnew
/------------------------------------------------------------------------------------------------------------------------ */

.whatsnew {
	position:relative;
	width:600px;
	box-sizing:border-box;
	margin:0 auto;
	padding:0 0 10px 0;
	max-height:99999px;
	}
	.whatsnew h2 {
		box-sizing:border-box;
		border-bottom:dotted 1px #cccccc;
		padding:0 0 20px 0;
		}

	.whatsnew .main {
		width:600px;
		box-sizing:border-box;
		background:#ffffff;
		border:solid 3px #efefef;
		padding:30px;
		}

/* メインタイトル部分 */
		.whatsnew .main .main_hd {
			text-align:left;
			}
		.whatsnew .main .main_hd.list-hd {
			position:relative;
			padding:35px 0 25px 0;
			}
		.whatsnew .main .main_hd.detail-hd {
			position:relative;
			padding:0 0 25px 0;
			}
			.whatsnew .main .main_hd h3 {
				font-size:25px;
				text-align:left;
				line-height:140%;
				box-sizing:border-box;
				border-bottom:dotted 1px #cccccc;
				margin:0 0 30px 0;
				padding:0 0 25px 0;
				}
				.whatsnew .main .main_hd h3 small {
					font-size:20px;
					}
			.whatsnew .main .main_hd .date {
				position:absolute;
				top:0;
				left:0;
				display:block;
				color:#ef2d8f;
				font-size:17px;
				font-weight:bold;
				margin:0 0 -25px 0;
				}
			.whatsnew .main .main_hd ul {
				position:absolute;
				top:0;
				right:0;
				list-style:none;
				}
				.whatsnew .main .main_hd ul li {
					line-height:100%;
					box-sizing:border-box;
					background:#efefef;
					}
					.whatsnew .main .main_hd ul li span.cate {
						display:inline-block;
						width:auto;
						color:#232323;
						font-size:15px;
						text-align:center;
						line-height:100%;
						box-sizing:border-box;
						background:#efefef;
						margin:0;
						padding:10px;
						}

/* メイン一覧部分 */
			.whatsnew .main .main_block .dnone {
				text-align:left;
				}
			.whatsnew .main .main_block ul.list {
				list-style:none;
				}
				.whatsnew .main .main_block .list li {
					display:block;
					width:100%;
					font-size:22px;
					text-align:left;
					line-height:140%;
					margin:0 20px 30px 0;
					}
				.whatsnew .main .main_block .list li:nth-of-type(3n) {
					margin:0 0 20px 0;
					}
					.whatsnew .main .main_block .list li a {
						text-decoration:none;
						}
						.whatsnew .main .main_block .list li a .thumb {
							float:left;
							width:200px;
							margin:0 20px 0 0;
							}
							.whatsnew .main .main_block .list li a .thumb img {
								width:200px;
								}
						.whatsnew .main .main_block .list li a .cate {
							display:inline-block;
							width:auto;
							color:#232323;
							font-size:17px;
							line-height:100%;
							box-sizing:border-box;
							background:#efefef;
							margin:10px 0 5px 0;
							padding:10px;
							}
						.whatsnew .main .main_block .list li a .date {
							display:block;
							color:#666666;
							font-size:20px;
							text-decoration:none !important;
							line-height:100%;
							margin:12px 0 7px 0;
							}
						.whatsnew .main .main_block .list li a p {
							text-decoration:underline;
							overflow:auto;
							}

/* メイン詳細部分 */
			.whatsnew .main .main_block .textarea {
				padding-top:50px;
				}
			.whatsnew .main .main_block .textarea.image_r { }
			.whatsnew .main .main_block .textarea.image_c { text-align:center; }
			.whatsnew .main .main_block .textarea.image_l { }
				.whatsnew .main .main_block .textarea.image_r .image { display:block; float:right; margin:0 0 0 30px; }
				.whatsnew .main .main_block .textarea.image_c .image { display:block; margin:0 0 30px 0; }
				.whatsnew .main .main_block .textarea.image_l .image { display:block; float:left; margin:0 30px 0 0; }
				.whatsnew .main .main_block .textarea .text {
					text-align:left;
					box-sizing:border-box;
					word-break:break-all;
					}
					.whatsnew .main .main_block .textarea .image_l .text { float:right; }
					.whatsnew .main .main_block .textarea .image_r .text { float:left; }
				.whatsnew .main .main_block .textarea ul,
				.whatsnew .main .main_block .textarea ol {
					list-style:inherit;
					margin-left:1.5em;
					}
				.whatsnew .main .main_block .textarea ol {
					list-style:decimal;
					}
			.whatsnew .main .main_block .ua-pc .image a img {
				transition:opacity 0.2s ease;
				}
			.whatsnew .main .main_block .textarea .datafile {
				display:inline-block;
				color:#232323;
				font-size:20px;
				text-align:center;
				text-decoration:none;
				line-height:50px;
				box-sizing:border-box;
				border:solid 3px #efefef;
				margin-bottom:15px;
				padding:0 20px 0 60px;
				}
			.whatsnew .main .main_block .textarea .datafile.pdf { background:#efefef url("../../image/contents/whatsnew/ic-pdf.png") 20px center no-repeat; }
			.whatsnew .main .main_block .textarea .datafile.doc { background:#efefef url("../../image/contents/whatsnew/ic-doc.png") 20px center no-repeat; }
			.whatsnew .main .main_block .textarea .datafile.xls { background:#efefef url("../../image/contents/whatsnew/ic-xls.png") 20px center no-repeat; }
			.whatsnew .main .main_block .textarea .datafile.ppt { background:#efefef url("../../image/contents/whatsnew/ic-ppt.png") 20px center no-repeat; }
				.whatsnew .main .main_block .textarea .datafile img {
					vertical-align:middle;
					margin-right:0.75em;
					}
	.whatsnew .main .main_block .text {
		width:inherit !important;
		}

/* メイン下部ページ遷移 */
ul.pmove {
	display:table;
	width:calc(100% + 60px);
	margin:50px -30px -30px -30px;
	list-style:none;
	}
	ul.pmove li {
		display:table-cell;
		text-align:left;
		vertical-align:middle;
		line-height:1.5;
		background-color:#ffffff;
		border-top:solid 1px #e4e4e4;
		}
	ul.pmove li:first-child,
	ul.pmove li:last-child {
		width:40%;
		}
	ul.pmove li:nth-child(2) {
		text-align:center;
		border-left:1px solid #efefef;
		border-right:1px solid #efefef;
		white-space:nowrap;
		}
	ul.pmove li:last-child {
		text-align:right;
		}
		ul.pmove li span { color:#aaaaaa; }
		ul.pmove li a,
		ul.pmove li span {
			display:block;
			padding:20px 30px;
			}
		ul.pmove li a 			{ color:#eb2c8c; text-decoration:underline; }
		ul.pmove li a:visited 	{ color:#c1136a; text-decoration:underline; }
		ul.pmove li a:hover 	{ color:#ef5fa7; text-decoration:none; }
		ul.pmove .pmove_af a:before,
		ul.pmove .pmove-af span:before {
			content:"≪";
			display:inline-block;
			margin-right:0.5em;
			}
		ul.pmove .pmove-bf a:after,
		ul.pmove .pmove-bf span:after {
			content:"≫";
			display:inline-block;
			margin-left:0.5em;
			}
		ul.pmove li a,
		ul.pmove li span {
			display:block;
			padding:1em;
			}
		

/* サイド詳細部分 */
	.whatsnew .side {
		width:600px;
		margin:30px 0 0 0;
		}
		.whatsnew .side dl.side_entries {
			text-align:left;
			box-sizing:border-box;
			background:#ffffff;
			border:solid 3px #efefef;
			margin:0 0 30px 0;
			padding:0 30px 30px 30px;
			}
		.whatsnew .side dl.side_entries {
			padding:20px 30px 10px 30px;
			}

/* 最近の記事 */
			.whatsnew .side dl.side_entries dt {
				color:#ffffff;
				font-size:25px;
				font-weight:bold;
				background:#645551;
				margin:-23px -33px 0 -33px;
				padding:10px 20px;
				}
			.whatsnew .side dl.side_entries dd {
				display:block;
				text-align:left;
				box-sizing:border-box;
				border-top:solid 2px #efefef;
				padding:20px 0;
				}
			.whatsnew .side dl.side_entries dd:nth-of-type(1) {
				border:none;
				margin:10px 0 0 0;
				}
				.whatsnew .side dl.side_entries dd a {
					text-decoration:none;
					}
					.whatsnew .side dl.side_entries dd a .thumb {
						display:block;
						float:left;
						width:150px;
						margin:0 20px 0 0;
						}
						.whatsnew .side dl.side_entries dd a .thumb img {
							width:150px;
							}
						.whatsnew .side dl.side_entries dd a .cate {
							display:inline-block;
							float:left;
							width:auto;
							color:#232323;
							font-size:17px;
							line-height:100%;
							box-sizing:border-box;
							background:#efefef;
							margin:0 0 5px 0;
							padding:10px;
							}
						.whatsnew .side dl.side_entries dd a .date {
							display:block;
							float:left;
							width:364px;
							color:#666666;
							font-size:20px;
							text-decoration:none !important;
							line-height:100%;
							margin:12px 0 7px 0;
							}
						.whatsnew .side dl.side_entries dd a p {
							display:block;
							width:364px;
							float:left;
							font-size:22px;
							text-decoration:underline;
							line-height:140%;
							padding:0;
							}
				.whatsnew .side dl.side_entries dd .dnone {
					font-size:22px;
					}