@charset "UTF-8";


/*=====================================================
                    body
=======================================================*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", sans-serif, "メイリオ", Meiryo;
	color:#000;
	list-style:none;
	font-size:13px;
	font-weight:normal;
	padding:0;
	margin:0;
	line-height:140%;
}
body, x:-moz-any-link{
	font-family:sans-serif,"ヒラギノ角ゴ Pro W3",  "メイリオ", Meiryo;
	color:#000;
	list-style:none;
	font-size:13px;
	font-weight:normal;
}
p{margin:0;}

img{border-style:none;background:none; margin:0; padding:0;}
a{outline:none; background:none;}
a:hover{background:none;}
.opacity{background:none;}


#header{background:#333;height:22px;padding:0;margin:0;}
#header a{color:#FFF; text-decoration:none; font-size:13px;}
#header a:hover{color:#FFF; text-decoration:underline;}
.head_wrap{width:961px; margin:0 auto 23px auto;padding-bottom:0px;}
.head_txt{color:#fff; line-height:17px;}
.head_logo{text-align:center; padding-right:30px;}
.head_line{border-top:1px #e6e6e6 solid; line-height:0px; margin-bottom:0px;}
.head_line2{border-top:1px #e6e6e6 solid; line-height:0px; margin-top:0px;}


.foot01{width:960px; margin:30px auto 2px auto; height:22px; text-align:left; color:#000;}
.foot01 p{color:#000!important; font-size:12px;}
.foot01 a{color:#000!important; text-decoration:none;}
.foot01 a:hover{color:#000; text-decoration:underline;}
.foot01_1{float:left;}

.foot_line{height:4px; background:url(../img/line_base.gif);margin:0px 0 5px 0;}

footer{background:#000; height:236px; margin:0 auto;}
.foot_bg_img{width:1281px; height:236px; margin:0 auto; background:url(../img/foot_bg.jpg) no-repeat;}
.foot_wrap{width:960px; margin:0 auto; color:#FFF;}
.foot_address .f_txt01{font-size:19px;padding-bottom:0px; margin:20px 0 0 0; line-height:150%;}
.foot_address .f_txt02{font-size:13px;padding-bottom:10px; margin:0;}
.copyright{text-align:center; font-size:11px; magin:15px 0; color:#fff; padding:10px 0 15px 0;}


.pankuzu{width:960px; margin:0 auto; font-size:12px; padding:4px 0 0 0; color:#000;}
.pankuzu a{color:#000!important; text-decoration:none; font-size:12px!important;}
.pankuzu a:hover{color:#000; text-decoration:underline;}

.navi_wrap{width:961px; margin:0 auto;}
ul.g_navi{
	float:left;
	width:961px;
	height:30px;
	overflow:hidden;	
	padding-left:0;
	background:url(../img/gnavi_off.gif) no-repeat;
	margin:0px auto 0 auto;
	}
	
ul.g_navi li{display:inline;}

	
ul.g_navi li.navi01 a,
ul.g_navi li.navi02 a,
ul.g_navi li.navi03 a,
ul.g_navi li.navi04 a,
ul.g_navi li.navi05 a{
	display:block;
	float:left;
	width:192px;
	overflow:hidden;
	height:0px!important;
	padding:200px 0 0 0px;
	}
	
ul.g_navi li a:hover{
	background:url(../img/gnavi_on.gif) ;
	}

ul.g_navi li.navi01 a{background-position:0px 0px; margin:0 0px 0 0px;}
ul.g_navi li.navi02 a{background-position:-192px 0px; margin:0 0px 0 0px;}
ul.g_navi li.navi03 a{background-position:-384px 0px; margin:0 0px 0 0px;}
ul.g_navi li.navi04 a{background-position:-576px 0px; margin:0 0px 0 0px;}
ul.g_navi li.navi05 a{background-position:-768px 0px; margin:0 0px 0 0;}


body#home ul.g_navi li.navi01 a{background:url(../img/gnavi_on.gif); background-position:0px 0px; margin-left:0px;}
body#support ul.g_navi li.navi02 a{background:url(../img/gnavi_on.gif); background-position:-192px 0px; margin-left:0px;}
body#software ul.g_navi li.navi03 a{background:url(../img/gnavi_on.gif); background-position:-384px 0px; margin-left:0px;}
body#corporate ul.g_navi li.navi04 a{background:url(../img/gnavi_on.gif); background-position:-576px 0px; margin-left:0px;}
body#recruit ul.g_navi li.navi05 a{background:url(../img/gnavi_on.gif); background-position:-768px 0px; margin-left:0px;}



/*=====================================================
                         HOME
=======================================================*/
body#home #main_img{height:239px;overflow: hidden!important;margin-top:5px; position:relative; }
body#home #main_img, x:-moz-any-link{height:239px;overflow: hidden!important;margin-top:-8px; position:relative; }
.bxslider {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bxslider li {
  width: 960px!important;
  margin: 0;
  padding: 0;
}
.mask_left,
.mask_right{
	position:absolute;
	width:960px;
	height:239px;
	background:#9c3;
	filter: alpha(opacity=100);/*maskの薄さ*/
	-moz-opacity:1.00;
	opacity:1.00;
	z-index:10;
	overflow:hidden!important;
}
.mask_left{
	left:50%;
	margin-left:-1440px;
	overflow:hidden;
}
.mask_right{
	left:50%;
/*	margin-left:470px;*/
	margin-left:480px;/*1px修正*/
	overflow:hidden;
}

body#home .main_contents{width:960px; height:249px; margin:20px auto 0px auto; padding-bottom:30px; background:url(../img/contents_bg.gif) no-repeat;}
body#home .main_contents .contents_link01{width:229px; height:204px; float:left; margin:12px 0 10px 15px; position:relative; background:url(../img/support_btn.gif) no-repeat;}
body#home .main_contents .contents_link01 .contents_txt{width:197px; position:absolute; top:40px; left:25px;font-size:12px;}
body#home .main_contents .contents_link01 .box_link a:link{display:block; position:absolute; top:0; left:0; text-indent:-999px; text-align:left; width:100%; height:100%; background/*¥**/:#fff¥9; filter:alpha(opacity=0);}
body#home .main_contents .contents_link02{width:229px; height:204px; float:left; margin:12px 0 10px 15px; position:relative; background:url(../img/software_btn.gif) no-repeat;}
body#home .main_contents .contents_link02 .contents_txt{width:197px; position:absolute; top:40px; left:25px;font-size:12px;}
body#home .main_contents .contents_link02 .box_link a:link{display:block; position:absolute; top:0; left:0; text-indent:-999px; text-align:left; width:100%; height:100%; background/*¥**/:#fff¥9; filter:alpha(opacity=0);}
body#home .main_contents .contents_link03{width:229px; height:204px; float:left; margin:12px 0 10px 15px; position:relative; background:url(../img/corporate_btn.gif) no-repeat;}
body#home .main_contents .contents_link03 .contents_txt{width:197px; position:absolute; top:40px; left:25px;font-size:12px;}
body#home .main_contents .contents_link03 .box_link a:link{display:block; position:absolute; top:0; left:0; text-indent:-999px; text-align:left; width:100%; height:100%; background/*¥**/:#fff¥9; filter:alpha(opacity=0);}
body#home .main_contents .contents_link04{width:197px; height:205px; float:left; margin:12px 0 10px 15px;}
body#home .main_contents .topics{width:733px; background:#e0f0c1; padding:2px 0; text-align:center; color:#000; float:left;}
body#home .main_contents .topics a{color:#000; text-decoration:underline;}
body#home .main_contents .topics a:hover{color:#000; text-decoration:underline;}

/*=====================================================
                　サポート・技術相談
=======================================================*/
body#support #main_img{height:100px;margin-top:0px; background:#e6f2f2;}
body#support .main_img_wrap{width:960px; margin:0 auto;}
body#support .main_contents{width:960px; margin:20px auto 0px auto; padding-bottom:30px;}
body#support .support_txt01{font-size:17px;color:#000;}
body#support .main_contents .contents_link01{width:315px; height:204px; float:left; margin:15px 6px 10px 0px; position:relative; background:url(../support/img/support_tel.gif) no-repeat;}
body#support .main_contents .contents_link01 .contents_txt01{width:300px; position:absolute; top:20px; left:15px;font-size:15px; font-weight:bold;}
body#support .main_contents .contents_link01 .contents_txt02{width:300px; position:absolute; top:150px; left:15px;font-size:12px; color:#333;}
body#support .main_contents .contents_link02{width:315px; height:204px; float:left; margin:15px 6px 10px 0px; position:relative; background:url(../support/img/support_fax.gif) no-repeat;}
body#support .main_contents .contents_link02 .contents_txt01{width:300px; position:absolute; top:20px; left:15px;font-size:15px; font-weight:bold;}
body#support .main_contents .contents_link02 .contents_txt02{width:300px; position:absolute; top:150px; left:15px;font-size:12px; color:#333;}
body#support .main_contents .contents_link03{width:315px; height:204px; float:left; margin:15px 0px 10px 0px; position:relative; background:url(../support/img/support_mail.gif) no-repeat;}
body#support .main_contents .contents_link03 .contents_txt01{width:300px; position:absolute; top:20px; left:15px;font-size:15px; font-weight:bold;}
body#support .main_contents .contents_link03 .contents_txt02{width:290px; position:absolute; top:150px; left:15px;font-size:12px; color:#333;}
body#support .main_contents .contents_link03 .box_link a:link{display:block; position:absolute; top:70px; left:15px; text-indent:-999px; text-align:left; width:285px; height:50px; background/*¥**/:#fff¥9; filter:alpha(opacity=0);}



/*=====================================================
                   ソフトウェア開発
=======================================================*/
body#software #main_img{height:100px;margin-top:0px; background:#e6f2f2;}
body#software .main_img_wrap{width:960px; margin:0 auto;}
body#software .topics_title_bg{background:#000; height:53px;}
body#software .topics_title{width:960px; margin:0 auto; line-height:53px;}
body#software .topics_title .txt01{float:left; font-size:20px; color:#FFF; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-left:10px; letter-spacing:1px;}
body#software .topics_title .txt02{float:left; font-size:13px; color:#FFF; margin-top:2px;}
body#software .main_contents{width:960px; margin:20px auto 0px auto; padding-bottom:30px; position:relative;}
body#software .main_contents .software_txt01{position:absolute; top:155px; left:270px; font-size:13px;}
body#software .main_contents .software_txtbox{margin:10px 0 30px 0; width:100%; padding:30px 50px; border:1px #ccc solid; }


/*=====================================================
              　　    会社概要
=======================================================*/
body#corporate #main_img{height:100px;margin-top:0px; background:#f2f2f2;}
body#corporate .main_img_wrap{width:960px; margin:0 auto;}
body#corporate .main_contents{width:960px; margin:20px auto 0px auto; padding-bottom:30px;}
body#corporate .main_contents table{border-collapse:collapse; margin:10px 0 50px 0;}
body#corporate .main_contents .corp_td01{width:150px;padding:3px 0 3px 25px; border-bottom:1px #ccc dotted; text-align:left;}
body#corporate .main_contents .corp_td02{width:630px;padding:3px 0 3px 25px; border-bottom:1px #ccc dotted; text-align:left;}

/*=====================================================
                 採用のご案内
=======================================================*/
body#recruit #main_img{height:100px;margin-top:0px; background:#e6e6e6;}
body#recruit .main_img_wrap{width:960px; margin:0 auto;}
body#recruit .main_contents{width:960px; margin:20px auto 0px auto; padding-bottom:30px;}


/*=====================================================
                 お問合せ・資料請求
=======================================================*/
body#inquiry #main_img{height:100px;margin-top:0px; background:url(../img/inquiry_back.gif);}
body#inquiry .main_img_wrap{width:960px; margin:0 auto;}
body#inquiry .main_contents{width:960px; margin:20px auto 0px auto; padding-bottom:30px;}
body#inquiry table#t1{width:595px; border:none;	margin:10px 40px 20px 0px; border-collapse:collapse;}
*html body#inquiry  table#t1 {width:595px;}
body#inquiry table#t1 em{color:#F00; font-style:normal;}
body#inquiry table#t1 th {border-left:none; width:110px; padding:7px; border:1px solid #666; border-left:none; text-align:center; vertical-align:top; background:#EFEFEF; color:#666; font-weight:normal; font-size:12px;}
body#inquiry table#t1 td {padding:7px; border:1px solid #666; border-right:none; border-left:none; vertical-align:middle; color:#666;}

/*=====================================================
                    サイトマップ
=======================================================*/
body#sitemap #main_img{height:100px;margin-top:0px; background:#88b9b0;}
body#sitemap .main_img_wrap{width:960px; margin:0 auto;}
body#sitemap .main_contents{width:960px; margin:20px auto 0px auto; padding-bottom:30px;}
body#sitemap .main_contents ul{width:769px;padding-bottom:30px; float:left;}
body#sitemap .main_contents ul li{border-bottom:1px #ccc dotted; list-style:none; color:#333; line-height:20px; display:block; font-size:12px;}
body#sitemap .main_contents ul li a{color:#000; text-decoration:underline; font-size:12px!important; font-weight:bold;}
body#sitemap .main_contents ul li a:hover{color:#000; text-decoration:underline;}
body#sitemap .main_contents .list_s{padding:13px 0 13px 70px;}