@charset "shift_jis";

/* 共通CSS読み込み  */
@import url("common.css");


/* ================================================
topのみ */

/*  ======================== メイン部レイアウト   */
div.main{
	background:#fff url(../img/top/bgrBox.gif) repeat-y right;
}
div.main #contents{
	width:562px;
	float:left;
	text-align:center;
	padding-top:20px;
}
div.main #rBox{
	width:236px;
	float:left;
	background:url(../img/top/bgrBoxtop.gif) no-repeat left top;
	padding-top:27px;
	text-align:center;
}



/*  === contents／課題解決   */
#contents p.lead{
	margin:15px 20px 12px;
	text-align:left;
}

#contents div.challenge{
	margin:0 auto;
	width:542px;
	text-align:left;
}
#contents div.challenge ul{
	width:542px;
	height:148px;
}
#contents div.challenge ul li{
	float:left;
	width:266px;
	margin-left:1px;
	background:url(../img/top/challenge01ttl.gif) no-repeat left top;
	text-align:center;
	padding:0px;
}
#contents div.challenge ul li#chg02, #contents div.challenge ul li#chg04{
	margin-left:8px;
}
#contents div.challenge ul li#chg02{
	background:url(../img/top/challenge02ttl.gif) no-repeat left top;
}
#contents div.challenge ul li#chg03{
	background:url(../img/top/challenge03ttl.gif) no-repeat left top;
}
#contents div.challenge ul li#chg04{
	background:url(../img/top/challenge04ttl.gif) no-repeat left top;
}

#contents div.challenge ul dl{
	width:235px;
	margin:0 auto;
	text-align:left;
}
* html #contents div.challenge ul dl{
/* \*/
	margin:0;
/* */
}
*:first-child+html #contents div.challenge ul {
	min-height:330px;
}

#contents div.challenge ul dt{
	text-indent:-9999px;
	height:66px;
/* \*/
	overflow:hidden;
/* */
}
#contents div.challenge ul dd{
	font-size:0.9em;
	line-height:1.3em;
	width:235px;
}

#contents div.challenge ul p{
	text-align:right;
	background:url(../img/top/challengebg.gif) no-repeat left bottom;
	padding:2px 8px 8px 0;
}
#contents div.challenge ul li p a{
	display:inline;
	text-indent:0;
}


#contents p.isomarks{
	margin:30px 30px 0 20px;
	text-align:left;
	clear:both;
}
#contents p.isotxt{
	margin:10px 20px 30px 20px;
	text-align:left;
	font-size:0.8em;
}


/*  === rBox／お問い合わせ   */

#inqueryBox {
	margin-bottom: 20px;
}

#freetrial {
	margin-bottom: 15px;
}

#inqueryBox p{
	width:207px;
	height:70px;
	margin:0 auto;
	background:url(../img/top/bgweb.gif) no-repeat left bottom;
}
#inqueryBox p img{
	margin-top:3px;
}

/*  === rBox／導入事例（nozawa)   */

#exampleBox {
	width: 212px;
	margin:0 auto 15px;
	overflow: hidden;
	background:url(../img/top/example_bg.gif) repeat-y;
}

#exampleBox h3 {
	margin-bottom: 8px;
}

#exampleList {
	text-align: left;
	padding: 0 5px 10px 25px;
	background: url(../img/top/example_foot.gif) left bottom no-repeat;
}

#exampleList li {
	padding: 5px;
	padding-left: 15px;
	background: url(../img/top/example_arr.gif) 0 8px no-repeat;
}

/*  === footer   */
#footer{
	position:relative;
}
#footer p#footlogo{
	position:absolute;
	width:168px;
	height:37px;
	top:25px;
	left:16px;
}