@charset "utf-8";

/*
	* Name: animation.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license

	* Contents:
	  - 領域設定 - レイアウト -
	    - 01. 領域設定 - ID指定 -
	    - 07. 領域設定 - Main -
	  - 個別設定 - Top -
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - レイアウト -
	======================================== */

	#animation {
	}

	#animation footer {
		border-top: 4px solid #153D7B;
	}


	/* ========================================
	   * 01. 領域設定 - ID指定 -
	======================================== */

	#animation #contents {
		background-image: url("../../../img/pc/animation/bg_border.gif");
		border-bottom: 1px solid #D2DAE6;
		border-top: 1px solid #D2DAE6;
	}


	/* ========================================
	   * 07. 領域設定 - Main -
	======================================== */

	#animation #main h3 {
		border-bottom-color: #153D7B;
	}

	#animation #main h3 span {
		background-image: url("../../../img/pc/animation/icon_circle_animation.png");
	}

	#animation #main h3 span.toppage {
		font-size: 130%;
	}

	#main h3 span a.title {
		position: static;
	}

	#animation #main ul.list {
		margin-bottom: 2px;
	}

	#main hr.more {
		border-top: 1px dotted #DCDCDC;
		border-bottom: 0px;
		padding: 0;
		margin: 3px;
	}

	#animation #main div.pagenation ul li a {
		color: #153D7B;
		border: 1px solid #153D7B;
	}

	#animation #main div.pagenation ul li a:hover,
		#animation #main div.pagenation ul li a.current,
			#animation #main div.pagenation ul li a.prev,
				#animation #main div.pagenation ul li a.next {
				background-color: #153D7B;
	}

	#animation #main div.animation {
		margin-bottom: 30px;
	}

	#animation #main div.animation ul.articlelist {
		margin-bottom: -10px;
		margin-left: -10px;
		margin-right: -10px;
		width: 628px;
	}

	#animation #main div.animation ul.articlelist li {
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		padding-left: 6px;
		padding-right: 6px;
		width: 282px;
	}

	#animation #main div.animation ul.articlelist li span.date {
		color: #153D7B;
	}

	#animation #main div.animation ul.articlelist li a {
		color: #11518A;
	}

	#animation #main div.animation ul.articlelist li h4 {
		font-weight: normal;
		margin-bottom: 8px;
	}

	#animation #main div.animation div.pr {
		margin-top: -36px;
	}

	#animation #main div.article {
		border-bottom: 1px dotted #DADAD9;
		margin: 0 0 30px 0;
		padding: 0 0 30px 0;
	}

	#animation #main div.article:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#animation #main div.article div.animationarea,
		#animation #main div.article div.commentarea {
			float: left;
	}

	#animation #mai div.animationarea, 
		#animation #main div.animationarea iframe {
			width: 580px;
	}

	#animation #main div.animationarea {
		margin-left: auto;
		margin-right: auto;
		width: 560px;
	}

	#animation #main div.animationarea iframe {
		height: 320px;
		width: 100%;
	}

	#animation #main div.article div.commentarea {
		margin: 0 14px 0 0;
		width: 252px;
	}

	#animation #main div.article div.commentarea p {
		font-size: 120%;
	}

	#animation #main ul.animationlist {
		clear: both;
		list-style-type: none;
		margin-left: 7px;
		margin-right: 7px;
	}

	#animation #main ul.animationlist li {
		float: left;
		margin-bottom: 24px;
		margin-left: 7px;
		margin-right: 7px;
		width: 134px;
	}

	#animation #main ul.animationlist li a,
		#animation #main ul.animationlist li a img {
			display: block;
	}

	#animation #main ul.animationlist li a {
		border: 1px solid #D3D3D1;
		margin: 0 0 12px 0;
		padding: 6px;
	}

	#animation #main ul.animationlist li a img {
		
	}

	#animation #main ul.animationlist li br {
		display: none;
	}

	#animation #main ul.animationlist li span.date {
		color: #6C6C6C;
	}

	#animation #main ul.animationlist li p {
		color: #666666;
		font-size: 100%;
		line-height: 140%;
	}

	#animation #main ul.articlelist li:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#animation #main ul.articlelist li div.photoarea {
		width: 110px;
	}

	#animation #main ul.articlelist li div.photoarea div.photo {
		border: 1px solid #D3D3D1;
		max-height: 85px;
		max-width: 110px;
	}

	#animation #main ul.articlelist li div.photoarea div.photo img {
		display: block;
		margin: 4px;
		max-height: 75px;
		max-width: 100px;
	}

	#animation #main ul.articlelist li div.infoarea {
		width: 56%;
	}


	/* ========================================
	   * 個別設定 - Top -
	======================================== */

	#animation.home #main div.article div.animationarea, 
		#animation.home #main div.article div.animationarea iframe {
			width: 300px;
	}

	#animation.home #main div.article div.animationarea {
		margin-left: 14px;
		margin-right: 28px;
	}

	#animation.home #main div.article div.animationarea iframe {
		height: 200px;
	}

	#animation.home #main div.pagenation {
		margin-bottom: 42px;
	}

}