@charset "shift_jis";

/*----見出し-----------------------------------------------------*/
#contents h1#topics_title {
	background-image:url(/services/ict/images/topics_h1.jpg);
}

#contents h1#event_title {
	background-image:url(../images/event_h1.jpg);
}

#contents h1#saas_ap_title {
	background-image:url(../images/saas_ap_h1.jpg);
}

#contents h1#crm_title {
	background-image:url(../images/crm_h1.jpg);
}

#contents h1#goce_title {
	background-image:url(../images/goce_h1.jpg);
}

#contents h1#iaas_title {
	background-image:url(../images/iaas_h1.jpg);
}

#contents h1#ipcp_title {
	background-image:url(../images/ipcp_h1.jpg);
}

#contents h1#saveaid_title {
	background-image:url(../images/saveaid_h1.jpg);
}

#contents h1#saas_title {
	background-image:url(../images/saas_h1.jpg);
}

#contents h1#sastik_title {
	background-image:url(../images/sastik_h1.jpg);
}

#contents h1#paas_title {
	background-image:url(../images/paas_head.jpg);
}

#contents h1#case_title {
	background-image:url(../images/case_h1.jpg);
}

#contents h1#bcp_title {
	background-image:url(../bcp/images/bcp_h1.jpg);
}

#contents h1#data_integ_title {
	background-image:url(../data_integ/images/data_integ_h1.jpg);
}


/*ICTサービス事例日付-----------------------*/
#contents p#ict_update {
    border-bottom: 2px solid #666666;
    margin-bottom: 5px;
    padding-bottom: 2px;
    text-align: right;
    width: 565px;
}

/*ICTサービス左メニュー-----------------------*/
#container td#side ul.mt {
	margin-top:40px !important;
}
/*ホスティングサービスメニュー*/
#side li.sub ul li.sub ul {
margin:0;
padding:0;
}
#side li.sub ul li.sub li {
font-size:90%;
line-height:1.2;
}


/*ICTサービス共通-----------------------*/
#contents ul.red {
	color:#990000;
	font-weight:bold;
	margin:0.5em 0 0.5em 1.5em !important;
}

/*トピックス　イベント情報------ topics.html, event.html*/
#contents .information li {
margin-bottom:0.8em;
line-height:1.3;
}

/*お客様活用事例 --------------- case.html */
#case_tbl {
width:auto;
margin-top:1em;
border-collapse:collapse;
border-spacing:0;
border:0;
}
#case_tbl th,
#case_tbl td {
padding:5px 5px 5px 7px;
font-weight:normal;
line-height:1.3;
border:1px solid #999999;
}
#case_tbl th {
padding:3px;
background-color:#E6E6E6;
line-height:1.1;
}
#case_tbl td li {
line-height:1.3 !important;
}
#case_tbl th.th1 { width:10%; font-size:10px !important; }
#case_tbl th.th2 { width:40%; }
#case_tbl th.th3 { width:50%; }
#case_tbl td.td1 {
background-color:#0071B3;
text-align:center;
color:#FFFFFF;
}


/*サービス一覧 --------------- service_menu.html */
#contents .service_menu dl {
	padding-left:0.2em;
	line-height:1.5;
}
#contents .service_menu dl dt {
	color:#0071b3;
	font-weight:bold;
}
#contents .service_menu dl dd {
	margin-left:1em;
}
#contents .service_menu dl dd.bl {
	color:#0071b3;
	font-weight:bold;
}

#contents .service_menu_t1 {
	width:578px;
	margin:0 -15px 0 0;
	border:none;
}
#contents .service_menu_t1 td,
#contents .service_menu_t1 th{
	width:261px;
	padding:5px 10px;
	border:none;
	vertical-align:top;
}
#contents .service_menu_t1 td {
	padding-bottom:15px;
	padding-right:30px;
}
/*青枠*/
#contents .service_menu_t1 tr.thbg1 th {
	background:url(../images/service_menu_img1-5.gif) no-repeat left top;
	text-align:left;
}

#contents .service_menu_t1 tr.tdbg1 td {
	background:url(../images/service_menu_img1-6.gif) no-repeat left bottom;
	text-align:left;
}

/*オレンジ枠*/
#contents .service_menu_t1 tr.thbg2 th {
	background:url(../images/service_menu_img1-7.gif) no-repeat left top;
	text-align:left;
}
#contents .service_menu_t1 tr.tdbg2 td {
	background:url(../images/service_menu_img1-8.gif) no-repeat left bottom;
}


/*青枠　1列*/
#contents .service_menu_t1 tr.thbg1_1 th {
	background:url(../images/service_menu_img1-11.gif) no-repeat left top;
	text-align:left;
}
#contents .service_menu_t1 tr.tdbg1_1 td {
	background:url(../images/service_menu_img1-12.gif) no-repeat left bottom;
}

/*オレンジ枠　1列*/

#contents .service_menu_t1 tr.thbg2_1 th {
	background:url(../images/service_menu_img1-13.gif) no-repeat left top;
	text-align:left;
}
#contents .service_menu_t1 tr.tdbg2_1 td {
	background:url(../images/service_menu_img1-14.gif) no-repeat left bottom;
}

/*オレンジ枠　青枠*/

#contents .service_menu_t1 th.thbg3_1 {
	background:url(../images/service_menu_img1-13.gif) no-repeat left top;
	text-align:left;
}

#contents .service_menu_t1 th.thbg3_2 {
	background:url(../images/service_menu_img1-11.gif) no-repeat left top;
	text-align:left;
}
#contents .service_menu_t1 td.tdbg3_1 {
	background:url(../images/service_menu_img1-14.gif) no-repeat left bottom;
}
#contents .service_menu_t1 td.tdbg3_2 {
	background:url(../images/service_menu_img1-12.gif) no-repeat left bottom;
}



#contents table.wcol1 {
	width:280px !important;
}
#contents .service_menu_t1 tr.tdbg1_1 span,
#contents .service_menu_t1 tr.tdbg2_1 span {
	display:block;
	width:265px !important;
}
#contents .service_menu_t1 .service_tit {
	font-size:110%;
	display:block;
}


/*h2*/
#contents h2.saas {
background:#999999 url(../images/service_menu_h2_saas.gif) no-repeat scroll right center !important;
}
#contents h2.iaas {
background:#999999 url(../images/service_menu_h2_iaas.gif) no-repeat scroll right center !important;
}
#contents h2.paas {
background:#999999 url(../images/service_menu_h2_paas.gif) no-repeat scroll right center !important;
}
#contents h2.ipcp {
background:#999999 url(../images/service_menu_h2_ipcp.gif) no-repeat scroll right center !important;
}
#contents h2.service_menu_h2 a:link,
#contents h2.service_menu_h2 a:hover,
#contents h2.service_menu_h2 a:active,
#contents h2.service_menu_h2 a:visited {
color:#FFFFFF !important; 
}

/*h3*/
#contents .service_menu_saasapri {
	background:url(../images/service_menu_img1-1.gif) no-repeat left top;
	margin-bottom:10px;
}
#contents .service_menu_saasapri h3 {
	background:url(../images/service_menu_img1-2.gif) no-repeat left bottom;
	color:#000000;
	padding:5px 0 10px 15px !important;
	margin-bottom:0 !important;
}
#contents .service_menu_saasapri ul {
	float:right;
	margin-top:-2.3em;
	padding:3px 25px 0 0; 
}
#contents .service_menu_saasapri ul li {
	display:block;
	float:right;
	background:url(../images/service_menu_img1-3.gif) no-repeat 0px 3px;
	padding:0 0 0 15px !important;
	margin:0 0 0 8px !important;
}

