@charset "utf-8";

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

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

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

.whatsnew {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:50px 0 100px 0;
	}

	.whatsnew .main {
		float:left;
		width:770px;
		background:#ffffff;
		box-sizing:border-box;
		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:23px;
				text-align:left;
				line-height:140%;
				box-sizing:border-box;
				border-bottom:dotted 1px #cccccc;
				margin:0 0 30px 0;
				}
				.whatsnew .main .main_hd h3 small {
					font-size:17px;
					}
			.whatsnew .main .main_hd .date {
				position:absolute;
				top:0;
				left:0;
				display:block;
				color:#ef2d8f;
				font-size:12px;
				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:12px;
						text-align:center;
						line-height:100%;
						box-sizing:border-box;
						background:#efefef;
						margin:0;
						padding:5px 10px;
						}

/* メイン一覧部分 */
			.whatsnew .main .main_block .dnone {
				text-align:left;
				}
			.whatsnew .main .main_block ul.list {
				list-style:none;
				}
				.whatsnew .main .main_block .list li {
					float:left;
					display:block;
					width:calc((100% - 60px) / 3);
					font-size:17px;
					text-align:left;
					line-height:140%;
					margin:0 30px 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:hover {
						text-decoration:none;
						}
						.whatsnew .main .main_block .list li a:hover img {
							opacity:0.75;
							filter:alpha(opacity=75);
							-ms-filter:"alpha( opacity=75 )";
							background:#ffffff;
							transition:0.25s;
							}
						.whatsnew .main .main_block .list li a .cate {
							display:inline-block;
							width:auto;
							color:#232323;
							font-size:12px;
							line-height:100%;
							box-sizing:border-box;
							background:#efefef;
							margin:10px 0 5px 0;
							padding:5px 10px;
							}
						.whatsnew .main .main_block .list li a .date {
							display:block;
							color:#666666;
							font-size:15px;
							text-decoration:none !important;
							line-height:100%;
							margin:8px 0 5px 0;
							}
						.whatsnew .main .main_block .list li a p {
							text-decoration:underline;
							margin:3px 0 0 0;
							}
						.whatsnew .main .main_block .list li a:hover p {
							text-decoration:none;
							}

/* メイン詳細部分 */
			.whatsnew .main .main_block .textarea {
				padding-top:30px;
				}
			.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 .text img {
						width:auto;
						height:24px;
						vertical-align:-5px;
						}
				.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 .ua-pc .image a:hover img {
				filter:alpha(opacity=60);
				opacity:0.6;
				-moz-opacity:0.6;
				}
			.whatsnew .main .main_block .textarea .datafile {
				display:inline-block;
				color:#232323;
				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:hover {
				color:#eb2c8c;
				background:#ffffff;
				border:solid 3px #eb2c8c;
				padding:0 40px;
				}
				.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 3px #efefef;
		}
	ul.pmove li:first-child,
	ul.pmove li:last-child {
		width:40%;
		}
	ul.pmove li:nth-child(2) {
		text-align:center;
		border-left:solid 3px #efefef;
		border-right:solid 3px #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;
			font-size:15px;
			margin-right:0.5em;
			}
		ul.pmove .pmove-bf a:after,
		ul.pmove .pmove-bf span:after {
			content:"≫";
			display:inline-block;
			font-size:15px;
			margin-left:0.5em;
			}
		ul.pmove li a,
		ul.pmove li span {
			display:block;
			padding:1em;
			}
		

/* サイド詳細部分 */
	.whatsnew .side {
		float:right;
		width:300px;
		}
		.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:10px 30px 5px 30px;
			}

/* 最近の記事 */
			.whatsnew .side dl.side_entries dt {
				color:#ffffff;
				font-weight:bold;
				background:#645551;
				margin:-13px -33px 0 -33px;
				padding:10px 20px;
				}

			.whatsnew .side dl.side_entries dd {
				display:block;
				font-size:17px;
				text-align:left;
				box-sizing:border-box;
				border-top:solid 1px #efefef;
				padding:10px 0 5px 0;
				}
			.whatsnew .side dl.side_entries dd:nth-of-type(1) {
				border:none;
				}
				.whatsnew .side dl.side_entries dd a {
					display:block;
					padding:20px 0;
					text-decoration:none;
					}
					.whatsnew .side dl.side_entries dd a .thumb {
						display:block;
						float:left;
						margin:0 20px 0 0;
						}
						.whatsnew .side dl.side_entries dd a .thumb img {
							width:75px;
							}
						.whatsnew .side dl.side_entries dd a .cate {
							display:inline-block;
							float:left;
							color:#232323;
							font-size:12px;
							line-height:100%;
							box-sizing:border-box;
							background:#efefef;
							margin:0 0 5px 0;
							padding:5px 10px;
							}
						.whatsnew .side dl.side_entries dd a .date {
							display:block;
							float:left;
							color:#666666;
							font-size:12px;
							line-height:100%;
							margin:8px 0 5px 0;
							}
						.whatsnew .side dl.side_entries dd a p {
							display:block;
							float:left;
							width:139px;
							font-size:15px;
							text-decoration:underline;
							line-height:140%;
							margin:3px 0 0 0;
							padding:0;
							}
						.whatsnew .side dl.side_entries dd a:hover p {
							text-decoration:none;
							}

/* カテゴリ */
			.whatsnew .side dl.side_theme dt {
				color:#ffffff;
				font-weight:bold;
				background:#645551;
				margin:-3px -33px 0 -33px;
				padding:10px 20px;
				}
			.whatsnew .side dl.side_theme dd {
				padding:20px 0 0 0;
				}
				.whatsnew .side dl.side_theme dd ul {
					list-style:none;
					}
					.whatsnew .side dl.side_theme dd ul li {
						position:relative;
						text-align:left;
						box-sizing:border-box;
						padding:0 0 0 15px;
						}
					.whatsnew .side dl.side_theme dd ul li:before {
						content:"＞";
						position:absolute;
						left:0;
						display:inline-block;
						color:#eb2c8c;
						font-size:9px;
						font-weight:bold;
						}
						.whatsnew .side dl.side_theme dd ul li a {
							display:block;
							font-size:15px;
							}
				.whatsnew .side dl.side_entries dd .dnone {
					font-size:17px;
					}