/*-------------------------------
public_html1〜6
のcssファイルはすべて同じです。
-------------------------------*/
@charset "shift_jis";

*{
	margin:0;
	padding:0;
}

body{
	text-align:center;
	background:#fff;
	color:#333;
}

a:hover {color: #f90;}

a img {
    border-style:none;
}

strong{
	color:#C00;
	font-weight: bold;
}

li {
	list-style:none;
}

/* ------------------------------
 共通id
------------------------------ */
#rapper{
    width: 828px;
	margin: 0 auto;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
    text-align:left;
}

#header,#footer{
	color:#fff;
}

#header{
	background : url(/images/common/bg_top828.jpg) no-repeat;
	height: 66px;
	padding:12px 15px;
	margin-bottom:7px;
}

#header h1{
	float:left;
}

#header ul{
	float:right;
}

#header li{
	float:left;
	margin-left:10px;
	font-size:75%;
}

#header a{color:#fff;}
#header a:hover {color: #f90;}


#header p{
	clear:both;
	margin-top:5px;
	text-align:right;
	font-size:75%;
}

#contents {
	margin-right:5px;
	width:640px;
	font-size:94%;
	float:right;
}

#contents h2{
	font-size:119%;
	background : url(/images/common/bg_h2.jpg) left center no-repeat;
	margin-top:10px;
	padding-left:12px;
	color:#00008B;
}

#contents p{
	line-height:150%;
	margin-left:10px;
}

#contents dt{
	font-weight: bold;
}



#contents_top{
	text-align:center;
	font-size:157%;
	background : url(/images/bg_main.gif) center top no-repeat;
	padding-top:70px;
}


#contents_top a{
	font-size:64%;
}


#custom_top{
	text-align:center;
	font-size:157%;
  /*background : url(/images/bg_main.gif) center top no-repeat;
    padding-top:70px;*/
}


#support_top{
	text-align:center;
	font-size:157%;
  /*background : url(/images/bg_main.gif) center top no-repeat;
    padding-top:70px;*/
}


#navi {
	width:165px;
	margin-left:5px;
}


#navi dl{
	background: #f1f0ef;
	margin-top:3px;
	padding:5px;
}


#navi dl a{
	display: block;
}

#navi dl a:hover,#navi dl a :active {
	background: #E5E5E4;
}


#navi dt{
	border-bottom: 2px solid #d1cfcd;
	font-weight: bold;

}

#navi dd{
	margin:4px 7px;
	padding:2px 0px 1px 8px;
	border-bottom: 1px dashed #d1cfcd;
	background : url(/images/common/ic_navi.gif) left center no-repeat;
	font-size:88%;
}


#ask{
	padding-left:3px;
	margin-top:3px;
}

#company dd{
	background:none; 
	font-size:82%;
}


#footer{
	clear:right;
	padding:2px;
	background :#228;
	font-size:75%;
	text-align:center;
}

#footer a:link {color: #fff;}
#footer a:visited {color: #fff;}
#footer a:hover {color: #fff;}
#footer a{text-decoration:none;} 



#longPage p{
	text-align:right;
	border-bottom: 1px dashed #d1cfcd;
}

#longPage p a{
	padding-left:12px;
	background : url(/images/common/ic_arrow_u.gif) left center no-repeat;
}

#longPage dl,#longPage ul{
	margin-left:10px;
	margin-bottom:5px;
}

#faq p{
	text-align:right;
	border-bottom: 1px dashed #d1cfcd;
}

#faq p a{
	padding-left:12px;
	background : url(/images/common/ic_arrow_u.gif) left center no-repeat;
}

#faq dl,#faq ul{
	margin-left:10px;
	margin-bottom:5px;
}


/* ------------------------------
共通class
------------------------------ */
.clearL{
	clear:left;
}

.clearB{
	clear:both;
}

.note{
	margin-left:10px;
	font-size:88%;
}


/*赤ボタン*/
.rollover-red{
	text-align: center;
	font-weight: normal;
	margin:25px;
}

.rollover-red a{
	font-weight:bold;
	color: #fff;
	padding: 8px 24px;
	background: #cc0000;
	text-decoration: none;
	border-top: 2px solid #ff6666;
	border-left: 2px solid #ff6666;
	border-right: 2px solid #660000;
	border-bottom: 2px solid #660000;
}

.rollover-red a:hover{
	background: #dd3333;
	text-decoration: none;
	border-top: 2px solid #ff6666;
	border-left: 2px solid #ff6666;
	border-right: 2px solid #660000;
	border-bottom: 2px solid #660000;
}


.red { 
	color: #ff0000;
	font-weight: bold; 
	
}

.blue {
	color: #0000ff;
	font-weight: bold; 

}



/* ------------------------------
 ページ独自id/class
------------------------------ */

/* ------------------------------
 HOME
------------------------------ */



/* ------------------------------
 運送管理システム
------------------------------ */
#transportSpec{
	margin-left:10px;
}

#transportSpec span{
	font-size:82%;
}

#transportSpec li{
	float:left;
	width:70px;
}


/* ------------------------------
動態管理システムTOP
------------------------------ */
#gpsSpec,{
	margin-left:10px;
}

#gpsSpec li{
	float:left;
	width:210px;
}

#gpsSpec strong{
	color:#333;
}

#topUseScene{
	margin-left:10px;
}

#topUseScene dl{
	width:308px;
	float:right;
	padding:0px 7px 0px 0px;
	margin-bottom:30px;
}

#topUseScene img {
	float:left;
	margin-right:2px;
}

#topUseScene dd{
	font-size:82%;
}


#system{
	margin-left:10px;
}


#system li{
	float:left;
}

/* ------------------------------
動態管理システム | 製品の特徴
------------------------------ */
#sys_image{
	margin-left:10px;
}

#sys_image dl{
	width:308px;
	float:left;
	padding:0px 7px 0px 0px;
	margin-bottom:30px;
}


#sys_image dd{
	font-size:82%;
}


/* ------------------------------
動態管理システム | 利用イメージ
------------------------------ */
#contents_navi {
	margin-left:10px;
}

#contents_navi li{
	float:left;
	margin-right:5px;
	padding-left:12px;
	background : url(/images/common/ic_arrow_d.gif) left center no-repeat;
}

#use_scene img{
	float:left;
	margin-right:10px;
}

#use_scene p{
	clear:left;
	text-align:right;
}

#use_scene p a{
	padding-left:12px;
	background : url(/images/common/ic_arrow_u.gif) left center no-repeat;
}


/* ------------------------------
動態管理システム | 操作イメージ
------------------------------ */
table{
	width:600px;
	border-collapse:collapse;
	margin-bottom:10px;
}

caption{
	text-align:left;
	font-weight: bold;
}


td{
	border:2px solid #888;
	padding:5px;
}

.tGroup{
	background-color:#C6E2FF;
	width:150px;
}


/* ------------------------------
動態管理システム | 料金 
------------------------------ */

.tGroupP{
	background-color:#C6E2FF;
	width:250px;
}