/*h4*/
#contents .service_menu_h4 {
	background:url(../images/service_menu_img1-4.gif) repeat-x left center;
	padding:5px 0 8px 0px !important;
}
#contents .service_menu_h4 h4 {
	display:inline;
	color:#666666 !important;
	background-color:#FFFFFF !important;
	margin:0 !important; 
	padding:0 25px 0 0 !important; 
}

/*凡例*/
#contents dl.service_menu_dl dt {
	float:left;
}
#contents dl.service_menu_dl dd {
	margin:0 0 0 40px;
	*text-indent:-0.3em;
}


/*SaaS --------------- saas.html */
#contents ul.saas_dl {
	margin:30px 0 120px 0 !important;
}


#contents h2.tit_gray {
	font-size:14px;
	color:#ffffff;
	width:561px;
	background-color:#999999 !important;
	padding:4px !important;
	border:1px solid #999999;
}

/*----ICTホスティングサービス------------*/
/*▽次期削除*/
.hos_table{
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin-bottom:20px;
}

.hos_table td{
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

.hos_table th{
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

.hos_table ol.suuzi{
	padding-left:5px !important;
	padding-top:3px !important;
	padding-bottom:3px !important;
}
.orange1{
	background-color:ED6D00;
}
.orange2{
	background-color:F18C38;
}
.orange3{
	background-color:F39B50;
}
.orange4{
	background-color:F5AA68;
}
.orange5{
	background-color:FCE5CE;
}
.orange6{
	background-color:FEF6ED;
}
.blown1{
	background-color:D28300;
}
.blown2{
	background-color:E1A74F;
}
.blown3{
	background-color:EABF80;
}
.blown4{
	background-color:F8E7CE;
}
.blown5{
	background-color:FCF4E8;
}
/*△次期削除*/



/*SASTIKサービス--------------------------------sastik.html*/

/*feature.html*/
div.line1,
div.line2 {
width:565px;
height:3px;
margin:20px 0 10px 0;
*margin-bottom:-10px;
background:url(../images/feature_img_04.gif) left top repeat-x;
}
div.line2 { width:350px; }

/*flow.html*/
div.flow_arrow {
margin:15px 0 15px 50px;
}

.schedule {
width:565px;
}
.schedule td{
vertical-align:top;
padding:0 0 5px 10px;
}

table.compend{
width:100%;
border-bottom:#4D7A97 1px solid;
border-left:#4D7A97 1px solid;
}
table.compend th, table.compend td{
padding:4px 10px;
border-top:#4D7A97 1px solid;
border-right:#4D7A97 1px solid;
}
table.compend thead th{
background-color:#D2E6F3;
}
table.compend tbody th{
white-space: nowrap;
font-weight:normal;
text-align: left;
}


/*plan_01.html*/
.estimate {
width:565px;
margin-top:15px;
padding-bottom:12px;
background:url(../images/plan01_img_03.gif) left bottom no-repeat;
}
#contents .estimate h4,
.estimate p {
width:544px;
*width:565px;
color:#000000;
padding-left:11px !important;
padding-right:10px !important;
}
.estimate p.fst {
padding-top:11px !important;
background:url(../images/plan01_img_02.gif) left top no-repeat;
}
table.cost{
margin-left:11px;
border-bottom:#4D7A97 1px solid;
border-left:#4D7A97 1px solid;
}
table.cost th, table.cost td{
padding:5px 10px;
border-top:#4D7A97 1px solid;
border-right:#4D7A97 1px solid;
}
table.cost  td{
width:67%;
text-align: right;
}
table.cost  th{
text-align: left;
font-weight:normal;
}

p.estimatetxt {
text-align:right;
padding-right:1em !important;
}

/*list.html*/
h3.list_h3 {
color:#555555;
font-size:110%;
}
div.listcol2 {
width:565px;
background:url(../images/list_img_07.gif) left bottom no-repeat;
margin:0.5em 0;
}
div.listcol2_2 {
width:100%;
background:url(../images/list_img_06.gif) left top no-repeat;
padding:10px 14px;
}

div.blues {
background:url(../images/list_img_07.gif) left bottom no-repeat;
}
div.blues div.listcol2_2 {
height:63px;
background:url(../images/list_img_08.gif) left top no-repeat;
}
div.listcol2 p {
margin-left:10px !important;
}
div.listcol2 .leftcol {
width:103px;
text-align:center;
padding-top:5px;
padding-bottom:10px;
*padding-bottom:5px;
}
div.listcol2 .rightcol {
width:400px;
margin-right:30px;
*margin-right:0;
padding-bottom:15px;
*padding-bottom:5px;
}


/*service.html*/
.col3{
background:url(../images/bg_linkcol3.gif) left top no-repeat;
}
.col3 .leftcol {
margin-right:5px;
width:185px;
}
.col3 .rightcol{
float:left;
margin-right:0;
width:185px;
}

.servicelink{
border-left:#d2e6f3 2px solid;
border-right:#d2e6f3 2px solid;
border-bottom:#d2e6f3 2px solid;
padding:4px 3px 4px 3px;
}

.col2 .leftcol{
width:352px;
}
.col2 .rightcol{
width:200px;
}
.listcol2 .leftcol{
width:110px;
}
.listcol2 .rightcol{
width:400px;
}


/*download_doc.html*/
.doccol2 {
margin:1em 0 2em 20px;
}
.doccol2 .leftcol{
width:250px;
position:relative;
}
.doccol2 .rightcol{
width:270px;
position:relative;
}
.catl span {
position:absolute;
bottom:15px;
left:100px;
}


/*image.html*/
.topcol3 {
width:565px;
margin:2em 0 3em 0;
}
.topcol3 .leftcol {
margin-right:9px;
width:182px;
text-align:center;
}
.topcol3 .rightcol {
width:182px;
text-align:center;
}
.topcol3 img {
margin-top:5px;
}


dl.leftcol, dl.rightcol, dl.linelink, dl.faqmenu,
dl.leftcol dt, dl.rightcol dt, dl.linelink dt, dl.faqmenu dt,
dl.leftcol dd, dl.rightcol dd, dl.linelink dd, dl.faqmenu dd{
padding:0;
margin:0;
}

dl.leftcol, dl.rightcol{
margin-bottom:8px;
}
dl.leftcol dd, dl.rightcol dd{
padding:5px 12px 5px 10px;
}


/*image_0*.html*/
div.linelink {
margin-top:25px;
padding-bottom:10px;
background:url(../images/image_img_03.gif) left bottom no-repeat;
}
dl.linelink {
background:url(../images/image_img_02.gif) left top no-repeat;
text-align:center;
}
dl.linelink dt {
padding-top:8px;
padding-bottom:10px;
font-weight:bold;
}
dl.linelink dd {
width:auto;
display:inline;
padding:0px 8px 4px 16px;
background:url(../images/image_icon.gif) 0px 0px no-repeat;
}
dl.linelink dd a {
white-space: nowrap;
}
dl.linelink dd span{
white-space: nowrap;
font-weight:bold;
color:#999999;
}


/*sastik_menu.html*/
table#sastik_menu {
width:565px;
margin-top:1em;
margin-bottom:1em;
border-collapse:collapse;
border-spacing:0;
border:2px solid #666666;
}
table#sastik_menu #col1 { width:18%; }
table#sastik_menu #col2 { width:50%; }
table#sastik_menu #col3 { width:6%; }
table#sastik_menu #col4 { width:6%; }
table#sastik_menu #col5 { width:6%; }
table#sastik_menu #col6 { width:6%; }
table#sastik_menu #col7 { width:8%; }

table#sastik_menu th,
table#sastik_menu td {
background-color:#f2f2f2;
padding:10px 5px;
border-bottom:2px solid #666666;
border-right:1px solid #666666;
text-align:center;
font-weight:normal;
line-height:1.3;
}
#contents table#sastik_menu th {
font-size:60% !important;
padding:3px;
}


