@charset "utf-8";

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

Name: syteline_responsive.css

Description: Setting of content module

Create: 2016.03.11

Copyright 2012 Hitachi Systems, Ltd. 

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

body {
	background-color: #ffffff;
	color:#333333;
}
body > img,
body > iframe{
	display:none;
}
h2 span {
	font-size: 95%;
	font-weight:normal;
}
h3{
	color:inherit;
}
h2.TitleStyleGen01 span{
	background-color:transparent;
}

a:visited {
    color: #551a8b;
}
a:link {
	color: #08427c;
}
p.TextStyle1 {
	line-height: 1.5;
}
div.Section {
	padding: 0 0 15px;
}

#HeaderSummary{
	display:none;
}

a:not([href]):link,
a:not([href]):visited,
a:not([href]):hover,
a:not([href]):active{
	text-decoration:none;
	background-image:none;
}
.float-left {
	float:left;
	margin: 0 17px 0 0;
}
.flag_spa {
	margin: 0;
}

.LinkListStyle1 li a,
.LinkListStyle2 li a,
.LinkListStyle3 li a,
.LinkListStyle4 li a,
.LinkListStyle5 li a,
.LinkListStyle6 li a,
.LinkListStyle1 dt a,
.LinkListStyle2 dt a,
.LinkListStyle1 li a:link,
.LinkListStyle2 li a:link,
.LinkListStyle3 li a:link,
.LinkListStyle4 li a:link,
.LinkListStyle5 li a:link,
.LinkListStyle6 li a:link,
.LinkListStyle1 dt a:link,
.LinkListStyle2 dt a:link,
.LinkListStyle1 li a:visited,
.LinkListStyle2 li a:visited,
.LinkListStyle3 li a:visited,
.LinkListStyle4 li a:visited,
.LinkListStyle5 li a:visited,
.LinkListStyle6 li a:visited,
.LinkListStyle1 dt a:visited,
.LinkListStyle2 dt a:visited,
.LinkListStyle1 li a:hover,
.LinkListStyle2 li a:hover,
.LinkListStyle3 li a:hover,
.LinkListStyle4 li a:hover,
.LinkListStyle5 li a:hover,
.LinkListStyle6 li a:hover,
.LinkListStyle1 dt a:hover,
.LinkListStyle2 dt a:hover,
.LinkListStyle1 li a:active,
.LinkListStyle2 li a:active,
.LinkListStyle3 li a:active,
.LinkListStyle4 li a:active,
.LinkListStyle5 li a:active,
.LinkListStyle6 li a:active,
.LinkListStyle1 dt a:active,
.LinkListStyle2 dt a:active {
	padding: 0 0 0 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-image:none;
	zoom: 1;
}

.BoxPatternA {
	padding:0;
}
.BoxPatternA .Title, .BoxPatternA h2, .BoxPatternA h3, .BoxPatternA h4{
	margin:0;
}
div.BoxPatternA.GenBoxB01 h2.TitleSL05 span, div.BoxPatternA.GenBoxB01 h2.TitleSL06 span{
	font-size: 95%;
	font-weight:normal;
	line-height:100%;
}
div.BoxPatternA div.Inner {
    padding: 10px 10px 0;
    border: solid 1px #ded7ba;
    background-color: #fdfdfc;
}

div.BoxPatternA div.Inner div.Item {
    padding: 7px 2px 2px;
    background: url("/-/media/image/h1/box_item_separator.gif") repeat-x;
}
div.BoxPatternA div.Inner div.FirstItem {
    padding-top: 1px;
    background: none;
}
div.BoxPatternA div.Inner div.Item ul.ListRightAdjust{
	display:block;
	margin:0;
	text-align:right;
	margin-bottom: 3px;
}

