@charset "utf-8";

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


/* Stylesheet Document */

@media screen {

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

	body.ps {
	}


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

	body.ps #contents > h2 {
		background-color: rgba(232,184,213,0.7);
	}
	
	
	
	
	
	
	.content_wrap{
	 width: 100%;
	 margin-bottom: 120px;
	}
	
	.content_wrap img{

		float: left;
	
	}

	.content_wrap .dash{
		border-top: 1px dashed #000000;
		margin-bottom: 50px;
	}
	
	
	
	
	
	
	
	/* ========================================
	   * 領域設定 - Top Image -
	======================================== */

	body.ps #topimage {
		/*margin: 0 -20px 124px -20px;*/
		margin: 0 0 124px 0;
		text-align: left;	
	}
	
	body.ps #topimage .paragraph2 {
		margin: 0 0 60px 0;
		padding: 0;
	}
	
	body.ps #topimage .photo{
		
	}
	
	body.ps #topimage .photo .note {
		text-align: center; 
		
		margin-top: 0px;
		margin-bottom: 50px;
		
	}

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

	body.ps #topimage div#slider {
		margin: 0 0 80px 0;
		position: relative;
		width: 100%;
	}
	
	body.ps #topimage div#slider ul{
	
	}

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

	body.ps #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.ps #topimage div#slider ul.photo li {
		height: 100%;
		position: absolute;
	}

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

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

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

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

	body.ps #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.ps #topimage div#slider nav.controller ul.controller li:hover,
		body.ps #topimage div#slider nav.controller ul.controller li.current {
			background-position: left -12px;
	}

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

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

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

	body.ps #topimage div.photo ul {
		
		list-style-type: none;
		margin: 0 0 74px 0;
		text-align: center;
	}

	body.ps #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.ps #topimage div.photo ul li {
		float: left;
		margin-left: 138px;
		margin-right: 60px;
		text-align: center;
		width: 280px;

	}

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

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

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




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

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

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

	body.ps #topimage div.photo ul li h3 {
		border-bottom: none;
		font-size: 212%;
		line-height: 1.5em;
		margin-bottom: 17px;
		padding-bottom: 0;
	}

	body.ps #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.ps #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.ps #topimage div.photo ul li a:hover img {
	    transform: scale(1.1, 1.1);
	}

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

	body.ps #topimage p {
		margin-bottom: 40px;
	}
	
	
	
	
	/* ========================================
	   * 領域設定 - Kidz Touch -
	======================================== */
	
	.KT_top{
		background: url("/libs/ps/img/kidztouch/kidztouchtop.png") left top no-repeat;
		width: 980px;
		height: 738px;
		margin-top: -20px;
		margin-bottom: 50px;
	}
	.kidztouch_mov{
		width: 430px;
		height: 242px;
		margin-top: -740px;
		margin-left: 513px;
		margin-bottom: 500px;
	}
	
	
	.pack4{
		height: 1295px;
		margin-bottom: 80px;
	}
	
	.kidztouch_custam{
		height: 982px;
		margin-bottom: 80px;
	}
	.kidztouch_TDS1{
		height: 432px;
		margin-bottom: 10px;
	}
	.kidztouch_TDS2{
		height: 172px;
		margin-bottom: 80px;
	}

	.kidztouch_Case{
		height: 69px;
		margin-bottom: 20px;
	}
}