table#sastik_menu tr.group1 * { background-color:#c7dff4; }
table#sastik_menu tr.group2 * { background-color:#fce5ef; }

#contents table#sastik_menu tr.group1 th,
#contents table#sastik_menu tr.group2 th {
padding-left:6px;
font-weight:bold;
white-space:nowrap;
text-align:left;
color:#0071b3;
font-size:70% !important;
}
#contents table#sastik_menu tr.group2 th { color:#e41c24; }

#contents table#sastik_menu th strong {
display:block;
font-size:130% !important;
}
table#sastik_menu td.left { text-align:left; }

table#sastik_menu td.kome p {
margin-left:3em;
text-indent:-3em;
padding-left:5px;
}


/*requirement.html*/
div.kome {
margin-top:1em;
margin-left:1em;
}
div.kome p {
text-indent:-1em;
font-size:80% !important;
}
<!--斜め線テーブル -->
table#pc_sw {
    font-size:16px;
    margin: 30px 0 0 30px;
    border: 1px solid #ccc;
    border-spacing: 1px;
    line-height: 2;
}
table#pc_sw th {
    width: 50px;
    color: #444;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: relative;
}
table#pc_sw td {
    padding: 2px 5px;
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}
table#pc_sw .column {
    background-color: #ccffcc;
}
table#pc_sw .record {
    background-color: #ffcccc;
}
table#pc_sw .arrow {
   width: 0;
   height: 0;
   line-height: 0;
   border-top: 32px solid #ccffcc;
   border-left: 50px solid #ffcccc;
   border-right: none; 
   position: absolute;
 
   /* ie6 */
   top: 0px;
   left: 0px;
}
html>body .arrow {
   top: 32px;
   left: 32px;
}
*:first-child+html .arrow { /* ie7 */
   top: 0;
   left: 0;
}

<!--斜め線テーブル -->

/*sastik_case.html*/
div.sas_case {
width:565px;
margin:1em 0;
padding-bottom:15px;
background:url(../images/case_img_02.gif) left bottom no-repeat;
}
.sas_case p {
padding:0 20px 0 20px !important;
}
.sas_case p.fst {
width:100%;
padding:15px 20px 5px 20px !important;
background:url(../images/case_img_01.gif) left top no-repeat;
}


.sas_case dl {
width:565px;
margin:0;
padding-top:3px;
background:url(../images/case_img_01.gif) left top no-repeat;
}
.sas_case dt {
width:190px;
height:31px;
*height:36px;
margin:0;
padding-top:7px;
text-align:center;
border-right:1px solid #66aad1;
font-size:0px;
overflow:hidden;
}
.sas_case dd {
padding:8px 10px 0 15px;
margin:4px 3px 0px 3px;
border-top:1px solid #66aad1;
line-height:1.6;
}
.sas_case dd.co {
height:20px;
*height:25px;
padding:5px 10px 0 0;
margin:-30px auto 0 210px;
font-size:0px;
line-height:1.0;
border-top:none;
}


/*faq.html*/
dl.faqmenu{
margin-top:1em;
}
dl.faqmenu dt {
padding:0.5em 0 0 0;
}
dl.faqmenu dd{
padding-bottom:1em;
}
dl.faqmenu ul { color:#999999; }

#contents h3.ans {
margin-top:2em !important;
margin-bottom:-1em !important;
}
#contents h4.ans {
width:548px;
*width:557px;
margin-bottom:0.4em !important;
padding:5px 5px 5px 8px !important;
background-color:#f2f2f2 !important;
color:#0071b3;
}
#contents p.anslst {
margin-bottom:4em !important;
}


/*--------------*/
.leftcol { float:left; }
.rightcol{ float:right; }

.contact1 {/*sastik.html*/
margin:15px auto 10px auto;
position:relative;
}
.contact2 {/*SASTIK 下部*/
margin:30px auto 10px auto;
position:relative;
}
.contact1 .r,
.contact2 img.r {
position:absolute;
top:0;
right:6px;
}
/*概要間リンク*/
.sastik_link {
width:565px;
height:112px;
background:url(../images/sastik_t_bg.gif) left top no-repeat;
margin-top:30px;
padding-top:12px;
text-align:center;
}
#contents .sastik_link h3 {
margin:0px auto 11px 12px !important;
}

.saishin_case_div {
	text-align:center;
}
#contents .saishin_case_p {
	margin:1em 0;
}


.rd { color:#f00; }

.mr9{ margin-right:9px; }
.mr8{ margin-right:8px; }
.mr4{ margin-right:4px; }
.mt4{ margin-top:4em; }


/*ADOBE READER*/
.readerlink {
background-color:#f2f2f2;
padding:10px;
margin-top:20px;
}
.readerlink p {
line-height:1.2 !important;
}
#contents .readerlink p.mt1 {
font-size:84% !important;
}
.readerlink img {
float:left;
margin:0 10px 10px 0;
}

/*float clear---------------*/
.wrapper:after{
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.wrapper{
  _height: 1px;
  min-height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*----CRM------------------------------------crm.html*/
#contents h1#crm {
background-image:url(../images/crm_h1.jpg);
}

table#crm_table {
margin-bottom:20px;
}

table#crm_table th {
background-color: #0071b3;
color: #FFFFFF;
width: 13%;
}

table#crm_table strong {
color: #0071b3;
}

table.crm_table2 {
width:565px;
margin-top:10px;
}
table.crm_table2 td {
padding:1em 10px 0 0;
vertical-align:top;
}
table.crm_table2 td img {
margin-bottom:10px;
}
#contents .crmright img {
float:right;
margin-left:1em;
}
#contents .crmright h3 {
clear:none;
margin-top:1em !important;
}

#contents .crm_price_img {
margin:30px 0 80px 0;
}
#contents .crm_trial_img {
margin:50px 0 120px 0;
}

/* -- crm_case_honma -- */
#contents #crm_case_honma_tit1 { margin: 5px 0; background: url(../images/crm_case_honma_tit1.gif) 0 0 no-repeat; width: 359px; height: 43px; text-indent: -10000px;}
#contents #crm_case_honma_tit2 { margin: 0; background: url(../images/crm_case_honma_tit2.gif) 0 0 no-repeat; width: 129px; height: 23px; text-indent: -10000px; }

#contents #crm_case_honma01_subtit { margin-bottom: 10px; background: url(../images/crm_case_honma01_tit1.jpg) 0 0 no-repeat; width: 565px; height: 38px; text-indent: -10000px; }
#contents #crm_case_honma02_subtit { margin-bottom: 10px; background: url(../images/crm_case_honma02_tit1.jpg) 0 0 no-repeat; width: 565px; height: 38px; text-indent: -10000px; }
#contents #crm_case_honma03_subtit { margin-bottom: 10px; background: url(../images/crm_case_honma03_tit1.jpg) 0 0 no-repeat; width: 565px; height: 38px; text-indent: -10000px; }
#contents #crm_case_honma04_subtit { margin-bottom: 10px; background: url(../images/crm_case_honma04_tit1.jpg) 0 0 no-repeat; width: 565px; height: 38px; text-indent: -10000px; }
#contents #crm_case_honma05_subtit { margin-bottom: 10px; background: url(../images/crm_case_honma05_tit1.jpg) 0 0 no-repeat; width: 565px; height: 38px; text-indent: -10000px; }

