@charset "utf-8";
/* top */
/*トップページの設定*/

/*---------------*/
/*メインビジュアル*/
/*---------------*/
#mainimg{
	position:relative;
	width:930px;
	height:452px;
	background:url(../../images/mainimg.jpg) no-repeat;
	margin-bottom:20px;
}

#mainimg h1,
#mainimg h2,
#mainimg h3{
	visibility:hidden;
}

/*スマフォアプリindexへ*/
#mainimg .app{
	display:block;
	width:233px;
	height:47px;
	position:absolute;
	top:224px;
	left:355px;
}

/*スマフォアプリindexへ*/
#mainimg .mimicopy{
	display:block;
	width:318px;
	height:430px;
	position:absolute;
	top:22px;
	left:595px;
}

#mainimg .btn01{
	display:block;
	width:200px;
	height:140px;
	position:absolute;
	top:299px;
	left:26px;
}

#mainimg .btn02{
	display:block;
	width:184px;
	height:140px;
	position:absolute;
	top:239px;
	left:206px;
}

#mainimg .btn03{
	display:block;
	width:190px;
	height:140px;
	position:absolute;
	top:299px;
	left:377px;
}


/*---------------*/
/*ボックス*/
/*---------------*/

#content{
	width:930px;
	height:auto;
	margin-bottom:2px;
	background-color:#FFFFFF;
}

/*news*/
#content div#news{
	width:520px;
	height:auto;
	float:left;
	padding:20px;
	background-color:#FFFFFF;
	border-right:#B0C4DF 2px solid;
}

#content div#news h4{
	width:520px;
	height:50px;
	text-indent:-9999px;
	background:url(../../images/h4_index01.gif) no-repeat;
	margin-bottom:1em;
}

#content div#news dl{
	margin:0px 0px 0px 0px;
	padding:0px 5px;
}

#content div#news dt{
	float:left;
	width:6em;
	margin:0px 0px 0.6em 0px;
}

#content div#news dd{
	margin:0px 0px 0.6em 7em;
	line-height:1.3em;
}

/*対応可能分野*/
#content div#support{
	width:328px;
	height:100%;
	float:right;
	padding:20px;
	background-color:#FFFFFF;
}

#content div#support h4.t01{
	width:328px;
	height:40px;
	text-indent:-9999px;
	background:url(../../images/h4_index02.gif) no-repeat;
	margin-bottom:1em;
}

#content div#support h4.t02{
	width:328px;
	height:40px;
	text-indent:-9999px;
	background:url(../../images/h4_index03.gif) no-repeat;
	margin-bottom:1em;
}

/*リスト*/
#content div#support ul{
	margin-bottom:20px;
	padding:0px 5px;
}

#content div#support ul li{
	background:url(../../images/list.gif) no-repeat 0px 0.3em;
	padding-left:14px;
	margin-bottom:0.5em;
}

/*共通　テキスト部分　文字数が多くなったら自動でスクロールバーを表示*/
#content div.textbox{
	width:auto;
	height:auto;
	overflow:auto;
	margin-bottom:5px;
	padding:0px;
}

/*---------------*/
/*お問い合わせ*/
/*---------------*/
#contactus{
	clear:both;
	width:890px;
	height:75px;
	padding:20px;
	margin-top:2px;
	background-color:#FFFFFF;
}

#contactus div#left{
	width:600px;
	float:left;
	padding-top:20px;
	font-size:14px;
	line-height:20px;
}

#contactus div#right{
	width:240px;
	float:right;
}