/* CSS Document */

#product_main {
	width:750px;
	margin:10px 0px 0px 0px;
	padding:45px 10px 10px 20px;
	height:570px;
	background-color:#ffffff;
	border:1px solid #666666;
	text-align:left;
	overflow:visible;
	background-image:url(../image/product-index/title.gif);
	background-repeat:no-repeat;
	position:relative;
}

h4 {
background-image:url(../image/common/h4_bg_long.gif);
font-size:12px;
font-weight:bold;
color:#ffffff;
padding:3px 0px 3px 5px;
margin:5px 0px 5px 0px;
}

#product_main a span {
display:none;
}

#product_main a{
width:70px;
height:20px;
display:block;
background:transparent url(../image/product-index/link.gif) 0px 0px;
}

#product_main a:hover{
width:70px;
height:20px;
display:block;
background:transparent url(../image/product-index/link.gif) 0px -20px;
}

.sol_line {
width:740px;
height:80px;
margin-bottom:15px;
position:relative;
}

.sol_line span.title{
color:#282297;
font-size:14px;
letter-spacing:0.2em;
font-weight:bold;
margin:0px;
padding:0px;
}

.sol_line span.lefttext{
display:block;
width:200px;
position:absolute;
top:30px;
left:15px;
}

.sol_line span.righttext{
display:block;
width:200px;
position:absolute;
top:30px;
left:395px;
}

.sol_line p a.leftsol{
position:absolute;
top:50px;
left:280px;
}

.sol_line p a.rightsol{
position:absolute;
top:50px;
left:660px;
}


.sol_line p{
border-bottom:1px solid #36365d;
border-right:1px solid #36365d;
width:350px;
height:70px;
display:block;
margin:0px;
padding:5px;
}

.mobile {
background-image:url(../image/product-index/easysite.gif);
float:right;
}

.webdesign {
background-image:url(../image/product-index/webdesign.gif);
float:left;
}

.rich {
background-image:url(../image/product-index/rich.gif);
float:left;
}

.dev {
background-image:url(../image/product-index/dev.gif);
float:left;
}

.onlinegame {
background-image:url(../image/product-index/onlinegame.gif);
float:right;
}


.product_line {
width:740px;
height:40px;
margin-bottom:15px;
position:relative;
}

.product_line p {
border-bottom:1px solid #36365d;
border-right:1px solid #36365d;
width:350px;
height:30px;
display:block;
color:#555555;
font-weight:bold;
margin:0px;
padding:5px;
}

.product_line p a.leftpro{
position:absolute;
top:10px;
left:280px;
}

.product_line p a.rightpro{
position:absolute;
top:10px;
left:660px;
}

.m4 {
background-image:url(../image/product-index/m4.gif);
float:left;
}

.cvt {
background-image:url(../image/product-index/cvt.gif);
float:right;
}

.hosting {
background-image:url(../image/product-index/hosting.gif);
float:right;
}

.ipax {
background-image:url(../image/product-index/ipax.gif);
float:left;
}

.ipam{
background-image:url(../image/product-index/ipam.gif);
float:right;
}

.ichatlive {
background-image:url(../image/product-index/ina.gif);
float:left;
}

.ipab {
background-image:url(../image/product-index/ipab.gif);
float:right;
}

.iportal {
background-image:url(../image/product-index/ipad.gif);
float:left;
}

.ifone {
background-image:url(../image/product-index/cti.gif);
float:right;
}

.emsys {
background-image:url(../image/product-index/emsys.gif);
float:left;
}

.ipal {
background-image:url(../image/product-index/ipal.gif);
float:right;
}

.product_lease {
background-image:url(../image/product-index/rental.gif);
border-bottom:1px solid #36365d;
border-right:1px solid #36365d;
width:730px;
height:40px;
margin-bottom:10px;
color:#555555;
font-weight:bold;
padding:5px;
}