div.BoxPatternC.BoxC04 {
    border: solid 1px #cccccc;
}
div.BoxPatternC {
    margin: 0 0 15px;
    padding: 15px 10px 5px;
    border: 1px solid #ded7ba;
    background-color: #fdfdfc;
}
div.BoxPatternA div.Inner div.Item p,
div.BoxPatternA div.Inner div.Item ul,
div.BoxPatternA div.Inner div.Item ol,
div.BoxPatternA div.Inner div.Item dl,
div.BoxPatternA div.Inner div.Item div{
	margin:0;
	padding:0;
	font-size:89.5%;
}

div.BoxPatternA div.Inner div.Item ul a{
  line-height: 1.35;
}

.BoxPatternA .Title a:link,
.BoxPatternA h2 a:link,
.BoxPatternA h3 a:link,
.BoxPatternA h4 a:link,
.BoxPatternA .Title a:visited,
.BoxPatternA h2 a:visited,
.BoxPatternA h3 a:visited,
.BoxPatternA h4 a:visited{
	background-color:transparent;
}

div.BoxPatternA.GenBoxA01 div.Inner ul{
	margin:0;
	padding:0;
}
div.BoxPatternA.GenBoxA01 h2.TitleSL01 span{
	padding-right:70px;
	line-height:100%;
}
div.BoxPatternA.GenBoxA01 h2.TitleSL04 a{
	margin:0;
}
@media screen and (min-width: 1px){
	.BoxPatternA.GenBoxA01 h2 a,
	.BoxPatternA.GenBoxA01 h2 a:link,
	.BoxPatternA.GenBoxA01 h2 a:visited,
	.BoxPatternA.GenBoxA01 h2 a:hover,
	.BoxPatternA.GenBoxA01 h2 a:active{
		background-image:none !important;
	}
}


.BoxPatternA.GenBoxA01 h2.TitleSL04 a:hover{
	background:none transparent;
  padding: 0 0 0;
}

div.ColumnSet div.BoxPatternA.GenBoxA01.Panel div.Inner p{
	margin:0;
	padding:0;
}
ul.ListRightAdjust li {
    display: inline;
}
ul.VerticalImageList1, ul.VerticalImageList2 {
	margin: 0 0 15px;
	padding:0;
}

div.FAQSetStyle div.ImgSet h3{
	border:none;
	background: none transparent;
}


dl.DateListStyle1 dt {
	margin: 0 0 3px;
	font-size: 90%;
	line-height: 100%;
}

ul.LinkListStyle1 li {
    margin: 0 0 5px;
    padding: 0 0 0 17px;
    background: url("/-/media/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;
}

div.FAQSetStyle.DottedBorder-B{
	min-height:30px;
}
.float-right {
	float: right;
}
.pt10 {
	padding-top: 10px !important;
}
.Section{
	float:none;
	clear:both;
}

ul.ListStyle1 >li > ol{
	margin: 5px 0 0 17px;
	font-size: 100% !important;
}
ul.ListStyle1 >li > ol > li{
  margin: 0 0 5px;
  padding: 0;
  background: none;
	list-style-type: decimal;
}
.mt20 {
	margin-top: 20px !important;
}
div.ImgW133SetStyle p.Img{
    float: left;
    margin: 0 15px 0 0;
    padding: 0 0 15px;
}
div.Grid3 div.ImgW133SetStyle div.ImgSet{
    width: 572px;
    float: left;
    margin-left: 0;
}
.ImgW133SetStyle .ImgSet dl,
.ImgW133SetStyle .ImgSet ul,
.ImgW133SetStyle .ImgSet p {
    margin-left: 0;
}
.ImgW133SetStyle .ImgSet ul.ListStyle2 {
	margin-bottom: 20px;
}


/* -- [-] ページ下部の資料請求・お問い合わせ -- */
div.BoxPatternA.BoxA03 {
	padding: 4px;
	background: url("/-/media/image/h1/bg_box_a03.gif") repeat 0 0;
}
div.BoxPatternA.BoxA03 p.Title {
	border: none;
	padding: 8px 10px 0 !important;
	background-color: #ffffff;
}
div.BoxPatternA.BoxA03 p.Title strong {
	padding: 0;
	border: none;
	background: none;
	font-size:93.7%;
	font-weight:bold;
}
div.BoxPatternA.BoxA03 div.Inner {
	padding: 10px 7px 0;
	background-color: #ffffff;
	border: none;
}
div.BoxPatternA.BoxA03 div.Inner ul { margin-bottom: 10px; }
div.BoxPatternA.BoxA03 div.Inner li {
	margin-left: 5px;
	margin-right: 5px;
	text-align:center;
}
div.BoxPatternA.BoxA03 div.Inner p.ImgOnlyStyle {
	margin: 0;
	padding: 0 0 1px;
	height: 60px;
}

.FatMenuWide{
	margin:0 auto;
}

.FMLinkListStyle{
	margin:0;
	padding:0;
}

.FMLinkListStyle > li{
	display:inline-block;
	margin:0 32px 0 0;
	padding:0;
	line-height: 100%;
}
.FMLinkListStyle > li:first-child{
	display:block;
	margin-bottom:12px;
}
.FatMenuWide .FMColumn4{
	padding:12px 10px 20px 10px;
}


.FatMenuWide,
#SiteSummary {
  width: 965px;
	margin: 0 auto;
}

