@charset "utf-8";
/*
Theme Name: ISD
Theme URI: http://www.isdworld.co.jp/
Description: 株式会社ISDのテーマです。
Author: ISD
Version: 1.0
*/

@import url("reset.css");

body {
	background:url(images/common/bg.jpg) center top repeat-x;
	color:#333;
}
#wrap {
	background:url(images/common/bg_h.jpg) center top no-repeat;
}

#header {
	position:relative;
	width:970px;
	height:280px;
	margin-left:auto;
	margin-right:auto;
}
#header #logo {
	position:absolute;
	top:15px;
	left:5px;
}
#header #site-catch {
	position:absolute;
	top:35px;
	left:285px;
}
#header #site-catch strong {
	font-weight:normal;
}
#header #hm2 {
	position:absolute;
	top:35px;
	right:5px;
	height:15px;
}
#header #hm2 li {
	float:left;
}
#header #hm {
	position:absolute;
	top:225px;
	left:0;
	height:45px;
	overflow:hidden;
	background:url(images/common/hm_bg.jpg) center top no-repeat;
}
#header #hm li {
	float:left;
}
#header #hm li a:hover img {
	filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
}


#container {
	width:960px;
	margin:30px auto;
}

#side {
	width:192px;
	float:left;
}
#side .sm {
	background:url(images/common/sm_bottom.gif) center bottom no-repeat;
	padding-bottom:8px;
	margin-bottom:10px;
}
#side .sm dt {
	line-height:100%;
}
#side .sm dd {
	background:url(images/common/sm_bg.gif) center top repeat-y;
}
#side .sm dd a {
	display:block;
	border-bottom:1px solid #CCC;
	padding:10px 25px 10px 10px;
	width:145px;
	margin:0 auto;
	background:url(images/common/icon_black.gif) 157px center no-repeat;
	text-decoration:none;
}
#side .sm dd a:hover {
	background:url(images/common/icon_blue.gif) 157px center no-repeat;
	color:#005A7F;
}

#side #sm-contact,
#r-side #sm-contact {
	background:url(images/common/sm_contact_bottom.gif) center bottom no-repeat;
	padding-bottom:8px;
	margin-bottom:10px;
}
#side #sm-contact dt,
#r-side #sm-contact dt {
	line-height:100%;
}
#side #sm-contact dd,
#r-side #sm-contact dd {
	background:url(images/common/sm_contact_bg.gif) center top repeat-y;
	padding:5px 16px;
	line-height:120%;
}
#side #sm-contact dd#sm-contact-tel,
#r-side #sm-contact dd#sm-contact-tel {
	padding:0 0 5px 0;
}


#side .sm-banners li,
#r-side .sm-banners li {
	padding:4px;
	background:url(images/common/bn_bg.gif) left top repeat;
	margin-bottom:10px;
}
#side .sm-banners li a,
#r-side .sm-banners li a {
	background-color:#FFF;
}

#privacy-mark {
	position:relative;
	padding:11px 6px;
	width:180px;
	height:146px;
	background:url(images/common/privacy_bg.gif) center top repeat-y;
	margin-bottom:10px;
}
#privacy-mark p {
	text-align:center;
	padding:5px;
}


#top-contents {
	width:530px;
	float:left;
	margin-left:22px;
}
#contents {
	float:right;
	width:745px;
	padding-top:90px;
	position:relative;
}

#r-side {
	width:192px;
	float:right;
}

