/*=======================CONTENTS===========================

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  i*DB
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*-----------------------------------------------------------
  基本設定
-----------------------------------------------------------*/
a	   	{color: #003AFF;}
a:link   	{color: #003AFF;}
a:visited	{color: #0000C0;}
a:active 	{color: #0000C0;}
a:hover		{color: #E70000; text-decoration: none;}

#body{
	margin: 0 auto;
	color: #000000;
	font-family: Verdana,Arial,sans-serif,ＭＳ Ｐゴシック,Osaka;
	font-size: 10pt;
	line-height: 160%;
	}

img	{margin: 0px; padding: 0px; border: 0px;}
img.border{ padding: 1px; background: #ffffff; border: 1px solid #dedede;}
p	{margin: 0.5em 0 1em 0;}
.hidden	{display: none;}
.clear	{clear: both;}
.clear_left		{clear: left;}
.clear_right	{clear: right;}

.clearfix{
	zoom:1;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.f_left{ float: left; }
.f_right{ float: right; }

.center{
	text-align: center;
	}

/* 余白 */
.m_top0		{margin-top: 0;}
.m_right0	{margin-right: 0;}
.m_bottom0	{margin-bottom: 0;}
.m_left0	{margin-left: 0;}
.m_top15	{margin-top: 15px;}
.m_right15	{margin-right: 15px;}
.m_bottom15	{margin-bottom: 15px;}
.m_left15	{margin-left: 15px;}
.m_top30	{margin-top: 30px;}
.m_right30	{margin-right: 30px;}
.m_bottom30	{margin-bottom: 30px;}
.m_left30	{margin-left: 30px;}
.m_top50	{margin-top: 50px;}
.m_right50	{margin-right: 50px;}
.m_bottom50	{margin-bottom: 50px;}
.m_left50	{margin-left: 50px;}

.p_top0		{padding-top: 0;}
.p_right0	{padding-right: 0;}
.p_bottom0	{padding-bottom: 0;}
.p_left0	{padding-left: 0;}

/* h3 */
h3{
	background: url(/idb/img/h3.gif) left bottom no-repeat;
	font-size: 11pt;
	}
	h3 span{
		display: block;
		margin: 1px 0 0 25px;
		line-height: 32px;
		}

/*-----------------------------------------------------------
  Framehead
-----------------------------------------------------------*/
#Framehead{
	position:relative;
	width: 900px;
	min-height: 500px;
	margin: 10px auto 0 auto;
	padding: 10px 10px 0 10px;
	background: url(/idb/img/bg_Framehead.jpg) 0 0 no-repeat;
	}
	#Framehead h1{
		position: absolute;
		width: 580px;
		height: 140px;
		top: 20px;
		left: 50px;
		margin: 0;
		padding: 0;
		background: url(/idb/img/logo.png) 0 0 no-repeat;
		text-indent: -10000px;
		}
	#Framehead #HeadUMenu{
		position: absolute;
		top: 20px;
		right: 20px;
		margin: 0;
		padding: 0;
		}
		#Framehead #HeadUMenu ul{
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
			#Framehead #HeadUMenu ul li{
				margin: 0;
				padding: 0;
				}
				#Framehead #HeadUMenu ul li.UMenu_sunloft a{
					display: block;
					margin: 0;
					padding: 0;
					width: 74px;
					height: 19px;
					text-indent: -10000px;
					background: url(/idb/img/icon_sunloft.gif) left center no-repeat;
					overflow: hidden;
					}
	#Framehead #Copy{
		position: absolute;
		display: block;
		width: 580px;
		height: 70px;
		top: 200px;
		left: 50px;
		margin: 0;
		padding: 0;
		background: url(/idb/img/Copy.png) 0 0 no-repeat;
		text-indent: -10000px;
		}
	#Framehead #Summary{
		position: absolute;
		display: block;
		width: 540px;
		top: 300px;
		left: 50px;
		margin: 0;
		padding: 0;
		font-size: 10.5pt;
		line-height: 170%;
		}


