/*/////////////////////////////////////////////////////////////////*/
/* 総合トップ                                                      */
/*/////////////////////////////////////////////////////////////////*/

/*=================================================================*/
/*	main_image                                                     */
/*=================================================================*/
#slider {
	width: 1020px;
	margin: 0 auto 50px auto;
	}
	
	/*	bx-wrapper
	---------------------------------------------------------------*/
	.bx-wrapper { position: relative; }
		
		.bx-wrapper .bx-controls a {
			position: absolute;
			top: 170px;
			width: 32px;
			height: 62px;
			display: block;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			}
			
		.bx-wrapper .bx-controls a.bx-prev {
			left: -62px;
			background: url(../../img/top/btn_prev.png) no-repeat 0 0;
			}
			
		.bx-wrapper .bx-controls a.bx-next {
			right: -62px;
			background: url(../../img/top/btn_next.png) no-repeat 0 0;
			}
			
	/*	rent_buy
	---------------------------------------------------------------*/
	.rent_buy {
		position: relative;
		line-height: 100%;
		}
		
		.rent_buy a {
			width: 510px;
			height: 400px;
			position: relative;
			display: block;
			text-decoration: none;
			}
			
		.rent_buy a.rent {
			float: left;
			background: #F2BC00;
			}
			
		.rent_buy a.buy {
			float: right;
			background: #1BBC9B;
			}
			
			.rent_buy a dl dd {
				background: url(../../img/top/icon_arrow.png) no-repeat 470px 30px;
				color: #fff;
				text-decoration: none;
				font-size: 160%;
				padding-top: 30px;
				height: 50px;
				}
				
			.rent_buy a.rent img.cover ,
			.rent_buy a.buy img.cover {
				position: absolute;
				top: 0;
				left: 0;
				}
				
			.rent_buy a.rent p.cover ,
			.rent_buy a.buy p.cover {
				position: absolute;
				top: 275px;
				left: 105px;
				color: #fff;
				font-size: 90%;
				}
				
		#rent_vertical_box {
			position: absolute;
			top: -320px;
			left: 0;
			height: 320px;
			width: 510px;
			}
			
		#buy_vertical_box {
			position: absolute;
			top: -320px;
			left: 0;
			height: 320px;
			width: 510px;
			}
			
	.rent_buy img.rec_logo {
		position: absolute;
		top: 105px;
		left: 400px;
		}
		
		
