@charset "utf-8";
/* CSS Document */

body {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 14px;
    line-height: 160%;
    color: #000000;
    text-align: center;
	background: url(../img/common/bac_main.jpg) repeat-x 0 202px;
}


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

	会社概要（abouts）
	
-----------------------------------------------*/
#main_company {
	width: 1000px;
	height: 150px;
	background: url(../img/pages/conpany/main.jpg) no-repeat center bottom;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#aisatsu {
	background: url(../img/pages/conpany/title_aisatsu.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#about {
	background: url(../img/pages/conpany/title_about.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#item {
	background: url(../img/pages/conpany/title_item.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#gaiyou {
	background: url(../img/pages/conpany/title_company.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#item h2,
#aisatsu h2,
#about h2,
#gaiyou h2 {
	visibility: hidden;
	height: 45px;
}
#gaiyou table {
	border-collapse: collapse;
	margin-bottom: 20px;
}
#gaiyou th {
	color: #63C;
	border-bottom: dotted 1px #999999;
	padding: 8px;
}
#gaiyou td {
	border-bottom: dotted 1px #999999;
	padding: 8px;
}



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

	個人情報（privacy）
	
-----------------------------------------------*/
#main_privacy {
	width: 1000px;
	height: 150px;
	background: url(../img/pages/privacy/main.jpg) no-repeat center bottom;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#privacy {
	background: url(../img/pages/privacy/title_privacy.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#privacy h2 {
	visibility: hidden;
	height: 45px;
}
#privacy dl {
}
#privacy dt {
	font-size: 16px;
	font-weight: bold;
	color: #F60;
}
#privacy dd {
	border-bottom: dotted 1px #CCC;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

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

	ダウンロード（download）
	
-----------------------------------------------*/
#main_download {
	width: 1000px;
	height: 150px;
	background: url(../img/pages/download/main.jpg) no-repeat center bottom;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#download {
	background: url(../img/pages/download/title.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#download h2 {
	visibility: hidden;
	height: 45px;
}
#download h3 {
	font-size: 16px;
	color: #C00;
	margin-bottom: 1px;
	padding-bottom: 6px;
}
#download table {
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 20px;
}
#download th {
	background: #EFEFF8;
	text-align: left;
	border: solid 1px #999999;
	padding: 10px;
}
#download td {
	border: solid 1px #999999;
	padding: 10px;
}
#download p {
	margin-bottom: 30px;
}

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

	サポート（support）
	
-----------------------------------------------*/
#main_support {
	width: 1000px;
	height: 150px;
	background: url(../img/pages/support/main.jpg) no-repeat center bottom;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#btn_download {
	float: left;
	width: 350px;
	height: 80px;
	margin-bottom: 30px;
}
#btn_download a {
	display: block;
	width: 350px;
	height: 80px;
	background: url(../img/pages/support/bnr_download.jpg) no-repeat 0 0;
	text-decoration: none;
}
#btn_shiyou {
	float: right;
	width: 350px;
	height: 80px;
	margin-bottom: 30px;
}
#btn_shiyou a {
	display: block;
	width: 350px;
	height: 80px;
	background: url(../img/pages/support/bnr_shiyou.jpg) no-repeat 0 0;
	text-decoration: none;
}
#btn_download a:hover,
#btn_shiyou a:hover {
	background-position: bottom;
}
#teken {
	clear: both;
	width: 720px;
	background: url(../img/pages/support/title2.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#trouble {
	clear: both;
	width: 720px;
	background: url(../img/pages/support/title3.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#teken h2,
#trouble h2 {
	visibility: hidden;
	height: 45px;
}
#trouble h3 {
	background: url(../img/pages/support/faq_title.gif) no-repeat bottom;
	padding-bottom: 20px;
}
#btn_reqest {
	width: 395px;
	height: 42px;
	margin: 20px auto;
}
#btn_reqest a {
	display: block;
	width: 395px;
	height: 42px;
	background: url(../img/pages/support/btn_reqest.jpg) no-repeat 0 0;
	text-decoration: none;
}
#btn_reqest a:hover {
	background-position: bottom;
}
#trouble ul {
	background: url(../img/pages/faq/bac_flist.gif) no-repeat bottom;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#trouble li {
	list-style: circle;
	list-style-position: inside;
	margin-left: 5px;
	margin-bottom: 20px;
	padding-left: 10px;
}
#trouble li a {
}
#trouble dl {
}
#trouble dt {
	height: 40px;
	background: url(../img/pages/faq/bac_ques.jpg) no-repeat 0 0;
	margin-bottom: 10px;
	padding-top: 18px;
	padding-left: 70px;
}
#trouble dd {
	min-height: 40px;
	height: auto !important;
	height: 40px;
	background: url(../img/pages/faq/bac_ans.gif) no-repeat 0 0;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-left: 70px;
}
#trouble dd p {
	margin-bottom: 15px;
}
#trouble dd strong {
	color: #33F;
}
#trouble dd table {
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 20px;
}
#trouble dd th {
	background: #EFEFF8;
	text-align: left;
	border: solid 1px #999999;
	padding: 10px;
}
#trouble dd td {
	border: solid 1px #999999;
	padding: 10px;
}


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

	仕様（shiyou）
	
