@charset "Shift_JIS";

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

Name: modify.css

Description: Sub CSS

Create: 2017.08.10
Update: 2017.xx.xx

Copyright 2017 Hitachi,Ltd.

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

body #HeaderArea2 > .Container {
    -ms-flex-align: stretch;
    align-items: stretch;
}
_:-ms-lang(x), body.header1-fix {
    padding-top: 0;
}
_:-ms-lang(x), body.header1-fix #HeaderArea1 {
    position: static !important;
}
_:-ms-lang(x), body.header2-fix.header2-show #HeaderArea2.Sticky {
    transform: translateY(-100%);
}

/* inline-block使用による、不要なマージン削除 
=========================================================================================== */
.CourtesyNavi { letter-spacing: -.40em; }
.CourtesyNavi li { letter-spacing: normal; }


/* テーブル内リスト使用による、不要なマージン削除・フォントサイズ補正
=========================================================================================== */
th .LinkListStyle1, th .LinkListStyle2, th .LinkListStyle3, th .LinkListStyle4,
th .LinkListStyle5, th .LinkListStyle6, td .LinkListStyle1, td .LinkListStyle2,
td .LinkListStyle3, td .LinkListStyle4, td .LinkListStyle5, td .LinkListStyle6,
th .ListStyle1, th .ListStyle2, th .ListStyle3, th .ListStyle4, th .ListStyle5,
th .ListStyle6, td .ListStyle1, td .ListStyle2, td .ListStyle3, td .ListStyle4,
td .ListStyle5, td .ListStyle6, td .TextStyle1, td .TextStyle2, td .TextStyle3,
td .TextStyle4, dd .LinkListStyle1, dd .LinkListStyle2, dd .LinkListStyle3,
dd .LinkListStyle4, dd .LinkListStyle5, dd .LinkListStyle6, dd .ListStyle1,
dd .ListStyle2, dd .ListStyle3, dd .ListStyle4, dd .ListStyle5, dd .ListStyle6,
td ul.ListStyle1, td ul.ListStyle2, td p.ImgOnlyStyle, .ListStyle1 li ul,
.ListStyle1 li ol, .ListStyle2 li ul, .ListStyle2 li ol, .ListStyle1 dd ul,
.ListStyle1 dd ol, .ListStyle2 dd ul, .ListStyle2 dd ol, .LinkListStyle1 li ul,
.LinkListStyle1 li ol, .LinkListStyle2 li ul, .LinkListStyle2 li ol,
td .AdditionalNotesStyle2, td dl.org_Fixed_Sentence7em {
	margin-bottom: 0;
	font-size: 100%;
}


/* グリッド3+1の下にグリッド4が来た場合の回り込み解除
=========================================================================================== */
.Grid4 { clear: both; }


/* 文字サイズの調整
=========================================================================================== */
.ListStyle1,
.LinkListStyle1,
.TextStyle1 {
	font-size: 0.875em; /* 14px	0.875em	87.5%	11pt */
	line-height: 1.65em;
}
.ImgOnlyStyle,
.ListStyle2,
.LinkListStyle2,
.TextStyle2 {
	font-size: 0.813em; /* 13px	0.813em	81.3%	10pt */
	line-height: 1.65em;
}
.ListStyle3,
.LinkListStyle3,
.TextStyle3 {
	font-size: 0.75em; /* 12px	0.750em	75.0%	9pt */
	line-height: 1.65em;
}
.ListStyle4,
.LinkListStyle4,
.TextStyle4 {
	font-size: 0.688em; /* 11px	0.688em	68.8%	8pt */
	line-height: 1.65em;
}


dd.txt-small {
	font-size: 0.916em;
	}


/* ヒーローヘッダー
===========================================================================================
#BrandingImgStyle_hero {
	z-index: 0;
	max-width: 100%;
	margin: 0 0 30px;
	background-image: url(/products/infrastructure/product_site/doctorcloud/image/top/branding_l_bg.png);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: contain;
}
#BrandingImgStyle_hero p {
	width: 965px;
	margin: auto;
	text-align: center;
}

*/



/* カラム
=========================================================================================== */

/* --- w570用カラム --- */
div.ColumnSetW570::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div.ColumnSetW570 {
	display: block;
	margin:0 auto;
	width:570px;
}
div.Grid3 div.ColumnSetW570 div.Column1 {
	margin: 0 0 0 15px;
	width: 180px;
	float: left;
	text-align: left;
}
div.Grid3 div.ColumnSetW570 div.Column1:first-child {
	margin: 0;
}

/* --- popup 50% --- */
div#PopUpContainer div.Column1andHalf {
	margin: 0 0 0 2%;
	width: 48%;
	float: left;
	text-align: left;
}


/* 見出し
=========================================================================================== */
h2.NewWin a:link,
h2.NewWin a:visited,
h2.NewWin a:hover,
h2.NewWin a:active {
	background-image: url(/image/jp/r1/icon/icon_new_window_hd.gif);
}

h3 em {
	color: #990000;
	font-style: normal;
	}
	
h3.style_normal {font-weight:normal;}



/* テキスト
=========================================================================================== */
.txt_Red {
	color: #990000;
}


/* 画像
=========================================================================================== */
/* --- --- 文中にアイコン表示 ------ */
img.info_icon {
	vertical-align: middle;
	padding-right:4px;
}