#contents .crm_case_honma_p1 { margin-bottom: 5px; font-size: 100%; font-weight: bold; color: #474747; }
#contents .crm_case_honma_p2 { margin: 10px 0; font-size: 100%; font-weight: bold; color: #8E1526; }

#contents .crm_case_honma_linkright { width: 565px; text-align: right; }

#contents .crm_case_honma_imgleft { float: left; margin: 0 10px 10px 0; }

#contents .crm_case_honma_imgright { float: right; margin: 0 0px 10px 10px; width: 115px; }
#contents .crm_case_honma_imgright .imgright_back { background: #C9982A; margin: 0; width: 115px; color: #FFFFFF; }
#contents .crm_case_honma_imgright .imgright_back .comment{ padding: 5px; text-align: left; font-size: 85%; }

#contents .crm_case_honma_box { margin: 10px 100px; width: 370px; color: #8E1526; font-weight: bold; }

#contents .crm_case_honma_list { float: left; margin: 10px 0 10px -1.5em; list-style-type: none; }
#contents .crm_case_honma_list li { background: url(../images/crm_case_honma_img2.gif) 0 0 no-repeat; margin-bottom: 0.5em; line-height: normal; text-indent: 2em; }


/*セーブエイド----------------------------saveaid.html*/
#contents h3.h3saveaid {
margin-top:1em !important;
font-size:130%;
}
table.satable {
margin-top:2em;
width:100%;
border:none;
border-collapse:collapse;
}
table.satable td,
table.satable th {
vertical-align:top !important;
padding:10px 0 10px 0;
}
table.satable img {
margin-right:5px;
}
table.satable td li {
line-height:1.4 !important;
}

/*saveaid_feature*/
table.sf1 {
background:url(../images/saveaid_feature_img1_10.gif) repeat-y top left;
width:565px;
}
table.sf1 td,
table.sf1 th {
vertical-align:top;
line-height:1.2em;
}
table.sf1 td.pr05 {
padding:0 20px 10px 0;
}
table.sf1 th {
padding-left:10px;
}
p.tokucho {
font-weight:bold;
}
#contents h2.m1 {
margin-top:1em !important;
color:#c26140;
font-size:120%;
font-weight:bold;
}


/*リスト表示            saveaid.html*/
ul.salist {
margin-top:20px !important;
list-style-type:none;
}
ul.salist li {
margin-left:0 !important;
font-size:105% !important;
font-weight:bold;
}

/*リスト表示　ナンバリング*/
ul.salist li.nbr1,
ul.salist li.nbr2,
ul.salist li.nbr3,
ul.salist li.nbr4,
ul.salist li.nbr5 {
padding:0 0 10px 35px;
margin-bottom:0px; 
}
ul.salist li.nbr1 { background:url(../images/number_1.gif) no-repeat top left; }
ul.salist li.nbr2 { background:url(../images/number_2.gif) no-repeat top left; }
ul.salist li.nbr3 { background:url(../images/number_3.gif) no-repeat top left; }
ul.salist li.nbr4 { background:url(../images/number_4.gif) no-repeat top left; }
ul.salist li.nbr5 { background:url(../images/number_5.gif) no-repeat top left; }

ul.salist li.pt { padding-top:5px !important; }


/* 3段目左メニュー用CSS */
#side li.sub ul li.sub ul li{font-size: 100%;height:100%;}
#side li.sub ul li.sub ul li a{line-height:1.2;}
#side li ul.bgclr,#side li.sub ul,#side li.sub ul a{background: none;}
#side li.sub a:hover{background: transparent url(/images/lmenu_bg_on.gif) repeat-x scroll left bottom;color:#333333 !important;}

/* 2009/11/12追加 */
#contents .fl_l{ float: left;}
#contents .fl_r{ float: right;}


/*グリーンICT　トップページ------------------green-ict.html*/
/*グリーンICT　共通*/
.bold {
	font-weight: bold;
}
.red {
	color: #F00;
}
.note {
	border: 1px solid #eee;
	font-size: 80%;
	padding: 5px;
}
.frame {
	border: 1px solid #ccc;
	padding: 10px;
}
.float-r {
	float: right;
}


#contents h1#gict_h1-1 {
	background-image:url(../images/index/gict_h1-1.jpg);
}

#contents ul.half {
	width: 270px;
}

/*グリーンICT　インタビュー------------interview.html*/

#contents h1#gict_h1-2 {
	background-image:url(../images/interview/gict_h1-2.jpg);
}

#contents p.interview_answer {
	padding: 10px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/*グリーンICT　グリーンICTとは------------about-green-ict.html・about-green-ict2.html*/

#contents h1#gict_h1-3 {
	background-image:url(../images/about-green-ict/gict_h1-3.jpg);
}

/*グリーンICT　CO2排出量の見える化------------co2-mieruka.html・co2-mieruka2.html*/

#contents h1#gict_h1-4 {
	background-image:url(../images/co2-mieruka/gict_h1-4.jpg);
}

#contents table#co2-mieruka_table1 {
    width: 564px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
#contents table#co2-mieruka_table1 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
#contents table#co2-mieruka_table1 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}


/*グリーンICT　クラウドコンピューティングのCFP------------cloud-computing.html・cloud-computing2.html*/

#contents h1#gict_h1-5 {
	background-image:url(../images/cloud-computing/gict_h1-5.jpg);
}

#contents table#cloud-computing_table1 {
    width: 564px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
#contents table#cloud-computing_table1 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
#contents table#cloud-computing_table1 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

/*----3Dタイトル------*/

h1.header_3d {
width:563px;
height:48px;
background:url(../images/3d_tit.jpg) no-repeat;
margin-bottom:13px;
text-indent:-10000px;
}



/*2010.3 */
#contents h2.tit_gray {
width:auto !important;
padding:1px 10px !important;
width:auto !important;
}

#contents h2.bl,
#contents h3.bl { color:#0071b3 !important; }
#contents h3.bl { font-size:104% !important; }

div.ml_7 { margin-right:-7px; }/*W572px画像*/

#contents .mbb { margin-bottom:3em !important; }

#contents dl.crm_kinou {
margin-top:90px;
}
#contents dl.crm_kinou dd {
margin-top:0.4em;
}


/*----SaaS PF---------------------------------------------saas.html*/
div.pff_bg {
margin-left:4px;
width:auto;
padding:10px 18px 0 14px;
background:url(../images/saas_feature_img1.jpg) left top no-repeat;
}


#contents ul.saas_merit {
margin-bottom:2em;
}
#contents ul.saas_merit li {
margin-left:2em;
}
#contents ul.saas_merit p.testdata {
margin-top:-1.4em;
text-align:right;
}

#contents ul.saas_menu {
margin-top:1.5em;
}
#contents ul.saas_menu li {
clear:both;
list-style-type:none;
margin-left:0;
background:url(../images/dot.gif) repeat-x left center;
padding:5px 0 0px 0px !important;
}

#contents p.saas_menu {
width:460px;
float:right;
margin:1em 0 0 0;
}

/*SaaSPF サービスメニューテーブル*/
#contents table#service_menu,
#contents table#saas_price {
	width: 100%;
	margin-top: 15px;
	padding: 0;
	border-spacing: 2;
}

