@charset "shift_jis";


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

Name: sample.css

Description: Setting of  magazine common page

Create: 2015.06.01
Update: 2015.06.01

Copyright 2015 Hitachi, Ltd. 

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


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


/*Index_Title*/
.PageTitleStyle.IndexStyle {
/*	background: #fefefe;
	border: none;*/
	background-color: #FDFDFD;
	border-top: 1px solid #D7DADD;
	border-right: 1px solid #D7DADD;
	border-bottom: 4px solid #D7DADD;
	border-left: 1px solid #D7DADD;
	-webkit-box-shadow:0px 1px 1.25px #bfbfbf;
	-mos-box-shadow:0px 1px 1.25px #bfbfbf;
	-ms-box-shadow:0px 1px 1.25px #bfbfbf;
	-o-shadow:0px 1px 1.25px #bfbfbf;
	box-shadow:0px 1px 1.25px #bfbfbf, 0px 5px 20px 15px #f3f7f8 inset;
	color: #666;
	margin-bottom: 1em;
}

.PageTitleStyle.IndexStyle.B {
	background:#EBF4F8;
	box-shadow:0px 1px 1.25px #bfbfbf, 0px 5px 20px 30px #e6eff9 inset;
}
.PageTitleStyle.IndexStyle.B h1:before {
	content:url("/it-pf/mag/sample/image/icon/icon.png");/*eyecatch sample*/
	vertical-align:middle;
	padding: .1em .15em 0 0;
}

.PageTitleStyle.IndexStyle.C {
	background:#ececec;
	box-shadow:0px 1px 1.25px #bfbfbf, 0px 5px 30px 10px #e5e5e5 inset;
	border-bottom: 2px solid #D7DADD;
	color: #444;

}

.PageTitleStyle.IndexStyle.D {
	background:#58c0ff;
	box-shadow:0px 1px 1.25px #bfbfbf, 0px 5px 30px 10px #55b7f2 inset;
	border-bottom: 2px solid #D7DADD;
	color: #444;
}


.PageTitleStyle.IndexStyle.E {
	background:#737373;
	box-shadow:0px 1px 1.25px #bfbfbf, 0px 5px 30px 30px #6b6b6b inset;
	border-bottom: 2px solid #D7DADD;
	color: #fff;
}


.PageTitleStyle.IndexStyle.F {
	background:#dba628;
	box-shadow:0px 1px 1.25px #bfbfbf, 0px 5px 30px 30px #d4a229 inset;
	border-bottom: 2px solid #D7DADD;
	color: #333;
}

.PageTitleStyle.IndexStyle.G {
	background:#6ebf45;
	box-shadow:0px 1px 1.25px #bfbfbf, 0px 5px 30px 30px #66b43e inset;
	border-bottom: 2px solid #D7DADD;
	color: #333;
}


.PageTitleStyle.IndexStyle.H {
	background:#f9a096;
	box-shadow:0px 1px 1.25px #bfbfbf, 0px 5px 30px 30px #ee948a inset;
	border-bottom: 2px solid #D7DADD;
	color: #333;
}

.PageTitleStyle.IndexStyle.Img {
	background-color:transparent;
	box-shadow:0px 1px 1.25px #bfbfbf/*, 0px 5px 30px 30px #ee948a inset*/;
	border-bottom: 1px solid #D7DADD;
	color: #333;
	padding:0;
}
.PageTitleStyle.IndexStyle.Img h1,
.PageTitleStyle.IndexStyle.Img h1 a,
.PageTitleStyle.IndexStyle.Img img{
	margin:0;
	padding:0;
	font-size:0;
}

.PageTitleStyle.IndexStyle p.Chapter {
	color: #444; 
	/*float: left; */
	margin:0;
	padding: .5em 0 0 .25em;
	/*clear:both;*/
}

.PageTitleStyle.IndexStyle p.ImgOnlyStyle {
/*	width: 100%; */
	height: auto;
	padding: 0;
	margin: 0 ;
	float: right;
} 
.PageTitleStyle.IndexStyle p.ImgOnlyStyle img {
	max-width:100%;
	height: auto;
	margin: 0;
	display: block;	
}

.PageTitleStyle.IndexStyle p.ImgOnlyStyle:after,
.PageTitleStyle.IndexStyle p.ImgOnlyStyle img:after  {
	content: "";
	display: block;
	clear: both;
	
	}
.PageTitleStyle.IndexStyle h1,
.PageTitleStyle.IndexStyle p.TextStyle2 { 
	width: 100%;
	margin:0;
	padding-left: 0 .25em;
}

@media screen and (max-width: 767px){

	.PageTitleStyle.IndexStyle p.ImgOnlyStyle img {
		max-width:100%;
		height: auto;
		padding: .5em 0;
		margin-bottom: .5em;
		display: block;		
	}
.PageTitleStyle.IndexStyle h1 { font-size: 140%;}

.PageTitleStyle.IndexStyle.Img {
	padding:0;
}
.PageTitleStyle.IndexStyle.Img h1,
.PageTitleStyle.IndexStyle.Img h1 a
.PageTitleStyle.IndexStyle.Img img {
	width: 100%!important;
	margin:0;
	padding:0;
}


}

@media screen and (max-width: 579px){
	.PageTitleStyle.IndexStyle p.ImgOnlyStyle {
		float: none;
	}
	.PageTitleStyle.IndexStyle p.ImgOnlyStyle img {
		margin: 0 auto;
	}
}