@charset "Shift_JIS";

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

Name: common.css

Description: Setting of content module

Create: 2008.3

Copyright 2008 Hitachi, Ltd.

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



/* content===========================================

 Top

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


/*  Top
=========================================================================================== */

/* --- 目的別枠 --- */
div.col4 {
	background:url("/Prod/comp/soft1/apserver/images/common/backline_1111.gif") left bottom no-repeat;
}

div.col4 div.Column1 {
	margin-left:0;
	width:191px;
}

div.col4 div.Column1 .last {
	width:192px;
}

div.col4 div.Column1 ul.LinkListStyle2 {
	margin-left:5px;margin-right:5px;
}

div.col4 div.Column1 p.ImgOnlyStyle {
	margin-bottom:5px;
}

div.col4 div.Column1 div.Section {
	margin-bottom:10px;
}

div.col4 div.Column1 p.TextStyle2 {
	margin:auto 10px;
}
/* --- menu list --- */
div.cos-MenuList {
	padding-bottom: 10px;
}
div.cos-MenuList li {
	float: left;
	width: 12.0em;
	margin-right: 5px;
}

/* --- eco products --- */
div.cos-EcoProducts p.TextStyle2 {
	margin-bottom: 5px;
}
div.cos-EcoProducts ul li {
	float: left;
	margin-right: 15px;
}

/* ---サムネール+説明文あり [サムネール1pix] 高さ調節用--- */
div.ImgW1SetStyle_0 p.Img {
	float: left;
	width: 1px;
	margin: 0 0px 0 0;
	padding: 0 0 0px;
				font-size:0px;
}
div.ImgW1SetStyle_0 div.ImgSet { float: left; }

div.Grid3 .BoxPatternA div.ImgW1SetStyle_0 div.ImgSet { width: 547px; }
div.Grid3 div.Column1andHalf .BoxPatternA div.ImgW1SetStyle_0 div.ImgSet { width: 255px; }
div.Column1 .BoxPatternA div.ImgW1SetStyle_0 div.ImgSet { width: 157px; }

/* --- リンクリスト > サムネール+説明文あり > サムネール90pix > 文字サイズ90%--- */

div.ImgW90SetStyle p.Img {
	float: left;
	width: 90px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}

div.ImgW90SetStyle div.ImgSet { float: left; }



/*====================================*/
/*   評価版ソフトウェア               */
/*====================================*/

div.ImgW60SetStyle div.ImgSet ul.AnnotationsStyle2 {
	margin-bottom:0px;
}



/*====================================*/
/*   書籍ガイドメニュー               */
/*====================================*/


div.ColumnBook div.FirstItem {
	width: 353px;
	float: left;
}

div.bookImgSetStyle p.Img {
	float: left;
	width: 60px;
	margin: 0 5px 12px 0;
	padding: 0 0 0 0;
			font-size:0px;
}

div.ColumnBook bookImgSetStyle div.ImgSet { float: left; }




/* ---枠囲みの中を3列--- */

div.ColumnTriple div.FirstItem,
div.ColumnTriple div.SecondItem,
div.ColumnTriple div.LastItem{
	width: 180px;
	float: left;

}

div.ColumnTriple div.FirstItem,
div.ColumnTriple div.SecondItem
{

	clear: right;

	margin: 0 0 0 0;
 }

/* --- banner --- */

a.banner_site{
		display:block;
		width: 180px;
		height:38px;

clear:both;
		margin: 0 0 0px 0;
		padding: 0 0 0px 0;

}

a.banner_site_last{
		display:block;
		width: 180px;
		height:50px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;

}

/* ---オーバーフロー--- */


div#t_oflow_570 {
	width:561px;
	height:150px;
	overflow:auto;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#CDCDCD;
	padding:2px 2px 5px 5px;
	margin:0px 0px 15px 0px;

	}



div#t_oflow_375 {
	width:366px;
	height:100px;
	overflow:auto;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#CDCDCD;
	padding:2px 2px 5px 5px;
	margin:0px 0px 15px 0px;

	}

div#t_oflow {
	width:269px;
	height:130px;
	overflow:auto;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#CDCDCD;
	padding:2px 2px 0px 5px;

	}




/*====================================*/
/*   nowrap                           */
/*====================================*/
.nwp {
	white-space: nowrap;
}

/*====================================*/
/*   Font Italic                      */
/*====================================*/
.f7 {
	font-family:"Times New Roman italic";
	font-style :italic;
}





