@charset "utf-8";
/* ===================================================================
CSS information

 file name :style.css
 style info :ソリューションコンテンツ
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class

=================================================================== */

/* 個別設定用
----------------------------------------------------------- */
.subtitle {margin:0 0 2px 0; display:block;}
.smalltitle h4 {background-color:#E3E7F1; border-left:7px solid #91A1CA; margin:0 0 25px 0; padding:3px 0 3px 11px; font-weight:bold; color:#405BA3;}

/*----------------------------------------------------
	#sidemenu
	左カラム ローカルナビ部分ソリューション用設定
----------------------------------------------------*/
/* 企業情報のローカルナビ画像  
----------------------------------------------------------- */

#sidemenu .outline01 a,
#sidemenu .outline02 a,
#sidemenu .outline03 a,
#sidemenu .outline04 a,
#sidemenu .outline05 a,
#sidemenu .outline06 a,
#sidemenu .outline07 a,
#sidemenu .outline08 a,
#sidemenu .outline09 a,
#sidemenu .strongpoint01 a,
#sidemenu .strongpoint02 a,
#sidemenu .strongpoint03 a,
#sidemenu .startup01 a,
#sidemenu .startup02 a,
#sidemenu .support01 a,
#sidemenu .support02 a,
#sidemenu .activedirectory01 a,
#sidemenu .hyperv01 a,
#sidemenu .multiresource01 a,
#sidemenu .fileserver01 a,
#sidemenu .d2dremote01 a,
#sidemenu .csolution03 a,
#sidemenu .csolution04 a,
#sidemenu .csolution05 a,
#sidemenu .telework01 a{ background:url(../img/leftmenu_solution.jpg) no-repeat; display:block;}

#sidemenu .teleworksupport01 a,
#sidemenu .ssolution01 a,
#sidemenu .ssolution02 a,
#sidemenu .ssolution03 a,
#sidemenu .ssolution04 a,
#sidemenu .csolution01 a,
#sidemenu .csolution02 a,
#sidemenu .msolution01 a,
#sidemenu .sservice01 a{ background-repeat:no-repeat; display:block;}

#sidemenu .fileserver01,
#sidemenu .d2dremote01{width:180px; height:25px;}
#sidemenu .telework01{width:180px; height:24px;}
#sidemenu .fileserver01 a {width:180px; height:25px; background-position: 0 -250px;}
#sidemenu .fileserver01 a:hover {background-position: -182px -250px;}
#sidemenu .d2dremote01 a {width:180px; height:25px; background-position: 0 -275px;}
#sidemenu .d2dremote01 a:hover {background-position: -182px -275px;}
#sidemenu .telework01 a {width:180px; height:24px; background-position: 0 -300px;}
#sidemenu .telework01 a:hover {background-position: -182px -300px;}

#sidemenu .outline01,
#sidemenu .outline02,
#sidemenu .outline03,
#sidemenu .outline04,
#sidemenu .outline05,
#sidemenu .outline06,
#sidemenu .outline07,
#sidemenu .outline08,
#sidemenu .outline09 {width:180px; height:25px;}

#sidemenu .outline01 a,
#sidemenu .outline02 a {width:180px; height:25px; background-position: 0 0;}
#sidemenu .outline03 a {width:180px; height:25px; background-position: 0 -125px;}
#sidemenu .outline04 a {width:180px; height:25px; background-position: 0 -150px;}
#sidemenu .outline05 a {width:180px; height:25px; background-position: 0 -324px;}
#sidemenu .outline06 a {width:180px; height:25px; background-position: 0 -349px;}
#sidemenu .outline07 a {width:180px; height:25px; background-position: 0 -374px;}
#sidemenu .outline08 a {width:180px; height:25px; background-position: 0 -399px;}
#sidemenu .outline09 a {width:180px; height:25px; background-position: 0 -424px;}
#sidemenu .csolution03 a {width:180px; height:24px; background-position: 0 -449px;}
#sidemenu .csolution04 a {width:180px; height:24px; background-position: 0 -474px;}
#sidemenu .csolution05 a {width:180px; height:25px; background-position: 0 -499px;}

#sidemenu .outline01 a:hover,
#sidemenu .outline02 a:hover {background-position: -182px 0;}
#sidemenu .outline03 a:hover {background-position: -182px -125px;}
#sidemenu .outline04 a:hover {background-position: -182px -150px;}
#sidemenu .outline05 a:hover {background-position: -182px -324px;}
#sidemenu .outline06 a:hover {background-position: -182px -349px;}
#sidemenu .outline07 a:hover {background-position: -182px -374px;}
#sidemenu .outline08 a:hover {background-position: -182px -399px;}
#sidemenu .outline09 a:hover {background-position: -182px -424px;}
#sidemenu .csolution03 a:hover {background-position:-182px -449px;}
#sidemenu .csolution04 a:hover {background-position:-182px -474px;}
#sidemenu .csolution05 a:hover {background-position:-182px -499px;}


#sidemenu .strongpoint01,
#sidemenu .strongpoint02,
#sidemenu .strongpoint03 {width:180px; height:25px;}
#sidemenu .strongpoint01 a,
#sidemenu .strongpoint02 a,
#sidemenu .strongpoint03 a {width:180px; height:25px; background-position: 0 -25px;}
#sidemenu .strongpoint01 a:hover,
#sidemenu .strongpoint02 a:hover,
#sidemenu .strongpoint03 a:hover {background-position:-182px -25px;}

#sidemenu .startup01,
#sidemenu .startup02 {width:180px; height:25px;}
#sidemenu .startup01 a,
#sidemenu .startup02 a {width:180px; height:25px; background-position: 0 -50px;}
#sidemenu .startup01 a:hover,
#sidemenu .startup02 a:hover {background-position:-182px -50px;}

#sidemenu .support01,
#sidemenu .support02 {width:180px; height:25px;}
#sidemenu .support01 a,
#sidemenu .support02 a {width:180px; height:25px; background-position: 0 -75px;}
#sidemenu .support01 a:hover,
#sidemenu .support02 a:hover {background-position:-182px -75px;}

#sidemenu .activedirectory01 {width:180px; height:25px;}
#sidemenu .activedirectory01 a {width:180px; height:25px; background-position: 0 -175px;}
#sidemenu .activedirectory01 a:hover {background-position:-182px -175px;}

#sidemenu .hyperv01 {width:180px; height:25px;}
#sidemenu .hyperv01 a {width:180px; height:25px; background-position: 0 -200px;}
#sidemenu .hyperv01 a:hover {background-position:-182px -200px;}

#sidemenu .multiresource01 {width:180px; height:25px;}
#sidemenu .multiresource01 a {width:180px; height:25px; background-position: 0 -225px;}
#sidemenu .multiresource01 a:hover {background-position:-182px -225px;}

#sidemenu .ssolution01 {width:180px; height:32px;}
#sidemenu .ssolution01 a {width:180px; height:32px; background:url(../img/leftmenu_ssolution.jpg) 0 -55px;}
#sidemenu .ssolution01 a:hover {background-position:-182px -55px;}

#sidemenu .ssolution02 {width:180px; height:32px;}
#sidemenu .ssolution02 a {width:180px; height:32px; background:url(../img/leftmenu_ssolution.jpg) 0 -87px;}
#sidemenu .ssolution02 a:hover {background-position:-182px -87px;}

#sidemenu .ssolution03 {width:180px; height:32px;}
#sidemenu .ssolution03 a {width:180px; height:32px; background:url(../img/leftmenu_ssolution.jpg) 0 -119px;}
#sidemenu .ssolution03 a:hover {background-position:-182px -119px;}

#sidemenu .ssolution04 {width:180px; height:32px;}
#sidemenu .ssolution04 a {width:180px; height:32px; background:url(../img/leftmenu_ssolution.jpg) 0 -151px;}
#sidemenu .ssolution04 a:hover {background-position:-182px -151px;}

#sidemenu .csolution01 {width:180px; height:32px;}
#sidemenu .csolution01 a {width:180px; height:32px; background:url(../img/leftmenu_csolution.jpg) 0 -55px;}
#sidemenu .csolution01 a:hover {background-position:-182px -55px;}

#sidemenu .csolution02 {width:180px; height:30px;}
#sidemenu .csolution02 a {width:180px; height:30px; background:url(../img/leftmenu_csolution.jpg) 0 -87px;}
#sidemenu .csolution02 a:hover {background-position:-182px -87px;}



#sidemenu .msolution01 {width:180px; height:32px;}
#sidemenu .msolution01 a {width:180px; height:32px; background:url(../img/leftmenu_msolution.jpg) 0 -55px;}
#sidemenu .msolution01 a:hover {background-position:-182px -55px;}

#sidemenu .sservice01 {width:180px; height:46px;}
#sidemenu .sservice01 a {width:180px; height:46px; background:url(../img/leftmenu_msolution.jpg) 0 -55px;}
#sidemenu .sservice01 a:hover {background-position:-182px -55px;}

#sidemenu .teleworksupport01 {width:180px; height:32px;}
#sidemenu .teleworksupport01 a {width:180px; height:32px; background:url(../img/leftmenu_csolution.jpg) 0 -55px;}
#sidemenu .teleworksupport01 a:hover {background-position:-182px -55px;}

#sidemenu .linedelete {margin-bottom:-1px;}

/* ソリューションのローカルナビトップ画像 
----------------------------------------------------------- */
.SSolutionBody .category_name a{background:url(../img/leftmenu_ssolution.jpg) no-repeat; display:block;}
.CSolutionBody .category_name a{background:url(../img/leftmenu_csolution.jpg) no-repeat; display:block;}
.MSolutionBody .category_name a{background:url(../img/leftmenu_msolution.jpg) no-repeat; display:block;}
.SServiceBody .category_name a{background:url(../img/leftmenu_sservice.jpg) no-repeat; display:block;}
.ServerBody .category_name a{background:url(../img/leftmenu_server.jpg) no-repeat; display:block;}
.PartnershipBody .category_name a{background:url(../img/leftmenu_partnership.jpg) no-repeat; display:block;}

/* ソリューションのローカルナビ反転設定 
----------------------------------------------------------- */
.Con-OutlinePage #sidemenu .outline01 a {background-position:-182px 0;}
.Con-StrongPage #sidemenu .strongpoint01 a {background-position:-182px -25px;}
.Con-StartupPage #sidemenu .startup01 a {background-position:-182px -50px;}

.DB-OutlinePage #sidemenu .outline02 a {background-position:-182px 0;}
.DB-StrongPage #sidemenu .strongpoint03 a {background-position:-182px -100px;}

.Win-OutlinePage #sidemenu .outline04 a {background-position:-182px -150px;}
.Win-ActivePage #sidemenu .activedirectory01 a {background-position:-182px -175px;}
.Win-HyperPage #sidemenu .hyperv01 a {background-position:-182px -200px;}
.Win-MultiPage #sidemenu .multiresource01 a {background-position:-182px -225px;}

.Thin-OutlinePage #sidemenu .outline01 a {background-position:-182px 0;}
.Thin-StrongPage #sidemenu .strongpoint01 a {background-position:-182px -25px;}
.Thin-SupportPage #sidemenu .support01 a {background-position:-182px -75px;}
.Thin-StartupPage #sidemenu .startup01 a {background-position:-182px -50px;}

.Win7-OutlinePage #sidemenu .outline03 a {background-position:-182px -125px;}

.Win7-OutlinePage #sidemenu .outline05 a {background-position:-180px -324px;}
.Win7-OutlinePage #sidemenu .outline06 a {background-position:-180px -349px;}
.Win7-OutlinePage #sidemenu .outline07 a {background-position:-180px -374px;}
.Win7-OutlinePage #sidemenu .outline08 a {background-position:-180px -399px;}
.Win7-OutlinePage #sidemenu .outline09 a {background-position:-180px -424px;}

.fileserverdrPage #sidemenu .fileserver01 a {background-position:-182px -250px;}
.d2dremotereplicationPage #sidemenu .d2dremote01 a {background-position:-182px -275px;}
.teleworksupportPage #sidemenu .teleworksupport01 a {background-position:-182px -55px;}
.Win7-csolutionPage #sidemenu .csolution03 a {background-position:-182px -449px;}
.Win7-summaryPage #sidemenu .csolution04 a {background-position:-182px -474px;}
.Win7-casestudyPage #sidemenu .csolution05 a {background-position:-182px -499px;}


/*----------------------------------------------------
	#content-box　配下
----------------------------------------------------*/

/* 各ソリューショントップのボックス表示設定 
----------------------------------------------------------- */
#content-box .solution-box .center-box {width:581px; margin-bottom: 50px;}
#content-box .solution-box .center-box .package-center{margin-bottom:10px;}
#content-box .solution-box .center-box .package-left {width:300px; float:left; margin-left:3em;}
#content-box .solution-box .center-box .package-right {width:120px; float:right;}


#content-box .solution-box {width:599px; margin:15px 2px 35px 0; padding:60px 0 15px 20px; border:1px solid #CCC;background:url(../img/pic_solutionichiran.jpg) no-repeat 2px 2px; display:block;}
#content-box .solution-box .left-box {width:270px; margin:0 41px 0 0; padding:0px; float:left;}
#content-box .solution-box .right-box {width:270px; margin:0; padding:0px; float:left;}

#content-box .solution-box .box-midashi {color:#375CA7; margin:0 0 9px 0; border-bottom:1px solid #CCC; font-weight:bold; }
#content-box .solution-box .box-midashi a{color:#375CA7;}
#content-box .solution-box .box-midashi a:hover {text-decoration:underline; color:#C00;}

#content-box .solution-box .box-midashi2 {color:#375CA7; margin:10px 0 9px 0; font-weight:bold; list-style-type:disc;}
#content-box .solution-box .point {list-style:disc; margin:0 0 0 19px;}

#content-box .solution-box .detailArea {height:50px; padding:4px 0 0 0; text-align:right;}
#content-box .solution-box p {margin:0 9px 0 0;}


#content-box .link{background:url(../img/icon_blue_square.jpg) no-repeat 2px 6px; display:block; padding:0 0 0 18px; margin: 15px 0 0 0;}

/* ソリューションの表設定
----------------------------------------------------------- */
#content-box .block .table01,
#content-box .block .table02 {margin: 18px 0px;}

#content-box .block .table01 table {width: 100%;}
#content-box .block .table01 th,
#content-box .block .table01 td {border: 1px solid #999999; border-collapse: collapse; padding: 3px;}
#content-box .block .table01 th {background-color: #F4F4F4; font-weight: normal;}
#content-box .block .color01 {background-color: #8797CB; font-weight: bold; color: #FFFFFF;}
#content-box .block .color02 {background-color: #E8F0FF;}
#content-box .block .color03 {background-color: #F4F4F4;}


#content-box .block .colum1 {width:25%;}
#content-box .block .colum2 {width:30%;}
#content-box .block .colum3 {width:20%;}

#content-box .block .table02 table {width: 100%;}
#content-box .block .table02 th,
#content-box .block .table02 td {border-collapse: collapse; padding: 3px; border: 1px solid #999999;}



/* 項目幅調整
----------------------------------------------------------- */
.content_01 {
	width: 550px;
	margin: 0 auto 15px;
}


/* 前置きボックス
----------------------------------------------------------- */
#content-box .introduction-box {
	width: 607px;
	border: solid 2px #405BA3;
	padding: 10px 5px 5px;
	overflow: hidden;
}

#content-box .introduction-box:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

/* 前置きボックスの中 フロート
----------------------------------------------------------- */

#content-box .introduction-box .left-box {
	width:290px; 
	margin:0 20px 0 0; 
	float:left; 
	color:#405BA3; 
	font-weight:bold;
}

#content-box .introduction-box .right-box {
	width:290px;
	margin:0;
	padding:0px;
	float:left;
	color:#405BA3;
	font-weight:bold;
}

#content-box .introduction-txt {
	padding-left: 15px;
	margin-bottom: 10px;
}

/* 事例ページの詳細設定 
----------------------------------------------------------- */
#content-box .jirei_point {width:270px; margin:0 40px 25px 20px; float:left;}
#content-box .jirei_point .point {list-style:disc; margin:0 0 0 19px;}
#content-box .jirei_company {width:270px; float:left;}


/* 
----------------------------------------------------------- */
.margin_top01 {
	margin-top: 10px;
}

.margin_top02 {
	margin-top: 20px;
}