@charset "utf-8";

/*
----------------------------------------------------------------------
For
	InternetExplorer7
	Firefox2
----------------------------------------------------------------------
*/


/*
 Style import
---------------------------------------------------------------------- */
@import "2base.css"; /* Share style */


/*
 Style edit
---------------------------------------------------------------------- */
/* Side menu */
div#submenu{margin:10px 0px 0px 20px;}


/*
 Original style
---------------------------------------------------------------------- */
/* Banner */
div#banner{margin:10px 0px 0px 20px;}

/* Infomation */
div#info{
	width      :  530px;
	margin-top : -515px;
	margin-left:  210px;
}
div#info div.s_title{
	background: transparent url(../img/solution/solution_title.jpg) no-repeat;
	width     : 530px;
	height    : 100px;
}
div#info div.text_top{padding:5px; margin-bottom:5px; font-weight:bold; line-height:20px;}
div#info div.text{padding:5px; margin-bottom:5px; line-height:20px;}
div#info div.point{padding:5px; margin-bottom:10px; font-weight:bold; color:#336699;}
div#info hr{background:transparent url(../img/common/line_dot.gif) repeat-x;}
div#info  ul{
	margin : 0px 0px 0px 10px;
	padding: 0px;
}
div#info a{
	background  : transparent url(../img/solution/more_mark.gif) left no-repeat;
	color       : #6598cc;
	padding-left: 17px;
}
div#info img{width:100%; margin-bottom:5px;}

/* A type */
div#info div.type_a{width:520px; padding:0px 5px;}
div#info div.type_a div.image{float:left; width:230px;}
div#info div.type_a div.title{
	background : transparent url(../img/solution/product_a.png) no-repeat;
	width      : 280px;
	height     :  90px;
	margin-left: 240px;
}
div#info div.type_a div.text{width:280px; margin-left:240px;}

/* T type */
div#info div.type_t{width:520px; padding:0px 5px;}
div#info div.type_t div.image{float:right; width:230px;}
div#info div.type_t div.title{
	background : transparent url(../img/solution/product_t.png) no-repeat;
	width      : 280px;
	height     : 105px;
}
div#info div.type_t div.text{width:280px;}

/* L type */
div#info div.type_l{width:520px; padding:0px 5px;}
div#info div.type_l div.image{float:left; width:230px;}
div#info div.type_l div.title{
	background : transparent url(../img/solution/product_l.png) no-repeat;
	width      : 280px;
	height     : 105px;
	margin-left: 240px;
}
div#info div.type_l div.text{width:280px; margin-left:240px;}

/* Spacer */
div.spacer{height:10px;}

/* Hack */
* html div#info{margin-top:-523px;}
*+html div#info{margin-top:-523px;}

* html div#info div.type_a div.title{margin-top:-193px;}
* html div#info div.type_t div.text{margin-top:-88px;}
* html div#info div.type_l div.title{margin-top:-193px;}

*+html div#info div.type_a div.text{margin-top:-98px;}
*+html div#info div.type_l div.text{margin-top:-88px;}


/* PngFix */
* html div#info div.type_a div.title{behavior:expression(IEPNGFIX.fix(this));}
* html div#info div.type_t div.title{behavior:expression(IEPNGFIX.fix(this));}
* html div#info div.type_l div.title{behavior:expression(IEPNGFIX.fix(this));}