/*サービスメニュー*/
#contents table#service_menu col#col1 { width: 16%; }
#contents table#service_menu col#col2 { width: 32%; }
#contents table#service_menu col#col3 { width: 13%; }
#contents table#service_menu col#col4 { width: 13%; }
#contents table#service_menu col#col5 { width: 13%; }
#contents table#service_menu col#col6 { width: 13%; }
/*料金*/
#contents table#saas_price col#col1 { width: 16%; }
#contents table#saas_price col#col2 { width: 17%; }
#contents table#saas_price col#col3 { width: 17%; }
#contents table#saas_price col#col4 { width: 17%; }
#contents table#saas_price col#col5 { width: 17%; }
#contents table#saas_price col#col6 { width: 16%; }

#contents table#service_menu th,
#contents table#service_menu td,
#contents table#saas_price th,
#contents table#saas_price td {
	padding: 5px;
	font-weight:normal;
}
#contents table#saas_price td.menu1,
#contents table#service_menu td.menu1 {
	background-color: #b9e3e0;
	text-align: center;
}
#contents table#saas_price td.menu2,
#contents table#service_menu td.menu2 {
	background-color: #c5e6f4;
	text-align: center;
}
#contents table#saas_price td.menu3,
#contents table#service_menu td.menu3 {
	background-color: #f7e7d6;
	text-align: center;
}
#contents table#saas_price td.menu4,
#contents table#service_menu td.menu4 {
	background-color: #ffd5d9;
	text-align: center;
}

#contents table#saas_price th,
#contents table#saas_price td {
	background-color: #e6e6e6;
}
#contents table#saas_price td.menu5 {
	background-color: #ececec;
}

#contents table#saas_price td li {
	list-style-type:none;
	margin-left:0.5em;
	text-indent:-0.5em;
}
#contents table#saas_price td {
	vertical-align:top;
}

#contents table#saas_price th.menu0 {
	background-color: #cccccc;
}

#contents table#service_menu th.menu1,
#contents table#saas_price th.menu1 {
	background-color: #2e9f92;
}

#contents table#service_menu th.menu2,
#contents table#saas_price th.menu2 {
	background-color: #47a8da;
}

#contents table#service_menu th.menu3,
#contents table#saas_price th.menu3 {
	background-color: #daa060;
}

#contents table#service_menu th.menu4,
#contents table#saas_price th.menu4 {
	background-color: #f86d7c;
}

#contents table#service_menu th.group1 {
	background-color: #ff9933;
	text-align: right;
}

#contents table#service_menu th.group2 {
	background-color: #0071b3;
	color: #FFFFFF;
}

#contents table#service_menu th.group3 {
	background-color: #34a7da;
	color: #FFFFFF;
}

#contents table#service_menu td.group4 {
	background-color: #e6e6e6;
	text-align:left;
}


/*----GOCE サービスメニュー--------------------------------*/
#contents table#goce_menu {
	width:100%;
	margin-top:15px;
	margin-bottom:20px;
	padding:0;
	border-spacing:2;
}
#contents table#goce_menu th,
#contents table#goce_menu td {
	padding:8px 5px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	line-height:1.3;
}
#contents table#goce_menu th {
	background-color: #a0cae2;
	padding:4px 5px;
}
#contents table#goce_menu td {
	background-color: #f2f2f2;
}
#contents table#goce_menu th.group0 {
	width:120px;
	background:url(../images/goce_menu_img1.gif) #eaf0f7 left top repeat-y;
}
#contents table#goce_menu th.group1 {
	width:30px;
	background-color: #FFE0E0; padding-left: 0.3em;
	font-weight:bold;
	text-align:center;
}
#contents table#goce_menu th.group2 {
	width:30px;
	background-color: #DBEDFF; padding-left: 0.3em;
	font-weight:bold;
	text-align:center;
}
#contents table#goce_menu th.group3 {
	width:30px;
	background-color: #CAEDDB; padding-left: 0.3em;
	font-weight:bold;
	text-align:center;
}
#contents table#goce_menu th.th_menu,
#contents table#goce_menu th.th_content {
	text-align:center;
	font-weight:bold;
}
#contents table#goce_menu th.th_menu {
	width:145px;
}


/*----IaaS   iaas.html--------------------------------*/

#side li.addon { color:#666666; } /*アドオンサービス*/

div.hos_bg {
margin-left:4px;
width:auto;
padding:10px 18px 0 14px;
background:url(../images/saas_feature_img1.jpg) left top no-repeat;
}

/*主な特長*/
#contents div#features ul li {
list-style-type:none;
margin-left:5px;
margin-bottom:5px;
font-size:104%;
}
#contents div#features ul li li {
list-style-type:disc;
background:none;
margin-left:3em;
margin-bottom:0;
font-size:95% !important;
}

/*特長*/
#iaas_feature h3 {
font-size:110%;
margin-top:25px !important;
padding-top:25px !important;
background:url(../images/iaas_feature_img7.gif) left top no-repeat;
}

/*特長　左右*/
.iaas_l1,
.iaas_r1 {
margin-top:20px;
margin-bottom:30px;
*margin-bottom:0;
}
.iaas_l1,
.iaas_r1 {
width:200px;
float:left;
}
.iaas_l1 {
margin:18px 80px 0 0;
}
.iaas_r1 {
margin:18px 0 20px 0;
}
#contents .iaas_l1 p,
#contents .iaas_r1 p {
font-size:80%;
}



/*サービスメニュー*/
/*iaas_menu.html*/
ul.iaas3 {
margin:10px 0 !important;
}
ul.iaas3 li {
list-style-type:none;
margin-bottom:5px;
margin-left:0 !important;
padding-left:10px;
background:url(../images/iaas_menu_img7.gif) 0px 3px no-repeat;
}
ul.iaas3 li strong {
color:#0074bb;
font-weight:normal;
}

#iaas_menulist {
margin-top:50px;
}
#iaas_menulist h3 {
margin-top:0 !Important;
}

/*iaas_menu_file.html*/
div.iaasfileimg4 {
margin-left:-7px;
margin-right:-7px;
}

#iaas_menu_feature h4 {
margin-top:1em !important;
}
#iaas_menu_feature ul {
list-style-type:square;
}


#contents table.iaas_menutbl {
	width:100%;
	margin-top:0px;
	*margin-top:10px;
	margin-bottom:20px;
	*margin-bottom:40px;
	border-collapse:collapse;
	border-spacing:0;
}

#contents table.iaas_menutbl th,
#contents table.iaas_menutbl td {
	padding:3px 4px 3px 6px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	line-height:1.3;
	border:1px solid #999999;
}
#contents table.iaas_menutbl th {
	width:332px;
	background-color: #e6e6e6;
	text-align:center;
}
#contents table.iaas_menutbl td li {
	line-height:1.3;
}

#contents table.iaas_menutbl th.group1 {
	width:210px;
	background-color:#0071b3;
	color:#FFFFFF;
}
#contents table.iaas_menutbl td .kome {
    font-size: 85% !important;
    margin-left: 2em;
	margin-top:0.8em;
	line-height:1.2;
    text-indent: -1.6em;
}
/*仮想デスクトップ*/
#contents table.desktop th { 
	width:282px !important;
}
#contents table.desktop th.group1 { 
	width:260px !important;
}
#contents table.desktop td li  { 
	list-style-type:none;
}
#contents table.desktop td ul.idt1 li { 
	text-indent:-5em;
	padding-left:5em;	
}
#contents table.desktop td ul.idt2 li span { 
	width:6em;
	display:block;
	float:left;
}

/*inquiry.shtml直前ツメ*/
#contents p.mtz { margin-top:-20px !important}




