@charset "shift_jis";

/* **************************************************

Name: sp01.css
Create: 2017.09.29

***************************************************** */

/* [00] 基本設定
=========================================================================================== */
/*------リンク-----*/
a:link {
	text-decoration: underline;
	color: #2B57AD;
}
a:visited {
	text-decoration: underline;
	color: #934C7B;
}
a:hover {
	text-decoration: none;
	color: #b1000e;
}
a:active {
	text-decoration: none;
	color: #b1000e;
}


/*------リンク個別指定-----*/
.HorizontalInnerLinks li a:link, .HorizontalInnerLinks li a:visited, 
.VerticalInnerLinks li a:link, .VerticalInnerLinks li a:visited { color: #2B57AD; }

.PageTop a:link, .PageTop a:visited {
	color: #2B57AD;
}

/*------右メニューエリア-----*/
div#event div.uty-inner, div#article div.uty-inner {
    display: none;
}

/*------ユーティリティユニット-----*/

div.spUtlyUnit {
	width:230px;
	background-color:#e9f5f6;
	padding:0 0 10px 0;
	margin-bottom:20px;
}

div.spUtlyUnit h5 {
	margin-bottom:10px;
}


div.spUtlyUnit  div.uty-inner{
	width:210px;
	margin:0 auto;
}


/*------オリジナル見出し-----*/

h2.sp01{
	margin-bottom: 20px;
	padding: 0 !important; 
	background-image:url(/products/it/vdi/common/images/section_ttl_bg01.png);
	background-position:top right;
	background-repeat:no-repeat;
	border: solid 1px #CEC8C8;
}

h2.sp01 span{
	display:block;
	/*min-height:26px;*/
	/*padding: 16px 0 10px 20px ;*/
	background-color:transparent;
	background-image:url(/products/it/vdi/common/images/section_ttl_bg02.png);
	background-position:bottom;
	background-repeat:no-repeat;
	border:none;
}

