/* CSS Document */

.makeshop {
	_width: 100%;
	margin: 20px 10px 20px 20px;
}

.adImg {
	background-image: url(../makeshop/img/ad_bg.gif);
	background-position: 100% 0%;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	height: 216px;
	overflow: hidden;
}

.titleImg {
	background-image: url(../makeshop_manuals/img/manual_bg.gif);
	background-position: 100% 0%;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	height: 80px;
	overflow: hidden;
}

.boldtitle {
	font-weight: bold;
	color: #000000;
}

.TableTitle {
	font-size: 90%;
	text-align: left;
	padding: 10px 0px 5px 0px;
}

.boldlist li {
	line-height: 150%;
	list-style-type: disc;
	color: #000000;
	margin-left:15px;
}

.Innerlink {
	font-size: 90%;
	text-align: right;
	padding: 0px 10px;
}

.SmallFont {
	font-size:80%;
}

.BoldFont{
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.GreenBoldFont{
	color: #005826;
	font-weight: bold;
}

.RedBoldFont{
	color: #CC0000;
	font-weight: bold;
}

.RedFont{
	color: #CC0000;
}

.rightImg {
	float: right;
	margin-left: 10px;
	margin-right: 10px;		
}

.leftImg {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;	
}

.leftImgClear {
	clear : both;
}

.systemImg {
 	margin-left: 40px;
	margin-bottom: 5px;
}

.AlTable {
	width: 97%;
}

.AlTable th {
	padding:7px 0px;
	line-height: 150%;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

.AlTable th span{
	color: #FF3300; 
	line-height: 150%;
 }
 
.AlTable td {
	vertical-align: top;
	padding:7px 0px;
	line-height: 150%;
}

.SpecTable {
	border: 1px solid #D4D0C8;
	border-collapse: collapse;
	width: 100%;
}

.SpecTable th {
	padding:7px;
	line-height: 150%;
	text-align: left;
	border: 1px solid #C4C1BA;
	background-image:url(../img/shared/glay_bg.gif);
}

.SpecTable th img {
	margin-right: 4px;
}

.SpecTable th div{
	font-size: 80%;
}

.SpecTable td {
	padding:7px;
	line-height: 150%;
	border: 1px solid #C4C1BA;
	text-align: center;
}

.SpecTable td div{
	font-size: 80%;
}

.GreenTable	{
	width:100%;
	background-color: #FFF7DE;
	border: 1px solid #FFCB5D;
	margin-top: 15px;
	
}

.GreenTable th	{
	background-color: #FFCB5D;
	border: 1px solid #FFFFFF;
	padding: 10px;
	text-align:left;
	color: #FFFFFF;
}

.GreenTable td	{
	padding: 10px;
	line-height: 150%;
}

.GreenTable td	span {
	font-size: 100%;
	color: #FFCB5D;
}

.GreenInsideTable {
	width:100%;
	border: 1px solid #FFA222;
	margin-top: 15px;
	border-collapse: collapse;
}

.GreenInsideTable th	{
	background-color: #FFA222;
	border: 1px solid #FFFFFF;
	padding: 10px;
	text-align:left;
	color: #FFFFFF;
}

.GreenInsideTable td	{
	background-color: #FFFFFF;
	border: 1px solid #FFA222;
	padding: 10px;
	line-height: 150%;
}

.RedTable {
	width:100%;
	background-color: #FFEFEE;
	border: 1px solid #E23D33;
	margin-top: 15px;
	
}

.RedTable th {
	background-color: #FFCCCC;
	border: 1px solid #FFFFFF;
	padding: 10px;
	text-align:left;
	color: #E23D33;
}

.RedTable td {
	padding: 10px;
	line-height: 150%;
}

.RedTable td span {
	font-size: 100%;
	color: #E23D33;
}

.RedInsideTable {
	width:100%;
	border: 1px solid #E23D33;
	margin-top: 15px;
	border-collapse: collapse;
}

.RedInsideTable th	{
	background-color: #EDAFAF;
	border: 1px solid #FFFFFF;
	padding: 10px;
	text-align:left;
	color: #000000;
}

.RedInsideTable td	{
	background-color: #FFFFFF;
	border: 1px solid #E23D33;
	padding: 10px;
	line-height: 150%;
}

.BlueTable {
	width:100%;
	background-color: #EDF4F6;
	border: 1px solid #224CAD;
	margin-top: 15px;
	
}

.BlueTable th {
	background-color: #8CBAE9;
	border: 1px solid #FFFFFF;
	padding: 10px;
	text-align:left;
	color: #224CAD;
}

.BlueTable td {
	padding: 10px;
	line-height: 150%;
}

.BlueTable td span {
	font-size: 100%;
	color: #224CAD;
}

/*******************
 * makeshop
 *******************/

.MakeshopTable {
	width: 97%;
	border: 1px solid #FFCB5D;
	background-image: url(../server/img/table_orangebg.gif);
}

.MakeshopTable hr {
	color:#FFA222; 
	margin-left:0px;
	margin-right:0px;
}

.InnerTable {
	width:100%;
	background-color: #FFFFFF;
	border: 1px solid #FFCB5D;
}

.InnerTable th img {
	margin:10px;
}

.InnerTable td {
	padding: 15px 10px;
	vertical-align: top;
}

.InnerTable td h4 {
	color:#FF5201;
}

.InnertextTable {
	padding: 10px;
	line-height: 150%;
}

/*******************
 * function
 *******************/

.FunctionListTable {
	width: 100%;
}

.FunctionListTable th {
	margin-right: 10px;
}

.FunctionListTable th div {
	margin-top: 5px;
	font-size: 80%;
	font-weight: normal;
}

.FunctionListTable td {
	font-size: 80%;
	padding-left: 10px;
	padding-right: 30px;
	line-height: 140%;
}

.FunctionListTable td div {
	font-weight: bold;
	color: #000066;
	margin-bottom: 5px;
}

.FunctionListTable tbody th {
	padding-top: 30px; 
}

.FunctionListTable tbody td {
	padding-top: 30px; 
}

.FunctionTable {
	border: 1px solid #D4D0C8;
	border-collapse: collapse;
	width: 100%;
}

.FunctionTable thead th {
	padding:7px;
	line-height: 150%;
	text-align: left;
	border: 1px solid #C4C1BA;
	background-image:url(../img/shared/glay_bg.gif);
}

.FunctionTable thead td {
	text-align: left;
	background-image: url(../server/img/table_th_bg.gif);
	font-weight: bold;
}

.FunctionTable tbody th {
	padding:7px;
	line-height: 150%;
	text-align: center;
	border: 1px solid #C4C1BA;
	background-image:url(../img/shared/glay_bg.gif);
}

.FunctionTable tbody th div{
	font-size: 80%;
	font-weight:normal;
}

.FunctionTable tbody td {
	padding:7px;
	line-height: 150%;
	border: 1px solid #C4C1BA;
	text-align: left;
}

.FunctionSub {
	text-align: left;
	background-image: url(../server/img/table_th_bg.gif);
	font-weight: bold;
}

/*******************
 * plan
 *******************/

.PlanPointTable {
	width: 100%;
 	margin-left: 150px;
}

.PlanPointTable th {
	line-height: 130%;
}

.PlanPointTable td {
	font-weight: bold;
	color: #666666;
	line-height: 130%;
}

.PlanTable {
	width: 50%;
}

.PlanTable td {
	font-weight: bold;
	color: #666666;
	line-height: 150%;
	text-align: left;
}

.ExampleTable {
	border: 1px solid #D4D0C8;
	border-collapse: collapse;
	width: 100%;
}

.ExampleTable th {
	padding:7px;
	line-height: 150%;
	text-align: left;
	border: 1px solid #FFA222;
	background-color: #FFA222;
	color: #FFFFFF;
}

.ExampleTable td {
	padding:7px;
	line-height: 150%;
	border: 1px solid #C4C1BA;
	text-align: center;
}

.ExampleMakeShopTable {
	width: 80%;
}

.ExampleMakeShopTable td {
	font-size: 80%;
}

.ExampleServerTable {
	width: 100%;
}

.ExampleServerTable td {
	font-size: 80%;
}

.ExampleTotalTable {
	width: 100%;
}

.ExampleTotalTable th {
	padding: 5px;
	line-height: 100%;
	text-align: left;
}

.ExampleTotalTable td {
	padding: 5px;
	line-height: 100%;
	text-align: right;
}

.ExamplePriceTable {
	border: 1px solid #D4D0C8;
	border-collapse: collapse;
	width: 100%;
}

.ExamplePriceTable th {
	padding:7px;
	line-height: 150%;
	text-align: left;
	border: 1px solid #FFA222;
	background-color: #FFA222;
	color: #FFFFFF;
}

.ExamplePriceTable td {
	padding:7px;
	line-height: 150%;
	border: 1px solid #C4C1BA;
	text-align: left;
}

/*******************
 * price
 *******************/

.PriceTable {
	border: 1px solid #D4D0C8;
	border-collapse: collapse;
	width: 100%;
}

.PriceTable thead th {
	padding: 7px;
	line-height: 150%;
	text-align: center;
	border: 1px solid #C4C1BA;
	background-image:url(../img/shared/glay_bg.gif);
}

.PriceTable thead td {
	text-align: left;
	background-image: url(../server/img/table_th_bg.gif);
	font-weight: bold;
}

.PriceTable tbody th {
	padding: 7px;
	line-height: 150%;
	text-align: center;
	border: 1px solid #C4C1BA;
	background-image:url(../img/shared/glay_bg.gif);
}

.PriceTable tbody th div{
	font-size: 80%;
	font-weight:normal;
}

.PriceTable tbody td {
	padding: 7px;
	line-height: 150%;
	border: 1px solid #C4C1BA;
	text-align: left;
}

.PriceSub {
	text-align: left;
	background-color: #FFF7DF;
	font-weight: bold;
}

.PriceCalTable {
	width: 80%;
	background-color: #FFFFFF;
	border: 1px solid #FFE8A8;
}

.PriceCalTable th {
	padding: 5px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #000000;
}

.PriceCalTable td {
	padding: 10px;
	line-height: 100%;
}


.PriceCal {
	text-align: right;
}

.PriceTotal {
	text-align: right;
	padding-top: 15px;
	border-top: 1px solid #FFE8A8;
}

.PriceExTable {
	border: 1px solid #D4D0C8;
	border-collapse: collapse;
	width: 100%;
}

.PriceExTable th {
	padding: 7px;
	line-height: 150%;
	text-align: left;
	border: 1px solid #FFA222;
	background-color: #FFA222;
	color: #FFFFFF;
}

.PriceExTable td {
	padding: 7px;
	line-height: 150%;
	border: 1px solid #C4C1BA;
	text-align: right;
}

.PriceExtotalTable {
	width: 100%;
}

.PriceExtotalTable th {
	padding: 5px;
	line-height: 100%;
	text-align: left;
}

.PriceExtotalTable td {
	padding: 5px;
	line-height: 100%;
	text-align: right;
	font-weight: bold;
}

/*******************
 * technology
 *******************/

.TechnologyTable {
	border: 1px solid #D4D0C8;
	border-collapse: collapse;
	width: 100%;
}

.TechnologyTable th {
	padding: 5px 15px;
	line-height: 150%;
	text-align: left;
	border: 1px solid #C4C1BA;
	background-image: url(../server/img/glay_bg.gif);
}

.TechnologyTable td {
	padding: 5px;
	line-height: 150%;
	border: 1px solid #C4C1BA;
	text-align: center;
}

.TechnologySub {
	background-color: #FFF7DE;
	font-weight: bold;
}

/************************
 * technology- template
 ************************/

.TemplateTable {
	width: 100%;
	border: 1px solid #DEDEDE;
	border-collapse: collapse;
	background-image: url(../server/img/mglay_bg.gif);
	margin-top: 15px;
}

.TemplateTable td {
	padding: 5px;
}

.TemplateInsideTable {
	border: 1px solid #D4D0C8;
	border-collapse: collapse;
	width: 100%;
}

.TemplateInsideTable th {
	padding:7px;
	line-height: 150%;
	text-align: left;
	border: 1px solid #C4C1BA;
	background-color: #FFCB5D;
}

.TemplateInsideTable th img {
	margin-right: 4px;
}

.TemplateInsideTable td {
	padding:7px;
	line-height: 150%;
	border: 1px solid #C4C1BA;
	text-align: left;
}

/************************
 * technology- design
 ************************/

.DesignTable {
	width:100%;
	background-color: #FFF7DE;
	border: 1px solid #FFA222;
	margin-top: 15px;
	
}

.DesignTable th	{
	background-color: #FFCB5D;
	border: 1px solid #FFFFFF;
	padding: 10px;
	text-align:left;
	padding: 10px 10px 10px 10px;
	color: #FFFFFF;
	text-align:left;
}

.DesignTable td	{
	padding: 7px 0px 0px 10px;
}

.DesignTable td	span {
	font-size: 100%;
	color: #FFCB5D;
}

/************************
 * technology- promotion
 ************************/

.PromotionTable {
	width: 100%;
	border: 1px solid #DEDEDE;
	border-collapse: collapse;
	background-image: url(../server/img/mglay_bg.gif);
}

.PromotionTable th {
	padding: 5px;
	text-align: left;
}

.PromotionTable td {
	padding: 5px;
	line-height: 150%;
}

/************************
 * technology- analysis
 ************************/

.AnalysisTable {
	width: 100%;
	border: 1px solid #DEDEDE;
	border-collapse: collapse;
	background-image: url(../server/img/mglay_bg.gif);
}

.AnalysisTable th {
	padding: 20px 0px 5px 5px;
	text-align: left;
}

.AnalysisTable td {
	padding: 10px;
	line-height: 150%;
}

/************************
 * technology- payment
 ************************/

.PaymentTable {
	border: 1px solid #FFCB5D;
	border-collapse: collapse;
	width: 100%;
}

.PaymentTable th {
	padding:7px;
	line-height: 150%;
	text-align: center;
	border: 1px solid #FFFFFF;
	background-color: #FFA222;
	color: #FFFFFF;
}

.PaymentTable td {
	padding:7px;
	line-height: 150%;
	border: 1px solid #FFCB5D;
	background-color: #FFFFFF;
	text-align: center;
}

/*******************
 * option
 *******************/

.listOption {
	margin-bottom: 30px;
}
.listOption li {
	margin-left: -2em;
	line-height: 150%;
}

.FeeTable {
	border: 1px solid #D4D0C8;
	border-collapse: collapse;
	width: 70%;
}

.FeeTable th {
	padding:7px;
	line-height: 150%;
	border: 1px solid #C4C1BA;
	text-align: left;
	background-image: url(../server/img/table_th_bg.gif);
}

.FeeTable td {
	padding:7px;
	line-height: 150%;
	border: 1px solid #C4C1BA;
	text-align: left;
	background-image: url(../server/img/glay_bg.gif);
}

.FeeSubTable {
	width: 70%;
}

.FeeSubTable th {
	padding:7px 0px;
	line-height: 150%;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

.FeeSubTable th span{
	color: #FF3300; 
	line-height: 150%;
 }
 
.FeeSubTable td {
	vertical-align: top;
	padding:7px 0px;
	line-height: 150%;
}

.PrepaidTable {
	border: 1px solid #D4D0C8;
	border-collapse: collapse;
	width: 51%;
}

.PrepaidTable th {
	padding:7px;
	line-height: 150%;
	border: 1px solid #C4C1BA;
	text-align: left;
	background-image: url(../server/img/table_th_bg.gif);
}

.PrepaidTable td {
	padding:7px;
	line-height: 150%;
	border: 1px solid #C4C1BA;
	text-align: left;
	background-image: url(../server/img/glay_bg.gif);
}

.ServiceTable {
	width: 100%;
}

.ServiceTable th {
}
 
.ServiceTable td {
	font-size: 80%;
	line-height: 130%;
}

.ServiceTable td  div{
	font-weight: bold;
	margin-bottom: -8px;
}

.OptionTable {
	border: 1px solid #D4D0C8;
	border-collapse: collapse;
	width: 100%;
}

.OptionTable th {
	padding: 7px;
	line-height: 150%;
	text-align: left;
	border: 1px solid #C4C1BA;
	background-image:url(../img/shared/glay_bg.gif);
}

.OptionTable td {
	text-align: center;
	border: 1px solid #C4C1BA;
	line-height: 150%;
}

.OptionTableSub {
	text-align: left;
	background-color: #FFF7DF;
	font-weight: bold;
}


.EpsilonTable {
	width: 100%;
	border: 1px solid #D4D0C8;
	background-color: #7FC31C;
}

.EpsilonTable hr {
	color:#39B54A; 
	margin: 0px 0px 0px 0px;
}

.epInnerTable {
	margin: 12px;
	background-color: #7FC31C;
}

.epInnerTable th {
	background-color: #FFFFFF;
}

.epInnerTable th img {
	margin: 0px 5px 10px 5px;
}

.epInnerTable td {
	padding: 10px 10px 0px 10px;
	vertical-align: top;
	font-size: 80%;
	background-color: #FFFFFF;
}

.epInnerTable td h4 {
	color:#598527;
	font-size: 90%;
}

.epInnertextTable {
	padding: 10px;
	line-height: 150%;
}

/*******************
 * netshopguide
 *******************/

.StepTable {
	width: 100%;
	border: 1px solid #D4D0C8;
}

.Step1Table {
	width: 100%;
	border: 1px solid #D4D0C8;
	background-color: #669933;
}

.Step1Table hr {
	color:#39B54A; 
	margin: 0px 0px 0px 0px;
}

.Step2Table {
	width: 100%;
	border: 1px solid #D4D0C8;
	background-color: #CC3333;
}

.Step2Table hr {
	color:#CC0000; 
	margin: 0px 0px 0px 0px;
}

.Step2InnerTable {
	margin: 12px;
	background-color: #7FC31C;
}

.Step2InnerTable th {
	background-color: #FFFFFF;
}

.Step2InnerTable th img {
	margin: 0px 5px 10px 5px;
}

.Step2InnerTable td {
	padding: 10px 10px 0px 10px;
	vertical-align: top;
	font-size: 80%;
	background-color: #FFFFFF;
}

.Step2InnerTable td h4 {
	color:#CC3333;
	font-size: 90%;
}

.Step2InnertextTable {
	padding: 10px;
	line-height: 150%;
}

.Step3Table {
	width: 100%;
	border: 1px solid #D4D0C8;
	background-color: #224CAD;
}

.Step3Table hr {
	color: #224CAD; 
	margin: 0px 0px 0px 0px;
}

.Step3InnerTable {
	margin: 12px;
	background-color: #7FC31C;
}

.Step3InnerTable th {
	background-color: #FFFFFF;
}

.Step3InnerTable th img {
	margin: 0px 5px 10px 5px;
}

.Step3InnerTable td {
	padding: 10px 10px 0px 10px;
	vertical-align: top;
	font-size: 80%;
	background-color: #FFFFFF;
}

.Step3InnerTable td h4 {
	color: #224CAD;
	font-size: 90%;
}

.Step3InnertextTable {
	padding: 10px;
	line-height: 150%;
}