/*ICT サブナビ 共通---------------------------------------------*/
#contents ul.subnavi_crm,
#contents ul.subnavi_goce, 
#contents ul.subnavi_saas,
#contents ul.data_integ_menu,
#contents ul.subnavi_iaas,
#contents ul.subnavi_ipcp,
#contents ul.subnavi_saveaid,
#contents ul.subnavi_sastik,
#contents ul.subnavi_bcp {
clear:both;
margin:25px 0 15px 0;
width:565px;
height:36px; /*下部ライン分*/
}
#contents ul.subnavi_crm li,
#contents ul.subnavi_goce li, 
#contents ul.subnavi_saas li,
#contents ul.data_integ_menu li,
#contents ul.subnavi_iaas li,
#contents ul.subnavi_ipcp li,
#contents ul.subnavi_saveaid li,
#contents ul.subnavi_sastik li,
#contents ul.subnavi_bcp li {
list-style-type:none;
margin:0;
padding:0;
width:auto;
height:30px;
float:left;
}
#contents ul.subnavi_crm li a,
#contents ul.subnavi_goce li a, 
#contents ul.subnavi_saas li a,
#contents ul.data_integ_menu li a,
#contents ul.subnavi_iaas li a,
#contents ul.subnavi_ipcp li a,
#contents ul.subnavi_saveaid li a,
#contents ul.subnavi_sastik li a,
#contents ul.subnavi_bcp li a {
display:block;
width:74px;
height:30px;
position:relative;
overflow:hidden;
text-indent:-1000em;
}
#contents ul.subnavi_crm li span,
#contents ul.subnavi_goce li span, 
#contents ul.subnavi_saas li span,
#contents ul.data_integ_menu li span,
#contents ul.subnavi_iaas li span,
#contents ul.subnavi_ipcp li span,
#contents ul.subnavi_saveaid li span,
#contents ul.subnavi_sastik li span,
#contents ul.subnavi_bcp li span {
display:block;
width:74px;
height:30px;
text-indent:-1000em;
}



/*CRM サブナビ---------------------------------------------*/
#contents ul.subnavi_crm {
background:url(../images/crm_subnavi.gif) left top no-repeat;
}
/*背景画像の指定*/
#contents ul.subnavi_crm li,
#contents ul.subnavi_crm li a:hover,
#contents ul.subnavi_crm li span { background:url(../images/crm_subnavi.gif) left top no-repeat; }
/*off*/
#contents ul.subnavi_crm li.sn1 { background-position:   0px  0px; }
#contents ul.subnavi_crm li.sn2 { background-position: -74px  0px; }
#contents ul.subnavi_crm li.sn3 { background-position:-148px  0px; }
#contents ul.subnavi_crm li.sn4 { background-position:-222px  0px; }
#contents ul.subnavi_crm li.sn5 { background-position:-296px  0px; }
#contents ul.subnavi_crm li.sn6 { background-position:-370px  0px; }/*お問合せ*/
/*on*/
#contents ul.subnavi_crm li.sn1 a:hover,
#contents ul.subnavi_crm li.sn1 span { background-position:   0px  -36px; }
#contents ul.subnavi_crm li.sn2 a:hover,
#contents ul.subnavi_crm li.sn2 span { background-position: -74px  -36px; }
#contents ul.subnavi_crm li.sn3 a:hover,
#contents ul.subnavi_crm li.sn3 span { background-position:-148px  -36px; }
#contents ul.subnavi_crm li.sn4 a:hover,
#contents ul.subnavi_crm li.sn4 span { background-position:-222px  -36px; }
#contents ul.subnavi_crm li.sn5 a:hover,
#contents ul.subnavi_crm li.sn5 span { background-position:-296px  -36px; }
#contents ul.subnavi_crm li.sn6 a:hover { background-position:-370px  -36px; }/*お問合せ*/


/*GOCE サブナビ---------------------------------------------*/
#contents ul.subnavi_goce {
background:url(../images/goce_subnavi.gif) left top no-repeat;
}

/*背景画像の指定*/
#contents ul.subnavi_goce li,
#contents ul.subnavi_goce li a:hover,
#contents ul.subnavi_goce li span { background:url(../images/goce_subnavi.gif) left top no-repeat; 
}

/*off*/
#contents ul.subnavi_goce li.sn1 { background-position:   0px  0px; }
#contents ul.subnavi_goce li.sn2 { background-position: -74px  0px; }
#contents ul.subnavi_goce li.sn3 { background-position: -148px 0px; }/*お問合せ*/

/*on*/
#contents ul.subnavi_goce li.sn1 a:hover,
#contents ul.subnavi_goce li.sn1 span    { background-position:   0px  -36px; }
#contents ul.subnavi_goce li.sn2 a:hover,
#contents ul.subnavi_goce li.sn2 span    { background-position: -74px  -36px; }
#contents ul.subnavi_goce li.sn3 a:hover { background-position:-148px  -36px; }/*お問合せ*/



/*SaaS プラットフォーム サブナビ-----------------------------*/
#contents ul.subnavi_saas {
background:url(../images/pf_subnavi.gif) left top no-repeat;
}

/*背景画像の指定*/
#contents ul.subnavi_saas li,
#contents ul.subnavi_saas li a:hover,
#contents ul.subnavi_saas li span {
background:url(../images/pf_subnavi.gif) no-repeat left top;
}

/*off*/
#contents ul.subnavi_saas li.sn1 { background-position:   0px  0px; }
#contents ul.subnavi_saas li.sn2 { background-position: -74px  0px; }
#contents ul.subnavi_saas li.sn3 { background-position:-148px  0px; }
#contents ul.subnavi_saas li.sn4 { background-position:-222px  0px; }
#contents ul.subnavi_saas li.sn5 { background-position:-296px  0px; }
#contents ul.subnavi_saas li.sn6 { background-position:-370px  0px; }
#contents ul.subnavi_saas li.sn7 { background-position:-444px  0px; }/*お問合せ*/

/*on*/
#contents ul.subnavi_saas li.sn1 a:hover,
#contents ul.subnavi_saas li.sn1 span { background-position:   0px  -36px; }
#contents ul.subnavi_saas li.sn2 a:hover,
#contents ul.subnavi_saas li.sn2 span { background-position: -74px  -36px; }
#contents ul.subnavi_saas li.sn3 a:hover,
#contents ul.subnavi_saas li.sn3 span { background-position:-148px  -36px; }
#contents ul.subnavi_saas li.sn4 a:hover,
#contents ul.subnavi_saas li.sn4 span { background-position:-222px  -36px; }
#contents ul.subnavi_saas li.sn5 a:hover,
#contents ul.subnavi_saas li.sn5 span { background-position:-296px  -36px; }
#contents ul.subnavi_saas li.sn6 a:hover,
#contents ul.subnavi_saas li.sn6 span { background-position:-370px  -36px; }
#contents ul.subnavi_saas li.sn7 a:hover { background-position:-444px  -36px; }/*お問合せ*/


/*IaaS サブナビ---------------------------------------------*/
#contents ul.subnavi_iaas {
background:url(../images/iaas_subnavi.gif) left top no-repeat;
}

/*背景画像の指定*/
#contents ul.subnavi_iaas li,
#contents ul.subnavi_iaas li a:hover,
#contents ul.subnavi_iaas li span { background:url(../images/iaas_subnavi.gif) left top no-repeat; 
}

/*off*/
#contents ul.subnavi_iaas li.sn1 { background-position:  0px  0px; }
#contents ul.subnavi_iaas li.sn2 { background-position:-74px  0px; }
#contents ul.subnavi_iaas li.sn3 { background-position:-148px 0px; }
#contents ul.subnavi_iaas li.sn4 { background-position:-222px 0px; }
#contents ul.subnavi_iaas li.sn5 { background-position:-296px 0px; }/*お問合せ*/