/*==================================================*/
/*   TOP トピックス一覧、ニュース一覧を並列に       */
/*==================================================*/

div.TopicsStyle1 {
	margin-bottom:15px;
}
div.TopicsStyle1 ul {
	margin-bottom:0;
}
div.TopicsStyle1 div.ClearFix ul {
	margin-left:15px;
}
div.TopicsStyle1 div.ClearFix ul li {
	padding-right:10px;
	float:left;
}


div#Item {
	margin: 0 0 0 0 ;
	padding: 0 0 0 0;
	width: 278px;
	text-align: left;
}
div#Item div {
	padding: 0 0 7px 0px;
}
div#Item ul.Item_p {
	float: left;
	padding: 0 0px 10px 0;
	text-align: left;
	font-size: 83%;
}
div#Item ul.Item_p li {
	display: inline;
	margin: 0 0 0 0px;
	padding: 1px 10px 1px 18px;
	background: url("/image/h1/icon/icon_important_link.gif") no-repeat 0 0px;
	white-space: nowrap;
}



/*====================================*/
/*   リード文の強調                   */
/*====================================*/
.lead-r {  color: #990000}



/*====================================*/
/*    Font small style                */
/*====================================*/
.TextStyle3 {
	margin: 0 0 15px;
	font-size: 75%;
	line-height: 1.35;
}
.TextStyle3 a { line-height: 1.35; }

/* ---[c3-1-4] 文章>文字サイズ83%--- */
.TextStyle4 {
	margin: 0 0 15px;
	font-size: 67%;
	line-height: 1.35;
}
.TextStyle4 a { line-height: 1.35; }


/*====================================*/
/*    gyay dot or Solid               */
/*====================================*/
.grydot{
margin-top: -5px;
margin-bottom: 5px;
border-top:dotted 1px #d3d3d3;
}

.grydot_m15{
margin-top: -15px;
margin-bottom: 5px;
border-top:dotted 1px #d3d3d3;
}


.grysol{
margin-top: -5px;
margin-bottom: 5px;
border-top:solid 1px #d3d3d3;
}

.grysol_m15{
margin-top: -15px;
margin-bottom: 5px;
border-top:solid 1px #d3d3d3;
}

/* [c7] 箇条書きリスト
=========================================================================================== */

/* ---[c7-1-1] 箇条書きリスト > 文字サイズ90%--- */
ul.ListStyle1_p {
	margin: 0 0 15px;
	font-size: 90%;
}
ul.ListStyle1_p ul {
	margin: 5px 0 0;
	font-size: 100%;
}
ul.ListStyle1_p ol {
	margin: 5px 0 0 17px;
	font-size: 100%;
}
ul.ListStyle1_p li {
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 1px;
	line-height: 1.35;
}
/* IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.ListStyle1 li { position: relative; }
/* */
ul.ListStyle1_p ol li {
	margin: 0 0 5px;
	padding: 0;
	background: none;
}
ul.ListStyle1_p li a { line-height: 1.35; }




/* ---[c7-1-2] 箇条書きリスト > 文字サイズ83%--- */
ul.ListStyle2_p {
	margin: 0 0 15px;
	font-size: 83%;
}
ul.ListStyle2_p ul {
	margin: 4px 0 0;
	font-size: 100%;
}
ul.ListStyle2_p ol {
	margin: 4px 0 0 17px;
	font-size: 100%;
}
ul.ListStyle2_p li {
	margin: 0 0 4px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 1px;
	line-height: 1.35;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.ListStyle2 li { position: relative; }
/* */
ul.ListStyle2_p ol li {
	margin: 0 0 4px;
	padding: 0;
	background: none;
}
ul.ListStyle2_p li a { line-height: 1.35; }





/* [c11] リンクリスト
=========================================================================================== */



/* ---[c11-5-1-1] リンクリスト > サムネール+説明文あり > サムネール100pix > 文字サイズ90%--- */
/* ---[c11-5-1-2] リンクリスト > サムネール+説明文あり > サムネール100pix > 文字サイズ83%--- */


div.ImgW50SetStyle p.Img {
	float: left;
	width: 50px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}

div.ImgW100SetStyle p.Img {
	float: left;
	width: 100px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}

div.ImgW50SetStyle div.ImgSet,
div.ImgW100SetStyle div.ImgSet { float: left; }


/* [c11] リンクリスト 横並び
=========================================================================================== */

/* ---[c11-1-1] リンクリスト > 文字サイズ90%--- */
ul.LinkListStyle1_p {
	margin: 0 0 15px;
	font-size: 90%;
}
ul.LinkListStyle1_p li {
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.LinkListStyle1 li { position: relative; }
/* */
ul.LinkListStyle1_p li ul {
	margin: 5px 0 0;
	font-size: 100%;
}
ul.LinkListStyle1 li a {line-height: 1.35; }


/* ---[c11-1-2] リンクリスト > 文字サイズ83%--- */
ul.LinkListStyle2_p {
	margin: 0 0 15px;
	font-size: 83%;
}
ul.LinkListStyle2_p li {
	margin: 0 0 4px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.LinkListStyle2_p li { position: relative; }
/* */
ul.LinkListStyle2_p li ul {
	margin: 4px 0 0;
	font-size: 100%;
}
ul.LinkListStyle2_p li a {line-height: 1.35; }











/* [c13] アイコンリンク
=========================================================================================== */
ul li.Non, dl dt.Non { background: url("/Prod/comp/soft1/front/image/common/icon_non.gif") no-repeat 0 0em; }
ul li.Non { background: url("/Prod/comp/soft1/front/image/common/icon_non.gif") no-repeat 0 0.1em; }


ul li.Other, dl dt.Other { background: url("/Prod/comp/soft1/front/image/common/icon_other.gif") no-repeat 0 0em; }
ul li.Other { background: url("/Prod/comp/soft1/front/image/common/icon_other.gif") no-repeat 0 0.1em; }

ul li.Important_nl, dl dt.Important_nl { background: url("/Prod/comp/soft1/front/image/common/icon_important_nl.gif") no-repeat 0 0em; }
ul li.Important_nl { background: url("/Prod/comp/soft1/front/image/common/icon_important_nl.gif") no-repeat 0 0.1em; }



/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents .Non,
* html body div#PopUpContainer div#PopUpContents .Other,
* html body div#PopUpContainer div#PopUpContents .Important_nl { background-position: 0 0; }



li dl.Invisible {
	list-style-type: none;
}





/* [c16] 枠囲み
=========================================================================================== */
/* ---[c16-2-1] 枠囲み > パターンB 枠線：#cdcdcd 背景：#efefef--- */
/* ---[c16-2-2] 枠囲み > パターンB > 見出しにリンクあり 枠線：#cdcdcd 背景：#efefef--- */
div.BoxPatternB_efefef {
	margin: 0 0 15px;
	border: 1px solid #cdcdcd;
	background-color: #efefef;
}
/* IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPatternB_efefef { position: relative; }
/* */
div.BoxPatternB_efefef p.Title {
	padding: 10px 10px 0;
	font-size: 90%;
	line-height: 1.35;
}
div.BoxPatternB_efefef p.Title a { line-height: 1.35; }

div.BoxPatternB_efefef div.Inner { padding: 10px 10px 0; }



/* ---[c16-3] 枠囲み > パターンC_ffede1（見出しなし）枠線：#cdcdcd 背景：#efefef--- */
div.BoxPatternC_efefef {
	margin: 0 0 15px;
	padding: 10px 10px 0;
	border: 1px solid #cdcdcd;
	background-color: #efefef;
}

/* IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPatternC_efefef { position: relative; }
/* */




/* ---[c16-3] 枠囲み > パターンC_ffede1（見出しなし）枠線：#c35000 背景：#ffede1--- */
div.BoxPatternC_ffede1 {
	margin: 0 0 15px;
	padding: 10px 10px 0;
	border: 1px solid #c35000;
	background-color: #ffede1;
}

/* IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPatternC_ffede1 { position: relative; }
/* */





/* [cc] カラム
=========================================================================================== */

div.Grid3 div.Columnsolution1{
	float: left;
	text-align: left;
}

div.Grid3 div.Columnsolution2 {
	float: right;
	text-align: left;
}


div.Grid3 div.Columnsolution1 {
		width: 335px;
		margin: 0 0 0 0px;
}

div.Grid3 div.Columnsolution2 {
		width: 221px;
		margin: 0 0 0 14px;
}





/* [-] 各グリッド・カラム内における段組モジュール幅定義
=========================================================================================== */








/* ---4グリッド--- */
div.Grid4 div.ImgW50SetStyle div.ImgSet { width: 700px; }
div.Grid4 div.ImgW100SetStyle div.ImgSet { width: 650px; }


/* ---4グリッド枠囲み--- */

div.Grid4 .BoxPatternB_efefef dl.ButtonW120SetStyle1 dd,
div.Grid4 .BoxPatternC_ffede1 dl.ButtonW120SetStyle1 dd,
div.Grid4 .BoxPatternC_efefef dl.ButtonW120SetStyle1 dd,
div.Grid4 .BoxPatternB_efefef dl.ButtonW120SetStyle2 dd,
div.Grid4 .BoxPatternC_efefef dl.ButtonW120SetStyle2 dd,
div.Grid4 .BoxPatternC_ffede1 dl.ButtonW120SetStyle2 dd { width: 588px; }

div.Grid4 .BoxPatternB_efefef dl.ButtonW120SetStyle3 dd,
div.Grid4 .BoxPatternC_efefef dl.ButtonW120SetStyle3 dd,
div.Grid4 .BoxPatternC_ffede1 dl.ButtonW120SetStyle3 dd,
div.Grid4 .BoxPatternB_efefef dl.ButtonW120SetStyle4 dd,
div.Grid4 .BoxPatternC_efefef dl.ButtonW120SetStyle4 dd,
div.Grid4 .BoxPatternC_ffede1 dl.ButtonW120SetStyle4 dd { width: 573px; }

div.Grid4 .BoxPatternB_efefef dl.ButtonW180SetStyle1 dd,
div.Grid4 .BoxPatternC_efefef dl.ButtonW180SetStyle1 dd,
div.Grid4 .BoxPatternC_ffede1 dl.ButtonW180SetStyle1 dd,
div.Grid4 .BoxPatternB_efefef dl.ButtonW180SetStyle2 dd,
div.Grid4 .BoxPatternC_efefef dl.ButtonW180SetStyle2 dd,
div.Grid4 .BoxPatternC_ffede1 dl.ButtonW180SetStyle2 dd { width: 528px; }

div.Grid4 .BoxPatternB_efefef dl.ButtonW180SetStyle3 dd,
div.Grid4 .BoxPatternC_efefef dl.ButtonW180SetStyle3 dd,
div.Grid4 .BoxPatternC_ffede1 dl.ButtonW180SetStyle3 dd,
div.Grid4 .BoxPatternB_efefef dl.ButtonW180SetStyle4 dd,
div.Grid4 .BoxPatternC_efefef dl.ButtonW180SetStyle4 dd,
div.Grid4 .BoxPatternC_ffede1 dl.ButtonW180SetStyle4 dd { width: 513px; }

div.Grid4 .BoxPatternC_efefef dl.ButtonW240SetStyle1 dd,
div.Grid4 .BoxPatternB_efefef dl.ButtonW240SetStyle1 dd,
div.Grid4 .BoxPatternC_ffede1 dl.ButtonW240SetStyle1 dd,
div.Grid4 .BoxPatternB_efefef dl.ButtonW240SetStyle2 dd,
div.Grid4 .BoxPatternC_efefef dl.ButtonW240SetStyle2 dd,
div.Grid4 .BoxPatternC_ffede1 dl.ButtonW240SetStyle2 dd { width: 468px; }

div.Grid4 .BoxPatternB_efefef dl.ButtonW240SetStyle3 dd,
div.Grid4 .BoxPatternC_efefef dl.ButtonW240SetStyle3 dd,
div.Grid4 .BoxPatternC_ffede1 dl.ButtonW240SetStyle3 dd,
div.Grid4 .BoxPatternB_efefef dl.ButtonW240SetStyle4 dd,
div.Grid4 .BoxPatternC_efefef dl.ButtonW240SetStyle4 dd,
div.Grid4 .BoxPatternC_ffede1 dl.ButtonW240SetStyle4 dd { width: 455px; }

div.Grid4 .BoxPatternB_efefef div.ImgW60SetStyle div.ImgSet,
div.Grid4 .BoxPatternC_efefef div.ImgW60SetStyle div.ImgSet,
div.Grid4 .BoxPatternC_ffede1 div.ImgW60SetStyle div.ImgSet { width: 688px; }

div.Grid4 .BoxPatternB_efefef div.ImgW120SetStyle div.ImgSet,
div.Grid4 .BoxPatternC_efefef div.ImgW120SetStyle div.ImgSet,
div.Grid4 .BoxPatternC_ffede1 div.ImgW120SetStyle div.ImgSet { width: 608px; }

div.Grid4 .BoxPatternB_efefef div.ImgW180SetStyle div.ImgSet,
div.Grid4 .BoxPatternC_efefef div.ImgW180SetStyle div.ImgSet,
div.Grid4 .BoxPatternC_ffede1 div.ImgW180SetStyle div.ImgSet { width: 548px; }


div.Grid4 .BoxPatternA div.ImgW50SetStyle div.ImgSet,
div.Grid4 .BoxPatternB div.ImgW50SetStyle div.ImgSet,
div.Grid4 .BoxPatternC div.ImgW50SetStyle div.ImgSet { width: 678px; }

div.Grid4 .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid4 .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid4 .BoxPatternC div.ImgW100SetStyle div.ImgSet { width: 628px; }


/* ---3グリッド・3カラム/4グリッド--- */

div.Grid3 div.ImgW50SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW50SetStyle div.ImgSet { width: 505px; }
div.Grid3 div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW100SetStyle div.ImgSet { width: 455px; }





/* ---3グリッド枠囲み・3カラム/4グリッド枠囲み--- */
div.Grid3 .BoxPatternB_efefef dl.ButtonW120SetStyle1 dd,
div.Grid3 .BoxPatternC_efefef dl.ButtonW120SetStyle1 dd,
div.Grid3 .BoxPatternC_ffede1 dl.ButtonW120SetStyle1 dd,
div.Grid3 .BoxPatternB_efefef dl.ButtonW120SetStyle2 dd,
div.Grid3 .BoxPatternC_efefef dl.ButtonW120SetStyle2 dd,
div.Grid3 .BoxPatternC_ffede1 dl.ButtonW120SetStyle2 dd,

div.Grid4 div.Column3 .BoxPatternB_efefef dl.ButtonW120SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternC_efefef dl.ButtonW120SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternC_ffede1 dl.ButtonW120SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternB_efefef dl.ButtonW120SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternC_efefef dl.ButtonW120SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternC_ffede1 dl.ButtonW120SetStyle2 dd { width: 588px; }


div.Grid3 .BoxPatternB_efefef dl.ButtonW120SetStyle3 dd,
div.Grid3 .BoxPatternC_efefef dl.ButtonW120SetStyle3 dd,
div.Grid3 .BoxPatternC_ffede1 dl.ButtonW120SetStyle3 dd,
div.Grid3 .BoxPatternB_efefef dl.ButtonW120SetStyle4 dd,
div.Grid3 .BoxPatternC_efefef dl.ButtonW120SetStyle4 dd,
div.Grid3 .BoxPatternC_ffede1 dl.ButtonW120SetStyle4 dd,

div.Grid4 div.Column3 .BoxPatternB_efefef dl.ButtonW120SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternC_efefef dl.ButtonW120SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternC_ffede1 dl.ButtonW120SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternB_efefef dl.ButtonW120SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternC_efefef dl.ButtonW120SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternC_ffede1 dl.ButtonW120SetStyle4 dd { width: 573px; }


div.Grid3 .BoxPatternB_efefef dl.ButtonW180SetStyle1 dd,
div.Grid3 .BoxPatternC_efefef dl.ButtonW180SetStyle1 dd,
div.Grid3 .BoxPatternC_ffede1 dl.ButtonW180SetStyle1 dd,
div.Grid3 .BoxPatternB_efefef dl.ButtonW180SetStyle2 dd,
div.Grid3 .BoxPatternC_efefef dl.ButtonW180SetStyle2 dd,
div.Grid3 .BoxPatternC_ffede1 dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternB_efefef dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternC_efefef dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternC_ffede1 dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternB_efefef dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternC_efefef dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternC_ffede1 dl.ButtonW180SetStyle2 dd { width: 353px; }



div.Grid3 .BoxPatternB_efefef dl.ButtonW180SetStyle3 dd,
div.Grid3 .BoxPatternC_efefef dl.ButtonW180SetStyle3 dd,
div.Grid3 .BoxPatternC_ffede1 dl.ButtonW180SetStyle3 dd,
div.Grid3 .BoxPatternB_efefef dl.ButtonW180SetStyle4 dd,
div.Grid3 .BoxPatternC_efefef dl.ButtonW180SetStyle4 dd,
div.Grid3 .BoxPatternC_ffede1 dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternB_efefef dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternC_efefef dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternC_ffede1 dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternB_efefef dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternC_efefef dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternC_ffede1 dl.ButtonW180SetStyle4 dd { width: 338px; }

div.Grid3 .BoxPatternB_efefef dl.ButtonW240SetStyle1 dd,
div.Grid3 .BoxPatternC_efefef dl.ButtonW240SetStyle1 dd,
div.Grid3 .BoxPatternC_ffede1 dl.ButtonW240SetStyle1 dd,
div.Grid3 .BoxPatternB_efefef dl.ButtonW240SetStyle2 dd,
div.Grid3 .BoxPatternC_efefef dl.ButtonW240SetStyle2 dd,
div.Grid3 .BoxPatternC_ffede1 dl.ButtonW240SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternB_efefef dl.ButtonW240SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternC_efefef dl.ButtonW240SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternC_ffede1 dl.ButtonW240SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternB_efefef dl.ButtonW240SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternC_efefef dl.ButtonW240SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternC_ffede1 dl.ButtonW240SetStyle2 dd { width: 293px; }

div.Grid3 .BoxPatternB_efefef dl.ButtonW240SetStyle3 dd,
div.Grid3 .BoxPatternC_efefef dl.ButtonW240SetStyle3 dd,
div.Grid3 .BoxPatternC_ffede1 dl.ButtonW240SetStyle3 dd,
div.Grid3 .BoxPatternB_efefef dl.ButtonW240SetStyle4 dd,
div.Grid3 .BoxPatternC_efefef dl.ButtonW240SetStyle4 dd,
div.Grid3 .BoxPatternC_ffede1 dl.ButtonW240SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternB_efefef dl.ButtonW240SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternC_efefef dl.ButtonW240SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternC_ffede1 dl.ButtonW240SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternB_efefef dl.ButtonW240SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternC_efefef dl.ButtonW240SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternC_ffede1 dl.ButtonW240SetStyle4 dd { width: 278px; }

div.Grid3 .BoxPatternB_efefef div.ImgW60SetStyle div.ImgSet,
div.Grid3 .BoxPatternC_efefef div.ImgW60SetStyle div.ImgSet,
div.Grid3 .BoxPatternC_ffede1 div.ImgW60SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB_efefef div.ImgW60SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC_efefef div.ImgW60SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC_ffede1 div.ImgW60SetStyle div.ImgSet { width: 473px; }

div.Grid3 .BoxPatternB_efefef div.ImgW120SetStyle div.ImgSet,
div.Grid3 .BoxPatternC_efefef div.ImgW120SetStyle div.ImgSet,
div.Grid3 .BoxPatternC_ffede1 div.ImgW120SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB_efefef div.ImgW120SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC_efefef div.ImgW120SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC_ffede1 div.ImgW120SetStyle div.ImgSet { width: 413px; }

div.Grid3 .BoxPatternB_efefef div.ImgW180SetStyle div.ImgSet,
div.Grid3 .BoxPatternC_efefef div.ImgW180SetStyle div.ImgSet,
div.Grid3 .BoxPatternC_ffede1 div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB_efefef div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC_efefef div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC_ffede1 div.ImgW180SetStyle div.ImgSet { width: 353px; }




div.Grid3 .BoxPatternA div.ImgW50SetStyle div.ImgSet,
div.Grid3 .BoxPatternB div.ImgW50SetStyle div.ImgSet,
div.Grid3 .BoxPatternC div.ImgW50SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternA div.ImgW50SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB div.ImgW50SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC div.ImgW50SetStyle div.ImgSet { width: 483px; }

div.Grid3 .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid3 .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid3 .BoxPatternC div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC div.ImgW100SetStyle div.ImgSet { width: 433px; }


/* ---2カラム/3グリッド・2カラム/4グリッド--- */

div.Grid4 div.Column2 div.ImgW50SetStyle div.ImgSet,
div.Grid3 div.Column2 div.ImgW50SetStyle div.ImgSet { width: 310px; }
div.Grid4 div.Column2 div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column2 div.ImgW100SetStyle div.ImgSet { width: 260px; }




/* ---2カラム/3グリッド枠囲み・2カラム/4グリッド枠囲み--- */
div.Grid4 div.Column2 .BoxPatternB_efefef dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column2 .BoxPatternC_efefef dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column2 .BoxPatternC_ffede1 dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column2 .BoxPatternB_efefef dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column2 .BoxPatternC_efefef dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column2 .BoxPatternC_ffede1 dl.ButtonW180SetStyle2 dd,

div.Grid3 div.Column2 .BoxPatternB_efefef dl.ButtonW180SetStyle1 dd,
div.Grid3 div.Column2 .BoxPatternC_efefef dl.ButtonW180SetStyle1 dd,
div.Grid3 div.Column2 .BoxPatternC_ffede1 dl.ButtonW180SetStyle1 dd,
div.Grid3 div.Column2 .BoxPatternB_efefef dl.ButtonW180SetStyle2 dd,
div.Grid3 div.Column2 .BoxPatternC_efefef dl.ButtonW180SetStyle2 dd,
div.Grid3 div.Column2 .BoxPatternC_ffede1 dl.ButtonW180SetStyle2 dd { width: 158px; }

div.Grid4 div.Column2 .BoxPatternB_efefef dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column2 .BoxPatternC_efefef dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column2 .BoxPatternC_ffede1 dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column2 .BoxPatternB_efefef dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column2 .BoxPatternC_efefef dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column2 .BoxPatternC_ffede1 dl.ButtonW180SetStyle4 dd,

div.Grid3 div.Column2 .BoxPatternB_efefef dl.ButtonW180SetStyle3 dd,
div.Grid3 div.Column2 .BoxPatternC_efefef dl.ButtonW180SetStyle3 dd,
div.Grid3 div.Column2 .BoxPatternC_ffede1 dl.ButtonW180SetStyle3 dd,
div.Grid3 div.Column2 .BoxPatternB_efefef dl.ButtonW180SetStyle4 dd,
div.Grid3 div.Column2 .BoxPatternC_efefef dl.ButtonW180SetStyle4 dd,
div.Grid3 div.Column2 .BoxPatternC_ffede1 dl.ButtonW180SetStyle4 dd { width: 143px; }

div.Grid4 div.Column2 .BoxPatternB_efefef div.ImgW60SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC_efefef div.ImgW60SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC_ffede1 div.ImgW60SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternB_efefef div.ImgW60SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC_efefef div.ImgW60SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC_ffede1 div.ImgW60SetStyle div.ImgSet { width: 278px; }

div.Grid4 div.Column2 .BoxPatternB_efefef div.ImgW120SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC_efefef div.ImgW120SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC_ffede1 div.ImgW120SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternB_efefef div.ImgW120SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC_efefef div.ImgW120SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC_ffede1 div.ImgW120SetStyle div.ImgSet { width: 218px; }

div.Grid4 div.Column2 .BoxPatternB_efefef div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC_efefef div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC_ffede1 div.ImgW180SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternB_efefef div.ImgW180SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC_efefef div.ImgW180SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC_ffede1 div.ImgW180SetStyle div.ImgSet { width: 158px; }



div.Grid4 div.Column2 .BoxPatternA div.ImgW50SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternB div.ImgW50SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC div.ImgW50SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternA div.ImgW50SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternB div.ImgW50SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC div.ImgW50SetStyle div.ImgSet { width: 288px; }

div.Grid4 div.Column2 .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC div.ImgW100SetStyle div.ImgSet { width: 238px; }





/* ---1.5カラム/3グリッド--- */
div.Grid3 div.Column1andHalf div.ImgW50SetStyle div.ImgSet { width: 213px; }
div.Grid3 div.Column1andHalf div.ImgW100SetStyle div.ImgSet { width: 163px; }










/* ---1.5カラム/3グリッド枠囲み--- */
div.Grid3 div.Column1andHalf .BoxPatternB_efefef div.ImgW60SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternC_efefef div.ImgW60SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternC_ffede1 div.ImgW60SetStyle div.ImgSet { width: 181px; }

div.Grid3 div.Column1andHalf .BoxPatternB_efefef div.ImgW120SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternC_efefef div.ImgW120SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternC_ffede1 div.ImgW120SetStyle div.ImgSet { width: 121px; }



div.Grid3 div.Column1andHalf .BoxPatternA div.ImgW50SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternB div.ImgW50SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternC div.ImgW50SetStyle div.ImgSet { width: 191px; }

div.Grid3 div.Column1andHalf .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternC div.ImgW100SetStyle div.ImgSet { width: 141px; }





/* ---1カラム/3グリッド--- */
div.Grid3 div.Column1 div.ImgW60SetStyle div.ImgSet { width: 105px; }



/* ---1カラム/1グリッド--- */
div.Grid1 div.Column1 div.ImgW60SetStyle div.ImgSet { width: 105px; }
div.Grid1 div.Column1 div.ImgW50SetStyle div.ImgSet { width: 115px; }

/* ---1カラム/1グリッド枠囲み--- */
div.Grid1 div.Column1 .BoxPatternA div.ImgW60SetStyle div.ImgSet,
div.Grid1 div.Column1 .BoxPatternB div.ImgW60SetStyle div.ImgSet,
div.Grid1 div.Column1 .BoxPatternC div.ImgW60SetStyle div.ImgSet { width: 83px; }




div.Grid1 div.Column1 .BoxPatternA div.ImgW50SetStyle div.ImgSet,
div.Grid1 div.Column1 .BoxPatternB div.ImgW50SetStyle div.ImgSet,
div.Grid1 div.Column1 .BoxPatternC div.ImgW50SetStyle div.ImgSet { width: 93px; }

/* [-] コンテンツエリア
=========================================================================================== */
/* ---ポップアップ用　コンテンツ570pix--- */
div#Contents_PopUpContents570 {
	margin: auto;
	width: 570px;
	text-align: left;
}





/* -------------------------------------------
   機能一覧リンクボタン CSS
------------------------------------------  */

ul.detail_link {
}


ul.detail_link li {
	height: 22px;
	width: 50px;
	margin:auto;
}


ul.detail_link li a {
	padding: 0px 3px 3px 0px;
	height: 19px;
	width: 47px;
	display:block;
	background-image:url(../images/common/prmo_link_b_back.gif);
}

ul.detail_link li a:hover {
	padding: 2px 0px 0px 2px;
	background-image:url(../images/common/prmo_link_b_back_on.gif)
}

/**********************************************/
/* お問い合わせ用ボックスCSS                  */
/**********************************************/



/*--- ボックス内 ------------*/

div.topbox2 {
	margin:20px 0px 15px 0px;

}

div.topbox h2,
div.topbox2 h2,
div.topbox3 h2 {
	border:none;
	margin:0;
	padding:0;
}

div.topbox h2 img,
div.topbox2 h2 img {
	vertical-align:bottom;
}

div.topbox2 div.frame {
	border:1px solid #cdcdcd;
	border-top:none;
}

div.topbox2 div.frame p.TextStyle2 {
	padding:15px 0px 15px 15px;
	margin-bottom:0;
}

div.topbox2 div.frame p.ImgOnlyStyle {
	padding:15px 13px 15px 0px;
	margin-bottom:0;
}

/**********************************************/
/* 仮想化ページ用箇条書きCSS                  */
/**********************************************/

ul.VirtualCheckListStyle1 {
	margin: 0 0 15px;
	font-size: 90%;
}

ul.VirtualCheckListStyle2 {
	margin: 0 0 15px;
	font-size: 83%;
}

ul.VirtualCheckListStyle1 li,
ul.VirtualCheckListStyle2 li {
	margin: 0 0 5px;
	padding: 0 0 0 28px;
	background: url("/Prod/comp/soft1/apserver/topics/images/check.gif") no-repeat 1px 1px;
	line-height: 1.35;
}

/**********************************************/
/* 仮想化ページ用箇条書きPointingCSS          */
/**********************************************/

ul.VirtualCheckListStyleP1 {
	margin: 0 0 15px;
	font-size: 90%;
}

ul.VirtualCheckListStyleP2 {
	margin: 0 0 15px;
	font-size: 83%;
}

ul.VirtualCheckListStyleP1 li,
ul.VirtualCheckListStyleP2 li {
	margin: 0 0 10px;
	padding: 0 0 0 50px;
	background: url("/Prod/comp/soft1/apserver/topics/images/pointing.gif") no-repeat 1px 1px;
	line-height: 1.35;
}

/**********************************************/
/* 仮想化ページ用テキスト赤文字               */
/**********************************************/

p.TextStyleRed1 {
	color:#990000;
	font-size:90%;
	font-weight:bold;
	line-height:1.35;
	margin:0 0 15px;
}

p.TextStyleRed2 {
	color:#990000;
	font-size:83%;
	font-weight:bold;
	line-height:1.35;
	margin:0 0 15px;
}

/**********************************************/
/* 仮想化ページ用テキスト文章中赤文字               */
/**********************************************/

span.VirtualRed {
	color:#990000;
	font-weight:bold;
}

span.VirtualBackRed {
	background-color:#990000;
	color:#ffffff;
	font-weight: bold;
	padding: 3px 2px;
	margin:0 3px 0 3px;
}