#footer-wrap {
	width:100%;
	background:url(images/common/fm_bg.jpg) center bottom repeat-x;
}
#footer-wrap #footer {
	position:relative;
	width:960px;
	padding:50px 0 30px;
	margin: 0 auto;
}
#footer-wrap #footer #pagetop {
	position:absolute;
	top:0;
	right:0;
	background:url(images/common/pagetop_bg.gif) right top no-repeat;
}
#footer-wrap #footer #pagetop a:hover img {
	filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
}
#footer-wrap #footer #fm {
	width:960px;
	background:url(images/common/fm_line.gif) center top repeat-y;
}
#footer-wrap #footer #fm dl {
	float:left;
	color:#FFF;
}
#footer-wrap #footer #fm dl a {
	color:#FFF;
	text-decoration:none;
}
#footer-wrap #footer #fm dl a:hover {
	color:#FCF;
}
#footer-wrap #footer #fm dl dt {
	font-weight:bold;
	padding: 3px 0 3px 18px;
	background:url(images/common/icon_white.gif) left center no-repeat;
}
#footer-wrap #footer #fm dl dd {
	padding-left:18px;
}
#footer-wrap #footer #fm #fm_col01 {
	padding-left:10px;
	width:82px;
}
#footer-wrap #footer #fm #fm_col02,
#footer-wrap #footer #fm #fm_col03 {
	padding-left:10px;
	width:166px;
}
#footer-wrap #footer #fm #fm_col04,
#footer-wrap #footer #fm #fm_col05 {
	padding-left:10px;
	width:158px;
}
#footer-wrap #footer #fm #fm_col06 {
	padding-left:10px;
}

#copyright-wrap {
	width:100%;
	height:75px;
	background:url(images/common/cp_bg.gif) center top repeat;
}
#copyright-wrap #copyright {
	position:relative;
	width:960px;
	padding:50px 0 30px;
	margin: 0 auto;
}
#copyright-wrap #copyright #cp-name {
	position:absolute;
	top:15px;
	left:0;
}
#copyright-wrap #copyright #cp-address {
	position:absolute;
	top:15px;
	left:232px;
}
#copyright-wrap #copyright #cp-tel {
	position:absolute;
	top:41px;
	left:232px;
}
#copyright-wrap #copyright #cp-fax {
	position:absolute;
	top:41px;
	left:347px;
}
#copyright-wrap #copyright #cp-copy {
	position:absolute;
	top:30px;
	right:0;
}



/***** トップページ *******************/

#top-contents #main {
	position:relative;
	top:-5px;
	left:-5px;
	width:540px;
	height:270px;
	background:url(/img/top/main_bg.jpg) center center no-repeat;
}
#top-contents #main #banners li {
	position:absolute;
	top:10px;
	left:10px;
	width:520px;
	height:250px;
}
#top-contents #main #banners li {
	position:absolute;
	top:10px;
	left:10px;
	width:520px;
	height:250px;
}
#top-contents #main #btns {
	position:absolute;
	bottom:20px;
	right:20px;
}
#top-contents #main #btns li {
	float:left;
	width:24px;
	height:25px;
	position:relative;
	overflow:hidden;
}
#top-contents #main #btns li a {
	width:24px;
	height:25px;
	display:block;
}
#top-contents #main #btns li#btn01 {
	background:url(/img/top/btn01_on.png) center center no-repeat;
}
#top-contents #main #btns li#btn02 {
	background:url(/img/top/btn02_on.png) center center no-repeat;
}
#top-contents #main #btns li#btn03 {
	background:url(/img/top/btn03_on.png) center center no-repeat;
}
#top-contents #main #btns li#btn04 {
	background:url(/img/top/btn04_on.png) center center no-repeat;
}
#top-contents #main #btns li#btn05 {
	background:url(/img/top/btn05_on.png) center center no-repeat;
}
#top-contents #main #btns li#btn06 {
	background:url(/img/top/btn06_on.png) center center no-repeat;
}
#top-contents #main #btns li a:hover img,
#top-contents #main #btns li.current img {
	position:absolute;
	top:-25px;
}
#top-contents #product-list li {
	float:left;
	position:relative;
	width:165px;
	height:154px;	
	background:url(images/top/bn_products_bg.gif) left center repeat;
	margin: 0 6px 6px 0;
}
#top-contents #product-list li.last {
	margin: 0 0 6px 0;
}
#top-contents #product-list li a {
	position:absolute;
	top:5px;
	left:5px;
	display:block;
	width:155px;
	height:144px;
}
#top-contents #product-list li#timecard a {
	top:-5px;
}
#top-contents #news-list th {
	background:url(images/common/icon_blue.gif) left 11px no-repeat;
	font-weight:bold;
	padding:5px 10px 5px 18px;
	border-bottom:1px dotted #CCC;
	vertical-align:top;
	white-space:nowrap;
}
#top-contents #news-list td {
	border-bottom:1px dotted #CCC;
	vertical-align:top;
	width:100%;
	padding:5px 0;
}
/*yokoyama*/
#top-contents #product-list li.last003 {
	float: left;
	position: relative;
	width: 507px;
	height: 154px;
	background: url(images/top/bn_products_bg.gif) left center repeat;
}