/*on*/
#contents ul.subnavi_iaas li.sn1 a:hover,
#contents ul.subnavi_iaas li.sn1 span { background-position:   0px  -36px; }
#contents ul.subnavi_iaas li.sn2 a:hover,
#contents ul.subnavi_iaas li.sn2 span { background-position:-74px  -36px; }
#contents ul.subnavi_iaas li.sn3 a:hover,
#contents ul.subnavi_iaas li.sn3 span { background-position:-148px  -36px; }
#contents ul.subnavi_iaas li.sn4 a:hover,
#contents ul.subnavi_iaas li.sn4 span { background-position:-222px  -36px; }
#contents ul.subnavi_iaas li.sn5 a:hover { background-position:-296px  -36px; }/*お問合せ*/


/*IaaS   プルダウンメニュー--------*/
body { behavior:url("iehover.htc"); } /* :hover for IE6 */

#container #contents ul.subnavi_iaas li.sn3 div {
overflow:visible;
width:1px;
height:1px;
position:relative;
top:-30px;
left:0;
}

#container #contents ul.subnavi_iaas li.sn3 ul {
width:195px;
padding:0;
border:1px solid #4095c6;
background-color:#f2f2f2;
}
#contents ul.subnavi_iaas li.sn4 {
margin-left:-46px;
}

#container #contents ul.subnavi_iaas li.sn3 li {
float:none;
height:auto;
background:none;
border-bottom:1px dotted #4095c6;
line-height:1.0;
margin-bottom:-1px;
}

#container #contents ul.subnavi_iaas li.sn3 li a,
#container #contents ul.subnavi_iaas li.sn3 li span {
width:auto;
height:auto;
float:none;
padding:6px 5px 6px 6px;
*padding:7px 5px 5px 6px;
text-indent:0;
text-decoration:none;
background:none;
}
#container #contents ul.subnavi_iaas li.sn3 li span a {
padding:0;
}
#container #contents ul.subnavi_iaas li.sn3 li span {
color:#0272b4;
}

/*非展開時*/
#container #contents ul.subnavi_iaas li.sn3,
#container #contents ul.subnavi_iaas li.sn3.off {
width:120px;
}
#container #contents ul.subnavi_iaas li.sn3 *,
#container #contents ul.subnavi_iaas li.sn3.off * {
display:none;
}
#container #contents ul.subnavi_iaas li.sn3 span,
#container #contents ul.subnavi_iaas li.sn3.off span,
#container #contents ul.subnavi_iaas li.sn3 a,
#container #contents ul.subnavi_iaas li.sn3.off a {
display:block;
}

/*展開時*/
#container #contents ul.subnavi_iaas li.sn3:hover *,
#container #contents ul.subnavi_iaas li.sn3.on * {
display:block;
}
#container #contents ul.subnavi_iaas li.sn3:hover ul,
#container #contents ul.subnavi_iaas li.sn3.on ul {
position:absolute;
left:0;
top:29px;
}

/*@IPCP サブナビ-----------------------------*/
#contents ul.subnavi_ipcp {
background:url(../images/ipcp_subnavi.gif) left top no-repeat;
}

/*背景画像の指定*/
#contents ul.subnavi_ipcp li,
#contents ul.subnavi_ipcp li a:hover,
#contents ul.subnavi_ipcp li span {
background:url(../images/ipcp_subnavi.gif) no-repeat left top;
}

/*off*/
#contents ul.subnavi_ipcp li.sn1 { background-position:   0px  0px; }
#contents ul.subnavi_ipcp li.sn2 { background-position: -74px  0px; }
#contents ul.subnavi_ipcp li.sn3 { background-position:-148px  0px; }
#contents ul.subnavi_ipcp li.sn4 { background-position:-222px  0px; }/*お問合せ*/


/*on*/
#contents ul.subnavi_ipcp li.sn1 a:hover,
#contents ul.subnavi_ipcp li.sn1 span { background-position:   0px  -36px; }
#contents ul.subnavi_ipcp li.sn2 a:hover,
#contents ul.subnavi_ipcp li.sn2 span { background-position: -74px  -36px; }
#contents ul.subnavi_ipcp li.sn3 a:hover,
#contents ul.subnavi_ipcp li.sn3 span { background-position:-148px  -36px; }
#contents ul.subnavi_ipcp li.sn4 a:hover,
#contents ul.subnavi_ipcp li.sn4 span { background-position:-222px  -36px; }/*お問合せ*/


/*セーブエイド サブナビ---------------------------------------------*/
#contents ul.subnavi_saveaid {
background:url(../images/saveaid_subnavi.gif) left top no-repeat;
}

/*背景画像の指定*/
#contents ul.subnavi_saveaid li,
#contents ul.subnavi_saveaid li a:hover,
#contents ul.subnavi_saveaid li span { background:url(../images/saveaid_subnavi.gif) left top no-repeat; }
/*off*/
#contents ul.subnavi_saveaid li.sn1 { background-position:   0px  0px; }
#contents ul.subnavi_saveaid li.sn2 { background-position: -74px  0px; }
#contents ul.subnavi_saveaid li.sn3 { background-position:-148px  0px; }
#contents ul.subnavi_saveaid li.sn4 { background-position:-222px  0px; }
#contents ul.subnavi_saveaid li.sn5 { background-position:-296px  0px; }/*お問合せ*/
/*on*/
#contents ul.subnavi_saveaid li.sn1 a:hover,
#contents ul.subnavi_saveaid li.sn1 span { background-position:   0px  -36px; }
#contents ul.subnavi_saveaid li.sn2 a:hover,
#contents ul.subnavi_saveaid li.sn2 span { background-position: -74px  -36px; }
#contents ul.subnavi_saveaid li.sn3 a:hover,
#contents ul.subnavi_saveaid li.sn3 span { background-position:-148px  -36px; }
#contents ul.subnavi_saveaid li.sn4 a:hover,
#contents ul.subnavi_saveaid li.sn4 span { background-position:-222px  -36px; }
#contents ul.subnavi_saveaid li.sn5 a:hover { background-position:-296px  -36px; }/*お問合せ*/



/*SASTIK サスティック サブナビ-----------------------------*/
#contents ul.subnavi_sastik {
background:url(../images/sastik_subnavi.gif) left top no-repeat;
}

/*背景画像の指定*/
#contents ul.subnavi_sastik li,
#contents ul.subnavi_sastik li a:hover,
#contents ul.subnavi_sastik li span {
background:url(../images/sastik_subnavi.gif) no-repeat left top;
}

/*幅指定*/
#contents ul.subnavi_sastik li.sn1 a,
#contents ul.subnavi_sastik li.sn4 a,
#contents ul.subnavi_sastik li.sn7 a,
#contents ul.subnavi_sastik li.sn8 a,
#contents ul.subnavi_sastik li.sn1 span,
#contents ul.subnavi_sastik li.sn4 span,
#contents ul.subnavi_sastik li.sn7 span,
#contents ul.subnavi_sastik li.sn8 span {width:71px;}
#container #contents ul.subnavi_sastik li.sn2 a,
#contents ul.subnavi_sastik li.sn3 a,
#contents ul.subnavi_sastik li.sn5 a,
#contents ul.subnavi_sastik li.sn6 a,
#container #contents ul.subnavi_sastik li.sn2 span,
#contents ul.subnavi_sastik li.sn3 span,
#contents ul.subnavi_sastik li.sn5 span,
#contents ul.subnavi_sastik li.sn6 span {width:70px;}
 
