@charset "shift_jis";
@import url(style_reset.css);

/* CSS Document */


/*-----------------------------------------------
    共通
-------------------------------------------------*/

body {
	background: url(../images/body_bg.gif) #eeeeee repeat-y center top;
}
a {
	;
}

#wrapper {
	background: url(../images/head_bg.gif) repeat-x center top;
	width: 100%;
}

/*Clearfix*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*「※」マーク*/
.text_red{
	color: #FF0000;
	font-size: 9px;
}


/*-----------------------------------------------
    ヘッダ
-------------------------------------------------*/

#head {
	/*width: 800px;*/
	height:100px;
	margin:0 auto;
	background: url(../images/head.gif) center center no-repeat;
}

#head_body {
	width: 800px;
	height:100px;
	margin:0 auto;
}

#head h1 {
	float:left;
	height:100px;
	font-size: 9px;
	color:#333333;
}
#head address {
	float:right;
	height:100px;
	font-size:2px;
	text-indent:-99999px;
	overflow: hidden;
}



/*-----------------------------------------------
    メインビジュアル
-------------------------------------------------*/

#mainvisual {
	position:relative;
	/*width: 800px;*/
	height:280px;
	margin:0 auto;
	background:transparent url(../images/mainvisual_bg.gif) no-repeat scroll center top;
}

#mainvisual_content {
	position:relative;
	width: 800px;
	height:280px;
	margin:0 auto;
}

#mainvisual_copy{
	height: 25px;
	text-indent:-99999px;
	font-size:2px;
}

#mainvisual_text {
	width:325px;
	margin-left:35px;
	margin-top:170px;
	line-height:1.5em;
	font-family:"メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3";
	font-size:11px;
}
#mainvisual_go_sample {
	display:block;
	width:475px;
	height:70px;
}
#mainvisual_go_sample a {
	display:block;
	width:475px;
	height:70px;
	font-size:2px;
	text-indent:-99999px;
	outline: none;
}
#mainvisual_go_sample a:link {
}
#mainvisual_go_sample a:visited {
}
#mainvisual_go_sample a:hover {
	background:transparent url(../images/mainvisual_gotosample.gif) no-repeat scroll left top;
}
#mainvisual_go_sample a:active {
	background:transparent url(../images/mainvisual_gotosample.gif) no-repeat scroll left top;
}

#mainvisual_list {
	position:absolute;
	right:35px;
	top:20px;
	width:200px;
	height:315px;
}
#mainvisual_list h3 {
	width:200px;
	height:15px;
	margin-bottom:2px;
	text-indent:-99999px;
	font-size:2px;
}

#mainvisual_list ul {
	padding-left:10px;
}

#mainvisual_list li {
	display:block;
	float:left;
	width:90px;
	margin:5px 5px 0 0;
	padding-left:0;
	font-size:12px;
	font-weight:bold;
}


/*-----------------------------------------------
    ミドルコピー
-------------------------------------------------*/

#middlecopy {
	width: 730px;
	height: 70px;
	margin: 0px auto;
	background: url(../images/middlecopy_bg.gif);
}

#middlecopy h2{
	float: left;
	width: 175px;
	height: 70px;
	line-height: 70px;
	text-indent: -99999px;
}

#middlecopy p{
	float: right;
	width: 525px;
	height: 50px;
	padding: 10px 20px 10px 10px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
}




/*-----------------------------------------------
    コンテンツ
-------------------------------------------------*/

#content {
	margin: 0px auto;
	width: 760px;
}

/*=====スクリーンショットサンプル=====*/
#screen_sample {
	width:730px;
	height:470px;
	margin:20px auto 30px;
}

/*=====主な機能一覧=====*/
#function_list {
	width: 760px;
	margin: 0px auto 30px;
}
#function_list h2 {
	width: 760px;
	height: 30px;
	margin: 0px auto 20px;
	background: url(../images/funclist_title.gif) no-repeat left top;
	text-indent: -99999px;
	font-size: 2px;
}
.function_list_packet_l {
	float:left;
	width:250px;
	height:170px;
	margin-bottom:15px;
	margin-right:5px;
}
.function_list_packet_r {
	float: left;
	width: 250px;
	height: 170px;
	margin-bottom: 15px;
}
.function_list_packet_l dt {
	width: 250px;
	height: 25px;
	background: url(../images/funclist_stitle_bg.gif) no-repeat left top;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
	font-size: 16px;
	color: #679a01;
}
.function_list_packet_r dt {
	width: 250px;
	height: 25px;
	background: url(../images/funclist_stitle_bg.gif) no-repeat left top;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #679a01;
}
.function_list_packet_l dt span {
	font-weight: normal;
	font-size: 10px;
	color: #679a01;
}
.function_list_packet_r dt span {
	font-weight: normal;
	font-size: 10px;
	color: #679a01;
}
.function_list_packet_l dd {
	width: 220px;
	height: 80px;
	margin: 0px auto;
	font-size: 12px;
}
.function_list_packet_r dd {
	width: 220px;
	height: 80px;
	margin: 0px auto;
	font-size: 12px;
}

