/*------------------------------------------
	lisagas
--------------------------------------------*/

.lisagas #contents{
	background:url(../../../img/grani/collaboration/lisagas/contents_mid.png) repeat-y 0 0;
	margin: 0 auto;
	padding:93px 0 0;
}

.lisagas #header{
	width: 980px;
	height: 780px;
	background:url(../../../img/grani/collaboration/lisagas/title_bg.png) no-repeat 0 0;
	margin:0 auto;
	_filter:none;
}

.lisagas #header .hgroup {
	left: 31px;
	top: 14px;
	position:relative;
}

.lisagas #header .hgroup h1{
	background:url(../../../img/grani/collaboration/lisagas/title_h1.png) no-repeat 0 0;
	height:80px;
	left: 3px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top: 54px;
	width:716px;
}

.lisagas #header .hgroup h2{
	background:url(../../../img/grani/collaboration/lisagas/title_h2.png) no-repeat 0 0;
	height:23px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top: 24px;
	left: 3px;
	width:716px;
}

.lisagas #header .hgroup h3 {
	background:url(../../../img/grani/collaboration/lisagas/title_h3.png) no-repeat 0 0;
	height:159px;
	left: 764px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top: 1px;
	width:159px;
}

.lisagas #header .ss{
	width: 524px;
	height: 432px;
	margin: 0 0 21px 28px;
	padding-top: 156px;
}

.lisagas #header .download {
	width: 348px;
	height: 81px;
	margin-left: 109px;
	text-indent:-9999px;
	overflow:hidden;	
}

.lisagas #header .download a {
	background:url(../../../img/grani/collaboration/lisagas/download.png) no-repeat 0 0;
	width: 348px;
	height: 81px;
	display:block;
}

.lisagas #header .download a:hover {
	background:url(../../../img/grani/collaboration/lisagas/download.png) no-repeat 0 -81px;
}


.lisagas .about{
	margin: 0 45px 40px;
}

.lisagas .about .read{
	width: 353px;
	float: right;
	margin-bottom: 16px;
	padding-right: 3px;
}

.lisagas .about .read h2{
	background:url(../../../img/grani/collaboration/lisagas/about_article.png) no-repeat 0 top;
	width: 332px;
	height: 52px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom: 14px;
}

.lisagas .about .txt{
	color: #000;
	font-size:123.1%;
	line-height:150%;
	min-height:96px;
	_height:auto !important;
	_height:96px;
}

.lisagas .about .frm_top{
	background:url(../../../img/grani/collaboration/lisagas/about_frm_top.png) no-repeat 0 top;
	margin:0 auto;
	background-color: #D7EBC4;
	width: 890px;
	clear: both;
	padding-top: 6px;
}

.lisagas .about .frm_mid{
	background:url(../../../img/grani/collaboration/lisagas/about_frm_mid.png) repeat-y 0 0;
	margin:0 auto;
	background-color: #D7EBC4;
	width: 890px;
}

.lisagas .about .frm_btm{
	background:url(../../../img/grani/collaboration/lisagas/about_frm_btm.png) no-repeat 0 bottom;
	padding-bottom: 21px;
	margin:0 auto;
	width: 890px;
	position: relative;
}

.lisagas .about .browser01{
	height: 384px;
	position: absolute;
	top: -235px;
	left: 10px;
}

.lisagas .about .browser02{
	height: 168px;
	position: absolute;
	top: -24px;
	left: 534px;
}

.lisagas .about .section{
	width: 890px;
	margin: 0 auto;
	color: #000;
	font-size:108%;
	padding-top: 176px;
}

.lisagas .about .section h3{
	width: 890px;
	height: 59px;
	text-indent:-9999px;
	overflow:hidden;	
	margin: 0 auto 11px auto;
	background:url(../../../img/grani/collaboration/lisagas/about_h1.png) no-repeat 0 0;
	
}

.lisagas .about .section div p.img{
	margin-bottom:11px;
}

.lisagas #contents .about .section .img img{
	display:block;
}

.lisagas .about .section div .anime01{
	position:absolute;
	left:60px;
	top:80px;	
}

.lisagas .about .section .sec_01{
	width: 302px;
	padding-left: 26px;
	float: left;
}

.lisagas .about .section .box01{
	float: left;
	margin-right: 14px;	
	width: 144px;
	position:relative;
}

.lisagas .about .section .box02{
	float: left;
	width: 144px;
	position:relative;
	margin-bottom:27px;
}

.lisagas .about .section .box03{
	width: 302px;
	clear:both;
}

.lisagas .about .section .sec_02{
	width: 502px;
	padding-right: 26px;
	float: right;	
}

