@charset "Shift_JIS";

@import "common/layout.css";

/*-------------------------------------------------------------------------
	Header
/*-----------------------------------------------------------------------*/
#header {
	margin-bottom:0;
}

/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/
#title {
	overflow:hidden;
}

	#title h1 {
		width:478px;
		margin:0 auto;
	}

	#title .navi {
		position:absolute;
		left:0;
		top:0;
		margin-right:-478px;
	}
	
		#title .navi li {
			display:inline;
			float:left;
			position:relative;
			width:241px;
			height:80px;
			margin-right:478px;
			z-index:0;
		}
		
		#title .navi li.hover {
			z-index:1;
		}
			
			#title .navi li span {
				display:none;
				position:absolute;
				left:0;
				top:80px;
			}
			
			#title .navi li.hover span {
				display:block;
			}
			
			#title .navi li.no007 span {
				left:20px;
			}
			
			#title .navi li.no008 span {
				left:40px;
			}
			
			#title .navi li.no009 span {
				left:50px;
				top:-138px;
			}
			
			#title .navi li.no010 span {
				top:-124px;
			}
			
			#title .navi li.no011 span {
				left:30px;
				top:-106px;
			}
			
			#title .navi li.no012 span {
				top:-114px;
			}
			
			#title .navi li.no013 span {
				top:-154px;
			}
			
			#title .navi li.no014 span {
				top:-142px;
			}
			
			#title .navi li.no015 span {
				top:-152px;
			}
			
			#title .navi li.no016 span {
				top:-130px;
			}
		
/*-------------------------------------------------------------------------
	Info
/*-----------------------------------------------------------------------*/
#info {
	height:381px;
	padding:18px 0;
	background:url(../img/index/info/bg.png) repeat-x center top;
	z-index:1;
}

	#info .summary {
		margin-bottom:20px;
	}

		#info .summary .title {
			margin-bottom:10px;
		}
		
		#info .summary .btn,
		#info .summary .navi {
			position:absolute;
			right:0;
		}
		
		#info .summary .btn {
			top:-15px;
		}
		
			#info .summary .btn  img {
				position:relative;
			}
			
		#info .summary .navi {
			top:94px;
			width:340px;
		}
		
			#info .summary .navi li {
				display:inline;
				float:left;
				position:relative;
				width:166px;
			}
			
			#info .summary .navi li.miiversketch {
				margin-right:8px;
			}
			
				#info .summary .navi li .new {
					position:absolute;
					left:-14px;
					top:-18px;
				}
			
	#info .spec,
	#info .banner {
		display:inline;
	}
		
	#info .spec {
		float:left;
		width:781px;
		height:175px;
		padding:18px 0 12px 19px;
		background:url(../img/index/info/spec/bg.png) no-repeat left top;
	}
	
		#info .spec .package,
		#info .spec .icon,
		#info .spec .data {
			float:left;
			position:relative;
			margin-right:8px;
		}
	
		#info .spec .package {
			top:1px;
		}
		
		#info .spec .icon {
			top:48px;
		}
		
			#info .spec .icon li {
				margin-bottom:8px;
			}
			
		#info .spec .data {
			width:588px;
			margin-right:0;
		}
		
			#info .spec .data .text {
				margin-bottom:5px;
			}
			
			#info .spec .data .note {
				width:397px;
				position:relative;
				left:10px;
				top:4px;
			}

			#info .spec .data .link {
				width:173px;
				position:relative;
				left:415px;
				top:-12px;
			}
			
			#info .spec .data .option {
				position:relative;
				top:-7px;
			}
			
				#info .spec .data .option .download,
				#info .spec .data .option .detail {
					display:inline;
				}
				
				#info .spec .data .option .download {
					float:left;
				}
			
					#info .spec .data .option .download .btn {
						position:relative;
						width:446px;
						height:44px;
						margin-bottom:1px;
						background:url(../img/index/info/spec/data/option/download/bg.png) no-repeat left center;
					}
					
						#info .spec .data .option .download .btn .dlsoft01 {
							display:block;
							position:absolute;
							left:0px;
							top:0px;
					}
						#info .spec .data .option .download .btn .dlsoft02 {
							display:block;
							position:absolute;
							right:10px;
							top:8px;
							width:133px;
							height:24px;
						}
						
				#info .spec .data .option .detail {
					float:right;
				}
				
	#info .banner {
		float:right;
		position:relative;
		width:145px;
	}
	
		#info .banner li {
			position:relative;
			margin-bottom:6px;
		}
	
			#info .banner li .new {
				position:absolute;
				right:-10px;
				top:-10px;
			}
		
/*-------------------------------------------------------------------------
	Main
/*-----------------------------------------------------------------------*/
#main {
	top:-20px;
	margin-bottom:-20px;
	padding-bottom:60px;
	background:url(../img/index/main/bg.gif);
	z-index:0;
}

	#main .title {
		height:410px;
		margin-bottom:-140px;
		background:url(../img/index/main/title/bg.png) no-repeat 8px top;
	}
	
		#main .title h2 {
			position:absolute;
			right:0;
			top:40px;
		}
		
	#main .navi {
		width:936px;
		margin:0 auto;
	}
	
		#main .navi li {
			display:inline;
			float:left;
			position:relative;
			width:212px;
			height:174px;
			margin:0 11px 16px 11px;
		}
		
			#main .navi li .field {
				overflow:hidden;
				width:100%;
				height:100%;
			}
		
			#main .navi li .slide,
			#main .navi li .frame,
			#main .navi li .btn,
			#main .navi li .new {
				position:absolute;
				left:0;
				top:0;
			}
			
			#main .navi li .slide {
				left:26px;
				top:26px;
			}
			
				#main .navi li .slide img {
					position:relative;
				}
			
			#main .navi li .btn {
				display:block;
				top:136px;
				width:100%;
				text-align:center;
			}
			
			#main .navi li .new {
				left:184px;
				top:-10px;
			}