/*=====エコスイッチバナー=====*/
#ecoswitch {
	width: 510px;
	height: 110px;
	margin: 0px auto 15px;
}
#ecoswitch a{
	display:block;
	width: 510px;
	height: 110px;
	margin: 0px;
	outline: none;
	background: url(../images/ecoswitch_banner.gif) 0px 0px no-repeat;
	font-size: 2px;
	text-indent:-99999px;
}
#ecoswitch a:link{
	background: url(../images/ecoswitch_banner.gif) 0px 0px no-repeat;
}
#ecoswitch a:visited{
	background: url(../images/ecoswitch_banner.gif) 0px 0px no-repeat;
}
#ecoswitch a:hover{
	background: url(../images/ecoswitch_banner.gif) 0px -110px no-repeat;
}
#ecoswitch a:active{
	background: url(../images/ecoswitch_banner.gif) 0px -110px no-repeat;
}



/*=====価格=====*/
#price {
	width: 760px;
	margin: 0px auto 30px;
}
#price h2 {
	width: 760px;
	height: 30px;
	margin: 0px auto 20px;
	background: url(../images/price_title.gif) no-repeat left top;
	text-indent: -99999px;
	font-size: 2px;
}
#price_main {
	width: 730px;
	height: 120px;
	margin: 0px auto 10px;
}
#price_price_option {
	width: 760px;
	height: 100px;
	margin: 0px auto 10px;
}

/*=====導入事例=====*/
#voice {
	width: 760px;
	margin: 0px auto 0px;
}
#voice h2 {
	width: 760px;
	height: 30px;
	margin: 0px auto 20px;
	background: url(../images/voice_title.gif) no-repeat left top;
	text-indent: -99999px;
	font-size: 2px;
}
.voice_container {
	clear: both;
	width: 760px;
	margin: 0px auto 20px;
}
.voice_container h3{
	width: 365px;
	height: 30px;
	margin-bottom: 15px;
	background: url(../images/voice_coname_bg.gif) left top no-repeat;
	line-height: 30px;
	text-indent: 40px;
	font-size: 15px;
	font-weight: bold;
	color:#003366;
}

.voice_container h4{
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
}

.voice_img{
	float: left;
	padding: 0 10px 10px 0;
}

.voice_txt{
	font-size: 0.8em;
}

.voice_txt strong{
	font-weight: bold;
	color:#006633;
}

/*=====動作環境=====*/
#spec {
	width: 760px;
	margin: 0px auto 30px;
}

#spec h2 {
	width: 760px;
	height: 30px;
	margin: 0px auto 20px;
	background: url(../images/spec_title.gif) no-repeat left top;
	text-indent: -99999px;
	font-size: 2px;
}

#spec table {
	width:700px;
	margin:0 auto;
	border:1px solid #CCCCCC;
	font-size:12px;
}

#spec table th {
	padding:15px;
	border:1px solid #CCCCCC;
	background:#E1FBFB none repeat scroll 0 0;
	text-align:left;
	font-weight: bold;
}
#spec table td {
	padding:15px;
	border:1px solid #CCCCCC;
	background:#FFFFFF none repeat scroll 0 0;
	text-align:left;
}

/*=====お問い合わせ=====*/
#inquiry {
	width: 760px;
	margin: 0px auto 30px;
}

#inquiry h2 {
	width: 760px;
	height: 30px;
	margin: 0px auto 20px;
	background: url(../images/inquiry_title.gif) no-repeat left top;
	text-indent: -99999px;
	font-size: 2px;
}

#inquiry p {
	width: 600px;
	margin: 0px auto;
	font-size: 12px;
}

#inquiry table {
	width: 600px;
	margin: 0px auto;
	border: #cccccc 1px solid;
	font-size: 12px;
}

#inquiry table th{
	padding: 15px;
	border: #cccccc 1px solid;
	background: #e1fbfb;
	text-align: left;
	font-weight: bold;
}

#inquiry table td {
	padding: 15px;
	border: #cccccc 1px solid;
	background: #ffffff;
	text-align: left;
}


/*-----------------------------------------------
     フッタ
-------------------------------------------------*/

#foot {
	width: 760px;
	margin: 0px auto;
}

#foot address{
	width: 760px;
	margin: 0px auto;
	text-align: center;
}