@charset "utf-8";

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}
	 a:hover {
    text-decoration: underline;
    color: #0584c3;
}
a,
a:link {
    cursor: pointer;
    color: #333;
}
.under {
    text-decoration: underline;
}
body {
    background-color: #FFF;
    color:#333;
    font-size: 13px;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

a {
    text-decoration: none;
}
a.defaultLink:visited {
    color: #06f;
    text-decoration: none;
}
.fa {
    cursor: pointer;
}
ul {
    list-style: none;
}

	#logo{
			display:inline-block;
		}


		.line{
			background-image: linear-gradient(135deg, #a79756, #dad8a5, #a79756);
			width:100%;
			height:6px;
			position: fixed;
		 	width: 100%;
			top:0;
			z-index:999999;
		}

		header{
			background-color: rgb(10,10,10,0.8);
			position: fixed;
		 	width: 100%;
			top:6px;
			z-index:999999;
		}
		#header_inner{
			width:1024px;
			height:70px;
			padding:10px 0;
			color:#FFF;
			margin:0 auto;
		}
		nav{
			display:inline-block;
		}
		#header_inner ul{
			display:table;
			table-layout: fixed;
			width:800px;
		}
		#header_inner li{
			display:table-cell;
			text-align:center;
		  vertical-align: middle;
			width:25%;

			position:relative;
		}

		.menu_list li a{
			font-size:15px;
			color:#FFF;
			display:block;
			width:100%;
			height: 67px;
    	line-height: 67px;
			border-bottom:3px solid rgba(40,40,40,0.9);
			font-weight:bold;
		}
		.menu_list li a:hover{
			text-decoration:none;
			border-bottom:3px solid #dad8a5;
		}
		main{
			margin-top:96px;
		}
		.movie_contents{
		  width: 100%;
		  height: 650px;
		  position: relative;
		  overflow: hidden;
		}

		video {
		  position: absolute;
			top: -210px;
		  left: 0;
		  width: auto;
		  height: auto;
		  min-width: 100%;
		  min-height: 100%;
		  background: url('') no-repeat;
		  background-size: cover;
		  z-index: -1;
			filter: grayscale(80%);
		}
		 
		.bg-white {
		  background: rgba(255, 255, 255, .75);
		  position: absolute;
		  top: 30px;
		  left: 30px;
		  padding: 20px;
			opacity: 0.8;
		}
		.hexagon_img{
		  width: 100%;
		  height: 100%;
		  position: absolute;
		  background: url("") repeat;
		  z-index: 1;
			opacity: 0.2;
			filter: grayscale(100%);
		}
	.center_box{
		text-align:center;

	}
	.banner_box{
		width:1024px;
		margin:10px auto;
		text-align:center;

		}
	.banner_box ul{
		display:table;
		font-size:0;
	}
	.banner_box img{
		width:100%;

		display:block;
		transition-duration: 0.5s
	}
	.banner_box li{
		padding:0 2px;
		width:25%;
		
		display:table-cell;

		overflow: hidden;
	}
	.banner_box li:hover{
		background-color:#BBB;
		cursor:pointer;
	}
	.banner_box img:hover{
		transform: scale(1.1,1.1);
	}

	.top_image_contents{
		background:url('/img/ochsc_title_image_02.jpg') no-repeat right center;
		background-size: cover;
		padding:300px 0;
		position:relative;
	}
	.top_image_contents02{
		background-size: cover;
		padding:200px 0;
		position:relative;
	}
	.top_image_contents .str{
		text-align:center;
		color:#FFF;
		font-size:60px;
		width:100%;
		position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
	  margin: auto;
	}
	.top_image_contents02 .str{
		text-align:center;
		color:#000;
		font-size:25px;
		width:100%;
		position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
	  margin: auto;
		font-family: 'ＭＳ Ｐ明朝', 'MS Mincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
	}
	.top_image_contents02 .str p{
		font-weight:bold;
		line-height:1.5em;
	}
	.largestr{
		font-size:150px;
	}
	.mediumstr{
		font-size:60px;
		margin-bottom:20px;
	}
	.smallstr{
		margin-top:-50px;
		font-size:22px;
	}
	.contents_title{
		margin-left:10px;
		text-align:left;
		font-weight:bold;
		font-size:25px;
		color:#555;
		margin-bottom:40px;
	}
	.sub_title{
		padding-left:20px;
		font-size:14px;
	}
	.contents_box{
		background-color:#EBEBEB;
	}
	.contents_box_inner{
		padding:40px 0;
		width:1024px;
		margin:0 auto;
		text-align:center;
	}
	.products{
		margin:0 10px;
		padding-bottom:20px;
    vertical-align: middle;
		background-color:#FFF;
		display:inline-block;
		margin-bottom:20px;
	}
	.products ul{
		margin:0 80px;

	}
	.products li{
		background-color:#333;
		margin-bottom:10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	}
	.products li a{
		display:block;
		position:relative;
		color:#FFF;
		padding:15px;
		text-align:left;
	}
	.products li a i{
		position:absolute;
		right:30px;
		top:18px;
	}
	.maker_price{
		font-weight:bold;
		font-size:16px;
		margin-bottom:20px
	}
	.maker_price p{
		color:#666;
		padding-bottom:10px;
	}
	.gmaps{
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}
	.gmaps iframe{
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}
	footer{
		background-color:#252525;
	}
	.footer_nav{
		width:1024px;
		margin:0 auto;
		padding:20px 0;
		color:#CCC;
	}
	.footer_box{
		padding:5px;
		display:inline-block;
		margin-right:100px;
		vertical-align: top;
	}
	.footer_box li{
		padding:6px 0;
	}
	.footer_box li a{
		color:#CCC;
	}
	.footer_box li a:hover{
		color:#EEE;
	}
	#copyright{
		background-color:#111;
		color:#999;
		padding:5px;
		text-align:center;
	}
