@charset "utf-8";

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


/* Stylesheet Document */

@media screen {

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

	body.top {
	}


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

	body.top #main div.title {
		border-top: 1px dashed #000000;
		margin: 0 0 44px 0;
		padding: 14px 0 0 0;
		position: relative;
	}

	body.top #main div.title h4,
		body.top #main div.title ul.icon,
			body.top #main div.title a.readmore {
				position: relative;
	}

	body.top #main div.title h4 {
		color: #000000;
		display: inline-block;
		line-height: 28px;
		margin-bottom: 0;
		margin-right: 22px;
	}

	body.top #main div.title h4 img {
		height: 28px;
		width: auto;
	}

	body.top #main div.title h4 img {
		vertical-align: middle;
		width: auto;
	}

	body.top #main div.title.news h4 img {
		height: 28px;
		display: inline-block;
		margin-right: 6px;
		vertical-align: bottom;
	}

	body.top #main ul.icon li:last-child {
		margin-right: 0;
	}

	body.top #main ul.photolist {
		margin-left: -3px;
		margin-right: -3px;
		width: 984px;
		font-size: 80%;
	}
	
	


	body.top #main ul.photolist > li {
		margin-left: 3px;
		margin-right: 3px;
		width: 240px;
	}

	body.top #main ul.photolist > li.click {
		cursor: pointer;
	}

	body.top #main ul.photolist li a,
		body.top #main ul.photolist li a img {
			display: block;
	}

	body.top #main ul.photolist li a {
		overflow: hidden;
		margin-bottom: 0;
	}

	body.top #main ul.photolist li a img {
		height: 175px;
		width: auto;
	}

	body.top #main ul.photolist li > p {
		display: none;
	}

	body.top #main ul.photolist li div.comment {
		background-color: #C0C0C0;
		padding: 12px;
	}

	body.top #main ul.photolist li div.comment ul.icon,
		body.top #main ul.photolist li div.comment ul.icon li {
			margin-bottom: 0;
	}

	body.top #main ul.photolist li div.comment ul.icon {
		background-color: inherit;
		height: 22px;
		padding: 0;
	}

	body.top #main ul.photolist li div.comment ul.icon li.dnone {
		display: none;
	}

	body.top #main ul.photolist li div.comment ul.icon li {
		margin-right: 0;
	}

	body.top #main ul.photolist li div.comment ul.icon li img {
		margin-right: 6px;
		vertical-align: middle;
	}

	body.top #main ul.photolist li div.comment ul.icon + p {
		clear: both;
	}


	/* ========================================
	   * 領域設定 - Top Image -
	======================================== */

	body.top #topimage {
		margin: 0 -20px 124px -20px;
		text-align: left;
		width: 1024px;
	}

	body.top #topimage h2 {
		margin-bottom: 66px;
		text-align: center;
	}

	body.top #topimage div#slider {
		/*margin: 0 0 80px 0;*/
		margin: 0 0 40px 0;
		position: relative;
		height: 285px;
		width: 100%;
	}

	body.top #topimage div#slider ul.photo {
		list-style-type: none;
		margin-bottom: 14px;
		margin-left: 0;
		position: relative;
	}

	body.top #topimage div#slider ul.photo li a,
		#topimage ul.photo li a img {
			display: block;
	}

	#topimage ul.photo li a img {
		height: auto;
		width: 100%;
	}

	body.top #topimage div#slider ul.photo li {
		height: 100%;
		position: absolute;
	}

	body.top #topimage div#slider ul.photo li a {
		position: relative;
	}

	body.top #topimage div#slider nav.controller ul.controller {
		list-style-type: none;
		height: 12px;
		margin-left: auto;
		margin-right: auto;
	}

	body.top #topimage div#slider nav.controller {
		bottom: 10px;
		position: absolute;
		z-index: 10;
	}

	body.top #topimage div#slider nav.controller ul.controller {
		margin-bottom: 0;
	}

	body.top #topimage div#slider nav.controller ul.controller li {
		background: url("../../../top/img/btn_topimage.png") left top no-repeat;
		cursor: pointer;
		float: left;
		margin-left: 5px;
		margin-right: 5px;
		height: 12px;
		text-indent: -9999px;
		width: 12px;
	}

	body.top #topimage div#slider nav.controller ul.controller li:hover,
		body.top #topimage div#slider nav.controller ul.controller li.current {
			background-position: left -12px;
	}

	body.top #topimage img#img_topimage {
		display: block;
		margin: 0 0 10px 0;
	}

	body.top #topimage img#img_topimage + br {
		dispaly: none;
	}

	body.top #topimage div.photo {
		margin: 0 auto 0 auto;
		width: 1020px;
	}

	body.top #topimage div.photo ul {
		list-style-type: none;
		margin: 0 -24px 74px -24px;
		width: 1068px;
	}

	body.top #topimage div.photo ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.top #topimage div.photo ul li {
		float: left;
		margin-left: 38px;
		margin-right: 38px;
		text-align: center;
		width: 280px;
	}

	body.top #topimage div.photo ul li div.icon {
		margin: 0 0 36px 0;
		position: relative;
	}

	body.top #topimage div.photo ul li div.icon > img {
		display: block;
		margin: 0 auto 0 auto;
		position: relative;
		vertical-align: middle;
		width: auto;
	}

	body.top #topimage div.photo ul li img.icon + br {
		dispaly: none;
	}

	body.top #topimage div.photo ul li.tp div.icon > img {
		height: 32px;
	}

	body.top #topimage div.photo ul li.ds div.icon > img {
		height: 30px;
	}

	body.top #topimage div.photo ul li.ps div.icon > img {
		height: 40px;
	}

	body.top #topimage div.photo ul li h3 {
		border-bottom: none;
		font-size: 212%;
		margin-bottom: 38px;
		padding-bottom: 0;
	}

	body.top #topimage div.photo ul li a {
		behavior: url("/libs/common/pie/PIE.htc");
		background-color: #FFFFFF;
		border-radius: 50%;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
		display: block;
		height: 268px;
		overflow: hidden;
		position: relative;
		width: 268px;
		z-index: 1;
	}

	body.top #topimage div.photo ul li a img {
		display: block;
		height: auto;
		position: relative;
		transition: all 0.3s ease-in-put;
		width: 100%;
		z-index: 0;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
	}

	body.top #topimage div.photo ul li a:hover img {
	    transform: scale(1.1, 1.1);
	}

	body.top #topimage div.paragraph {
		margin-left: 50px;
		margin-right: 50px;
	}

	body.top #topimage p {
		margin-bottom: 40px;
	}


	/** zy_mov **/
	body.top #topimage div.top_mov {
		margin: 0 0 80px 0;
		position: relative;
		width: 100%;
	}
	body.top #topimage div.top_mov h3 {
		border-bottom: none;
		font-size: 200%;
		margin-bottom: 5px;
		padding-bottom: 0;
		color: #00578b;
	}
	body.top #topimage div.top_mov .mov_wrapp{
		width: 100%;
		margin-bottom: 10px;
	}
	
	
	
	body.top #topimage table.mov,
		body.top #topimage table td{
			border: none;
			padding-left: 6px;
			padding-right: 6px;
			padding-bottom: 0px;
	}
	body.top #topimage table.mov td.cap{
			font-size: 80%;
	}
	
	#zy_mov{
		clear: both;
	}
	#zy_mov .mov{
		float: left;
		margin-right: 10px;
	}
	
	#topimage #mid_ban{ margin-bottom: 60px;}
	#topimage #mid_ban .ban_l{
		width: 500px;
		float: left;
		margin-bottom: 10px;
	}
	#topimage #mid_ban .ban_r{
		width: 500px;
		float: right;
		margin-bottom: 10px;
	}
	
	
}