/*=================================================================*/
/*	contents                                                       */
/*=================================================================*/
#contents {
	padding: 0 0 40px 0;
	text-align: left;
	margin: 0 auto;
	font-size: 80%;
	}
	
	/*	h2 (about/admission)
	---------------------------------------------------------------*/
	#contents #about h2 ,
	#contents #admission h2 ,
	#contents #cate h2 {
		background: url(../../img/theme/bg_h2.gif) no-repeat 0 4px;
		border-bottom: 1px solid #EBECED;
		padding: 0 0 15px 28px;
		font-family:'Helvetica','メイリオ','Meiryo','Osaka','Open Sans', sans-serif;
		font-weight: normal;
		font-size: 170%;
		margin-bottom: 30px;
		}
		
		#contents #about h2 em ,
		#contents #admission h2 em {
			background: url(../../img/top/bg_h2_line.gif) no-repeat 15px center;
			font-style: normal;
			padding: 4px 0 4px 50px;
			font-size: 65%;
			vertical-align: 3px;
			}
			
	/*	about
	---------------------------------------------------------------*/
	#contents #about {
		width: 1000px;
		padding: 0 10px 50px 10px;
		margin: 0 auto;
		}
		
		#contents .nav_about {
			margin-right: -20px;
			overflow: hidden;
			}
			
		/*	dl
		-----------------------------------------------------------*/
		#contents .nav_about dl {
			float: left;
			margin-right: 20px;
			width: 235px;
			}
			
			#contents .nav_about dl dt {
				width: 235px;
				height: 180px;
				margin-bottom: 15px;
				overflow: hidden;
				}
				
				#contents .nav_about dl dt img {
					-webkit-transition:0.2s ease-in-out;
					-moz-transition:0.2s ease-in-out;
					-ms-transition:0.2s ease-in-out;
					-o-transition:0.2s ease-in-out;
					transition:0.2s ease-in-out;
					}
					
				#contents .nav_about dl dt img:hover {
					-webkit-transform:scale(1.1,1.1);
					-moz-transform:scale(1.1,1.1);
					-ms-transform:scale(1.1,1.1);
					-o-transform:scale(1.1,1.1);
					transform:scale(1.1,1.1);
					}
					
			#contents .nav_about dl dd {
				line-height: 150%;
				}
				
			#contents .nav_about dl dd.entry {
				background: url(../../img/theme/icon_list.gif) no-repeat left center;
				padding-left: 20px;
				font-weight: bold;
				font-size: 110%;
				margin-bottom: 12px;
				}
				
	/*	admission
	---------------------------------------------------------------*/
	#admission { background: #F8F9F4; }
		
		#admission .in {
			width: 1000px;
			padding: 50px 10px 40px 10px;
			margin: 0 auto;
			}
			
		/*	h2
		-----------------------------------------------------------*/
		#contents #admission .in h2 {
			border: none;
			padding-bottom: 30px;
			margin: 0;
			}
			
		/*	pickup
		-----------------------------------------------------------*/
		#admission .in .pickup {
			margin-right: -20px;
			overflow: hidden;
			}
			
			#admission .in .pickup a {
				float: left;
				margin-right: 20px;
				width: 320px;
				height: 140px;
				display: block;
				text-decoration: none;
				line-height: 140%;
				}
				
			#admission .in .pickup a.campaign { background: url(../../img/top/img_campaign.jpg) no-repeat 0 0; }
				#admission .in .pickup a.campaign:hover { background-position: 0 -140px; }
			#admission .in .pickup a.system { background: url(../../img/top/img_system.jpg) no-repeat 0 0; }
				#admission .in .pickup a.system:hover { background-position: 0 -140px; }
			#admission .in .pickup a.trial { background: url(../../img/top/img_trial.jpg) no-repeat 0 0; }
				#admission .in .pickup a.trial:hover { background-position: 0 -140px; }
				
			/*	dl
			-------------------------------------------------------*/
			#admission dl dt {
				font-size: 120%;
				font-weight: bold;
				padding: 33px 0 0 14px;
				}
				
				#admission dl dt strong { color: #EC2020; }
				
			#admission dl dd { padding: 17px 0 0 14px; }
			
	/*	other
	---------------------------------------------------------------*/
	#other {
		/* background: url(../../img/theme/line.gif) repeat-y center center; */
		width: 1000px;
		padding: 10px 10px 0px 10px;
		margin: 40px auto;
		}
		
		/*	title (news/iebon)
		-----------------------------------------------------------*/
		#other .title { margin-bottom: 25px; }
			
			/*	h2
			-------------------------------------------------------*/
			#other h2 {
				float: left;
				font-family:'Helvetica','メイリオ','Meiryo','Osaka','Open Sans', sans-serif;
				font-weight: normal;
				font-size: 170%;
				}
				
			/*	ul
			-------------------------------------------------------*/
			#other .title ul {
				float: right;
				font-size: 90%;
				}
				
				#other .title ul li { float: left; }
					
					#other .title ul li a {
						text-decoration: none;
						background: url(../../img/theme/icon_list.gif) no-repeat 0 0;
						padding-left: 18px;
						margin-left: 15px;
						}
						
					#other .title ul li a:hover { color: #999; }
						
						#other .title ul li.rss a {
							background: none;
							padding: 0;
							}
							
						#other .title ul li a img { vertical-align: middle; }
						
		/*	news
		-----------------------------------------------------------*/
		#news {
			float: left;
			width: 1000px;
			}
			
			#news ul.body {
				border: 1px solid #EBECED;
				background: #FCFCFC;
				line-height: 140%;
				padding: 22px 20px;
				}
				
				
				#news ul.body li:after {
					content: ".";
					display: block;
					height: 0;
					clear: both;
					visibility: hidden;
					}
				#news ul.body li { display: inline-block; }
				/* Hides from IE-mac \*/ 
				* html #news ul.body li { height: 1%; }
				#news ul.body li { display: block; }
				/* End hide from IE-mac */
				#news ul.body li {
					padding: 11px 0;
					}
					
				#news ul.body li span {
					float: left;
					width: 120px;
					}
					
				#news ul.body li a {
					float: right;
					width: 838px;
					}
					
		/*	iebon
		-----------------------------------------------------------*/
		#iebon {
			float: right;
			width: 480px;
			}
			
	/*	cate
	---------------------------------------------------------------*/
	#cate {
		border-top: 1px solid #EBECED;
		}
		
		#cate .in {
			width: 1000px;
			padding: 40px 10px 0 10px;
			margin: 0 auto;
			}
			
		/*	h2
		-----------------------------------------------------------*/
		#contents #cate .in h2 {
			border: none;
			padding-bottom: 20px;
			margin: 0;
			}
			
		/*	catenav
		-----------------------------------------------------------*/
		#contents #cate .catenav {
			background: url(../../img/theme/line.gif) repeat-y center center;
			}
			
			/*	rent
			-------------------------------------------------------*/
			.catenav .rent {
				float: left;
				width: 500px;
				}
				
			/*	buy
			-------------------------------------------------------*/
			.catenav .buy {
				float: right;
				width: 480px;
				}
				
			/*	common
			-------------------------------------------------------*/
			#contents #cate .catenav dl {
				float: left;
				width: 280px;
				}
				
				#contents #cate .catenav dl dt {
					background: url(../../img/theme/icon_list.gif) no-repeat left center;
					padding-left: 20px;
					font-weight: bold;
					font-size: 110%;
					margin-bottom: 3px;
					}
					
					#contents #cate .catenav dl dt a {
						text-decoration: none;
						color: #444;
						}
						
						#contents #cate .catenav dl dt a:hover { color: #999; }
						
				#contents #cate .catenav dl dd {
					background: url(../../img/theme/icon_f_list.gif) no-repeat 11px center;
					padding-left: 22px;
					margin-bottom: 3px;
					}
					
					#contents #cate .catenav dl dd a {
						text-decoration: none;
						color: #444;
						}
						
						#contents #cate .catenav dl dd a:hover { color: #999; }
						
			#contents #cate .catenav ul {
				width: 200px;
				float: left;
				}
				
				#contents #cate .catenav ul li {
					background: url(../../img/theme/icon_list.gif) no-repeat left center;
					padding-left: 20px;
					font-weight: bold;
					font-size: 110%;
					margin-bottom: 3px;
					}
					
					#contents #cate .catenav ul li a {
						text-decoration: none;
						color: #444;
						}
						
						#contents #cate .catenav ul li a:hover { color: #999; }