.detail_table{
margin-top:40px;
}
.detail_table table{
background-color:#FFF;

width:100%;
    border-collapse: collapse;
font-size:13px;
}
.detail_table .table_item{
background-color:#333;
color:#FFF;
font-weight:bold
}
.detail_table table td{
vertical-align:middle;
padding:10px;
border:1px solid #999;
}

@media screen and (max-width: 1024px){
	#header_inner, .footer_nav,	.contents_box_inner{
		width:100%;
		position:relative;
	}
	.products{
		height:100%;
	}
	.products ul{
		margin:10px;
	}
	#header_inner ul{
		display:none;
	}
	nav{
    position: relative;
    width: 100%;
	}
	.menu {
	    color: #FFF;
	    border: 2px solid #BBB;
	    display: block!important;
	    text-align: center;
	    padding: 5px 15px;
	    border-radius: 4px;
	    -moz-border-radius: 4px;
	    -webkit-border-radius: 4px;
			position: absolute;
	    right: 15px;
	    top: 25%;
			cursor:pointer;
	}
	nav ul {
    display: none!important;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    width: 70%!important;

    position: fixed;
    top: 0;
    right: 0;
    height: 100%!important;
    background-color: #333!important;
    z-index: 99999;
	}
	nav li {
		display:inline-block!important;
		width:100%!important;
	}
	.movie_contents{
		height: 100%;
    min-height: 350px;
	}
	video{
		top:-100px;
		min-height:0;
		width: 100%;
	}
	.banner_box{
		width:100%;
	}
	.banner_box img:hover{
		transform: none;
	}
.top_image_contents .str{
		text-align:center;
		color:#FFF;
		font-size:45px;
		width:100%;
		position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
	  margin: auto;
	}
	.top_image_contents .str .largestr{
		font-size:120px;
	}
	.top_image_contents .str .smallstr{
		margin-top:-50px;
		font-size:22px;
	}
	
}
@media screen and (max-width: 800px){
.detail_table table td.table_item{
font-size:11px;
width:90px;
}

	.movie_contents{
		height: 100%;
    min-height: 250px;
	}
	.top_image_contents .str{
		text-align:center;
		color:#FFF;
		font-size:35px;
		width:100%;
		position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
	  margin: auto;
	}
	.top_image_contents .str .largestr{
		font-size:100px;
	}
	.top_image_contents .str .smallstr{
		margin-top:-40px;
		font-size:20px;
	}
}
@media screen and (max-width: 620px){
	.footer_box li{
		margin-bottom:10px;
	}
	.products li{
		margin-bottom:20px;
	}
	.maker_price{
		font-weight:bold;
		font-size:14px;
		margin-bottom:20px;
		text-align:center;
	}
	.gmaps{
		height: 200px;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}
	.contents_box_inner img{
		width:100%;
	}
	.movie_contents{
		height: 100%;
    min-height: 200px;
	}
	video{
		top:0px;
	}
	.sub_title{
		display:block;
	}
	.top_image_contents .str{
		text-align:center;
		color:#FFF;
		font-size:18px;
		width:100%;
		position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
	  margin: auto;
	}
	.top_image_contents .str .largestr{
		font-size:70px;
	}
	.top_image_contents .str .smallstr{
		margin-top:-10px;
		font-size:14px;
	}
	.top_image_contents02 .str{
		text-align:center;
		color:#000;
		font-size:16px;
		width:100%;
		position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
	  margin: auto;
		font-family: 'ＭＳ Ｐ明朝', 'MS Mincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
	}
	.top_image_contents02 .str p{
		font-weight:bold;
		line-height:1.5em;
	}

	.mediumstr{
		font-size:36px;
		margin-bottom:20px;
	}
}