/***** サブページ 共通 *******************/

#contents h1 {
	position:absolute;
	top:-5px;
	left:-5px;
}
#path {
	padding: 5px 20px;
	background-color:#F5F5F5;
}
.sec {
	padding-bottom:15px;
}
.first h2 {
	margin-top:30px;
}
.sec .sec-in {
	padding:15px 10px;
}
#contents .sec .sec-in .sec {
	padding:15px 0 0 0;
}
#contents .sec .sec-in .sec .sec-in {
	padding:10px;
}
#contents .sec {
	padding: 0 20px 15px 20px;
}
#contents .pagecatch {
	padding: 30px 20px;
}
.blue-list li,
.blue-list dt {
	background:url(images/common/icon_blue.gif) left 6px no-repeat;
	padding-left:18px;
}
.blue-list dt {
	background:url(images/common/icon_blue.gif) left 6px no-repeat;
	padding-left:18px;
}
.blue-list dd {
	padding-left:18px;
}
.blue-list li.none {
	background:none;
}
.news-list-format dt {
	font-weight:bold;
	padding-top:5px;
	background-position:left 11px;
}
.news-list-format dd {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #CCC;
}
.news-list-format dd .detaillink {
	display:block;
	text-align:right;
}
.news-list-format dd .detaillink a {
	background:url(images/common/icon_black.gif) left 4px no-repeat;
	padding-left:18px;
}
.news-list-format dd .detaillink a:hover {
	background:url(images/common/icon_blue.gif) left 4px no-repeat;
	padding-left:18px;
}
.br-1em {
	padding-top:1em;
}
.br-2em {
	padding-top:2em;
}
.txt-center {
	text-align:center;
}
.txt-right {
	text-align:right;
}

.contact-sec ul {
	position:relative;
	width:695px;
	height:205px;
	top:-5px;
	left:-5px;
}
.contact-sec-mini ul {
	position:relative;
	width:695px;
	height:120px;
	top:-5px;
	left:-5px;
}
.contact-sec .tel,
.contact-sec-mini .tel {
	position:absolute;
	top:0px;
	left:0px;
}
.contact-sec .mail,
.contact-sec-mini .mail {
	position:absolute;
	top:0;
	right:0;
}
.contact-sec .form {
	position:absolute;
	bottom:0;
	left:178px;
	text-align:center;
}