@media screen and (max-width: 994px){
	iframe{
		width:100%;
	}

	.Under995 #SiteIdentity .Title a img[src$="site_id_syteline.gif"]
/*#SiteIdentity .Title a + img + span
	#SiteIdentity > .Title > .ShowRWD,
	#SiteIdentity > .Title > .ShowRWD + a*/{
		display:none;
	}
	
	
	.JS #SiteIdentity .Title a + img[width="26"] {
		display: inline-block;
	}

	.JS #SiteIdentity > .Title > .ShowRWD,
	.JS #SiteIdentity > .Title > .ShowRWD + a {
		display: inline-block!important;
	}
	
	.JS #SiteIdentity > .Title > .ShowRWD + a  .ShowRWD {
		display: inline-block!important;
		font-weight: bold;
		padding: 13px 0 0;
		margin-left: -8px;
		font-size: .9em;
	}
	
	
	div.GridSet.TopPage {
    margin-left:-15px;
	}
	.FatMenuWide,
	#SiteSummary  {
	    width: auto;
	    max-width: 980px;
	}
	div.BoxPatternA.GenBoxA01 div.FAQSetStyle p.TextStyle1{
		width:auto;
	}
	div.ColumnSet div.BoxPatternA.GenBoxA01.Panel div.Inner{
		background-size:100% auto;
	}
	#SiteSummary  {
	    margin: 0;
	}
	#SiteSummary .ColumnSet {
	    margin: 0;
	}
	#TopicPath ,
	div#Contents{
		width:auto;
	}
	.JS div.BoxPatternA.BoxA03 .Title{
		margin:0;
	}
	.JS .BoxPatternA .Title, .JS .BoxPatternA h2, .JS .BoxPatternA h3, .JS .BoxPatternA h4 {
	    margin-top: 0;
	}
	#SiteIdentity {
		font-size: 100%;
	}
	#SiteIdentity a,
	#SiteIdentity a span{
		font-size: 100%;
		color:inherit
	}
	div.Grid3 div.FAQSetStyle div.ImgSet,
	div.Column3 div.FAQSetStyle div.ImgSet{
		width:auto;
	}
	.FAQSetStyle {
		display:-webkit-flex;
		-webkit-flex-flow:row nowrap;
		-webkit-justify-content: flex-start;
		-webkit-align-items: stretch;
		-webkit-align-content: stretch;
		display:flex;
		flex-flow:row nowrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
	}
	div.FAQSetStyle p.Img,
	div.FAQSetStyle div.ImgSet{
		float:none;
	}
	div.FAQSetStyle p.Img{
		-webkit-flex: 0 0 40px;
		flex: 0 0 40px;
	}
	.ColumnSet.imgRightKeep .Column1{
		float:left;
    width: 33.33333333%;
	}
	.ColumnSet.imgRightKeep .Column2{
		float:left;
		width: 66.66666666%;
	}
	div.Grid3 div.ImgW133SetStyle div.ImgSet{
		width:calc(100% - 148px);
	}
	div.BoxSyline.clear_left{
		display:-webkit-flex;
		-webkit-flex-flow:column nowrap;
		-webkit-justify-content: flex-start;
		-webkit-align-items: stretch;
		-webkit-align-content: stretch;
		display:flex;
		flex-flow:column nowrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
	}
	div.BoxSyline.clear_left .float-right.pt10{
		order:1;
		padding-top:0 !important;
		text-align:right;
	}
	div.BoxSyline.clear_left .float-right.pt10 + .ListStyle1{
		margin-bottom:0;
	}
	.ListStyle1.float-left,
	.ListStyle1.float-left + .float-right{
		width:50%;
	}
}
@media screen and (max-width: 767px){
	
	.JS #SiteIdentity .Title a + img[width="26"],
	.JS #SiteIdentity .Title a + img + span{
		display:none!important;
	}
	
	.JS #SiteIdentity > .Title > .ShowRWD,
	.JS #SiteIdentity > .Title > .ShowRWD + a,
	.JS #SiteIdentity > .Title > .ShowRWD + a .ShowRWD{
		display:inline;
		font-size: 100%;
		padding: 0;
		margin: 0;
	}
	
	#HeaderArea #UltraGlobalNavi .BtnOpen a,
	#HeaderArea #Search .BtnOpen a,
	#HeaderArea #CountryRegion .BtnOpen a{
		min-width:0;
		padding:0;
	}
	.JS body {
		background-color: #ffffff;
	}
	.JS #GlobalNaviTop > li.Current > a strong {
		margin:0;
	}
	.JS .Grid3 .ColumnSet{
		display:table;
	}
	.JS .ColumnSet .Column1andHalf{
		display:table-cell;
		width:50%;
	}
	div.GridSet.TopPage{
		margin-top:0;
	}
	div.GridSet.TopPage .Grid3 > .Section > h1{
		margin:0 -15px;
	}
	div.GridSet.TopPage .Grid3 > .Section > h1 > img{
		width:100%;
		height:auto;
	}
	div.ColumnSet div.BoxPatternA.GenBoxA01.Panel.bl-hover  div.Inner div.ImgRightAdjust p.ImgOnlyStyle img ,
	div.ColumnSet div.BoxPatternA.GenBoxA01.Panel div.Inner div.ImgRightAdjust p.ImgOnlyStyle img{
		bottom:0;
		right:12px;
	}
	div.BoxPatternA.GenBoxA01 h2.TitleSL02 span,
	div.BoxPatternA.GenBoxA01 h2.TitleSL03 span,
	div.BoxPatternA.GenBoxA01 h2.TitleSL07 span,
	div.BoxPatternA.GenBoxA01 h2.TitleSL08 span,
	div.BoxPatternA.GenBoxA01 h2.TitleSL09 span,
	div.BoxPatternA.GenBoxA01 h2.TitleSL10 span{
		padding-top:11px;
		padding-bottom:8px;
	}
	div.GridSet.TopPage .Grid3 > .Section > .BoxPatternA.GenBoxA01{
		margin-bottom:0;
	}
	div.ColumnSet div.BoxPatternA.GenBoxA01.Panel div.Inner{
		padding:8px 10px 60px;
	}
	.Grid3 div.Section .BoxPatternA.BoxA03 {
		display:none;
	}
	.Grid1{
		display:-webkit-flex;
		-webkit-flex-flow:row wrap;
		-webkit-justify-content: flex-end;
		-webkit-align-items: stretch;
		-webkit-align-content: stretch;
		display:flex;
		flex-flow:row wrap;
		justify-content: flex-end;
		align-items: stretch;
		align-content: stretch;
	}
	.Grid1 > div,
	.Grid1 > ul{
	  -webkit-flex: 0 0 50%;
	  flex:0 0 50%;
		box-sizing:border-box;
		flex-basis: calc(50% - 6px);
	}
	.Grid1 > .BoxPatternC{
		-webkit-flex-basis: 100%;
	  flex-basis:100%;
 	}
	.Grid1 > .BoxPatternA,
	.Grid1 > .VerticalImageList2{
		border-right:6px solid transparent;
		background-clip:padding-box;
	}
	.Grid1 > .BoxPatternA + .BoxPatternA,
	.Grid1 > .VerticalImageList2 + .VerticalImageList2{
		border-right:0px none;
		border-left:6px solid transparent;
	}
	.Grid1 > .BoxPatternA {
		display:-webkit-flex;
		-webkit-flex-flow:column nowrap;
		-webkit-justify-content: flex-start;
		-webkit-align-items: stretch;
		-webkit-align-content: stretch;
		display:flex;
		flex-flow:column nowrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
	}
	.Grid1 > .BoxPatternA .Inner{
		-webkit-flex:1 0 auto;
		flex:1 0 auto;
		display:-webkit-flex;
	}
	.Grid1 > .BoxPatternA .Inner .ClearFix{
		-webkit-flex-flow:column nowrap;
		-webkit-justify-content: flex-start;
		-webkit-align-items: stretch;
		-webkit-align-content: stretch;
		display:flex;
		flex-flow:column nowrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
	}
	.Grid1 > div.BoxPatternA div.Inner div.FirstItem {
		-webkit-flex:1 0 auto;
		flex:1 0 auto;
	}
	.Grid1 > .VerticalImageList2{
		display:-webkit-flex;
		-webkit-flex-flow:column nowrap;
		-webkit-justify-content: center;
		-webkit-align-items: center;
		-webkit-align-content:center;
		display:flex;
		flex-flow:column nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	.Grid1 > .VerticalImageList2 li{
		width:100%;
		height:100%;
	}
	.Grid1 > .VerticalImageList2 img{
		width:100%;
		height:auto;
	}

	div.BoxPatternA.GenBoxB01 h2.TitleSL05,
	div.BoxPatternA.GenBoxB01 h2.TitleSL06{
		margin-bottom:0;
	}
	div.BoxPatternA.GenBoxB01 h2.TitleSL05 span,
	div.BoxPatternA.GenBoxB01 h2.TitleSL06 span{
		padding-bottom:15px;
	}
	.Grid1 > div.BoxPatternA div.Inner{
		border:0px none;
		background-image:none;
	}
	p a.thickbox{
		display:none;
	}
	.ListStyle1.float-left,
	.ListStyle1.float-left + .float-right{
		width:auto;
		float:none;
	}
}

@media screen and (max-width: 579px){
	.JS .ColumnSet,
	.JS .ColumnSet .Column1andHalf{
		display:block;
		width:auto;
	}
	.JS .Grid1,
	.JS .Grid1 > .BoxPatternA ,
	.JS .Grid1 > .VerticalImageList2{
		display:block;
		border:0px none;
	}
	.JS .Grid1 > div.BoxPatternA div.Inner div.FirstItem{
		min-height:84px;
	}
	.JS .Grid1 > div.BoxPatternA div.Inner div{
		display:block;
		width:100%;
	}
	.JS ul.VerticalImageList1,
	.JS ul.VerticalImageList2{
		padding:0;
	}
	.ColumnSet.imgRightKeep .Column1,
	.ColumnSet.imgRightKeep .Column2{
		float:none;
		width:auto;
	}
	.JS ul.flag{
		width:auto;
	}
	.JS div.ImgW133SetStyle p.Img,
	.JS div.Grid3 div.ImgW133SetStyle div.ImgSet{
		width:100%;
		float: none;
	}
	.JS .float-right{
		float:none;
	}
}