h3.sp01{
	background-image: url(../bg_h3.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	padding: 4px 8px 4px 20px;/*
	border-bottom: solid 1px #b1b1b1;*/
	line-height:130%;
	color: #000;
}

h3.sp02{
	background-color: #F9E1C0;
	padding: 20px 8px 15px 20px;
	color: #575757;
	line-height:130%;
}


/*------画像ページ内リンク-----*/

ul.sp-inpagelink{ margin-bottom:20px; }
ul.sp-inpagelink li{ float:left; }


/*------各マージン・パッディング調整-----*/

.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mb10 { margin-bottom:4px !important; }


/*------index-----*/
/*------導入事例-----*/
/*------BoxPatternA（導入事例）-----*/
div.BoxPatternA.BoxSA001 { 
	margin: 0 0 15px;
	background-color: #ffffff;
}
div.BoxPatternA.BoxSA001 div.Inner {
	padding: 10px 10px 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #CEC8C8;
}

/* パターンA（h2要素） */
/* パターンA（h2要素） > 見出しにリンクあり */
div.BoxPatternA.BoxSA001 h2.sp01 {
	margin-bottom: -1px;
	padding: 0 !important; 
	background-image:url(/products/it/vdi/common/images/section_ttl_bg01.png);
	background-position:top right;
	background-repeat:no-repeat;
	border: solid 1px #CEC8C8;
}

div.BoxPatternA.BoxSA001 h2.sp01 span {
	display:block;
	/*min-height:26px;*/
	/*padding: 16px 0 10px 20px ;*/
	background-color:transparent;
	background-image:url(/products/it/vdi/common/images/section_ttl_bg02.png);
	background-position:bottom;
	background-repeat:no-repeat;
	border:none;
}

div.BoxPatternA.BoxSA001 h2.sp01 span a {
	/*padding: 10px 10px 10px 15px;*/
	line-height: 1.35; 
	background: none;
	background-image: url(../../../../../image/jp/r1/icon/icon_link_right_l_gray_hd.gif) !important;
	background-repeat: no-repeat;
	background-position: 98% center;
	color:#fff;
}/**/
div.BoxPatternA.BoxSA001 h2.sp01 a:link { color: #575757; }
div.BoxPatternA.BoxSA001 h2.sp01 a:visited { color: #575757; }
div.BoxPatternA.BoxSA001 h2.sp01 a:hover { color: #575757; text-decoration:underline; }
div.BoxPatternA.BoxSA001 h2.sp01 a:active { color: #575757; }



div.BoxPatternA.BoxSA001 h3.IndexCase {
	padding: 0 !important; 
	background: none;
}

div.BoxPatternA.BoxSA001 h3.IndexCase a {
	padding: 10px 45px 10px 15px;
	line-height: 1.35; 
	background: none;
	background-image: url(../../../../../image/jp/r1/icon/icon_link_right_l_hd.gif) !important;
	background-repeat: no-repeat;
	background-position: 95% center;
	color:#575757;
	font-weight: bold;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
div.BoxPatternA.BoxSA001 h3.IndexCase a:link { color: #575757; }
div.BoxPatternA.BoxSA001 h3.IndexCase a:visited { color: #a94657; }
div.BoxPatternA.BoxSA001 h3.IndexCase a:hover { color: #a94657; text-decoration:underline; }
div.BoxPatternA.BoxSA001 h3.IndexCase a:active { color: #a94657; }



/*------ボックス内カラム（導入事例）-----*/
#apt04 {
	position:relative;
	width:955px;
}

#apt04 div.bx-st01{
	padding:10px 10px 0 10px;
}

#apt04 div.apt04-tx{
	float:left;
	width:360px;
}
#apt04 div.apt04-ph{
	padding-top:10px;
	float:left;
	width:92px;
}

#apt04 div.apt04-ph img{
	margin-left:4px;
}

#apt04 h3{
	border:none !important;
	margin:0 !important;
}

#apt04 h3 a{
	background-image: none;
}


/*------導入事例 リンクリスト内の改行後非リンク部分-----*/

ul.LinkListStyle1 li p.outlinetxt {
	padding-top: 4px;
	line-height: 1.4em;
	font-size: 94%
}

div.Section dl.DateListStyle2 dt dd {
	line-height: 1.4em;
	font-size: 94%
}


/*------2013/12/11 追加-----*/

div.Grid1 div#VerticalLocalNavi ul li a {
	line-height: 1.4em;
}


/*------ソリューション・サービス-----*/
.RequestBox {
	background-image: url(/products/it/vdi/solution/images/arrow.png);
	background-repeat: no-repeat;
	background-position: center;
}

div.BoxPatternC.Question {
	width: 97%;
	background-color: #D7E4BD;
	border-radius: 4px;
	font-weight: bold;
}

div.BoxPatternC.Answer {
	float: right;
	width: 97%;
	background-color: #F9E1C0;
	border-radius: 4px;
}

div.BoxPatternC.Answer h4 {
	padding-left: 15px;
	padding-right: 15px;
}

div.BoxPatternC.Answer p.TextStyle1,
div.BoxPatternC.Answer ul.AnnotationsStyle2 {
	float:left;
	max-width: 320px;
}
div.BoxPatternC.Answer ul.AnnotationsStyle2 li {
	font-weight: normal;
	font-size: 90%;
}

div.BoxPatternC.Answer ul {
	float: right;
	margin: 0;
	padding-top: 4;
}




/*------枠囲み-----*/
/*------お問い合わせ（3グリッド・FDあり）-----*/
/*------お問い合わせ（3グリッド・FDなし）-----*/
div.BoxInquiryS6 {
	width: 720px;
	margin: 0 0 15px;
}
div.BoxInquiryS6 h2 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
div.BoxInquiryS6 h3 {
	margin: 0 0 10px;
	padding: 0;
	border: none;
}
div.BoxInquiryS6 h2 img { vertical-align: bottom; }
div.BoxInquiryS6 div.Container {
	background: url("/products/it/vdi/common/images/mpf/bg_box_inquiry_720_middle.gif") repeat-y 0 0;
}
div.BoxInquiryS6 div.Inner {
	padding: 8px 43px 24px;
	background: url("/products/it/vdi/common/images/mpf/bg_box_inquiry_720_bottom.gif") no-repeat 0 bottom;
}
div.BoxInquiryS6 div.Inner div.Column1st {
	float: left;
	width: 338px;
}
div.BoxInquiryS6 div.Inner div.Column2nd {
	float: right;
	width: 260px;
}
div.BoxInquiryS6 div.Inner dl {
	margin-bottom: 0;
}


/*------お問い合わせ（1グリッド）-----*/
div.BoxInquiryS5 {
	width: 230px;
	margin: 0 0 15px;
}
div.BoxInquiryS5 h2 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
div.BoxInquiryS5 h2 img { vertical-align: bottom; }
div.BoxInquiryS5 div.Inner {
	background: url("/products/it/vdi/common/images/mpf/bg_box_inquiry_230-400.gif") no-repeat 0 bottom;
}
div.BoxInquiryS5 p {
	margin-bottom: 0;
}
div.BoxInquiryS5 p img {
	margin: 0 auto 5px;
	text-align: center;
	padding: 10px 0 0;
}
div.BoxInquiryS5 ul {
	width: 230px;
	height: 81px;/*
	background: url("/products/it/vdi/common/images/mpf/bg_box_inquiry_form_230.gif") no-repeat 0 0;*/
}
div.BoxInquiryS5 ul li {
	margin: 0 auto 5px;
	text-align: center;
	padding: 10px 0 0;
}
div.BoxInquiryS5 dl {
	width: 198px;
	margin-left: 15px;
	padding-bottom: 15px;
}


/*------BoxPatternA（新着情報）-----*/
div.BoxPatternA.BoxSA007 { margin: -15 0 30px; background-color:#FFF; }

div.BoxPatternA.BoxSA007 div.LV1LinkSetS3 div {
	padding: 7px 0 10px;
	border: none;
	background: none;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPatternA.BoxSA007 div.LV1LinkSetS3 div { position: relative; z-index: 1; }
/* */
div.BoxPatternA.BoxSA007 div.LV1LinkSetS3 div h2{
	margin-bottom: -1px;
	padding: 0 !important; 
	background-image:url(/products/it/vdi/common/images/section_ttl_bg01.png);
	background-position:top right;
	background-repeat:no-repeat;
	border: solid 1px #CEC8C8;
}

div.BoxPatternA.BoxSA007 div.LV1LinkSetS3 div h2 span{
	display:block;
	/*min-height:26px;*/
	/*padding: 16px 0 10px 20px ;*/
	background-color:transparent;
	background-image:url(/products/it/vdi/common/images/section_ttl_bg02.png);
	background-position:bottom;
	background-repeat:no-repeat;
	border:none;
}

div.BoxPatternA.BoxSA007 div.LV1LinkSetS3 div h2 span a { 
	padding: 10px 10px 10px 15px;
	line-height: 1.35; 
	background: none;
	background-image: url(../../../../../image/jp/r1/icon/icon_link_right_l_gray_hd.gif) !important;
	background-repeat: no-repeat;
	background-position: 98% center;
	color:#fff;
}
div.BoxPatternA.BoxSA007 div.LV1LinkSetS3 div h2 a:link { color: #575757; }
div.BoxPatternA.BoxSA007 div.LV1LinkSetS3 div h2 a:visited { color: #575757; }
div.BoxPatternA.BoxSA007 div.LV1LinkSetS3 div h2 a:hover { color: #575757; text-decoration:underline; }
div.BoxPatternA.BoxSA007 div.LV1LinkSetS3 div h2 a:active { color: #575757; }

div.BoxPatternA.BoxSA007 div.LV1LinkSetS3 div ul {
	margin: 0 0 0 5px;
	float: right;
	font-size: 90%;
	line-height: 1.35;
}
div.BoxPatternA.BoxSA007 div.LV1LinkSetS3 div ul img { vertical-align: bottom; }

div.BoxPatternA.BoxSA007 div.Inner {
/*	margin-left: -10px ;*/
	padding-top: 3px;
/*	border: solid 1px #d6d6d6;
	height: 180px;
	overflow-y: scroll;*/
}


/* --- [c11-6-2] Link List > Date on Left > Text Size 90% --- */
/* --- [c11-6-4] Link List > Date on Left > Text Size 83% --- */

div.BoxPatternA.BoxSA007 div .DateListStyle2,
div.BoxPatternA.BoxSA007 div .DateListStyle4 {
	margin: -1px 0 20px;
	padding-top: 1px;
}

div.BoxPatternA.BoxSA007 div .DateListStyle2 {font-size: 83%;}
div.BoxPatternA.BoxSA007 div .DateListStyle4 {font-size: 76%;}

div.BoxPatternA.BoxSA007 div .DateListStyle2:after,
div.BoxPatternA.BoxSA007 div .DateListStyle4:after {
	content: "";
	display: block;
	clear: both;
}

div.BoxPatternA.BoxSA007 div .DateListStyle2 dt,
div.BoxPatternA.BoxSA007 div .DateListStyle4 dt {
	clear: both;
	float: left;
	line-height: 140%;
}

div.BoxPatternA.BoxSA007 div .DateListStyle2 dd,
div.BoxPatternA.BoxSA007 div .DateListStyle4 dd {margin: 0 0 0 8.5em;}

div.BoxPatternA.BoxSA007 div dl,
div.BoxPatternA.BoxSA007 div dl {padding: 0;}
div.BoxPatternA.BoxSA007 div .DateListStyle2 dd ul,
div.BoxPatternA.BoxSA007 div .DateListStyle4 dd ul {padding-left:0; padding-right: 10px;}

div.BoxPatternA.BoxSA007 div .DateListStyle2 .LinkListStyle1,
div.BoxPatternA.BoxSA007 div .DateListStyle4 .LinkListStyle2 {
	margin: 0 0 5px;
	font-size: 100%;
}

div.BoxPatternA.BoxSA007 div .DateListStyle2 img,
div.BoxPatternA.BoxSA007 div .DateListStyle4 img {
	vertical-align: middle;
	margin-left: 5px;
}



/*------BoxPatternC（背景なし、枠線のみ）-----*/

div.BoxPatternC.BoxSC003 {
	margin: 0 0 15px;
	padding: 10px 11px 0;
	border: solid 1px #d6d6d6;
	background-color: #fff !important;
}

div.BoxPatternC.BoxSC003 h2 {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: none;
}

div.BoxPatternC.BoxSC003 h2 span {
	display: block;
	padding: 10px 15px;
	font-size: 110%;
	font-weight: bold;
	color: #575757;
	line-height: 130%;
	background-color: #fff;
}



/*------リンクボタン-----*/
p.ButtonStyle1 a.Boxbt01:link,
p.ButtonStyle1 a.Boxbt01:visited {
	padding: 14px 27px 14px 20px;
	background-color: #FF5C26;
	border-radius: 5px;
	font-size: 100%;
}

p.ButtonStyle1 a.Boxbt01:hover,
p.ButtonStyle1 a.Boxbt01:active {
	padding: 14px 29px 14px 20px;
	background-color: #FF9326;
}



/*------テーブル-----*/
/*------リンクリスト-----*/
table .LinkListStyle1,
table .LinkListStyle3,
table .LinkListStyle5 {
	font-size: 100%;
	margin: 0;
}