
/*----------------------------------------------------------------
　nanotyBPとは？
--------------------------------------------------------------- */
.AboutBP{
	display: block;
	padding: 40px 40px 20px 40px;
	border: solid 4px #e5e5e5;
	}
	.AboutBP h4{
		margin: 0 0 1em 0;
		}
	.AboutBP .AboutDoc{
		width: 450px;
		float: left;
		padding: 0 0 0 30px;
		}
.DocBox .f_right{
	background: url(/img/bg_image.png) right 128px no-repeat;
	}
	.DocBox .f_right img{
		display: block;
		width: 180px;
		margin: 0 0 15px 15px;
		padding: 3px;
		background: #ffffff;
		border: 1px solid #cccccc;
		}
.DocBox .f_left img{
	display: block;
	width: 160px;
	margin: 0 15px 15px 0;
	}

.Point3Box_1{
	display: block;
	min-height: 280px;
	margin: 0 35px;
	padding: 10px 0 0 290px;
	background: url(/img/top/PR01.png) left top no-repeat;
	}
.Point3Box_2{
	display: block;
	min-height: 280px;
	margin: 0 35px;
	padding: 10px 290px 0 0;
	background: url(/img/top/PR02.png) right top no-repeat;
	}
.Point3Box_3{
	display: block;
	min-height: 280px;
	margin: 0 35px;
	padding: 10px 0 0 290px;
	background: url(/img/top/PR03.png) left top no-repeat;
	}

	.PointTitle{
		display: block;
		margin: 0 0 1em 0;
		font-weight: bold;
		font-size: 18px;
		line-height: 130%;
		color: #105094;
		}
		.PointTitle span{
			display: block;
			padding: 0 0 0 20px;
			font-size: 12px;
			color: #000000;
			}
	.PointDoc{
		display: block;
		padding: 0 0 0 15px;
		}

/*----------------------------------------------------------------
　機能概要
--------------------------------------------------------------- */
#Func_home{
	position: relative;
	width: 610px;
	height: 920px;
	margin: 2em 0;
	background: url(/function/img/Func_home.jpg) 0 0 no-repeat;
	}
	#Func_home .iPhone4{
		position: absolute;
		margin: 0;
		padding; 0;
		width: 153px;
		height: 164px;
		top: 492px;
		left: 340px;
		background: url(/function/img/Func_iphone4.png) 0 0 no-repeat;
		}
	#Func_home .FuncBtn{
		position: absolute;
		margin: 0;
		padding; 0;
		width: 135px;
		height: 46px;
		}
		#Func_home .FuncBtn a{
			display: block;
			width: 135px;
			height: 46px;
			overflow: hidden;
			text-indent: -10000px;
			}

	#Func_home .FB_diary		{top: 350px; left: 20px;}
	#Func_home .FB_community	{top: 680px; left: 20px;}
	#Func_home .FB_profile		{top: 125px; left: 455px;}
	#Func_home .FB_statistics	{top: 16px; left: 270px;}
	#Func_home .FB_thankspoint	{top: 325px; left: 455px;}
	#Func_home .FB_mobile		{top: 820px; left: 455px;}
	#Func_home .FB_management	{top: 720px; left: 455px;}
	#Func_home .FB_other		{top: 770px; left: 455px;}
	#Func_home .FB_multi		{top: 585px; left: 455px;}

	#Func_home .FB_diary a			{background: url(/function/img/FB_diary.png) 0 0 no-repeat;}
	#Func_home .FB_community a		{background: url(/function/img/FB_community.png) 0 0 no-repeat;}
	#Func_home .FB_profile a		{background: url(/function/img/FB_profile.png) 0 0 no-repeat;}
	#Func_home .FB_statistics a		{background: url(/function/img/FB_statistics.png) 0 0 no-repeat;}
	#Func_home .FB_thankspoint a	{background: url(/function/img/FB_thankspoint.png) 0 0 no-repeat;}
	#Func_home .FB_mobile a			{background: url(/function/img/FB_mobile.png) 0 0 no-repeat;}
	#Func_home .FB_management a		{background: url(/function/img/FB_management.png) 0 0 no-repeat;}
	#Func_home .FB_other a			{background: url(/function/img/FB_other.png) 0 0 no-repeat;}
	#Func_home .FB_multi a			{background: url(/function/img/Func_multi.png) 0 0 no-repeat;}

#Func_diary{
	position: relative;
	width: 610px;
	height: 865px;
	margin: 2em 0;
	background: url(/function/img/Func_diary.jpg) 0 0 no-repeat;
	}

#Func_community{
	position: relative;
	width: 610px;
	height: 712px;
	margin: 2em 0;
	background: url(/function/img/Func_community.jpg) 0 0 no-repeat;
	}

#Func_statistics{
	position: relative;
	width: 610px;
	height: 463px;
	margin: 2em 0;
	background: url(/function/img/Func_statistics.jpg) 0 0 no-repeat;
	}