.flow-table {
	padding: 2px 0;
	background:url(/img/flow_table_bg.gif) left top repeat-y;
}
.flow-table th{
	text-align:center;
	vertical-align:middle;
	width:250px;
	background-color:#CCC;
	padding-bottom:20px;
}
.flow-table .step01 th {
	background:url(/img/step01_bg.jpg) center bottom no-repeat #CCC;
}
.flow-table .step02 th {
	background:url(/img/step02_bg.jpg) center bottom no-repeat #CCC;
}
.flow-table .step03 th {
	background:url(/img/step03_bg.jpg) center bottom no-repeat #CCC;
}
.flow-table .step04 th {
	background:url(/img/step04_bg.jpg) center bottom no-repeat #CCC;
}
.flow-table .step05 th {
	background:url(/img/step05_bg.jpg) center bottom no-repeat #CCC;
}
.flow-table .step06 th {
	background:url(/img/step06_bg.jpg) center bottom no-repeat #CCC;
}
.flow-table-mini {
	padding: 2px 0;
	background:url(/img/flow_table_mini_bg.gif) left top repeat-y;
}
.flow-table-mini th{
	text-align:center;
	vertical-align:middle;
	width:150px;
	background-color:#CCC;
	padding-bottom:20px;
}
.flow-table-mini .step01 th {
	background:url(/img/step01_mini_bg.jpg) center bottom no-repeat #CCC;
}
.flow-table-mini .step02 th {
	background:url(/img/step02_mini_bg.jpg) center bottom no-repeat #CCC;
}
.flow-table-mini .step03 th {
	background:url(/img/step03_mini_bg.jpg) center bottom no-repeat #CCC;
}
.flow-table-mini .step04 th {
	background:url(/img/step04_mini_bg.jpg) center bottom no-repeat #CCC;
}
.flow-table-mini .step05 th {
	background:url(/img/step05_mini_bg.jpg) center bottom no-repeat #CCC;
}
.flow-table-mini .step06 th {
	background:url(/img/step06_mini_bg.jpg) center bottom no-repeat #CCC;
}
.flow-table .last th,
.flow-table-mini .last th {
	background-position:center top;
	background-repeat:no-repeat;
}
.flow-table td {
	padding: 0 0 20px 10px;
	line-height:120%;
	vertical-align:middle;
	width:425px;
}
.flow-table-mini td {
	padding: 0 0 20px 10px;
	line-height:120%;
	vertical-align:middle;
	width:525px;
}
.flow-table td span,
.flow-table-mini td span {
	padding:15px;
	background-color:#F6F6F6;
	display:block;
}

.line-list dt {
	font-weight:bold;
	padding: 0 10px 8px 10px;
	background:url(/img/list_line.gif) left bottom no-repeat;
}
.line-list dd {
	padding:5px 10px 20px 10px;
}
.line-list dd.continuation {
	padding:5px 10px 1em; 10px;
}
.line-list dd.last {
	padding:5px 10px 0 10px;
}

.list li {
	padding-left:1em;
	text-indent:-1em;
}

.demo-sec .sec-in {
	padding:10px 5px;	
}
.demo-sec .shiryo {
	float:left;
	width:345px;
}
.demo-sec .online {
	float:right;
	width:345px;
}
.demo-sec .shiryo .txt,
.demo-sec .online .txt {
	padding:10px 15px 15px 15px;
	background:url(/img/products/manager/demo_bg.jpg) center bottom no-repeat;
}




/***** 事業案内 共通 *******************/

.business-point dd {
	padding:10px 10px 20px 10px;	
}
.ex-table {
	padding-top:3px;
	background:url(/img/business/line.gif) left top no-repeat;
}
.ex-table th {
	background:url(/img/business/line02.gif) left bottom no-repeat;
	padding:10px 0 13px 0;
	text-align:center;
	vertical-align:middle;
	width:340px;
	font-size:16px;
	font-weight:bold;
}
.ex-table .last th {
	background:url(/img/business/line.gif) left bottom no-repeat;
}
.ex-table td {
	background:url(/img/business/line02.gif) right bottom no-repeat;
	padding:10px 0 13px 20px;
	vertical-align:middle;
	width:200px;
}
.ex-table .last td {
	background:url(/img/business/line.gif) right bottom no-repeat;
}
.ex-table td.detail {
	width:120px;
	padding-left:5px;
}
.ex-table td.half,
.ex-table .last td.half {
	background:none;
	padding-bottom:0;
}
.ex-table td.double {
	width:325px;
}


