@charset "UTF-8";

html {
	font-size: 62.5%;
	height: 100%;
}
body {
	position: relative;
	min-height: 100%;
	overflow: auto;
	background: #fefdfa;
	-webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
h1,li,dl,dt,dd,p,span,a {
	font-family: 'Marcellus', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #005e15;
	margin: 0;
	padding: 0;
}
a,
input[type="text"],
input[type="search"],
button span {
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	color: #4abc63;
}
ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*layout*/
.topbackBand {
	margin-bottom:0;
	background: -webkit-gradient(linear, left top, left bottom, from(#339933), to(#005737));
background: -moz-linear-gradient(top, #339933, #005737);
background: -o-linear-gradient(top, #339933, #005737);
background: -ms-linear-gradient(top, #339933, #005737);
background: linear-gradient(top, #339933, #005737);
-background: linear-gradient(top, #339933, #005737);
-pie-background: linear-gradient(top, #339933, #005737);
behavior: url(PIE.htc);
	width:100%;
	}
.range {
	width: 800px;
	max-width: 800px;
	min-width: 800px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	}
.topImage img{
	background-size:contain;
	width: 100%;
	margin:0;
	padding:0;
	vertical-align:bottom;
	}
.inner {
	width: 800px;
	min-width: 800px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	}
	
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;	
clear: both; 
visibility:hidden;
}
#nav ul{
padding-bottom:3px;
list-style:none;
}

/* ナビゲーション */
#nav ul{
width:380px;
border-right:1px dotted #ddd;
background:#fff;
}
#nav li{
float:left;
height: 25px;
width: 75px;
border-left:1px dotted #ddd;
}

#nav li a{
display: block;
position: relative;
height: 25px;
width: 75px;
font-size:12px;
text-decoration: none;
line-height: 25px;
text-align: center;
color: #777;
}
#nav li a:hover:after,#nav li a.on:after{
content:"▲";
font-size:8px;
position:absolute;
bottom:-10px;
left:34px;
}
.nav1 a{
border-bottom:4px solid #9A9898;
}
.nav1 a:hover:after,.nav1 a.on:after{
color:#9A9898;
}
.nav2 a{
border-bottom:4px solid #9A9898;
}
.nav2 a:hover:after,.nav2 a.on:after{
color:#9A9898;
}
.nav3 a{
border-bottom:4px solid #9A9898;
}
.nav3 a:hover:after,.nav3 a.on:after{
color:#9A9898;
}
.nav4 a{
border-bottom:4px solid #9A9898;
}
.nav4 a:hover:after,.nav4 a.on:after{
color:#9A9898;
}
.nav5 a{
border-bottom:4px solid #9A9898;
}
.nav5 a:hover:after,.nav5 a.on:after{
color:#9A9898;
}

.top_ward {
	font-family: 'Marcellus', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
#siteID {
	padding: 24px 0 0;
	}
#siteID h1 {
	font-size: 2.8em;
	font-weight: 400;
	margin-bottom: 0.1em;
	margin-left: 30px;
	}
#siteID .description {
	font-size: 1.2em;
	}
.utilitiesContainer {
	position: absolute;
	top: 4px;
	right: 0px;
	font-size: 1.4em;
	}
.utilitiesContainer .switch {
	display: none;
	cursor: pointer;
	}

#mainVisualContainer {
	margin-bottom:0;
	background: -webkit-gradient(linear, left top, left bottom, from(#339933), to(#005737));
background: -moz-linear-gradient(top, #339933, #005737);
background: -o-linear-gradient(top, #339933, #005737);
background: -ms-linear-gradient(top, #339933, #005737);
background: linear-gradient(top, #339933, #005737);
-background: linear-gradient(top, #339933, #005737);
-pie-background: linear-gradient(top, #339933, #005737);
behavior: url(PIE.htc);
	width:100%;
	}
#mainVisualContainer img {
	width: 100%;
	vertical-align: bottom;
	}
	
#mainVisualContainer2 {
	background: #fff;
	}
#mainVisualContainer2 img {
	width: 100%;
	}
.mainVisualContainer {
	background: #fff;
	}

.top1 {
	position: relative;
	alignment-adjust: auto;
	}
.top2:after {
	content: "";
	display: block;
	clear: both;
	}
.top2-1 {
	float: left;
	width:20%;
	background:url(../../../brosHP%202/css/indexparts/Movie_on.jpg) no-repeat;
	}
.top2-1 a{
    display: block;
}
.top2-1 img{
    border: none;
}
.top2-1 a:hover{
    background: none;
}
.top2-1 a:hover img{
    visibility: hidden;
}

.top2-2 {
	float: left;
	width:20%;
	}
.top2-3 {
	float: left;
	width:20%;
	}
.top2-4 {
	float: left;
	width:20%;
	}
.top2-5 {
	float: left;
	width:20%;
	}
	
.top3:after {
	content: "";
	display: block;
	clear: both;
	padding:10px;
	}
.top3-1 {
	float: left;
	width:45%;
	font-size:14px;
	}
.top3-2 {
	float: left;
	width:55%;
	font-size:12px;
	margin:0;
	}

#title1 {
	margin-top:5px;
	margin-bottom:6px;
	padding:10px;
	text-align: center;
	font-size:16px;
	color: #CAAD98;
	background: #005e15;
}
#title2 {
	margin-bottom:2px;
	padding:10px;
	text-align: center;
	font-size:20px;
	color: #CAAD98;
	background: #005e15;
}
#title3 {
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	font-size:15px;
	color: #CAAD98;
	background: #005e15;
}
#title4 {
	margin-top:5px;
	padding-top:3px;
	padding-bottom:3px;
	text-align: center;
	font-size:14px;
	color: #fff;
	background: #005e15;
}#title5 {
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	font-size:15px;
	color: #CAAD98;
	background: #005e15;
}
#title6 {
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	font-size:15px;
	color: #CAAD98;
	background: #005e15;
}
#ar-title1 {
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	font-size:15px;
	color: #CAAD98;
	background: #005e15;
}
.ar-title1 {
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	font-size:15px;
	color: #CAAD98;
	background: #005e15;
}
.arEFG:after {
	content: "";
	display: block;
	clear: both;
	}
