@charset "Shift_JIS";







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



Name: common.css

Description: add style



Create: 2012.12.25

Update: 2013.04.25



Copyright 2013 Hitachi, Ltd.



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



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



[����]�y�[�W���C���摜�@���X�g�i�r�Q�[�V����

[����]�摜���j�A�����N�@�^�C�g���Ȃ��u�O�̃y�[�W�ցv�u���̃y�[�W�ցv[�@��1�@��2�@��3�@]

[����]�摜���j�A�����N�@�T���l�C��

[����]�Z�҃R���e���c�@�{���J�����C�A�E�g

[����]����]��  Create: 2010.03.31

[����]�����Җ��O���x��

[����]�g�͂ݔw�i�F

[����]QandA��`���X�g�X�^�C���@�����L���̃C���f���g����



[����]���o��  Create: 2012.12.25 Update: 2013.03.05

[����]�T���l�[�������N  Create: 2012.12.25

[����]�A�R�[�f�B�I���֘A���W���[��  Create: 2012.12.25 Update: 2013.03.05

[����]���R�����h�֘A���W���[��  Create: 2012.12.25



[����]Social button  Create: 2013.02.25



[����]Link List > Thumbnail + Descriptive Text



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



/* [����]�y�[�W�^�C�g��

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

.envTitleStyle{

	border-top: solid 5px #6eaf4a;

	border-bottom: solid 1px #cccccc;

	padding: 16px 0 16px 3px;

	font-weight: bold;

	font-size: 140%;

}

h1.envTitleStyle{

	border-top: solid 5px #6eaf4a;

	border-bottom: solid 1px #cccccc;

	padding: 16px 0 16px 3px;

	font-weight: bold;

	font-size: 140%;

	margin: 0 0 15px 0;

	background-image: none;

}

h2.envTitleStyle{

	border-top: solid 5px #6eaf4a;

	border-bottom: solid 1px #cccccc;

	padding: 16px 0 16px 3px;

	font-weight: bold;

	font-size: 140%;

	margin: 0 0 15px 0;

	background-image: none;

}



/* New Title h2 \*/

.RightLinkBox{

	position: relative;

}

.RightLinkBox .envTitleStyle{

	padding-right: 100px;

}
/*
.RightLinkBox .envTitleStyle a{

	background-image: url("/environment/images/icon_r_h2arrow_green.png");

	background-size: 16px 16px;

}

.RightLinkBox .envTitleStyle a:hover{

	background-image: url("/environment/images/icon_r_h2arrow_green_on.png");

}
*/
.inRightLink{

	position: absolute;

	right: 10px;

	top: 28px;

}



/* New Title h3 \*/

.listSection01{

	padding-bottom: 20px;

}

.envTitleStyle02{

	padding: 13px 0 40px 20px;

}

.iconBarTitle{

	position: relative;

	background-color: #d9d9d9;

	padding: 10px 10px 10px 80px;

}

.inRightLink02{

	position: absolute;

	right: 10px;

	top: 10px;

}

.iconBarTitle h3{

	margin-bottom: 0px;

	padding-right: 150px;

	color: #434343!important;

}

.iconBarTitle h3 a{

	color: #434343!important;

}

.iconArea{

	position: absolute;

	left: -20px;

	top: -23px;

	z-index: 10;

}







/* [����]�y�[�W���C���摜�@���X�g�i�r�Q�[�V����

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



/* ���q���܎���A�‹��R�~���j�P�[�V�����A�n���Ɛl�Ԃ̖����Ɍ�������Ƃ̖����@�Ŏg�p�� */



div.imgNavi1,

div.imgNavi2 {

	display: inline-block;

	margin: 0 75px 15px;

}



div.imgNavi1:after,

div.imgNavi2:after {

	display: block; clear: both;

	height: 0;

	visibility: hidden;

	content: ".";

}





/* Hides from IE 4-6 \*/



* html div.imgNavi1,

* html div.imgNavi2 { height: 1%; }



div.imgNavi1 { display: block; margin:0px 75px 15px 75px;}

div.imgNavi2  { display: block; margin:0px 73px 15px 73px;}



/* End hide from IE 4-6 */



div.imgNavi1 p { float: left; width:408px;}

div.imgNavi2 p { float: left; width:411px;}



/*

div.imgNavi1 ol { float: right; width: 160px; margin: 0px; padding: 0px;"}

*/

div.imgNavi1 ol { float: right; width: 160px; padding-left:0px; margin:0 auto;}

div.imgNavi2 ol { float: right; width: 160px; padding-left:0px; margin:0 auto;}



div.imgNavi1 ol li{display: block;	margin: 0 0 3px; width: 160px;}

div.imgNavi2 ol li{display: block;	margin: 0 0 3px; width: 158px;}





/* ���X�g��2 \*/

div.imgNavi1 ol li.Li02 { height: 123px;}





/* ���X�g��3 \*/

div.imgNavi1 ol li.Li03 { height: 81px;}

div.imgNavi2 ol li.Li03 { height: 87px;}





/* ���X�g��4 \*/

div.imgNavi1 ol li.Li04 { height: 60px;}





/* ���X�g��5 \*/

div.imgNavi1 ol li.Li05 { height: 48px;}





* html div.imgNavi1 ol li.Li02,

* html div.imgNavi1 ol li.Li03,

* html div.imgNavi2 ol li.Li03,

* html div.imgNavi1 ol li.Li04,

* html div.imgNavi1 ol li.Li05 { margin: 0 0 -1px; }

















/* [����]�摜���j�A�����N�@�^�C�g���Ȃ��u�O�̃y�[�W�ցv�u���̃y�[�W�ցv[�@��1�@��2�@��3�@]

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



/* ���q���܎���A�‹��R�~���j�P�[�V�����A�C���^�r���[�@�Ŏg�p�� */





/* �u�O�̃y�[�W�ցv�u���̃y�[�W�ցv */



li.LinearNavi2_Before {

	width:50%;

	float:left;

	font-size: 83%;

}





li.LinearNavi2_Next {

	width:50%;

	float:right;

	font-size: 83%;

	text-align:right;

}





/* [�@��1�@��2�@��3�@] */



ul.LinearNavi2 {

	width:570px;

	height:40px;

	margin:0 auto;

	padding-top:6px;

	padding-bottom:6px;

	padding-left:12px;

/*

	background: url("/environment/showcase/employee/images/bg_empnavi2.gif") no-repeat;

*/

}





ul.LinearNavi2 li.Linear03 {

	float:left;

	width:182px;

}





ul.LinearNavi2 li.Linear04 {

	float:left;

	width:138px;

}





ul.LinearNavi2 li.Linear05 {

	float:left;

	width:109px;

}





ul.LinearNavi2 li.Linear06 {

	float:left;

	width:91px;

}





/* �C���^�r���[[�@��1�@��2�@��3�@] */



ul.LinearNavi3 {

	width:435px;

	height:40px;

	margin:0 auto;

	padding-top:6px;

	padding-bottom:6px;

	padding-left:12px;

}





ul.LinearNavi3 li.Linear03 {

	float:left;

	width:145px;

}

















/* [����]�摜���j�A�����N�@�T���l�C��

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



/* �G�R�t�@�N�g���[&�I�t�B�X�@�����Y�@�@�K�u�쎖�Ə��@�Ŏg�p�� */



ul.LinearNavi4 {width:720px;}



ul.LinearNavi4 li {

	margin:0 1px 0 0;

	width:179px;

	float:left;

} 

















/* [����]�Z�҃R���e���c�@�{���J�����C�A�E�g

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



/* �‹��R�~���j�P�[�V�����@�Ŏg�p�� */



div#BookArea{width:720px;}



div#BookArea div.Column1andHalf{width: 320px; margin: 0 0 0 12px;}

div#BookArea div.Column1andHalf p.box{ text-align:right;}



div#BookArea div.Column1andHalf p.CatchCopy{background-color:#EEEEEE; padding:10px;}







div#BookArea div.FirstItem{margin:0;}



div#BookArea div.LastItem{float:right;}





/*

div#BookArea div.Upper{ font-size:9px; height:15px; background: url("/environment/showcase/employee/images/book_upper.gif") top left no-repeat;}



div#BookArea div.Body{ padding:10px 25px; background: url("/environment/showcase/employee/images/book_body.gif") top left repeat-y;}



div#BookArea div.Lower{ font-size:10px; height:54px; background: url("/environment/showcase/employee/images/book_lower.gif") bottom left no-repeat;}

*/









div.ShadowBox {

/*

    background: url("/environment/showcase/employee/images/shadow.gif") right bottom;

*/

    margin:10px 0 0 20px;

    float: left; /* ��荞�ݐ��� */

	display:block;

}



/* Win FireFox */



html[xmlns] div.ShadowBox { margin:10px 40px 0 ; } 



/**/







div.ShadowBox div.shadow-top {

/*

    background: url("/environment/showcase/employee/images/shadowtop.gif") right top no-repeat;

*/

	position: relative;

    top: -8px;

    margin: 0;

}







div.ShadowBox p.shadow-left {

/*

    background: url("/environment/showcase/employee/images/shadowleft.gif") left bottom no-repeat;

*/

	position: relative;

	left: -12px;

	top: 8px;

    margin: 0;

}



 



div.ShadowBox p.shadow-left img {

    border: 1px solid #999999;

	position: relative;

	top: -8px;

	padding: 10px;

	background-color:#ffffff;

}







/* �ʐ^�摜�̔z�u�E�摜���e�L�X�g�T�C�Y�@add 20100618 */





div#BookArea div.photoHeight {

	position: relative;

	top: 20px;

}



p.photoText {

	margin: 0 0 15px 10px;

	font-size: 83%;

	line-height: 1.35;

	clear: both;

}



p.photoText2 {

	margin: 0 0 15px;

	font-size: 90%;

	line-height: 1.35;

	clear: both;

}



p.photoText3 {

	margin: 0 0 15px -30px;

	font-size: 83%;

	line-height: 1.35;

	clear: both;

}















/* [����]����]��  Create: 2010.03.31

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



/* �‹��R�~���j�P�[�V�����@�Ŏg�p�� */



div.EcoTool {

margin-left: auto;

margin-right: auto;

text-align: center;

width:570px;

/*

background:url(/environment/images/eco/bg_tool_ttl.gif) no-repeat 0 0;

*/

}



div.EcoTool img {

font-size:0;

line-height:0;

vertical-align:top;

}



div.EcoTool div.Top p {

float:left;

}



div.EcoTool div.Top p.Ttl {

/*margin:0 37px 0 0;*/

margin:0 93px 0 0;

}



div.EcoTool div.Top p.Number {

/*width:129px;*/

width:76px;

padding:13px 0 0;

text-align:center;

font-weight:bold;

font-size:122%;

line-height:1;

}



div.EcoTool ul {

width:544px;

height:36px;

padding:11px 0 15px 26px;

height:;

/*

background:url(/environment/images/eco/bg_tool_btn.gif) no-repeat 0 0;

*/

}



div.EcoTool ul li {

float:left;

margin:0 14px 0 0;

}

















/* [����]�����Җ��O���x��

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



/* --- �z���`��������2��A�C���^�r���[�A�n���Ɛl�Ԃ̖����Ɍ�������Ƃ̖��� �Ŏg�p���@--- */



img.nameTag {

	margin: 0 6px 2px 0;

	line-height: 1.35;

	vertical-align: middle;

}

















/* [����]�g�͂ݔw�i�F

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



/*  �R�[�h���X�C���p�N�g�h���C�o�A��Œ艻���f�����v���Z�X�u�y�K�T�X�v�@�Ŏg�p�� */



div.bgBoxPattern{

	margin:0 auto 10px;

	width:550px;

/*

	background: url("/environment/showcase/solution/images/bg_box.gif") bottom left repeat-y;

*/

	border-bottom:1px solid #E3F7BA;

}



div.bgBoxPattern .LeftArea{width:246px; margin-left:5px; float:left; padding-bottom:10px;}



div.bgBoxPattern .RightArea{width:246px; margin-left:15px; float:left; padding-bottom:10px;}



/* IE6lower */



* html body div.bgBoxPattern .LeftArea{ margin-left:7px;}



/* */



div.bgBoxPattern ul{

/*

	font-size:90%;

*/

	color:#3E5124;

	padding:5px;

}

/*

div.bgBoxPattern ul li,

div.bgBoxPattern ul li{ background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 0.1em; padding-left:1.2em;line-height: 1.35; }

*/

div.bgBoxPattern p.ImgOnlyStyle{

	margin:0 0 5px;

}



div.bgBoxPattern dl,

div.bgBoxPattern p.TextStyle1{

	padding:0 10px;

}





/* �O���[���w��--- */



div.Column3 div.BoxPatternACSR{

	margin-bottom: 20px;

}



div.BoxPatternACSR { margin: 0 0 15px; }



div.BoxPatternACSR h2 {

	margin: 0;

	padding: 0;

	border: none;

}



div.BoxPatternACSR div.Inner {

	margin-top: -6px;

	padding: 10px 10px 0;

	border: solid 1px #cdcdcd;

	border-top: none;

}









/* [����]QandA��`���X�g�X�^�C���@�����L���̃C���f���g����

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



/* �����̓S���V�X�e�����ƁALED�Ɩ��A�����̐ΒY�Η͔��d���Ɓ@�Ŏg�p���@ */



dl.QandAStyle{

	margin: 0 0 15px;

	font-size: 90%;

	clear:both;

}



dl.QandAStyle dt,

dl.QandAStyle dd{

	text-indent:-2em;

	margin:0 0 15px 2em;

	line-height: 1.35;

}



dl.QandAStyle dt em,

dl.QandAStyle dd em{

	font-style:normal;

	margin-right:0.5em;

	font-weight:bold;

	color:#FFF;

	padding:0.3em;

	font:Arial, Helvetica, sans-serif;

}



dl.QandAStyle dt em{

	background-color:#AC0404;

}



dl.QandAStyle dd em{

	background-color:#0034AE;

}

















/* [����]���o��

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

/* ---[c2-1-1] ���o�� > ���x��1--- */

/* ---[c2-1-2] ���o�� > ���x��1 > �����N����--- */

h2.envImgStyle {

margin: 0 0 15px;

border-top: 3px solid #6EAF4A;

border-bottom: 1px solid #CCCCCC;



/* 201411 �lj� */

padding: 0;

background: none;

}

/* Win IE6lower */

* html body div#PopUpContainer div#PopUpContents h2.envImgStyle { position: relative; z-index: 1; }

/* */

h2.envImgStyle span {

display: block;

padding: 20px 5px 20px 0;

border: none;

background-color: #FFF;

font-size: 0;

line-height: 0;

}



/* Win IE6lower */

* html body div#PopUpContainer div#PopUpContents h2.envImgStyle span { position: relative; z-index: 2; margin: -1px 0 0; }

/* */



h2.envImgStyle a:link { line-height: 0;

background:none; }



/* ---[c2-1-3-1] ���o�� > ���x��1 > �E���Ƀ����N--- */

/* ---[c2-1-3-2] ���o�� > ���x��1 > RDF�t�@�C���ւ̃����N�t��--- */

div.LV1LinkSet {

margin: 0 0 10px;

border-top: 3px solid #6EAF4A;

border-bottom: 1px solid #CCCCCC;

background:none;



}

div.LV1LinkSet1 {

margin: 0 0 10px;

border-top: 3px solid #6EAF4A;

border-bottom: 1px solid #CCCCCC;

background:none;

}

div.LV1LinkSet h2 a:link {background:none;}

div.LV1LinkSet1 h2.envImgStyle a:link {background:none;}

/* Win IE6lower */

* html body div#PopUpContainer div#PopUpContents div.LV1LinkSet { position: relative; z-index: 2; }

* html body div#PopUpContainer div#PopUpContents div.LV1LinkSet1 { position: relative; z-index: 2; }



/* */

div.LV1LinkSet div {

padding: 20px 0;

border: none;

background-color: #FFF;

}

div.LV1LinkSet1 div {

padding: 20px 0;

border: none;

background-color: #FFF;

}



/* Win IE6lower */

* html body div#PopUpContainer div#PopUpContents div.LV1LinkSet div { position: relative; z-index: 1; }

* html body div#PopUpContainer div#PopUpContents div.LV1LinkSet1 div { position: relative; z-index: 1; }



/* */

div.LV1LinkSet div h2.envImgStyle {

float: left;

margin: 0;

border: none;

font-size: 0;

line-height: 0;

}

div.LV1LinkSet1 div h2.envImgStyle {

float: left;

margin: 0;

border: none;

font-size: 0;

line-height: 0;

}



div.LV1LinkSet div ul {

float: right;

font-size: 0;

line-height: 0;

}

div.LV1LinkSet1 div ul {

float: right;

font-size: 0;

line-height: 0;

}





div.LV1LinkSet1 div ul li a img{

  width: 120px;

  height: 24px;

  

  background:none;

 /* margin: -4px -20px 0 0;*/

}

Column2 h2.envImgStyle span a:link{ background:none; }

div.LV1LinkSet div h2.envImgStyle a:link { line-height: 0; background:none; }

/*div.Section div.ColumnSet div.Column2 FirstItem h2.envImgStyle1 span a {background:none;}*/



/* ---[c2-2-1] ���o�� > ���x��2--- */

/* ---[c2-2-2] ���o�� > ���x��2 > �����N����--- */

h3.envImgStyle {

margin: 0 0 10px;

padding: 0;

border-bottom: none;

font-size: 0;

line-height: 0;

}

/* Win IE6lower */

* html body div#PopUpContainer div#PopUpContents h3.envImgStyle { position: relative; }

/* */

h3.envImgStyle a { line-height: 0; }



img.envIcon {

margin-right: 6px;

vertical-align: middle;

}





/* ---[c2-2-2] ���o�� > ���x��2 > �O���[���w���@���X�g�^�C�g������--- */

div.PageTitleStyle2_greenlist{

	margin-bottom:15px;

	padding:1.5em 1.2em 1.3em;

	clear:both;

	background-color: #F2F2F2;

	border-left: #198297 solid 4px;

/*

	width:720px;

	height:90px;

	margin-bottom:15px;

	display:block;

	clear:both;

*/

}



div.PageTitleStyle2_greenlist{

/*

		background: url(/environment/activities/images/h1_pagetitle_greenlist.jpg) no-repeat 0px top;

*/

}



div.PageTitleStyle2_greenlist h1{

	font-size: 150%;

	font-weight: bold;

/*

	font-size: 103%;

	padding:35px 0 0 36px;

	

	font-weight:bold;

*/

}

div.PageTitleStyle2_greenlist h1 a:hover{

	color:#000

}

	









/* [����]�T���l�[�������N

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

/* �T�C�g�g�b�v�A�J�e�S���g�b�v �ɂĎg�p */

div.envThumbLink {

position: relative;

z-index: 1;

width: 230px;

height: 130px;

margin: 0 0 15px 0;

}

div.envThumbLink a {

display:block;

width: 230px;

height: 130px;

}

div.envThumbLink.sizeL,

div.envThumbLink.sizeL a {

height: 160px;

}

div.envThumbLink.sizeLL,

div.envThumbLink.sizeLL a {

height: 186px;

}

div.envThumbLink.sizeWide,

div.envThumbLink.sizeWide a {

width: 475px;

}

div.envThumbLink.sizeWideHeight,

div.envThumbLink.sizeWideHeight a {

width: 475px;

height: 215px;

}



div.envThumbLink.sizeWideHeightL,

div.envThumbLink.sizeWideHeightL a {

width: 967px;

height: 215px;

}





div.envThumbLink span {

display: block;

}

div.envThumbLink .linkImage{

position:absolute;

top: 0;

left: 0;

z-index: 1;

border: 1px #666 solid;

font-size: 0;

line-height: 0;

}

div.envThumbLink .underLay {

position: absolute;

left: 0;

bottom: 0;

z-index:10;

width: 212px;

height: 54px;

padding: 0 8px 0 10px;

background: url(/environment/images/bg_thumb.png) right center no-repeat;

}

div.envThumbLink a .underLay {

width: 190px;

padding: 0 30px 0 10px;

background: url(/environment/images/bg_thumblink.png) right center no-repeat;

cursor: pointer;

}

div.sizeWideHeightL a .underLay {

background: url(/environment/images/bg_thumblink_wide.png) right;

width: 967px;

}



div.envThumbLink.sizeWideHeightL .underLay {

width: 949px;

}



div.envThumbLink.sizeWideHeightL a .underLay {

width: 926px;

}

div.envThumbLink.sizeWide .underLay,

div.envThumbLink.sizeWideHeight .underLay {

width: 457px;

}

div.envThumbLink.sizeWide a .underLay,

div.envThumbLink.sizeWideHeight a .underLay {

width: 435px;

}

div.envThumbLink.sizeWideHeightL .underLay {

width: 949px;

}

div.envThumbLink.sizeWideHeightL a .underLay {

width: 926px;

}









div.envThumbLink .linkText {

display:table-cell;

vertical-align:middle;

width: 212px;

height: 54px;

color: #FFF;

font-size: 14px;

font-weight: bold;

line-height: 1.2;

}

div.envThumbLink a .linkText {

width: 190px;

}



/* 20140324 �lj� */

div.envThumbLink .underLay.line4,

div.envThumbLink .underLay.line4 .linkText {

height: 74px;

}

/* */



div.envThumbLink.sizeWide .linkText,

div.envThumbLink.sizeWideHeight .linkText {

width: 457px;

}

div.envThumbLink.sizeWide a .linkText,

div.envThumbLink.sizeWideHeight a .linkText {

width: 435px;

}

div.envThumbLink.sizeWideHeightL .linkText {

width: 949px;

}

div.envThumbLink.sizeWideHeightL a .linkText {

width: 926px;

}







/*\*//*/

* html div.envThumbLink .linkText{

display:inline-block;

}

/**/

/* for IE 6,7 */

div.envThumbLink .linkText{

*display:inline-block;

*zoom:1;

*padding-top: 19px;

*height: 35px;

}

div.envThumbLink .line2{

*padding-top: 10px;

*height: 44px;

}

div.envThumbLink .line3{

*padding-top: 1px;

*height: 53px;

}



div.envThumbLink .newFlag {

position:absolute;

top: 1px;

left: 1px;

z-index:10;

}



div.envThumbLink a:link span,

div.envThumbLink a:link sub,

div.envThumbLink a:link sup,

div.envThumbLink a:visited span,

div.envThumbLink a:visited sub,

div.envThumbLink a:visited sup {

color: #FFF;

text-decoration: underline;

}

div.envThumbLink a:hover span,

div.envThumbLink a:hover sub,

div.envThumbLink a:hover sup,

div.envThumbLink a:active span,

div.envThumbLink a:active sub,

div.envThumbLink a:active sup {

color: #FFF;

text-decoration: none;

}



.catIndexStyle p {

margin-top: -7px;

}



/*

.catIndexStyle div.envThumbLink {

margin-bottom: 8px;

}

.catIndexStyle p.ImgOnlyStyle {

margin-bottom: 6px;

}

*/





/* [����]�A�R�[�f�B�I���֘A���W���[��

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

/* �J�e�S���g�b�v �ɂĎg�p */

div.accordionUnit {

	position: relative;

	padding-bottom: 0;

}
/*
div.accordionUnit.aclinePlus div.FirstItem {

	height: 145px;

	background: url("/environment/images/accordion_bg_vline.gif") right top repeat-y;

}
*/
div.accordionUnit h2,

div.accordionUnit h3 {

	height: 137px;

	margin: 0;

	padding: 0;

	background-color: #2C8003;

	border: none;

	vertical-align: top;

}

div.accordionUnit div.accordionItem {

	display: none;

	overflow: hidden;

	_display: block;

}
/*
div.accordionUnit div.accordionBtn {

	position: relative;

	margin: -15px 0 0 0;

	padding: 2px 0 0 0;

	width: 965px;

	height: 50px;

	background: url("/environment/images/accordion_bg_line.gif") left top no-repeat;

	text-align: right;

	vertical-align: top;

	z-index: 99;

}

div.accordionUnit.aclinePlus div.accordionBtn {

	background: url("/environment/images/accordion_bg_line.gif") 225px top no-repeat;

}
*/
div.accordionUnit div.accordionBtn img {

	position: absolute;

	top: 2px;

	right: 0;

	cursor: pointer;

}

div.accordionUnit p.bannerStyle {

	font-size: 0;

	line-height: 0;

}



/* [����]���R�����h�֘A���W���[��

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

/* �g�͂� */

div.envBoxPattern1 { margin: 5px 0 15px; }

div.envBoxPattern1 h2, 

div.envBoxPattern1 h3, 

div.envBoxPattern1 h4 {

padding: 20px 14px;

margin: 0;

border-top: 3px solid #6EAF4A;

border-right: 1px solid #6EAF4A;

border-bottom: 1px solid #CCCCCC;

border-left: 1px solid #6EAF4A;

font-size: 90%;

line-height: 1.35;

display: block;

}

div.envBoxPattern1 div.Inner {

padding: 10px 14px;

border: solid  1px #6EAF4A;

border-top: none;

}

div.envBoxPattern1 div.relatedLinkUnit {

margin: 0;

padding: 8px 6px;

border-top: 1px solid #ccc;

}

div.envBoxPattern1 div.relatedLinkUnit.FirstItem {

border-top: none;

}

div.envBoxPattern1 div.relatedLinkUnit:hover {

background-color: #ececec;

}

div.envBoxPattern1 div.relatedLinkUnit div.ImgW120SetStyle {

font-weight: bold;

}

div.envBoxPattern1 div.relatedLinkUnit div.ImgW120SetStyle div.ImgSet {

position:relative;

width: 543px;

height: 90px;

}

div.envBoxPattern1 div.relatedLinkUnit div.ImgW120SetStyle p.Img {

padding: 0;

line-height: 0;

}

div.envBoxPattern1 div.relatedLinkUnit div.ImgW120SetStyle div.ImgSet .relatedLinkBtn {

position: absolute;

right: 0;

bottom: 0;

}



div.Grid1 div.envBoxPattern1 h2, 

div.Grid1 div.envBoxPattern1 h3, 

div.Grid1 div.envBoxPattern1 h4 {

padding: 8px 10px;

margin: 0;

}

div.Grid1 div.envBoxPattern1 div.Inner {

padding: 10px;

}

div.Grid1 div.envBoxPattern1 div.ImgW60SetStyle p.Img {

margin: 0 10px 0 0;

}

div.Grid1 div.envBoxPattern1 div.ImgW60SetStyle div.ImgSet {

width: 138px;

}





/* ���o�� */

h2.recommendStyle {

margin: 0 0 10px;

border-top: 3px solid #9F9F9F;

}

/* Win IE6lower */

* html body div#PopUpContainer div#PopUpContents h2.recommendStyle { position: relative; z-index: 1; }

/* */

h2.recommendStyle span {

display: block;

padding: 6px 5px 4px;

border: 1px solid #9f9f9f;

border-top: none;

background-color: #efefef;

font-size: 90%;

line-height: 1.35;

}

/* Win IE6lower */

* html body div#PopUpContainer div#PopUpContents h2.recommendStyle span { position: relative; z-index: 2; margin: -1px 0 0; }

/* */

h2.recommendStyle a { line-height: 1.35; }



/* �J���� */

div.Grid3 div.recommendColumn {

float: left;

width: 165px;

margin: 0 0 0 20px;

text-align: left;

}

div.Grid3 div.FirstItem { margin: 0; }

div.Grid3 div.recommendColumn p.ImgOnlyStyle {

margin: 0 0 10px;

font-size: 0;

line-height: 0;

}















/* Social button  Create: 2013.02.25  Updated: 2013.04.25

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



div.Social {

	height: 25px;

	margin: 0;

	padding: 0;

}



div.Social ul {

	list-style:none;

    text-align:right;

}



div.Social ul li {

    display:inline-block;

	padding-right: 10px;

	float: right;

}



iframe.twitter-share-button {

    width: 105px !important;

}









/* --- [����]Link List > Thumbnail + Descriptive Text --- */



.ImgW60SetStyle .ImgSet p,

.ImgW60SetStyle .ImgSet ul,

.ImgW60SetStyle .ImgSet h3,

.ImgW60SetStyle .ImgSet table,

.ImgW60SetStyle .ImgSet div[class^="BoxPattern"] {margin-left: 80px;}

.ImgW120SetStyle .ImgSet p,

.ImgW120SetStyle .ImgSet ul,

.ImgW120SetStyle .ImgSet h3,

.ImgW120SetStyle .ImgSet table,

.ImgW120SetStyle .ImgSet div[class^="BoxPattern"] {margin-left: 140px;}

.ImgW180SetStyle .ImgSet p,

.ImgW180SetStyle .ImgSet ul,

.ImgW180SetStyle .ImgSet h3,

.ImgW180SetStyle .ImgSet table,

.ImgW180SetStyle .ImgSet div[class^="BoxPattern"] {margin-left: 200px;}

.ImgW230SetStyle .ImgSet p,

.ImgW230SetStyle .ImgSet ul,

.ImgW230SetStyle .ImgSet h3,

.ImgW230SetStyle .ImgSet table,

.ImgW230SetStyle .ImgSet div[class^="BoxPattern"] {margin-left: 250px;}



.ImgSet table.TableStyle3, 

.ImgSet table.TableStyle4 {

	width: auto;

}

.ImgSet .LinkListStyle1 ul.ListStyle1,

.ImgSet .LinkListStyle2 ul.ListStyle1 {

	margin-left: 1em;

}

.ImgSet div[class^="BoxPattern"] ul {

	margin-left: 0;

}





/* --- [c7-2-1] Bulleted List > Text Size 90% > With Descriptive Text --- */

/* --- [c7-2-1] Bulleted List > Text Size 83% > With Descriptive Text --- */

dl.ListStyle1 dd ul,

dl.ListStyle2 dd ul {

	font-size: 100% !important;

}





/* Link Icon

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


/*
@media screen and (min-width: 1px) {

.RightLinkBox .envTitleStyle a {

	background-image: url("/environment/images/icon_r_h2arrow_green_hd.png");

	background-size: 16px 16px !important;

}

.RightLinkBox .envTitleStyle a:hover{

	background-image: url("/environment/images/icon_r_h2arrow_green_hd_on.png");

	background-size: 16px 16px !important;

}



}
*/






/* ------ LinkListStyle ------ */



.env2015ListIcon .env2015Detail,



.env2015ListIcon .env2015Web{



	color:#fff;



	background-color:#e60027;



	padding:1px 4px;



	margin-right:2px;



	vertical-align:middle;



	font-size:77%;



}











ul.LinkListStyle1.env2015LinkList li.NewWin a{



	background-image:none 	!important;



	padding-right:2px !important;



}







ul.LinkListStyle1.env2015LinkList li.NewWin img,



ul.ListStyle1.env2015LinkList li img{



	vertical-align:middle;



}



.anc-offset{
	display:block;
	position:relative;
	visibility: hidden;
	top:-100px;
}