@charset "Shift-JIS";

/* --------------------------------------------------
  Infomation
-----------------------------------------------------

  このCSSファイルはSaaSとはページにのみ反映されます。

-------------------------------------------------- */


/* --------------------------------------------------
  base layout
-------------------------------------------------- */

/* cont_lnav ------------------------------------- */

div#cont01_head,
div#cont02_head,
div#cont03_head,
div#cont04_head{
	margin-bottom:20px;
	position:relative;
}

ul.cont_lnav{
	position:absolute;
	top:0;
	right:0;
	display:block;
}
ul.cont_lnav li{
	display:inline;
	float:left;
}
ul.cont_lnav li a{
	text-indent:-9999px;
	height:39px;
	display:block;
	float:left;
}

ul.cont_lnav li a.cont_lnav01{
	background:url(img/saas_lnav.gif) no-repeat 0 0;
	width:160px;
	overflow:hidden;
}
ul.cont_lnav li a.cont_lnav01:hover{
	background:url(img/saas_lnav.gif) no-repeat 0 -39px;
}
ul.cont_lnav li a.cont_lnav02{
	background:url(img/saas_lnav.gif) no-repeat -160px 0;
	width:93px;
	overflow:hidden;
}
ul.cont_lnav li a.cont_lnav02:hover{
	background:url(img/saas_lnav.gif) no-repeat -160px -39px;
}
ul.cont_lnav li a.cont_lnav03{
	background:url(img/saas_lnav.gif) no-repeat -253px 0;
	width:70px;
	overflow:hidden;
}
ul.cont_lnav li a.cont_lnav03:hover{
	background:url(img/saas_lnav.gif) no-repeat -253px -39px;
}
ul.cont_lnav li a.cont_lnav04{
	background:url(img/saas_lnav.gif) no-repeat -323px 0;
	width:66px;
	overflow:hidden;
}
ul.cont_lnav li a.cont_lnav04:hover{
	background:url(img/saas_lnav.gif) no-repeat -323px -39px;
}


/* --------------------------------------------------
  cont01
-------------------------------------------------- */

div#cont01_head h3{
	text-indent:-9999px;
	background:url(img/saas_cont01_ttl.gif) no-repeat;
	width:828px;
	height:39px;
	overflow:hidden;
}

div#cont01 p.cont01_img{
	float:right;
	margin:0 0 10px 10px;
}




/* --------------------------------------------------
  cont02
-------------------------------------------------- */

div#cont02_head h3{
	text-indent:-9999px;
	background:url(img/saas_cont02_ttl.gif) no-repeat;
	width:828px;
	height:39px;
	overflow:hidden;
}

div#cont02 div.cont02_txt{
	width:390px;
	float:left;
}

div#cont02 div.cont02_img{
	width:410px;
	float:right;
	display:block;
}



/* --------------------------------------------------
  cont03
-------------------------------------------------- */

div#cont03_head h3{
	text-indent:-9999px;
	background:url(img/saas_cont03_ttl.gif) no-repeat;
	width:828px;
	height:39px;
	overflow:hidden;
}

div#cont03 p.cont03_img{
	padding:35px 0;
}


/* --------------------------------------------------
  cont04
-------------------------------------------------- */

div#cont04_head h3{
	text-indent:-9999px;
	background:url(img/saas_cont04_ttl.gif) no-repeat;
	width:828px;
	height:39px;
	overflow:hidden;
}
div#cont04 p.cont04_txt{
	margin-bottom:2em;
}


/* cont04_left ----------------------------------- */

div#cont04 div.cont04_left{
	width:400px;
	float:left;
}
div#cont04 div.cont04_left h4{
	text-indent:-9999px;
	background:url(img/saas_cont04_sttl01.gif) no-repeat;
	width:235px;
	height:20px;
	overflow:hidden;
	margin-bottom:10px;
}

div#cont04 div.cont04_left_box{
	background:url(img/saas_cont04_left_boxbg.gif) no-repeat bottom;
	padding-bottom:20px;
	margin-bottom:15px;
}
div#cont04 div.cont04_left_box h5{
	text-indent:-9999px;
	width:400px;
	height:47px;
	overflow:hidden;
	margin-bottom:20px;
}
div#cont04 div.cont04_left_box ul{
	color:#717071;
	margin:0 12px;
}
div#cont04 div.cont04_left_box ul li{
	line-height:1.3;
	list-style:disc;
	margin-left:1.5em;
	padding:0.2em 0;
}


/* cont04_left01 --------------------------------- */

div#cont04 div.cont04_left01 h5{
	background:url(img/saas_cont04_ssttl01.gif) no-repeat;
}