.arE {
	float: left;
	width:29%;
	background-color:#000;
	}
.arF {
	float: left;
	width:29%;
	margin-left:38%;
	margin-top:2%;
	margin-bottom:2%;
	}
.arG {
	float: left;
	width:29%;
	}
.h4 {
	font-size:15px;
	color:#F66;
	font:bold;
	padding:5px;
	}
.h5 {
	font-size:20px;
	color:#F66;
	font:bold;
	}
#contentContainer {
	position: relative;
	padding-bottom: 5px;
	background: #f8f6f5;
	}
#contentContainer_inner {
	margin: 5px;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
    background: #f8f6f5;
  }
#contentContainer3 {
	padding-left:30px;
	background: #f8f6f5;
	}
#contentContainer4 {
	padding-left:30px;
	}
.news h1  {
	font-size: 16px;
	color: #666666;
	border-bottom: dotted 5px #000000;
	}
.news ul  {margin: 0;
	padding: 0;
	list-style: none
	}
.news li a  {display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	font-size: 12px;
	text-decoration: none
	}
.news li a:hover  {
	background-color: #e4e2e1
    }
.news time  {
	padding-top:20px;
	margin-right: 10px;
	color: #888888;
	font-weight: bold
	}
	
.TOP {
	width: 100%;
	margin:0;
	padding:0;
	display: block;
}

#m_contentContainer {
	padding-top:5px;
	padding-bottom:10px;
	position: relative;
	}
#m_contentContainer2 {
	padding-top:5px;
	padding-bottom:10px;
	position: relative;
	}
#m_contentContainer_inner {
    background: #e4e2e1;
  }
 #m_contentContainer_inner2 {
    background: #e4e2e1;
  }
 #m_contentContainer_inner3 {
    background: #e4e2e1;
  }