.lisagas .about .section .design_frm_top{
	width: 490px;
	background:url(../../../img/grani/collaboration/lisagas/design_frm_top.png) no-repeat 0 top;
	padding: 10px 0 13px 12px;
}

.lisagas .about .section .design_frm_mid{
	float: left;
	width: 502px;
	background:url(../../../img/grani/collaboration/lisagas/design_frm_mid.png) repeat-y 0 0;
}

.lisagas .about .section .design_frm_btm{
	width: 502px;
	background:url(../../../img/grani/collaboration/lisagas/design_frm_btm.png) no-repeat 0 bottom;	
}

.lisagas .about .section .design_frm_btm h4{
	color: #EA838A;
	font-size: 91%;
	margin: -2px 0 1px;
	padding-left: 16px;
	background:url(../../../img/grani/collaboration/lisagas/h4_mk.png) no-repeat 0 3px;	
}

.lisagas .about .section .box04{
	margin-bottom: 12px;
	width:502px;
}

.lisagas .about .section .box05{
	width:502px;
}

.lisagas .about .section .box05_01{
	float:left;
	width: 302px;
}

.lisagas .about .section .box05_02 p{
	font-size: 83%;
	line-height:140%;
	margin-left:10px;
	color: #6E6D6A;
}

.lisagas .about .section .box05_03 p{
	font-size: 83%;
	line-height:140%;
	margin-left:10px;
	color: #6E6D6A;
}

.lisagas .about .section .box05_02{
	width: 221px;
	margin-right: 12px;
	padding-left: 6px;
	float: left;
}

.lisagas .about .section .box05_02 .img{
	height: 148px;
	margin: 0;
}

.lisagas .about .section .box05_03 .img{
	height: 148px;
	margin: 0;
}

.lisagas .about .section .box05_03{
	width: 221px;
	margin: 0;
	float: left;
}

.lisagas .banner{
	margin:0 45px 41px;
	background:url(../../../img/grani/collaboration/lisagas/banner_frm_mid.png) repeat-y 0 top;
}

.lisagas .banner .frm_top{
	background:url(../../../img/grani/collaboration/lisagas/banner_frm_top.png) no-repeat 0 top;
	padding-top: 10px;
	width: 890px;
}

.lisagas .banner .frm_btm{
	background:url(../../../img/grani/collaboration/lisagas/banner_frm_btm.png) no-repeat 0 bottom;
	padding-bottom: 10px;
	width: 890px;
}

.lisagas .banner .banner01{
	float:left;	
	width: 338px;
	padding-left: 6px;
	margin-right: 20px;
	position:relative;
}

.lisagas .banner .banner01 h2{
	background:url(../../../img/grani/collaboration/lisagas/banner_01.png) no-repeat 0 0;
	width: 338px;
	height: 133px;
	text-indent:-9999px;
	overflow:hidden;
	position: relative;
	top:-20px;
}

.lisagas .banner .banner01 p{
	font-size:108%;
	left:21px;
	width:326px;
	color: #000;
	position:relative;
	top: -9px;
}

.lisagas .banner .banner_img{
	float:left;
	margin-right:20px;
}

.lisagas .banner .banner02{
	float:left;	
	width:320px;
}

.lisagas .banner .banner02 .img{
	margin-bottom: 7px;
}

.lisagas .banner .banner02 p{
	font-size:93%;
	line-height:140%;
	color: #6A6A6A;
}

.lisagas .banner .banner02 textarea{
	height:58px;
	margin-top:16px;
	width:315px;
}

.lisagas .banner .top{
	margin:16px 0 2px;
}

.lisagas .banner #bln_mid{
	background:url(../../../img/grani/collaboration/lisagas/banner_bln_mid.png) repeat-y 0 top;
	width: 838px;
	position:relative;
	left:26px;
	top: -5px;
	margin-bottom:14px;
}


.lisagas .banner .bln_top{
	background:url(../../../img/grani/collaboration/lisagas/banner_bln_top.png) no-repeat 0 top;
	width: 838px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
}

.lisagas .banner .bln_btm{
	background:url(../../../img/grani/collaboration/lisagas/banner_bln_btm.png) no-repeat 0 bottom;
	padding:15px 23px 19px 36px;
	width:780px;
	list-style-position: outside;

}

.lisagas .banner .bln_btm li{
	font-size: 93%;
	list-style-image: url(../../../img/grani/collaboration/lisagas/marker.png);
	
}

.lisagas .banner .bln_btm .list li{
	list-style:inside;
	list-style-image: none;
	list-style-type: disc;
}