div#cont04 div.cont04_left01 table{
	width:350px;
	margin:0.5em 0 1em -12px;
}
div#cont04 div.cont04_left01 table th,
div#cont04 div.cont04_left01 table td{
	font-weight:normal;
	color:#717071;
	border:1px solid #717071;
	padding:3px 5px;
}
div#cont04 div.cont04_left01 table th{
	border-right:1px solid #717071;
}


/* cont04_left02 --------------------------------- */

div#cont04 div.cont04_left02 h5{
	background:url(img/saas_cont04_ssttl02.gif) no-repeat;
}

/* cont04_left03 --------------------------------- */

div#cont04 div.cont04_left03 h5{
	background:url(img/saas_cont04_ssttl03.gif) no-repeat;
}


/* cont04_right ----------------------------------- */

div#cont04 div.cont04_right{
	width:400px;
	float:right;
}
div#cont04 div.cont04_right h4{
	text-indent:-9999px;
	background:url(img/saas_cont04_sttl02.gif) no-repeat;
	width:260px;
	height:20px;
	overflow:hidden;
	margin-bottom:10px;
}

div#cont04 div.cont04_right_box{
	background:url(img/saas_cont04_right_boxbg.gif) no-repeat bottom;
	padding-bottom:20px;
	margin-bottom:15px;
}
div#cont04 div.cont04_right_box h5{
	text-indent:-9999px;
	width:400px;
	height:47px;
	overflow:hidden;
	margin-bottom:20px;
}
div#cont04 div.cont04_right_box ul{
	color:#717071;
	margin:0 12px;
}
div#cont04 div.cont04_right_box ul li{
	line-height:1.3;
	list-style:disc;
	margin-left:1.5em;
	padding:0.2em 0;
}

div#cont04 div.cont04_right_box ul li ul{
	margin:0.3em 0 0.5em 0;
	padding:0;
}
div#cont04 div.cont04_right_box ul li ul li{
	list-style:none;
	padding:0 0 0 0;
}


/* cont04_right01 --------------------------------- */

div#cont04 div.cont04_right01 h5{
	background:url(img/saas_cont04_ssttl04.gif) no-repeat;
}

/* cont04_right02 --------------------------------- */

div#cont04 div.cont04_right02 h5{
	background:url(img/saas_cont04_ssttl05.gif) no-repeat;
}

/* cont05_bnr --------------------------------- */

/*div#cont05 ul{
	color:#0099ff;
	margin:10px 3px 20px 0;
}
div#cont05 li{
	line-height:1.8em;
	background-image : url(../img/gnav_arrow.gif);icon_tri01.gif
	background-repeat: no-repeat;
	background-position: 2px 5px;
	margin-left:1px;
    padding-left: 10px;
	padding-right: 10px;
	font-size:16px;
	font-weight:bold;
	display : inline;
}

div#cont05 ul.fnavi {
	margin-bottom: 20px;
	margin-left: 33px;
	padding: 0;
	line-height: 1;
	list-style-type: none;
}

div#cont05 ul.fnavi li {
	margin-left: 7px;
	padding: 2px;
	float: left;
	width: 260px;
	text-align: center;
	font-size: 14px;
	font-weight:bold;
}

div#cont05 ul.fnavi li a {
	border: 1px solid #ff9900;
	padding: 10px;
	display: block;
	position: relative; /* for IE6 */
	/*color: #fff;
	/*background-color:#0099ff;*/
	/*background:url(img/ttl_bg.gif);
	text-decoration: none;
}*/

/*div#cont05 ul.fnavi li a:hover {
	border-color: #ff9900;
	color:#ff9900;
	/*background-color: #eee;*/
	/*background:url(img/ttl_bg_o.gif);
}*/

/* ClearFix */
/*
ul.fnavi {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
/*}*/

/*ul.fnavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}*/

/* cont05_bnr 下層バナー--------------------------------- */

div#cont05 .cont5{
  position: relative;
  overflow: hidden;
}

div#cont05 ul.fnavi {
	position:relative;
	left:50%;
	float:left;
}

div#cont05 ul.fnavi li {
   position:relative;
   margin:10px 5px;
   left:-50%;
   float:left;
   width: 274px;
}

div#cont05 ul.fnavi li a {
	padding:3px;
	display: block;
	position: relative; /* for IE6 */
	color: #fff;
	text-decoration: none;
}

div#cont05 ul.fnavi li a:hover {
	border-color: #ff9900;
	color:#ff9900;
	/*background-color: #eee;*/
}

/* ClearFix */

ul.fnavi {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

ul.fnavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}