@charset "utf-8";


/* --------------------(contents)------------------------- */


/* 動画以下のコンテンツ全て（footer含まず）を包括 　ｗ-100％　*/
#contents-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top; clear: both;
}

/*
.contents-box {
	width:100%;
	margin: 0 auto;
	padding: 2em;
	
}
*/

/* 動画下からfooterの前まで　*/
#content{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-width: 1000px; /* 960 */
}




/* div/各section コンテンツ div 各ページ */
#contents_box {
	position: absolute;
	width: 100%;
	height: auto;
	padding-top:30px;
}

#contents_box h2{
	margin-bottom:25px;
	font-weight: normal;
	font-family:Georgia;
	font-size:36px;
	text-align:center;
	color:#CCC;
}

#contents_box p{
	margin-bottom:13px;
}

#contents_box img{
	margin-bottom:30px;
}

.category { color: #CCC; margin-left: 0.5em; }

.column1 { color: #666; text-align: center; margin: 10p 0; font-size: 1.2em; }






/* pagetop_button(ページトップに戻る) */
.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 27px 8px;
    background: #1A5EB0;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    font-size: 12px;
	color: #fff;
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
/* /pagetop_button */



a:hover.page-top { background-color: #5199EA; }

/* 製品紹介　画像3列（firstを後で読むことで左の余白を削除している） */
.box_wrap { width: 100%; margin: 0 auto;display: inline-block;
 }

.box3 { float:left; width: 300px; height: 300px; margin-left: 15px; margin-bottom: 20px; border: #999 1px solid; }
/*
.box3_first { margin-left: 0; }
*/
.box_machine {float:left; width: 300px; height: 216px; margin-left: 15px; margin-bottom: 20px; border: #999 1px solid; }

/*
.box_machine_first { margin-left: 0; }
*/

.box_company {float:left; width: 300px; height: 169px; margin-left: 15px; margin-bottom: 20px; border: #999 1px solid; }



@media screen and (max-width: 599px) {
.box3,.box_machine,.box_company { width: 100%; margin-bottom: 20px;}
.box3 { width: 100%; margin-bottom: 10px;}
.box_machine { width: 100%; margin-bottom: 10px;}
.Movile { display: none; }
}