/*off*/
#contents ul.subnavi_sastik li.sn1 { background-position:   0px  0px; }
#container #contents ul.subnavi_sastik li.sn2 { background-position: -71px  0px; }
#contents ul.subnavi_sastik li.sn3 { background-position:-141px  0px; }
#contents ul.subnavi_sastik li.sn4 { background-position:-211px  0px; }
#contents ul.subnavi_sastik li.sn5 { background-position:-282px  0px; }
#contents ul.subnavi_sastik li.sn6 { background-position:-352px  0px; }
#contents ul.subnavi_sastik li.sn7 { background-position:-422px  0px; }
#contents ul.subnavi_sastik li.sn8 { background-position:-493px  0px; }/*お問合せ*/

/*on*/
#contents ul.subnavi_sastik li.sn1 a:hover,
#contents ul.subnavi_sastik li.sn1 span { background-position:   0px  -36px; }
#container #contents ul.subnavi_sastik li.sn2 a:hover,
#container #contents ul.subnavi_sastik li.sn2 span { background-position: -71px  -36px; }
#contents ul.subnavi_sastik li.sn3 a:hover,
#contents ul.subnavi_sastik li.sn3 span { background-position:-141px  -36px; }
#contents ul.subnavi_sastik li.sn4 a:hover,
#contents ul.subnavi_sastik li.sn4 span { background-position:-211px  -36px; }
#contents ul.subnavi_sastik li.sn5 a:hover,
#contents ul.subnavi_sastik li.sn5 span { background-position:-282px  -36px; }
#contents ul.subnavi_sastik li.sn6 a:hover,
#contents ul.subnavi_sastik li.sn6 span { background-position:-352px  -36px; }
#contents ul.subnavi_sastik li.sn7 a:hover,
#contents ul.subnavi_sastik li.sn7 span { background-position:-422px  -36px; }
#contents ul.subnavi_sastik li.sn8 a:hover { background-position:-493px  -36px; }/*お問合せ*/


/*SASTIK 概要 プルダウンメニュー--------*/
body { behavior:url("iehover.htc"); } /* :hover for IE6 */

#container #contents ul.subnavi_sastik li.sn2 div {
overflow:visible;
width:1px;
height:1px;
position:relative;
top:-30px;
left:0;
}

#container #contents ul.subnavi_sastik li.sn2 ul {
width:120px;
padding:0;
border:1px solid #4095c6;
background-color:#f2f2f2;
}
#contents ul.subnavi_sastik li.sn3 {
margin-left:-50px;
}

#container #contents ul.subnavi_sastik li.sn2 li {
float:none;
height:auto;
background:none;
border-bottom:1px dotted #4095c6;
line-height:1.0;
margin-bottom:-1px;
}

#container #contents ul.subnavi_sastik li.sn2 li a,
#container #contents ul.subnavi_sastik li.sn2 li span {
width:auto;
height:auto;
float:none;
padding:6px 5px 6px 6px;
*padding:7px 5px 5px 6px;
text-indent:0;
text-decoration:none;
background:none;
}
#container #contents ul.subnavi_sastik li.sn2 li span a {
padding:0;
}
#container #contents ul.subnavi_sastik li.sn2 li span {
color:#0272b4;
}

/*非展開時*/
#container #contents ul.subnavi_sastik li.sn2,
#container #contents ul.subnavi_sastik li.sn2.off {
width:120px;
}
#container #contents ul.subnavi_sastik li.sn2 *,
#container #contents ul.subnavi_sastik li.sn2.off * {
display:none;
}
#container #contents ul.subnavi_sastik li.sn2 span,
#container #contents ul.subnavi_sastik li.sn2.off span,
#container #contents ul.subnavi_sastik li.sn2 a,
#container #contents ul.subnavi_sastik li.sn2.off a {
display:block;
}

/*展開時*/
#container #contents ul.subnavi_sastik li.sn2:hover *,
#container #contents ul.subnavi_sastik li.sn2.on * {
display:block;
}
#container #contents ul.subnavi_sastik li.sn2:hover ul,
#container #contents ul.subnavi_sastik li.sn2.on ul {
position:absolute;
left:0;
top:29px;
}

/*動画 sastik_case.html*/
.col5 .leftcol{
width:380px;
}
.col5 .rightcol{
width:140px;
} 

/*110407 Topics 2011_cloudranking.html */
.topics_ranking1 {
background:url(../topics/images/cloudranking_img2.jpg) no-repeat left bottom;
}

#contents .topics_ranking1 table td {
background:transparent;
vertical-align:top;
}
#contents .topics_ranking1 .topics_col1{
background:url(../topics/images/cloudranking_img11.jpg) no-repeat right top;
}

#contents .topics_ranking1 h3 {
margin:0 !important;
}

#contents .topics_ranking1 p {
margin:0px 15px !important;
padding:0 0 5px 0 !important;
}

.topics_ranking1 p.f2 { font-size:110% !important;}

.topics_ranking1 img.topics_ranking4 {
margin:4px 5px 0 0;
}

/*110927 Topics 2011_cloudranking_3rd.html */
.topics_3rd_ranking1 {
background:url(../topics/images/cloudranking_3rd_img2.jpg) no-repeat left bottom;
}

#contents .topics_3rd_ranking1 table td {
background:transparent;
vertical-align:top;
}
#contents .topics_3rd_ranking1 .topics_col1{
background:url(../topics/images/cloudranking_3rd_img11.jpg) no-repeat right top;
}

#contents .topics_3rd_ranking1 h3 {
margin:0 !important;
}

#contents .topics_3rd_ranking1 p {
margin:0px 15px !important;
padding:0 0 5px 0 !important;
}

.topics_3rd_ranking1 p.f2 { font-size:110% !important;}

.topics_3rd_ranking1 img.topics_ranking4 {
margin:4px 5px 0 0;
}


.topics_ranking2 {
margin:25px 0 20px 0;
padding:0 0 3px 0;
}
#contents .topics_ranking2 table {
margin:0;
width:565px;
}

.topics_ranking2 th {
padding:0 0 0 5px;
background:url(../topics/images/cloudranking_img4.jpg) no-repeat left top;
color:#0071b1;
text-align:left;
font-weight:bold;
vertical-align:middle;
}
.topics_ranking2 th div {
padding:0px 0px 0px 30px;
background:url(../topics/images/cloudranking_img10.jpg) no-repeat left center;
}
#contents .topics_ranking2 td {
margin:0px !important;
padding:3px 0 0 0;
vertical-align:middle;
line-height:1.1;
}
#contents .topics_ranking2 td img {
margin:0 0 3px 5px;
vertical-align:middle;
}
#contents .topics_ranking2 td.bdr {
font-size:0;
line-height:0;
height:2px;
padding:0 !important;
}
#contents .topics_ranking2 td.bdr img {
margin:0;
padding:0;
vertical-align:top;
}

.topics_ranking3 {
width:565px;
background:url(../topics/images/cloudranking_img8.jpg) repeat-x left 25px;
}
#contents .topics_ranking3 p {
padding:0 25px;
}
#contents .topics_ranking3 h3 {
color:#000000;
padding:20px 0 10px 25px !important;
margin:0 !important;
background:url(../topics/images/cloudranking_img7.jpg) no-repeat left top;
}


/*2011_cloudranking */
.box1{ border:#666666 solid 1px; width:535px; padding-bottom:10px; padding-left:10px; padding-right:10px; margin-left:5px}
.box1 h3 {color:#000000;}
.box1 p {font-size:85%}

.fb {font-weight:bold}