-----------------------------------------------*/
#main_shiyou {
	width: 1000px;
	height: 150px;
	background: url(../img/pages/shiyou/main.jpg) no-repeat center bottom;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#shiyou {
	background: url(../img/pages/shiyou/title.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#shiyou h2 {
	visibility: hidden;
	height: 45px;
}
#shiyou h3 {
	font-size: 16px;
	color: #C00;
	margin-bottom: 1px;
	padding-bottom: 6px;
}
#shiyou table {
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 20px;
}
#shiyou th {
	background: #EFEFF8;
	text-align: left;
	border: solid 1px #999999;
	padding: 10px;
}
#shiyou td {
	border: solid 1px #999999;
	padding: 10px;
}




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

	受託開発（develop）
	
-----------------------------------------------*/
#main_develop {
	width: 1000px;
	height: 150px;
	background: url(../img/pages/develop/main.jpg) no-repeat center bottom;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#develop {
	background: url(../img/pages/develop/title.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#develop h2 {
	visibility: hidden;
	height: 45px;
}
#develop #flow {
	margin-top: 20px;
}
#develop #flow dl {
	font-size: 120%;
	overflow: hidden;
	width: 720px;
}
#develop #flow dl#f01 {
	height: 133px;
	background: url(../img/pages/develop/st01.jpg) no-repeat 0 0;
}
#develop #flow dl#f02 {
	height: 133px;
	background: url(../img/pages/develop/st02.jpg) no-repeat 0 0;
}
#develop #flow dl#f03 {
	height: 133px;
	background: url(../img/pages/develop/st03.jpg) no-repeat 0 0;
}
#develop #flow dl#f04 {
	height: 133px;
	background: url(../img/pages/develop/st04.jpg) no-repeat 0 0;
}
#develop #flow dl#f05 {
	height: 133px;
	background: url(../img/pages/develop/st05.jpg) no-repeat 0 0;
}
#develop #flow dl#f06 {
	height: 133px;
	background: url(../img/pages/develop/st06.jpg) no-repeat 0 0;
}
#develop #flow dl#f07 {
	height: 100px;
	background: url(../img/pages/develop/st07.jpg) no-repeat 0 0;
}
#develop #flow dt {
	float: left;
	width: 160px;
	visibility: hidden;
}
#develop #flow dd {
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 250px;
}



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

	リンク集（link）
	
-----------------------------------------------*/
#main_link {
	width: 1000px;
	height: 150px;
	background: url(../img/pages/link/main.jpg) no-repeat center bottom;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#link {
	background: url(../img/pages/link/title_link.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#link h2 {
	visibility: hidden;
	height: 45px;
}
#link h3 {
	font-size: 16px;
	border-bottom: solid 1px #999999;
	margin-bottom: 1px;
	padding-bottom: 6px;
}
#link ul {
	border-top: dotted 1px #999999;
	margin-bottom: 30px;
	padding-top: 15px;
	padding-left: 15px;
}
#link li {
	background: url(../img/top/ico_news.gif) no-repeat 0 3px;
	margin-bottom: 10px;
	padding-left: 20px;
	list-style: none;
}


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

	よくある質問（faq）
	