.program-table {
	padding-top:3px;
	background:url(/img/business/line03.gif) left top no-repeat;
}
.program-table th {
	background:url(/img/business/line02.gif) left bottom no-repeat;
	padding:10px 0 13px 0;
	text-align:center;
	vertical-align:middle;
	width:120px;
	font-size:16px;
	font-weight:bold;
}
.program-table .last th {
	background:url(/img/business/line03.gif) left bottom no-repeat;
}
.program-table td {
	background:url(/img/business/line02.gif) right bottom no-repeat;
	padding:10px 0 13px 20px;
	vertical-align:middle;
	width:545px;
}
.program-table .last td {
	background:url(/img/business/line03.gif) right bottom no-repeat;
}


/***** 製品・サービス情報 共通 *******************/

.products-point {
	padding-top:20px;
}
.products-point dt {
	padding-top:10px;
}
.products-point dd {
	padding:0 0 15px 60px;
	border-bottom:1px dotted #CCC;
}

.ex-list li {
	width:222px;
	margin-right:8px;
	margin-bottom:8px;
	float:left;
	text-align:left;
}
.ex-list li.last {
	margin-right:0;
}
.ex-list li img {
	border:1px solid #CCC;
	margin-bottom:5px;
}
.ex-list li a {
	display:block;
	text-decoration:none;
	color:#196A8C;
}
.ex-list li a span {
	text-decoration:underline;
}

/***** 製品・サービス情報 共通 _製品用複製*******************/

.ex-list2 li {
	width:222px;
	margin-right:8px;
	margin-bottom:8px;
	float:left;
	text-align:left;
}
.ex-list2 li.last {
	margin-right:0;
}
.ex-list2 li img {
	border:1px solid #CCC;
	margin-bottom:5px;
}
.ex-list2 li a {
	display:block;
	text-decoration:none;
	color:#196A8C;
}
.ex-list2 li a span {
	text-decoration:underline;
}


#screen-sample {
	padding-top:2em;
}
#screen-sample #front {
	width:325px;
	padding:10px 5px;
	float:left;
	background-color:#F6F6F6;
}
#screen-sample #management {
	width:325px;
	padding:10px 5px;
	float:right;
	background-color:#F6F6F6;
}
#screen-sample p {
	padding-left:10px;
	padding-right:10px;
}
#screen-sample .screenshot {
	padding-bottom:1em;
	border-bottom:1px solid #FFF;
	text-align:center;
}
#screen-sample ul .left {
	float:left;
}
#screen-sample ul .right {
	float:right;
}
#screen-sample strong {
	text-align:center;
	display:block;
}


#price-table {
	width:100%;
}
#price-table th,
#price-table td {
	padding:10px;
	border:1px solid #CCC;
}
#price-table th.bigtit {
	font-weight:bold;
	background-color:#ECF9FF;	
}
#price-table th.tit {
	font-weight:bold;
	background-color:#F4FCFF;
}
#price-table td.right {
	text-align:right;
}
#price-table td.center {
	text-align:center;
}

