﻿/*
' ###########################################################
'   カップリング選定計算用 共通CSS
'                                  Create 2013.01.16 J.Ito
'                                  Modyfy ----.--.-- --------
' ###########################################################
*/

div.input_area input[type=text]
{
	width:60px;
}

.link_button01
{
	margin-left:20px;
}

div.input_area p
{
	line-height:210%;
}

div.input_area p.Title
{
	margin-left:30px;
	margin-right:10px;
}

div#SelModeArea
{
	margin-left:30px;
}

div#SelModeArea fieldset
{
	padding: 3px 5px 3px 5px;
}

div#ButtonArea
{
	margin-left:20px;
}

div#ButtonArea p.Caution
{
	line-height:150%;
	margin-left:20px;
}

div#AttrArea table
{
	margin-left:30px;
}

div#AttrArea ul
{
	margin-left:50px;
}

div#AttrArea ul li
{
	line-height:100%;
}

div.TitleJoinMiniServo
{
	position:absolute;
	left:940px;
	top:-60px;
	z-index:2;
	background-color:#da70d6;
	color:Black;
	width:150px;
	height:60px;
}

div.TitleJoinServo
{
	position:absolute;
	left:940px;
	top:-110px;
	z-index:1;
	background-color:#87ceeb;
	color:Black;
	width:180px;
	height:110px;
}

div.TitleJoinGpMotor
{
	position:absolute;
	left:940px;
	top:-160px;
	z-index:0;
	background-color:#98fb98;
	color:Black;
	width:210px;
	height:160px;
}

div.TitleJoinMiniServo p, div.TitleJoinServo p ,div.TitleJoinGpMotor p
{
	margin:3px 0 3px 10px;
}

td.JoinMiniServo
{
	background-color:#da70d6!important;
	text-align:center;
	color:Black;
}

td.JoinServo
{
	background-color:#87ceeb!important;
	text-align:center;
	color:Black;
}

td.JoinGpMotor
{
	background-color:#98fb98!important;
	text-align:center;
	color:Black;
}

td.BgClrFit{ background-color:#afeeee!important;}
td.BgClrSlightlyFit{ background-color:#fcfb8b!important;}

tr.Separator{ border-bottom:2px solid #c0c0c0;}