-----------------------------------------------*/
#main_faq {
	width: 1000px;
	height: 150px;
	background: url(../img/pages/faq/main.jpg) no-repeat center bottom;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#faq {
	background: url(../img/pages/faq/title.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#faq h2 {
	visibility: hidden;
	height: 60px;
}
#faq ul {
	background: url(../img/pages/faq/bac_flist.gif) no-repeat bottom;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#faq li {
	list-style: circle;
	list-style-position: inside;
	margin-left: 5px;
	margin-bottom: 20px;
	padding-left: 10px;
}
#faq li a {
}
#faq dl {
}
#faq dt {
	height: 40px;
	background: url(../img/pages/faq/bac_ques.jpg) no-repeat 0 0;
	margin-bottom: 10px;
	padding-top: 18px;
	padding-left: 70px;
}
#faq dd {
	min-height: 40px;
	height: auto !important;
	height: 40px;
	background: url(../img/pages/faq/bac_ans.gif) no-repeat 0 0;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-left: 70px;
}
#faq dd p {
	margin-bottom: 15px;
}
#faq dd strong {
	color: #33F;
}
#faq dd table {
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 20px;
}
#faq dd th {
	background: #EFEFF8;
	text-align: left;
	border: solid 1px #999999;
	padding: 10px;
}
#faq dd td {
	border: solid 1px #999999;
	padding: 10px;
}


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

	お問い合わせ（contact）
	
-----------------------------------------------*/
#main_contact {
	width: 1000px;
	height: 150px;
	background: url(../img/pages/contact/main.jpg) no-repeat center bottom;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#contact {
	background: url(../img/pages/contact/title.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#contact h2 {
	visibility: hidden;
	height: 45px;
}
#contact p {
	margin-bottom: 20px;
}


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

	車輌計測用データロガー（data）
	
-----------------------------------------------*/
#main_data {
	width: 1000px;
	height: 150px;
	background: url(../img/pages/data/main.jpg) no-repeat center bottom;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#data {
	background: url(../img/pages/data/title_.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#data h2 {
	visibility: hidden;
	height: 45px;
}
#data h4 {
	font-size: 16px;
	color: #F30;
	text-align: center;
}
#data p.description {
	font-size: 90%;
	text-align: center;
	margin-bottom: 15px;
}
#data p strong {
	color: #03F;
}
#data table {
	border-collapse: collapse;
	margin-top: 10px;
}
#data th {
	color: #FFFFFF;
	background: #00295a;
	border: solid 1px #00295a;
	padding: 5px;
}
#data td {
	border: solid 1px #00295a;
	padding: 5px;
}
#data td span.pname {
	color: #F60;
}
#data01 {
	float: left;
	width: 350px;
	background: url(../img/pages/data/sall10.jpg) no-repeat 0 0;
	margin-top: 15px;
	margin-bottom: 30px;
	padding-top: 240px;
}
#data02 {
	float: right;
	width: 350px;
	background: url(../img/pages/data/sall100.jpg) no-repeat 0 0;
	margin-top: 15px;
	margin-bottom: 30px;
	padding-top: 240px;
}
#data03 {
	float: left;
	width: 350px;
	background: url(../img/pages/data/slite100.jpg) no-repeat 0 0;
	margin-bottom: 30px;
	padding-top: 320px;
}
#data04 {
	float: right;
	width: 350px;
	background: url(../img/pages/data/sseparate100.jpg) no-repeat 0 0;
	margin-bottom: 30px;
	padding-top: 320px;
}

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

	購入について（order）
	
-----------------------------------------------*/
#main_order {
	width: 1000px;
	height: 150px;
	background: url(../img/pages/order/main.jpg) no-repeat center bottom;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#order {
	background: url(../img/pages/order/title.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#payment {
	background: url(../img/pages/order/title2.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#postage {
	background: url(../img/pages/order/title3.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#henpin {
	background: url(../img/pages/order/title4.gif) no-repeat 0 0;
	margin-bottom: 30px;
}
#order h2,
#payment h2,
#postage h2,
#henpin h2 {
	visibility: hidden;
	height: 45px;
}
#order p,
#payment p,
#postage p {
	margin-bottom: 15px;
}
#payment ol {
	margin-top: 30px;
}
#payment li {
	list-style: none;
	border-bottom: dotted 1px #999;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
#payment li span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
#payment li#pay01 span {
	color: #F60;
}
#payment li#pay02 span {
	color: #06F;
}
#payment li#pay03 span {
	color: #690;
}
#payment li#pay04 span {
	color: #C33;
}
#payment li#pay05 span {
	color: #036;
}
#payment li strong,
#postage strong {
	color: #F00;
	text-decoration: underline;
}
#postage table {
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 20px;
}
#postage th {
	color: #FFFFFF;
	background: #00295a;
	text-align: left;
	border: solid 1px #999999;
	padding: 10px;
}
#postage td {
	border: solid 1px #999999;
	padding: 10px;
}
#postage ul {
	border-bottom: dotted 1px #999;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
#postage li {
	list-style: circle;
	margin-bottom: 5px;
	margin-left: 20px;
}
#henpin ol li {
	margin-left: 20px;
}