.m_news h2  {
	margin-top: 5px;
	padding:8px;
	padding-left:15px;
	font-size: 18px;
	color: #666666;
	border-bottom: dotted 3px #b0afaf;
	}
.m_news ul  {
	list-style: none
	}
.m_news li {
	padding: 4px;
	display: block;
	margin-top:1%;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	border-bottom: dotted 2px #b0afaf;
	color: #000000;
	font-size: 12px;
	text-decoration: none
	}
	
.m2_news li {
	padding: 10px;
	display: block;
	padding-left:120px;
	padding-right:100px;
	border-bottom: dotted 2px #b0afaf;
	color: #000000;
	font-size: 14px;
	text-decoration: none
	}

.ar_news h2  {
	margin-top: 5px;
	padding:5px;
	padding-left:15px;
	font-size: 18px;
	color: #666666;
	border-bottom: dotted 3px #b0afaf;
	}
.ar_news ul  {
	list-style: none
	}
.ar_news li {
	display: block;
	padding-right:5px;
	padding-left:15px;
	border-bottom: dotted 2px #b0afaf;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	padding-bottom:12px;
	}
.sample1 {
	width:100%;
	height:auto;
	margin-top: 3px;
}
	
#material {
	position: relative;
	padding-bottom: 30px;
}
/* 記事BOX */
.kiji:after {
	content: "";
	display: block;
	clear: both;
}
.kiji_a {
	float: left;
	width:50%;
}
.kiji_b:{
	float: left;
	width:50%;
}

/* サンプル動画＋金額 */
.m_contCont{
	margin-top:10px;
	padding:10px;
    background: #e4e2e1;
	}
#m_movieContainer {
	position: relative;
	}
#m_movieContainer2 {
	position: relative;
	}
#m_movieContainer3 {
	position: relative;
	}
#m_movieContainer4 {
	position: relative;
	}
#m_movieContainer5 {
	position: relative;
	}
#m_movieContainer_inner {
	margin-top:10px;
	padding:10px;
    background: #e4e2e1;
	}
#m_movieContainer_inner2 {
	margin-top:10px;
	padding:10px;
    background: #e4e2e1;
	}
#m_movieContainer_inner3 {
	margin-top:10px;
	padding:10px;
    background: #e4e2e1;
	}
#m_movieContainer_inner4 {
	margin-top:10px;
	padding:10px;
    background: #e4e2e1;
	}
#m_movieContainer_inner5 {
	margin-top:10px;
	padding:10px;
    background: #e4e2e1;
	}
.top4:after {
	content: "";
	display: block;
	clear: both;
	}
.top4-1 {
	float: left;
	width:55%;
	}
.top4-2 {
	float: right;
	width:45%;
	font-size:12px;
	}
.top5:after {
	content: "";
	display: block;
	clear: both;
	}
.top5-1 {
	float: left;
	width:55%;
	}
.top5-2 {
	float: right;
	width:45%;
	font-size:12px;
	}
.top6:after {
	content: "";
	display: block;
	clear: both;
	}
.top6-1 {
	float: left;
	width:55%;
	}
.top6-2 {
	float: right;
	width:45%;
	font-size:12px;
	}
.top7:after {
	content: "";
	display: block;
	clear: both;
	}
.top7-1 {
	float: left;
	width:55%;
	}
.top7-2 {
	float: right;
	width:45%;
	font-size:12px;
	}

.top8:after {
	content: "";
	display: block;
	clear: both;
	}
.top8-1 {
	float: left;
	width:25%;
	}
.top8-2 {
	float: left;
	width:25%;
	}
.top8-3 {
	float: left;
	width:25%;
	}
.top8-4 {
	float: left;
	width:25%;
	}

/* 3Dサンプル動画 */	
#3d_movieContainer_inner {
	margin-top:10px;
	padding:10px;
	}
	
#c_contentContainer {
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:10px;
	position: relative;
	background: #e4e2e1;
	}
