@charset "shift_jis";

/* ----------------------------------------------------------------
  TITLE : HIT-MALL Total E-Commerce Solution
  URI : http://www.hit-mall.jp/
  Copyright (C) ITEC HANKYU HANSHIN.Co.,Ltd. All Rights Reserved.
---------------------------------------------------------------- */

/*----------------------------
	1. Import
	2. Common
	3. Detail
------------------------------ */

/*   1. Import
---------------------------------------------------- */
@import "format.css";
@import "basic.css";

/*   2. Common
---------------------------------------------------- */
#service {
	background: url(../../images/bg_2nd.gif) left top repeat-x;
}

#service li,
#service #serviseMenu dd {
	line-height: 1.75;
}

/*   3. Detail
---------------------------------------------------- */

/* index */
#service #serviseMenu dl {
	float: left;
	width: 311px;
	margin: 0 22px 12px 0;
	padding: 0 0 16px;
	background: url(/service/images/bg_menu.gif) no-repeat bottom;
}
#service #serviseMenu dl.RMenu{
	margin: 0 0 12px;
}
#service #serviseMenu dd {
	padding: 0 14px 0 0;
}
#service #serviseMenu dd img {
	float: left;
	width: 97px;
	padding: 0 8px 8px 0;
}
#service #serviseMenu dd.btn {
	text-align: right;
}
#service #serviseMenu dd.btn a{
	padding: 0 0 0 11px;
	background: url(/service/images/arrow.gif) no-repeat left top;
}

/* system asp */
#service .feature dl,
#service .feature li {
	margin: 0 0 6px;
}
#service .feature dl#last,
#service .feature li#last {
	margin: 0;
}
#service .feature dt,
#service .feature li {
	padding: 25px 0 0 30px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
}
#service .feature dt {
	height: 22px;
	background: url(/service/images/bg_feature01.gif) no-repeat top;
}
#service .feature dd {
	background:url(/service/images/bg_feature02.gif) no-repeat bottom;
	padding: 9px 30px 22px;
	line-height: 1.75;
}
#service .feature dd img {
	float: right;
	padding: 0 0 0 30px;
}
#service .feature li {
	height: 37px;
	background: url(/service/images/bg_asp_feature.gif) no-repeat;
	line-height: 1.0;
}


#service #function dl {
	width: 616px;
	background: url(/service/images/bg_function01.gif) top no-repeat;
}
#service #function dt,
#service #function dd {
	float: left;
	width: 274px;
}
#service #function dd.img {
	float: right;
	width: 342px;
}
#service #function dd.text {
	width: 226px;
	padding: 11px 20px 0 28px;
	background: url(/service/images/bg_function02.gif) top no-repeat;
	line-height: 1.75;
}



#service ul.list{
	padding: 0 0 0 12px;
	text-indent: -12px;
}

#service table {
	width: 100%;
}
#service table th,
#service table td {
	padding: 12px;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;	
}
#service table th {
	background: #059eff;
	color: #ffffff;
}
#service table td {
	background: #ececec;
	text-align: center;
}

/* function */
#service #functionlist table{
	margin: 0 0 15px;
	border-left: solid 1px #c8c8c8;
	border-top: solid 1px #c8c8c8;
}
#service #functionlist th,
#service #functionlist td {
	padding: 9px;
	border-right: solid 1px #c8c8c8;
	border-bottom: solid 1px #c8c8c8;
}
#service #functionlist th {
	width: 100px;
	font-weight: normal;
	background: #ececec;
	color: #555555;
}
#service #functionlist td {
	text-align: left;
	background: #ffffff;
}

/* schedule */
#service #schedule h5 {
	margin: 0 ;
	padding: 0;
	background: none;
}
#service #schedule p {
	padding: 6px 18px 18px;
	background: url(/service/images/bg_schedule_support.gif) bottom no-repeat;
	line-height: 1.4;
}

/* server */
#service #server {
	background: #f2faff;
	padding: 0 0 30px;
}
#service #server h4,
#service #server p {
	float: left;
	width: 366px;
	margin: 0;
	padding: 0;
}
#service #server p.img {
	float: right;
	width: 250px;
}
#service #server dl {
	padding: 0 39px 9px;
}
#service #server dd {
	margin: 8px 0 28px;
	line-height: 1.75;
}
#service #server dd li {
	float: left;
	white-space:nowrap;
	padding: 0 12px 0 0;
}
#service #server div {
	text-align: center;
}

/*  */
#service #support div {
	margin: 0 0 3px;
	padding: 15px;
	background: url(/service/images/bg_function01.gif) top no-repeat;
}
#service #support li {
	float: left;
	white-space: nowrap;
	padding: 0 12px 0 0;
}
#service #support h5 {
	margin: 0 0 7px;
}




/* 共通にするかも*/
#service #others{
	margin: 30px 0 0;
}
#service #others h4,
#service #others_half h4 {
	margin: 0 0 4px;
}
#service #others ul {
	width: 687px;
	padding: 9px 9px 9px 4px;
	background: url(/service/images/bg_otherbtnBox.gif) no-repeat;
}
#service #others li {
	float: left;
	vertical-align: middle;
	margin: 0 0 0 5px;
	padding: 14px 16px;
	line-height: 1.0;
}
#service #others li.w4 {
	background: url(/service/images/bg_otherbtn4.gif) no-repeat;
}
#service #others li.w6 {
	background: url(/service/images/bg_otherbtn6.gif) no-repeat;
}
#service #others li.w7 {
	background: url(/service/images/bg_otherbtn7.gif) no-repeat;
}
#service #others li.w8 {
	background: url(/service/images/bg_otherbtn8.gif) no-repeat;
}
#service #others li a {
	padding: 0 0 0 13px;
	background:url(/service/images/arrow02.gif) left no-repeat;
}
#service #btn_order {
	padding: 30px 0 0;
	text-align: center;
}

#service #others_half ul {
	width: 297px;
	padding: 11px 21px;
	background: url(/service/images/bg_otherbtnBox_half.gif) no-repeat;
}
#service #others_half li a {
	padding: 0 0 0 13px;
	background:url(/service/images/allow03.gif) left no-repeat;
}
#service #others_half #left{
	float: left;
	margin: 30px 21px 0 0;
}
#service #others_half #right{
	float: right;
	margin: 30px 0 0 0;
}


#service .linktext a{
	padding: 0 0 0 18px;
	background:url(/images/arrow01.gif) no-repeat left;
}