@charset "utf-8";
/* CSS Document */

html, body{
	height:auto;
}

body#news_page{
	background: url("/business/technology/product/mizuchi/images/bg_slide/bg_9.png") no-repeat fixed center top #000;
}
body#news_page #wrapper{
	background-color:transparent !important;
}
body#news_page #menu{
	display:block;
	opacity:1;
}
body#news_page #sg_footer{
	background-color:#111;
}
body#news_page .title{
	min-width:190px;
}

#bg_fix{
    z-index                 : -1;
    background-color        : #000;
    background-image        : url('/business/technology/product/mizuchi/en/images/bg_slide/bg_9_sp.png');
    background-repeat       : no-repeat;
	background-size:100% auto;
    position                : fixed;
    top                     : 0;
    left                    : 0;
    right                   : 0;
    bottom                  : 25px;
}
#bg_fix_tb{
    background-image : url('/business/technology/product/mizuchi/images/bg_slide/bg_9.png');
	display:none;
}


/*******  news  *******************************************************/
#news{
	width:100%;
	margin:0 auto;
	padding-top:70px;
}

body#news_page .mainContents {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 0 10px;
	margin-top:80px;
	margin-bottom:100px;
	width:90%;
}

body#news_page .section {	
	padding: 0 5% 5% 5%;
	background-color: rgba(0,0,0,0.3);
	width:90%;
	margin:0 auto;
}

#year_title{
	font-size:36px;
	color:#70c7d9;
	margin-bottom:20px;
	margin-top:70px;
}

.mainContents dl.first {
    border-top: 1px solid #666;
    margin-top: 5px;
}

.mainContents dl {
    border-bottom: 1px dotted #666;
    margin-bottom: 5px;
    padding: 35px 60px 30px;
}
.mainContents dt {
    float: left;
    width: 10em;
}
.mainContents dd {
    margin-left: 0;
    padding-left: 10em;
	text-align:left;
}
.mainContents dd div{
	font-size:14px;
	border:solid 1px #666;
	width:180px;
	text-align:center;
	background-color: rgba(0,0,0,0.3);/*(112,199,217,0.2);
/*	color:#70c7d9;*/
}
@media all and (-ms-high-contrast:none){
	.mainContents dl dd:nth-child(3) {
		margin-top:25px;
	}
	.mainContents dd div{
		padding-top:10px;
		padding-bottom:10px;
	}
	.mainContents dt{
		padding-top:10px;
		padding-bottom:10px;
	}
	
}

.mainContents dd a{
	color:#70c7d9;
}
.mainContents dd a:hover{
	text-decoration:underline;
}


@media only screen and (max-width: 1000px) {
body#news_page .section {	
	padding: 0 5% 70px 5%;
}
#news{
	padding-top:130px;
}
.mainContents dl {
    margin-bottom: 5px;
    padding: 5%;
}
.mainContents dt {
    width: 20%;
}
.mainContents dd {
    padding-left: 25%;
}
#menu {
    height: 120px;
}
	
}
@media only screen and (max-width: 810px) {


}
@media only screen and (max-width: 600px) {
body#news_page{
	background:none;
}
#news{
	padding-top:70px;
}

body#news_page #menu {
    display:none;
}
body#news_page .section {	
	padding: 0 5% 70px 5%;
}
body#news_page .title{
	/*padding-top:15% !important;*/
}
body#news_page .mainContents{
	margin-top:50px;
}
.mainContents dl {
    margin-bottom: 5px;
    padding: 5%;
	text-align:left;
}
.mainContents dt {
    width: 95%;
	float:none;
	margin-bottom:18px;
}
.mainContents dd {
    padding-left: 0;
	padding-right:0;
	width:100%;
}
.mainContents dd div{
	font-size:14px;
	border:solid 1px #666;
	width:180px;
	text-align:center;
}
	
}