/***** ポイントシステム追加 *********/
.tit_sec {
	background-image: url(http://www.isdworld.co.jp/img/products/point_card/poi_tit_back.gif);
	min-height:100%;
	_height:100%;
	padding-left: 10px;
}
.tit_sec2 {
	background-image: url(http://www.isdworld.co.jp/img/products/point_card/poi_tit_back2.gif);
	min-height:100%;
	_height:100%;
	padding-left: 10px;
}

.poi_mes {
	background-color: #F0F0F0;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}
.poi_flow_text {
	margin-left: 265px;
	padding: 3px;
	background-color: #F0F0F0;
}
.workflow_box00 {
	background-image:url(http://www.isdworld.co.jp/img/products/point_card/step00);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 65px;
}
.workflow_box01 {
	height: 20px;
}
#top_10px {
	margin-top: 10px;
}
#top_10px p {
	margin-left: 18px;
}
#hardware_box {
	padding: 10px;
}
.hardware_text01 {
	float: left;
	width: 48%;
	margin-bottom: 10px;
}
.hardware_text02 {
	float: right;
	width: 48%;
}
/***** 会社案内 *******************/

.catch-list dl {
	width:705px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:15px;
}
.catch-list dt {
	padding:30px 0 0 0;
}
.catch-list dd {
	padding:10px 10px 0 10px;
}


.outline-table {
	padding-top:3px;
	background:url(/img/company/line.gif) left top no-repeat;
}
.outline-table th {
	padding:10px 0 10px 10px;
	text-align:left;
	vertical-align:top;
	width:140px;
	font-weight:bold;
}
.outline-table .last th {
	background:url(/img/company/line.gif) left bottom no-repeat;
}
.outline-table .odd th {
	background-color:#ECF9FF;
}
.outline-table td {
	padding:10px 0 10px 20px;
	vertical-align:middle;
	width:515px;
}
.outline-table .last td {
	background:url(/img/company/line.gif) right bottom no-repeat;
}
.outline-table .odd td {
	background-color:#F4FCFF;
}

#accessmap {
	border:1px solid #CCC;
}
#maplink {
	text-align:right;
}
#maplink a {
	background:url(images/common/icon_black.gif) left 4px no-repeat;
	padding-left:18px;
}
#maplink a:hover {
	background:url(images/common/icon_blue.gif) left 4px no-repeat;
	padding-left:18px;
}

.access-way dt {
	font-weight:bold;
	padding-top:10px;
}


/***** 採用情報 *******************/

#contents .jinzai-list {
	padding-top:30px;
}
.jinzai-list dd {
	padding: 5px 0 10px 10px;
}

.guideline-table {
	padding-top:3px;
	background:url(/img/recruit/line.gif) left top no-repeat;
}

.guideline-table th {
	padding:10px 0 10px 10px;
	text-align:left;
	vertical-align:top;
	width:140px;
	font-weight:bold;
}
.guideline-table .last th {
	background:url(/img/recruit/line.gif) left bottom no-repeat;
}
.guideline-table .odd th {
	background-color:#ECF9FF;
}
.guideline-table td {
	padding:10px 0 10px 20px;
	vertical-align:middle;
	width:515px;
}
.guideline-table .last td {
	background:url(/img/recruit/line.gif) right bottom no-repeat;
}
.guideline-table .odd td {
	background-color:#F4FCFF;
}


/***** お問合せ・お見積り *******************/

.form-table {
	padding-top:3px;
	background:url(/img/contact/line.gif) left top no-repeat;
}
.form-table th {
	padding:10px 0 10px 10px;
	text-align:left;
	vertical-align:top;
	width:140px;
	font-weight:bold;
}
.form-table .last th {
	background:url(/img/contact/line.gif) left bottom no-repeat;
}
.form-table .odd th {
	background-color:#ECF9FF;
}
.form-table td {
	padding:10px 0 10px 20px;
	vertical-align:middle;
	width:515px;
}
.form-table .last td {
	background:url(/img/contact/line.gif) right bottom no-repeat;
}
.form-table .odd td {
	background-color:#F4FCFF;
}
.form-table span {
	font-size:10px;
	font-weight:normal;
	line-height:120%;
}
.form-table span.require,
.form-table span.error_coution{
	color:#F00;
}
.form-table table input,
.form-table table select,
.form-table table textarea {
	border:1px solid #CCC;
	padding:2px 2px;
	margin: 1px 0;
}
.form-table table textarea {
	width:500px;
}
.form-table #agree {
	margin-top:15px;
	text-align:center;
}
.form-table #f-btn {
	margin-top:15px;
	text-align:center;
}
.form-table #f-btn input {
	padding:0 5px;
}
.sec-in .anchor{
	text-align: right;
	padding: 16px;
	background-image:url(http://www.isdworld.co.jp/img/products/netshop/bg_sitebtn.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin: 10px 0;
}
.sec-in .anchor a {
	color:#fff;
}
.sec-in .anchor a:hover {
	color:#ccc;
}