@charset "utf-8";

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

	トップページ

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

body {

}


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

	トップページ　ヘッダー

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

#top #header {
	width: 950px;
	margin: 0 auto;
	height: 101px;
	padding-top: 13px;
}

#top #header .logo {
	width: 187px;
	float: left;
	margin-top: 4px;
}

#top #header .chatch {
	width: 340px;
	float: left;
	border-left: 1px dotted #a8a8a8;
	padding-left: 15px;
	margin-bottom: 0;
	margin-left: 18px;
	margin-right: 0;
	margin-top: 5px;
	padding-top: 11px;
	padding-bottom: 9px;
}

#top h1 {
	color:#ed9100;
	font-size:14px;
	line-height: 1em;
	font-weight: bold;
}

#top #header .chatch p {
	font-size:11px;
	line-height:1.3em;
	color: #787777;
	margin: 5px 0 0 0;
}

#top #header .contactArea {
	width: 217px;
	float: right;
	margin-right: 18px;
}

#top #header .contactArea .tel {
	background-image: url(../images/header_tel.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 217px;
	text-indent: -10000px;
}

#top #header ul {
	margin-top: 8px;
}

#top #header ul li {
	float:left;
	margin:0 13px 0 0;
}

#top #header ul li a {
	height:25px;
	text-indent:-10000px;
	display:block;
	background-image: url(../images/top_head_link.gif);
	background-repeat: no-repeat;
}

#top #header ul li.faq a {
	background-position: 0 0;
	width:105px;
}

#top #header ul li.contact a {
	background-position: -119px 0;
	width:82px;
}

#top #header .contactArea a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}


#top #chatchArea {
	background-image: url(../images/top_ct_bg.png);
	background-repeat: repeat-x;
	height: 149px;
	padding-top:14px;
	margin-bottom:12px;
}

#top #chatchArea .inner {
	width:921px;
	margin:0 auto;
	height:120px;
}

#top #chatchArea .inner .circleIcon {
	width:62px;
	height:62px;
	position:absolute;
}

#top #chatchArea .inner .red {
	margin:0 0 0 31px;
}

#top #chatchArea .inner .blue {
	margin:53px 0 0 1px;
}

#top #chatchArea .inner .green {
	margin:53px 0 0 62px;
}

#top #chatchArea .inner h2 {
	width:477px;
	height:104px;
	position:absolute;
	background-image:url(../images/top_ct_ttl.png);
	background-repeat:no-repeat;
	margin:4px 0 0 127px;
	text-indent:-10000px;
}

#top #chatchArea .inner .squareIcon {
	width:80px;
	height:104px;
	position:absolute;
}

#top #chatchArea .inner .pitout {
	margin:4px 0 0 623px;
}

#top #chatchArea .inner .pitin {
	margin:4px 0 0 715px;
}

#top #chatchArea .inner .comingsoon {
	width: 100px;
	height: 75px;
	position: absolute;
	margin:4px 0 0 810px;
}

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

	トップページ　メイン

----------------------------------*/
#top #main {
	width: 100%;
	margin: 0;
	clear: both;
	background-image: url(../images/top_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 27px;
}

#top #main h2 {
	background-image: url(../images/top_chatch.gif);
	background-repeat: no-repeat;
	height: 63px;
	text-indent: -10000px;
	width: 950px;
	margin: 0 auto;
}

/*　メインメニュー　*/

#top #main .menu {
	background-image: url(../images/top_menu_bg.gif);
	background-repeat: repeat-x;
	height: 124px;
	margin-bottom: 33px;
}

#top #main .menu ul {
	width: 804px;
	margin: 0 auto;
	background-image: url(../images/top_menu_inbg.jpg);
	background-repeat: no-repeat;
	height: 124px;
}

#top #main .menu ul li {
	float:left;
	width:134px;
}

#top #main .menu ul li a {
	width:134px;
	height:124px;
	text-indent:-10000px;
	display:block;
	background-image: url(../images/top_menu_icons.png);
	background-repeat: no-repeat;
	overflow:hidden;
}

#top #main .menu ul li.about a {
	background-position: 0 0;
}
#top #main .menu ul li.about a:hover {
	background-position: 0 -110px;
}

#top #main .menu ul li.solution a {
	background-position: -134px 0;
}

#top #main .menu ul li.solution a:hover {
	background-position: -134px -110px;
}

#top #main .menu ul li.trouble a {
	background-position: -268px 0;
}

#top #main .menu ul li.trouble a:hover {
	background-position: -268px -110px;
}

#top #main .menu ul li.service a {
	background-position: -402px 0;
}

#top #main .menu ul li.service a:hover {
	background-position: -402px -110px;
}

#top #main .menu ul li.faq a {
	background-position: -536px 0;
}

#top #main .menu ul li.faq a:hover {
	background-position: -536px -110px;
}

#top #main .menu ul li.demo a {
	background-position: -670px 0;
}

#top #main .menu ul li.demo a:hover {
	background-position: -670px -110px;
}

#top #main .menu ul li.contact a {
	background-position: -804px 0;
}

#top #main .menu ul li.contact a:hover {
	background-position: -804px -110px;
}

/*　新着情報　*/

#top #main .news {
	clear: both;
	width: 930px;
	margin: 0 auto;
}

#top #main .news h3 {
	background-image: url(../images/top_news.gif);
	background-repeat: no-repeat;
	height: 88px;
	width: 88px;
	text-indent: -10000px;
	float: left;
}

#top #main .news dl {
	float: left;
	font-size: 13px;
	width:790px;
	margin:0 0 0 27px;
	line-height:1.5em;
}

#top #main .news dl dt {
	float: left;
	width:85px;
	padding:4px 0 6px 0;
	color:#7ea800;
}

#top #main .news dl dd {
	border-left: 1px dotted #a0a0a0;
	margin:0 0 0 85px;
	padding:4px 0 6px 12px;
}

#top #main .news dl dd a:link, #top #main .news dl dd a:visited {
	color: #656565;
	text-decoration: underline;
}

#top #main .news dl dd a:active, #top #main .news dl dd a:hover {
	color: #f28e00;
	text-decoration: none;
}