/* リスト
=========================================================================================== */
ul.LinkListStyle1 li ul {
    font-size: 100%;
    margin: 0 0 0 1em;
}

/* [c9] ※1など --- */
.AdditionalNotesStyle1_kome,
.AdditionalNotesStyle2_kome {margin: 0 0 15px;}
.AdditionalNotesStyle1_kome {font-size: 90%;}
.AdditionalNotesStyle2_kome {font-size: 83%;}
.AdditionalNotesStyle1_kome dt,
.AdditionalNotesStyle2_kome dt {
	float: left;
	clear: left;
	width: 2em;
}
.AdditionalNotesStyle1_kome dd,
.AdditionalNotesStyle2_kome dd {
	float: left;
	clear: both;
}
.AdditionalNotesStyle1_kome dd,
.AdditionalNotesStyle2_kome dd {margin: -1.55em 0 5px 2.1em;}

/* ---  [c11-5] Link List > Thumbnail + Descriptive Text > Thumbnail --- */
.org_ThumbW50SetStyle .Img,
.org_ThumbW80SetStyle .Img,
.org_ThumbW150SetStyle .Img,
.org_ThumbW210SetStyle .Img,
.org_ThumbW240SetStyle .Img {
	float: left;
	padding: 0 20px 15px 0;
}

.org_ThumbW50SetStyle .Img {width: 50px;}
.org_ThumbW80SetStyle .Img {width: 80px;}
.org_ThumbW150SetStyle .Img {width: 150px;}
.org_ThumbW210SetStyle .Img {width: 210px;}
.org_ThumbW240SetStyle .Img {width: 240px;}
.org_ThumbW50SetStyle .ImgSet,
.org_ThumbW80SetStyle .ImgSet,
.org_ThumbW150SetStyle .ImgSet,
.org_ThumbW210SetStyle .ImgSet,
.org_ThumbW240SetStyle .ImgSet {overflow: hidden;}

/* ---[c12] Button  新規ウィンドウ --- */
.ButtonStyle1 li.NewWin a,
.ButtonStyle2 li.NewWin a {
	background-image: url("/image/jp/r1/icon/icon_new_window_white_hd.png")!important;
}

/* --- 横並び画像リスト --- */
ul.img_ButtonStyle {
font-size: 90%;
margin: 0 0 15px;
}
ul.img_ButtonStyle li {
display: block;
float: left;
margin: 0 5px;
padding: 0 0 15px;
position: relative;
text-align: center;
width: 230px;
}
/* NEWマーク
ul.img_ButtonStyle li span {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color: #E60027;
color: #fff;
display: block;
font-size: 100%;
font-weight: bold;
left: -5px;
padding: 2px 6px 0;
position: absolute;
top: 5px;
}
*/

/* --- タイトルと説明文を：で区切る --- */
dl.org_Fixed_Sentence7em {
	font-size: 90%;
	margin: 0 0 15px;
}
dl.org_Fixed_Sentence7em dd:before {
	content: "：" ;
}
dl.org_Fixed_Sentence7em dt {
	float: left;
	clear: left;
	width: 7em;
}
dl.org_Fixed_Sentence7em dd {
	margin: 0 0 5px 7em;
	text-indent: -1em;
}




/* データテーブル
=========================================================================================== */
table.CenterMiddle th, table.CenterMiddle td {
	text-align: center;
	vertical-align: middle;
}

.org_bgcolorGr {
	background-color: #cccccc;
}


/* Box
=========================================================================================== */



/* アコーディオン用設定
=========================================================================================== */
.AccordionList {
	font-size: 90%;
	margin: 0 0 20px;
}
.AccordionList dt {
	background-image: url(/products/infrastructure/product_site/urban/security/faq/images/icon_ac_1.gif);
	background-position: right center;
	background-repeat: no-repeat;
	border-top: 1px solid #ccc;
	cursor: pointer;
	display: block;
	line-height: 140%;
	padding: 15px;
	font-weight:bold;
}
.AccordionList dt:first-child {border-top:none;}
.AccordionList dt span {padding-right:0.5em;}
.AccordionList dd{
	display: none;
	line-height: 140%;
	padding: 0 25px 15px 5.25em;
}
.AccordionList dt.active{
	background-image: url(/products/infrastructure/product_site/urban/security/faq/images/icon_ac_2.gif);
}
/*#accordion dt.over {
background-color: #CCC;
}
*/


/* 2018.02.20 add コージェネ大賞
=========================================================================================== */
.PrizeImg{
display:inline-block;
margin:0 24px 48px;
vertical-align:top;
}

.PrizeImg img{
margin:0 0 2px;	
}



/* 調整
=========================================================================================== */
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb15 {margin-bottom:15px !important;}
.mb30 {margin-bottom:30px !important;}
.mb45 {margin-bottom:45px !important;}

.ml20 {margin-left:20px !important;}

.w570 {width:570px;}

.vertical_t {vertical-align:top;}
.vertical_b {vertical-align:bottom;}

.float-right{float:right;}

.clearBoth {clear:both;}


/* 画像にキャプションを付ける場合の画像下余白 */
p.Caption img {
 margin: 0 0 2px;
}

/* ポップアップモジュール内の画像max-width
=========================================================================================== */
#Popup .MaxWidth img {
	max-width: 100%;
	height: auto;
}