#c_contentContainer2 {
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:10px;
	position: relative;
	background: #e4e2e1;
	}
#c_contentContainer3 {
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:10px;
	position: relative;
	background: #e4e2e1;
	}
#c_contentContainer4 {
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:10px;
	position: relative;
	background: #e4e2e1;
	}
#c_contentContainer5 {
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:10px;
	position: relative;
	background: #e4e2e1;
	}
#c_contentContainer6 {
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:10px;
	position: relative;
	background: #e4e2e1;
	}
.image:after {
	content: "";
	display: block;
	clear: both;
	}
.image-1 {
	float: left;
	width:32%;
	padding:5px;
	}
.image-2 {
	float: left;
	width:32%;
	padding:5px;
	}
.image-3 {
	float: left;
	width:32%;
	padding:5px;
	}
/* ar記事 */
.ar-kiji1 h2 {
	margin-top:20px;
	margin-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	font-weight:normal;
	color:#F60;
	}
.ar-kiji1 p {
	margin-top:0px;
	margin-bottom:5px;
	padding-left:20px;
	padding-right:10px;
	font-size:10px;
	font-weight:normal;
	}
.ar-kiji1 img {
	max-width:75%;
	margin-top:20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ar記事 */
.arAB:after {
	content: "";
	display: block;
	clear: both;
	}
.arA {
	float: left;
	width:70%;
	}
.arB {
	float: left;
	width:30%;
	}
	
.arCD:after {
	content: "";
	display: block;
	clear: both;
	}
.arC {
	float: left;
	width:40%;
	}
.arD {
	float: left;
	width:60%;
	}
.ar-kiji2 h2 {
	margin-top:15px;
	margin-bottom:5px;
	padding-left:10px;
	padding-right:5px;
	font-size:14px;
	font-weight:normal;
	color:#F60;
	}
	

#price {
	border-collapse: collapse;
	width: 100%;
	margin-top:10px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #005e15;
	font-size: 150%;
}
#price th.t_top {
	color: #005e15;
	background-color: #F0FFD0;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #6B7A30;
	font-weight: normal;
}
#price th {
	text-align: center;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #005e15;
	border-left-color: #005e15;
	padding: 10px;
	background-color: #FEFDED;
	font-weight: normal;
}
#price td {
	text-align: center;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #005e15;
	border-left-color: #005e15;
	padding: 10px;
}
#price td.t_top {
	color: #005e15;
	background-color: #fefcd6;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #c1dd01;
}

#3dimage01 {
	padding:5px;
}

/*link_btn*/
.old-link-box {
	margin-top:2%;
	margin-bottom:2%;
	background: #fff8e6;
	padding-top:3%;
	padding-bottom:3%;
	}
.old-link-box:after {
	content: "";
	display: block;
	clear: both;
	}
.old-link_mov img {
	float: left;
	margin:0;
	padding:0;
	margin-left:10%;
	width:14%;
	}
.old-link_mov:hover{
	background-color:#a9aa7d;}
.old-link_3D img{
	float: left;
	margin:0;
	padding:0;
	margin-left:9%;
	width:9.7%;
	}
.old-link_3D:hover{
	background-color:#886e8e;}
.old-link_chara img{
	float: left;
	margin:0;
	padding:0;
	margin-left:11%;
	width:18.5%;
	}
.old-link_chara:hover{
	background-color:#aeb5b7;}
.old-link_AR img{
	float: left;
	margin:0;
	padding:0;
	margin-left:5%;
	width:10%;
	}
.old-link_AR:hover{
	background-color:#a7bc86;}

/*order_btn*/
.order-box img{
    width:70%;
    max-width:70%;
    height:auto;
	margin-left:15%;
	margin-top:5%
	}

/* フッター */
#footer1 {
	padding:12px;
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
}
#footer1:hover {
	color: #4abc63;
}
#footerContainer {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	background: #005e15;
	padding: 5px 0;
	}
#copyright{
	color: #fff;
	text-align: center;
	font-size: 10px;
	}