/*-----------------------------------------------------------
  FrameMain
-----------------------------------------------------------*/
#FrameMain{
	display: block;
	width: 900px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(/idb/img/bg_FrameMain.jpg) center 0 repeat-y;
	}

	/* 機能・使い方 */
	#FrameMain .Function{
		display: block;
		width: 820px;
		margin: 0 auto 2em auto;
		padding: 0;
		}
		#FrameMain .Function h2{
			margin: 0 0 0.7em 0;
			padding: 0;
			background: url(/idb/img/h2_Function.jpg) 0 0 no-repeat;
			height: 33px;
			text-indent: -10000px;
			}
		#FrameMain .Function dl{
			margin: 0 0 10px 0;
			padding: 0;
			}
		#FrameMain .Function .FunctionProposal,
		#FrameMain .Function .FunctionInvite,
		#FrameMain .Function .FunctionResult{
			float: left;
			width: 400px;
			background: url(/idb/img/bg_Function400.gif) left bottom no-repeat;
			}
		#FrameMain .Function .FunctionBlog,
		#FrameMain .Function .FunctionReport{
			float: left;
			width: 190px;
			background: url(/idb/img/bg_Function190.gif) left bottom no-repeat;
			}
		#FrameMain .Function .FunctionProposal,
		#FrameMain .Function .FunctionResult,
		#FrameMain .Function .FunctionBlog{
			margin-right: 20px;
			}
			#FrameMain .Function .FunctionProposal dt,
			#FrameMain .Function .FunctionInvite dt,
			#FrameMain .Function .FunctionResult dt,
			#FrameMain .Function .FunctionBlog dt,
			#FrameMain .Function .FunctionReport dt{
				margin: 0;
				padding: 0;
				height: 36px;
				text-indent: -10000px;
				}
				#FrameMain .Function .FunctionProposal dt	{background: url(/idb/img/FunctionProposalT.gif) 0 0 no-repeat;}
				#FrameMain .Function .FunctionInvite dt		{background: url(/idb/img/FunctionInviteT.gif) 0 0 no-repeat;}
				#FrameMain .Function .FunctionResult dt		{background: url(/idb/img/FunctionResultT.gif) 0 0 no-repeat;}
				#FrameMain .Function .FunctionBlog dt		{background: url(/idb/img/FunctionBlogT.gif) 0 0 no-repeat;}
				#FrameMain .Function .FunctionReport dt		{background: url(/idb/img/FunctionReportT.gif) 0 0 no-repeat;}

			#FrameMain .Function .FunctionProposal dd,
			#FrameMain .Function .FunctionInvite dd,
			#FrameMain .Function .FunctionResult dd,
			#FrameMain .Function .FunctionBlog dd,
			#FrameMain .Function .FunctionReport dd{
				margin: 0;
				padding: 10px 15px;
				min-height: 110px;
				}
			#FrameMain .Function dd img{
				float: right;
				margin: 0 0 0 10px;
				}
			.grid-hidden{
				float: left;
				margin: 0;
				visibility: hidden;
				width: 820px;
				padding: 10px 0 0 0;
				}

	/* 導入事例 */
	#FrameMain .Case{
		display: block;
		width: 820px;
		margin: 0 auto 2em auto;
		padding: 0;
		}
		#FrameMain .Case h2{
			margin: 0 0 0.7em 0;
			padding: 0;
			background: url(/idb/img/h2_Case.jpg) 0 0 no-repeat;
			height: 33px;
			text-indent: -10000px;
			}
		#FrameMain .Case .Case1{
			background: url(/idb/img/bg_case1.gif) right top no-repeat;
			}
		#FrameMain .Case .CaseSummary{
			border: 1px solid #e5e5e5;
			margin: 15px 0;
			padding: 10px 15px;
			width: 600px;
			}
		#FrameMain .Case .CaseVoice{
			margin: 1.8em 0;
			background: url(/idb/img/bg_Case820.gif) left bottom no-repeat;
			}
			#FrameMain .Case .CaseVoice dt{
				margin: 0;
				padding: 0;
				height: 40px;
				background: url(/idb/img/Case1T.gif) 0 0 no-repeat;
				text-indent: -10000px;
				}
			#FrameMain .Case .CaseVoice dd{
				margin: 0;
				padding: 15px;
				}
			#FrameMain .Case .CaseVoice p{
				margin: 0;
				padding: 0;
				width: 570px;
				}

	/* 動作環境 */
	#FrameMain .Spec{
		display: block;
		width: 820px;
		margin: 0 auto 2em auto;
		padding: 0;
		}
		#FrameMain .Spec h2{
			margin: 0 0 0.7em 0;
			padding: 0;
			background: url(/idb/img/h2_Spec.jpg) 0 0 no-repeat;
			height: 33px;
			text-indent: -10000px;
			}
		#FrameMain .Spec h3{
			margin-top: 0;
			}
		#FrameMain .Spec ul{
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#FrameMain .Spec ul li{
				background: url(/idb/img/listmark01.gif) 0 6px no-repeat;
				padding: 0 0 7px 20px;
				}

	/* デモ用SNS */
	#FrameMain .Demo{
		display: block;
		width: 820px;
		margin: 0 auto 2em auto;
		padding: 0;
		}
		#FrameMain .Demo h2{
			margin: 0 0 0.7em 0;
			padding: 0;
			background: url(/idb/img/h2_Demo.jpg) 0 0 no-repeat;
			height: 33px;
			text-indent: -10000px;
			}
		#FrameMain .Demo .Left{
			width: 400px;
			margin: 0;
			padding: 0;
			float: left;
			}
			#FrameMain .Demo .Left strong{
				display: block;
				margin: 1em 0 0 0;
				padding: 0;
				}
			#FrameMain .Demo .Left ol{
				margin: 0;
				padding: 0 0 0 25px;
				min-height: 102px;
				}
			#FrameMain .Demo .Left .Btn_Demo a{
				display: block;
				margin: 0;
				padding: 0;
				width: 400px;
				height: 120px;
				background: url(/idb/img/Btn_Demo.jpg) 0 0 no-repeat;
				text-indent: -10000px;
				overflow: hidden;
				}
				#FrameMain .Demo .Left .Btn_Demo a:hover{background: url(/idb/img/Btn_Demo.jpg) 0 -120px no-repeat;}

		#FrameMain .Demo .Right{
			width: 400px;
			margin: 0;
			padding: 0;
			float: right;
			}
			/* SimpleTabs: default style */
			ul.simpleTabsNavigation { margin:0 10px; padding:0; text-align:left; }
			ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; }
			ul.simpleTabsNavigation li a { border:1px solid #E0E0E0; padding:3px 6px; background:#F0F0F0; text-decoration:none; }
			ul.simpleTabsNavigation li a:hover { text-decoration:none; background-color:#F6F6F6; }
			ul.simpleTabsNavigation li a.current { background:#fff; color:#222; border-bottom:1px solid #fff; }
			div.simpleTabsContent { border:1px solid #E0E0E0; padding:0; display:none; margin-top:1px; height:280px; position:relative; }
			div.simpleTabsContent a{
				display: block;
				position: absolute;
				right:10px;
				bottom: 10px;
				width: 30px;
				height: 30px;
				background: url(/idb/img/Btn_magnify.png) right bottom no-repeat;
				text-indent: -10000px;
				overflow: hidden;
				}div.simpleTabsContent a:hover{ background: url(/idb/img/Btn_magnify_on.png) right bottom no-repeat; }
			div.simpleTabsContent img { display: block; margin: 0 auto; }
			div.simpleTabsContent.currentTab { display:block; }


	/* お問い合わせ・資料請求 */
	#FrameMain .Inquiry{
		display: block;
		position:relative;
		width: 820px;
		height: 140px;
		margin: 0 auto 2em auto;
		padding: 0;
		background: url(/idb/img/bg_Inquiry.jpg) 0 0 no-repeat;
		}
		#FrameMain .Inquiry .Btn_Inquiry{
			position: absolute;
			width: 200px;
			height: 36px;
			top: 85px;
			left: 600px;
			}
			#FrameMain .Inquiry .Btn_Inquiry a{
				display: block;
				width: 200px;
				height: 36px;
				background: url(/idb/img/Btn_Inquiry.jpg) 0 0 no-repeat;
				text-indent: -10000px;
				overflow: hidden;
				}
				#FrameMain .Inquiry .Btn_Inquiry a:hover{background: url(/idb/img/Btn_Inquiry.jpg) 0 -36px no-repeat;}


/*-----------------------------------------------------------
  Framefoot
-----------------------------------------------------------*/
#Framefoot{
	display: block;
	width: 900px;
	margin: 0 auto;
	padding: 10px;
	background: url(/idb/img/bg_Framefoot.jpg) center top no-repeat;
	}
	#Framefoot #FootAdd{
		width: 410px;
		margin: 0;
		padding: 0 0 0 40px;
		float: left;
		}
	#Framefoot #Copyright{
		width: 410px;
		margin: 0;
		padding: 0 40px 0 0;
		float: right;
		text-align: right;
		}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  サンプル画像ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#Head{
	position:relative;
	margin: 10px auto;
	width: 820px;
	height: 70px;
	}
	#Head h1{
		position: absolute;
		top: 10px;
		left: 0;
		margin: 0;
		width: 223px;
		height: 50px;
		}
		#Head h1 a{
			display: block;
			width: 223px;
			height: 50px;
			background: url(/idb/img/logo.jpg) 0 0 no-repeat;
			font-size: 12px;
			text-indent: -10000px;
			overflow: hidden;
			}
	#closebtn {
		position:absolute;
		right:0;
		top:10px;
		}
		#Head #closebtn a{
			margin: 0 0 10px 0;
			background:#ff8800 none repeat scroll 0%;
			border:1px solid #ff8800;
			color:#FFFFFF;
			display:block;
			font-weight:bold;
			line-height:30px;
			text-align:center;
			text-decoration:none;
			width:150px;
			}#Head #closebtn a:hover{color:#ff8800; background:#ffffff none repeat scroll 0%;}
			#Head #closebtn a span{
				border:1px solid #FFFFFF;
				cursor:pointer;
				display:block;
				width:148px;
				}
	#name {
		position:absolute;
		left:250px;
		top:31px;
		font-weight: bold;
		}

#Navi{
	margin: 10px auto 0 auto;
	width: 820px;
	}
	#Navi ul{
		margin: 0 0 0 10px;
		padding: 0;
		list-style: none;
		}
		#Navi ul li{
			margin: 0 10px 0 0;
			padding: 0;
			float: left;
			border-left: 1px solid #E0E0E0;
			border-top: 1px solid #E0E0E0;
			border-right: 1px solid #E0E0E0;
			}
		#Navi ul li a{
			display: block;
			padding: 3px 10px 3px 10px;
			background: #F0F0F0;
			}
		#Navi ul li em a{
			background: #FFFFFF;
			font-style: normal;
			}

#Capture{
	width: 820px;
	margin: 0 auto 20px auto;
	}
	#Capture img{
		display:block;
		padding:15px 7px 0 10px;
		border: 1px solid  #E0E0E0;
		}