@charset "utf-8";
/*-----base.css-----*/
@media print{
	a[href]:after {
		content: "" !important;
	}
	
	abbr[title]:after {
		content: "" !important;
	}
}

@media print, screen {
	body{
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	}
	
	a{
		color:#222;
	}
	
	.container{
		width:100%;
		padding:0;
	}
	
	#header_global_nav_wrapper{
		width:100%;
		height:140px;
		position: fixed;
		top:0;
		left:0;
		z-index:9999;
		background:#fff;
	}
	
	#header{
		width:100%;
		clear:both;
		height:95px;
		padding-bottom:10px;
	}
	
		#header_inner{
			width:950px;
			height:85px;
			margin:0 auto;
			position:relative;
			top:0;
			right:0;
			z-index:0;
		}
		
			h1#site_title{
				margin:0;
				padding:17px 0 0 15px;
				width:200px;
				height:85px;
				float:left;
				border-left:5px solid #1996d6;
			}
			
			#header_msg{
				width:400px;
				height:85px;
				float:left;
				padding:45px 0 0 20px;
			}
			
				#header_msg p{
					margin:0;
					padding:0;
					color:#1996d6;
					font-weight:bold;
				}
			
			#site_lang{
				position:absolute;
				top:0;
				right:0;
				z-index:1;
				width:85px;
				height:30px;
				text-align:center;
				font-family:Arial, Helvetica, sans-serif;
				background:#e5e5e5;
			}
			
				#site_lang a{
					display:block;
					color:#555;
					width:85px;
					height:30px;
					line-height:30px;
				}
				
				#site_lang a:hover{
					text-decoration:none;
					background:#eee;
				}
			
			#h_contact{
				width:230px;
				height:85px;
				float:right;
				padding-top:40px;
			}
				
	/*##########*/
	#global_nav{
		width:100%;
		height:45px;
		background:url(../images/global_nav/bg_nav.gif) repeat-x;
	}
	
		#global_nav ul{
			font-size:0;
			margin:0 auto;
			padding:0;
			list-style:none;
			text-align:center;
			width:950px;
			height:45px;
		}
		
		#global_nav ul li{
			display:inline-block;
			height:45px;
			line-height:45px;
			margin:0;
			padding:0 20px;
		}
		
		#global_nav ul li:first-child{
			padding:0 20px 0 10px;
		}
		
		#global_nav ul li:last-child{
			padding:0 0 0 20px;
		}
		
	/*##########*/
	#home_catch_main_wrapper{
		padding-top:140px;
	}
		
	/*##########*/
	#home_catch{
		width:100%;
		height:445px;
		background:url(../images/catch/bg_catch.jpg);
		position:relative;
		z-index:0;
		min-width:950px;
	}
	
		#home_catch_inner{
			width:930px;
			height:445px;
			padding-top:30px;
			margin:0 auto;
			position:relative;
			z-index:1;
		}
		
		#home_catch_msg{
			width:100%;
			height:145px;
			background:rgba(0,0,0,0.6);
			position:absolute;
			z-index:2;
			bottom:0;
		}
		
			#home_catch_msg_inner{
				width:910px;
				height:145px;
				margin:0 auto;
			}
			
			#home_catch_msg_txt{
				width:635px;
				color:#fff;
				float:left;
				padding-top:30px;
			}
			
			#home_catch_msg_txt h2{
				margin:0 0 15px 0;
				padding:0;
				font-size:1.8em;
				font-weight:bold;
			}
			
			#home_catch_msg_txt p{
				font-size:0.9em;
				line-height:1.6em;
			}
			
			#home_catch_msg_img{
				width:260px;
				float:right;
			}
	
	/*##########*/
	#main{
		clear:both;
	}
	
		#main_inner{
		}
		
		.content_box{
			padding:50px 0;
			border-top:1px solid #ccc;
			background:#fff;
			min-width:950px;
		}
		
		.content_box.bg2{
			background:#fffff5;
		}
		
		.content_box_inner{
			width:940px;
			margin:0 auto;
		}
		
			.content_title{
				text-align:center;
				margin-bottom:30px;
			}
			
			.content_title h2{
				margin:0;
				padding:0;
			}
			
			.content_main{}
		
	/*##########*/
	#footer{
		clear:both;
		background:url(../images/footer/bg_footer.jpg);
		overflow:hidden;
		padding-top:20px;
		min-width:950px;
	}
	
		#footer_inner{
			width:920px;
			margin:0 auto;
			overflow:hidden;
		}
		
		#footer_inner .footer_msg{
			color:#fff;
			background:url(../images/footer/f_line.gif) repeat-x bottom;
			padding:0 20px;
			margin-bottom:20px;
			height:35px;
		}
		
		#footer_site_title{
			width:182px;
			height:68px;
			float:left;
			margin:0 50px 0 20px;;
		}
		
		#footer_nav{
			width:500px;
			float:left;
			padding-top:15px;
		}
		
			#footer_nav ul{
				margin:0;
				padding:0;
				list-style:none;
			}
			
				#footer_nav ul li{
					background:url(../images/icon/tri1.gif) no-repeat left 0.5em;
					padding-left:12px;
					display:inline-block;
					margin:0 20px 5px 0;
				}
				
				#footer_nav ul li a{
					color:#fff;
					font-size:0.9em;
				}
		
		
					
			#copyright{
				clear:both;
				color:#fff;
				text-align:right;
				font-size:0.9em;
				height:50px;
				line-height:50px;
			}
	
	#pagetop{
		display:none;
		position: fixed;
		bottom: 160px;
		right: 20px;
		width:70px;
		height:70px;
	}
	
	/*アンカーずれ防止*/
	#container,
	#fascination,
	#support,
	#function,
	#aboutus,
	#faq,
	#demand_updates,
	#contact{
		margin-top:-170px;
		padding-top:170px;
	}
	
	/*######各コンテンツ用#####*/
	#fascination{}
	
		#fascinations_list_wrapper{
			height:470px;
		}
		
		.fascinations_list{
			width:290px;
			float:left;
			margin-right:30px;
			position:relative;
			z-index:0;
		}
		
		.fascinations_list:last-child{
			margin-right:0;
		}
		
		.fascinations_list dt{
			height:51px;
			position:relative;
			z-index:2;
			padding-left:10px;
		}
		
		.fascinations_list dt .fl_hdg{
			display:block;
			height:50px;
			width:24px;
			box-shadow:1px 1px 0 0 rgba(0,0,0,0.4);
			float:left;
		}
		
		.fascinations_list.fl1 dt .fl_hdg{
			background:#1a96d6;
		}
		
		.fascinations_list.fl2 dt .fl_hdg{
			background:#ff4b7e;
		}
		
		.fascinations_list.fl3 dt .fl_hdg{
			background:#00a05a;
		}
		
		.fascinations_list dt .fl_title{
			height:51px;
			float:left;
			padding:25px 0 0 10px;
		}
		
		.fascinations_list dd{
			width:290px;
			background:#fff;
			border-right:1px solid #aaa;
			border-bottom:1px solid #aaa;
			position:absolute;
			z-index:1;
			top:10px;
			left:0;
			padding-top:50px;
		}
		
		.fascinations_list dd h3{
			font-size:1.3em;
			font-weight:bold;
			line-height:1.3em;
			margin:0 0 15px 0;
			padding:0 10px;
			height:2.6em;
		}
		
		.fascinations_list dd .fascinations_thumb{
			text-align:center;
			margin-bottom:15px;
		}
		
		.fascinations_list dd p{
			padding:0 10px;
			margin:0;
			height:8em;
		}
		
		#fascinations_merit_wrapper{
			clear:both;
			width:900px;
			margin:0 auto;
			overflow:hidden;
			border-bottom:1px solid #ddd;
			padding:0 0 30px 0;
			margin-bottom:40px;
		}
		
			.fascinations_merit{
				float:left;
			}
			
			.fascinations_merit.fm1{
				width:430px;
			}
			
			.fascinations_merit.fm2{
				width:470px;
			}
			
			.fascinations_merit h3{
				margin:0 0 15px 0;
				padding:2px 0 0 35px;
				font-size:1.3em;
				font-weight:bold;
				background:url(../images/icon/sq1.gif) no-repeat left top;
				min-height:21px;
			}
			
			.fascinations_merit ul{
				margin:0;
				padding:0;
				list-style:none;
			}
			
			.fascinations_merit ul li{
				margin-bottom:0.3em;
			}
			
			.fascinations_merit ul li:last-child{
				margin-bottom:0;
			}
			
			.fascinations_merit ul li:before{
				content:"○";
				margin-right:5px;
			}

		.yakumo_txt{
			color:#3264d3;
		}

		#fascinations_msg{
			font-size:1.3em;
			font-weight:bold;
			text-align:center;
		}
		
		#fascinations_msg .yakumo_txt{
			font-size:1.6em;
		}
		
	#support{}
	
		.support_msg{
			clear:both;
			text-align:center;
		}
		
		#support_list{
			margin:20px auto;
			padding:0;
			list-style:none;
			width:870px;
			overflow:hidden;
		}
		
			#support_list li{
				width:290px;
				margin:0;
				padding:0 20px;
				float:left;
			}
			
			#support_list li .support_list_thumb{}
			
			#support_list li p{
				width:100%;
				margin:0;
				padding:10px 0 0 0;
				color:#3264d3;
				font-size:1.25em;
				font-weight:bold;
				text-align:center;
			}
	
	#function{}
	
		#function_check_list{
			background:url(../images/fig/fig_light.png) no-repeat;
			width:670px;
			height:114px;
			margin:0 auto 30px auto;
			padding:15px 0 0 110px;
			list-style:none;
		}
		
			#function_check_list li{
				background:url(../images/icon/check1.png) no-repeat left top;
				padding-left:25px;
				margin-bottom:0.3em;
				font-size:1.2em;
				font-weight:bold;
			}
			
			#function_check_list li:last-child{
				margin-bottom:0;
			}
			
		.function_msg{
			text-align:center;
		}
		
		#function_caution{
			width:700px;
			overflow:hidden;
			margin:0 auto 30px auto;
			position:relative;
			z-index:0;
			padding-top:10px;
		}
		
			#function_caution h3{
				margin:0;
				padding:0;
				position:absolute;
				z-index:2;
				top:0;
				left:0;
				width:100%;
				height:15px;
			}
			
				.lbl_caution{
					display:block;
					width:140px;
					height:15px;
					margin:0 auto;
					background:#fffff5;
					padding:0 20px;
				}
			
			#function_caution_inner{
				position:relative;
				z-index:1;
				width:700px;
				border:2px solid #fd4b7d;
				border-radius:5px;
				overflow:hidden;
				padding:30px 15px 15px 15px;
			}
			
				#function_caution_inner h4{
					margin:0 0 1em 0;
					padding:0;
					font-size:1em;
					font-weight:bold;
					color:#fd4b7d;
					text-align:center;
				}
				
				#function_caution_inner p{
					margin:0;
					padding:0;
				}
				
		#function_list,
		#yakumo_info,
		#yakumo_usability{
			width:880px;
			margin:0 auto 30px auto;
			overflow:hidden;
		}
		
			#function_list_inner{
				width:880px;
				border:10px solid #f5f5f5;
				padding:8px;
				overflow:hidden;
				background:#fff;
				margin-bottom:10px;
			}
			
			#function_list_inner table,
			#company_info_inner table{
				width:844px;
				background:#fff;
			}
			
			#function_list_inner table th,
			#function_list_inner table td,
			#company_info_inner table th,
			#company_info_inner table td{
				padding:10px;
				border:1px solid #ccc;
			}
			
			#function_list_inner table thead th,
			#company_info_inner table thead th{
				border-top:1px solid #fff;
				text-align:center;
				font-weight:normal;
			}
			
			#function_list_inner table thead th:first-child{
				border-left:1px solid #fff;
				width:200px;
			}
			
			#function_list_inner table thead th:last-child,
			#company_info_inner table thead th:last-child{
				border-right:1px solid #fff;
			}
			
			#function_list_inner table tbody th,
			#company_info_inner table tbody th{
				border-left:1px solid #fff;
				text-align:center;
			}
			
			#function_list_inner table tbody td,
			#company_info_inner table tbody td{
				border-right:1px solid #fff;
			}
			
			#function_list_inner table tbody tr:last-child th,
			#function_list_inner table tbody tr:last-child td,
			#company_info_inner table tbody tr:last-child th,
			#company_info_inner table tbody tr:last-child td{
				border-bottom:1px solid #fff;
			}
			
			#function_list_inner table tbody tr:nth-child(odd) th,
			#function_list_inner table tbody tr:nth-child(odd) td{
				background:#f5fafe;
			}
			
			#function_list_inner table tbody td ul{
				margin:0;
				padding:0;
				list-style:none;
				width:250px;
				float:left;
			}
			
			#function_list_inner table tbody td ul li:before{
				content:"・";
			}
			
			#function_list_inner table tbody td ul li.unfin{
				color:#aaa;
			}
			
		#yakumo_info{}
		
			#yakumo_info_list{
				text-align:center;
				position: relative;
			}
			
				#yakumo_info_list dl{
					display:inline-block;
					border:8px solid #f5f5f5;
					padding:8px;
					overflow:hidden;
					background:#fff;
					margin-right:10px;
					width:180px;
				}
				
				#yakumo_info_list dl.yakumo_info_user{
					width:220px;
				}
				
				#yakumo_info_list dl dt{
					font-size:1.15em;
					font-weight:bold;
					text-align:center;
					border-bottom:1px solid #ccc;
					padding:8px 0;
				}
				
				#yakumo_info_list dl dd{}
				
					#yakumo_info_list dl dd .yakumo_info_num{
						font-family:Tahoma, Geneva, sans-serif;
						text-align:center;
						font-weight:bold;
						font-size:3em;
						padding:0.3em 0;
						color:#3267d7;
					}
					
					#yakumo_info_list dl dd .yakumo_info_num.trial{
						color:#2eaa85;
					}
					
					#yakumo_info_list dl dd .yakumo_info_unit{
						text-align:center;
						font-size:1.15em;
						font-weight:bold;
					}
				#yakumo_info_list .yakumo_info_caution{
					position: absolute;
					left: 15px;
					bottom: 0;
				}


	#yakumo_usability{}
		
			#yakumo_usability_list{
				margin:0 0 30px 0;
				padding:0 0 0 420px;
				list-style:none;
				background:url(../images/fig/fig_usability.jpg) no-repeat;
				width:880px;
				height:185px;
			}
			
			#yakumo_usability_list li{
				background:url(../images/icon/check1.png) no-repeat left top;
				padding-left:25px;
				margin-bottom:0.3em;
				font-size:1.2em;
				font-weight:bold;
			}
		
		#function_list h3,
		#yakumo_info h3,
		#yakumo_usability h3{
			margin:0 0 15px 0;
			padding:2px 0 0 35px;
			font-size:1.3em;
			font-weight:bold;
			background:url(../images/icon/sq1.gif) no-repeat left top;
			min-height:21px;
		}
	
	#aboutus{}
	
		#company_info{
			width:880px;
			margin:0 auto 30px auto;
			overflow:hidden;
		}
		
			#company_info h3{
				margin:0 0 15px 0;
				padding:2px 0 0 35px;
				font-size:1.3em;
				font-weight:bold;
				background:url(../images/icon/sq1.gif) no-repeat left top;
				min-height:21px;
			}
			
			#company_info_inner{
				width:880px;
				border:10px solid #f5f5f5;
				padding:8px;
				overflow:hidden;
				background:#fff;
				margin-bottom:10px;
			}
			
			#company_info_inner table tbody tr:first-child th,
			#company_info_inner table tbody tr:first-child td{
				border-top:1px solid #fff;
			}
			
			#company_info_inner table tbody th{
				width:160px;
			}
			
			#company_info_inner table tbody td dl{
				margin:0;
				padding:0;
			}
			
				#company_info_inner table tbody td dl dt{
					font-weight:normal;
				}
				
				#company_info_inner table tbody td dl.directors_list dd{
					margin:0 0 0.5em 1em;
				}
				
				#company_info_inner table tbody td dl.directors_list dd:last-child{
					margin:0 0 0 1em;
				}
				
			#company_info_inner table tbody td .partnership_set{
				clear:both;
				overflow:hidden;
				padding-right:10px;
			}
			
				#company_info_inner table tbody td .partnership_set dl{
					width:480px;
					float:left;
				}
				
				#company_info_inner table tbody td .partnership_set dl dt{}
				
				#company_info_inner table tbody td .partnership_set dl dd{
					margin:0 0 0.8em 1em;
				}
				
				#company_info_inner table tbody td .partnership_set.last dl dd{
					margin:0 0 0 1em;
				}
				
				#company_info_inner table tbody td .partnership_set .org_logo{
					width:125px;
					float:right;
					padding-top:20px;
				}
				
				
			#company_info_inner table tbody tr:nth-child(even) th,
			#company_info_inner table tbody tr:nth-child(even) td{
				background:#f5fafe;
			}
				
			#company_info_inner table tbody td ul{
				margin:0.3em 0 0 0;
				padding:0 0 0 1.5em;
			}
			
			#company_info_inner table tbody td ul{
				color:#ccc;
			}
			
			#company_info_inner table tbody td ul li{
				margin-bottom:0.3em;
			}
			
			#company_info_inner table tbody td ul li:last-child{
				margin-bottom:0;
			}
			
			#company_info_inner table tbody td ul li span{
				color:#333;
			}
			
	
	#faq{}
	
	#demand_updates{}
	
	#contact{}
	
	.contact_module{
		margin:20px auto;
		padding:15px 30px;
		background:#fff;
		border:2px solid #ddd;
		width:580px;
		height:98px;
		border-radius:5px;
	}
	
		.contact_module dt{
			width:185px;
			height:68px;
			float:left;
		}
		
		.contact_module dd{
			width:280px;
			height:68px;
			padding:9px 0;
			float:right;
		}
}

/*汎用*/
.ta_center{
	text-align:center;
}

.ta_right{
	text-align:right;
}