#Func_thankspoint{
	position: relative;
	width: 610px;
	height: 692px;
	margin: 2em 0;
	background: url(/function/img/Func_thankspoint.jpg) 0 0 no-repeat;
	}

#Func_profile{
	position: relative;
	width: 610px;
	height: 617px;
	margin: 2em 0;
	background: url(/function/img/Func_profile.jpg) 0 0 no-repeat;
	}

.Func_management{
	position: relative;
	width: 610px;
	height: 330px;
	margin: 2em 0;
	}
	.FuncManagement1	{background: url(/function/img/Func_management1.jpg) 0 0 no-repeat;}
	.FuncManagement2	{background: url(/function/img/Func_management2.jpg) 0 0 no-repeat;}
	.FuncManagement3	{background: url(/function/img/Func_management3.jpg) 0 0 no-repeat;}
	.FuncManagement4	{background: url(/function/img/Func_management4.jpg) 0 0 no-repeat;}

.Func_other{
	position: relative;
	width: 610px;
	height: 330px;
	margin: 2em 0;
	}
	.FuncOther1	{background: url(/function/img/Func_other1.jpg) 0 0 no-repeat;}
	.FuncOther2	{background: url(/function/img/Func_other2.jpg) 0 0 no-repeat;}

.BP_Mobile{
	margin: 0 auto;
	padding: 65px 0 0 0;
	width: 590px;
	height: 265px;
	background: url(/function/img/BP_Mobile.jpg) 0 0 no-repeat;
	}
	.BP_Mobile dl{
		margin: 0 0 0 300px;
		padding: 10px;
		width: 250px;
/*		background: #ffffff;
		border: 3px double #cccccc;*/
		}
		.BP_Mobile dt{
			margin: 0;
			padding: 0;
			}
		.BP_Mobile dd{
			margin: 0;
			padding: 0;
			}

/* 管理機能・その他の機能 */
.DocArea{
	min-height: 133px;
	margin: 0 0 2em 0;
	}
	.DocArea img{
		padding: 1px;
		background: #ffffff;
		border: 1px solid #cccccc;
		margin: 0 0 10px 10px;
		}

/* スマートフォン対応 */
h5.SPhoneFT{
	margin: 0;
	padding: 0;
	width: 250px;
	height: 70px;
	border: none;
	overflow: hidden;
	text-indent: -10000px;
	}
	h5.FT_Home		{background: url(/function/img/ft_home.jpg) 0 0 no-repeat;}
	h5.FT_Diary		{background: url(/function/img/ft_diary.jpg) 0 0 no-repeat;}
	h5.FT_Community	{background: url(/function/img/ft_community.jpg) 0 0 no-repeat;}
	h5.FT_Thanks	{background: url(/function/img/ft_thanks.jpg) 0 0 no-repeat;}
	h5.FT_Member	{background: url(/function/img/ft_member.jpg) 0 0 no-repeat;}
.SPhoneTxtBox{
	margin: -10px 0 2em 0;
	padding: 0 0 0 63px;
	}
.SPhoneImgBox{
	margin: 15px 0 0 0;
	padding: 0;
	}

/*----------------------------------------------------------------
　他製品との比較
--------------------------------------------------------------- */
table.comparison {
	border-top: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	}
	table.comparison .trLine1 {
		background: #F6F6F6;
		}
	table.comparison .trLine2 {
		background: #ffffff;
		}
		
		table.comparison th {
			padding: 10px 5px;
			background:#606060 none repeat scroll 0%;
			border-right: 1px solid #D0D0D0;
			border-bottom: 1px solid #D0D0D0;
			color:#FFFFFF;
			font-weight:normal;
			line-height:120%;
			text-align:center;
			}
			table.comparison th.thLine1{
				background:#CCDFF3 none repeat scroll 0%;
				color:#50595E;
				font-weight:bold;
				width:110px;
				text-align:left;
				}
			table.comparison th.thLine2{
				background:#D9E9F9 none repeat scroll 0%;
				color:#50595E;
				font-weight:bold;
				width:110px;
				text-align:left;
				}
			table.comparison th.thLine3{
				background:#81a9d1 none repeat scroll 0%;
				color:#ffffff;
				font-weight:bold;
				width:110px;
				}
				table.comparison th span{
					display:block;
					font-size:110%;
					font-weight:bold;
					}
			table.comparison th.thLine4{
				padding: 10px 5px 10px 20px;
				background:#81a9d1 none repeat scroll 0%;
				color:#ffffff;
				font-weight:bold;
				text-align: left;
				}
		table.comparison td{
			padding: 10px 5px;
			border-right: 1px solid #D0D0D0;
			border-bottom: 1px solid #D0D0D0;
			text-align: center;
			font-size: 1em;
			}
			table.comparison td span {
				color: #555555;
				font-size: 10px;
				}

