body{
	margin-bottom:80px !important;margin:0 auto;font-family:'MSゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	line-break:strict
}
@media screen and (max-width:979px){
	body{
		font-size:1em
	}
}
@media screen and (max-width:767px){
	body{
		font-size:.95em
	}
}
@media screen and (max-width:479px){
	body{
		font-size:.8em
	}
}
.mainPageBody{
	padding-top:120px
}html{
	position:relative;min-height:100%
}
.topitle{
	font-size:32px;
	font-weight:300;
	line-height:1em;
	color:#929292;
	padding-top:1em;
	margin-top:1em;
	font-family:Merienda,'Times New Roman',serif,sans-serif
}
.footer{
	position:absolute;
	bottom:0;
	padding:1em;
	width:100%;
	height:40px;
	text-align:center;
	line-height:.5em;
	font-size:10px;
	background-color:#f5f5f5;
	font-family:"ＭＳ ゴシック","MS Gothic","Osaka－等幅",Osaka-mono,monospace;color:#666
}
.footer a{
	color:#666;
	font-size:14px
}
.footer 
.copyright{
	font-family:Helvetica,Arial,sans-serif
}
.footer li{
	border-right:1px solid #999;
	padding-right:.5em;
	margin-right:0
}
.footer li:last-child{
	border-right:none !important
}
.olympusLogo{
	background:url("../image/mark.gif") no-repeat;
	background-size:contain;
	width:146px;
	height:29px;
	background-color:#6e3132;
	margin-top:16px;
	margin-left:14px;
	margin-bottom:12px
}
.olympusLogoTop{
	margin-top:16px;margin-left:14px
}
a:focus{
	outline:none
}
.btn-link{
	color:#24019b !important
}
.func_title{margin-bottom:1em;
	padding:5px;
	background-image:url(../image/function_title_back.png);
	background-size:contain;
	color:#fff
}
@media screen and (max-width:979px){
	.func_title{
		font-size:4em
	}
}
@media screen and (max-width:767px){
	.func_title{
		font-size:3.5em
	}
}
@media screen and (max-width:479px){
	.func_title{
		font-size:2em
	}
}
.pos-right{
	position:relative;
	left:5%
}
.imgList ul{
	list-style:none
}
.imgList li{
	margin-bottom:4.3%;float:left
}
.imgList.addArrow li{
	background:url(../image/rightArrow.png) no-repeat right 40% !important;padding-right:2em;margin-right:1em
}
.imgList.addArrow li:last-child{
	background:none !important
}
.imgList.col3{
	width:104%
}
.imgList.col3 li{
	margin-right:1.5%;margin-bottom:1%;padding-right:2.8%;width:29%
}
.imgList.col2 li{
	margin-right:1.5%;padding-right:2.8%;width:45.7%
}
.kugiri{
	height:10px;border:0;box-shadow:0 10px 10px -10px #bbb inset;width:80% !important
}
.sampleImage div{
	border:none
}
.sampleImage div:focus{
	outline:none !important
}
.sampleImage img{
	width:100px;height:100px;max-width:150px;min-width:100px;max-height:150px;overflow:hidden;margin:0 auto
}
.subTitle{
	color:#000;font-weight:bold;font-size:12px;padding-bottom:.5em
}
.mainText{
	color:#000;font-size:14px;line-height:1.6em;padding-bottom:2em
}
.fotopuslogo{
	text-align:right;margin-top:10px;vertical-align:bottom;color:#000e51
}
.fotopuslogo a:link{
	color:#000e51
}
.fotopuslogo a:visited{
	color:#000e51
}
.fotopuslogo span{
	text-decoration:underline;background:linear-gradient(transparent 95%,#3f72fd 0%);margin-right:.25em
}
.viewer{
	margin:0 auto;width:400px;height:300px;text-align:left;overflow:hidden
}
.viewer ul{
	width:400px;height:300px;text-align:left;overflow:hidden;position:relative
}
.viewer ul li{
	top:0;left:0;width:400px;height:300px;display:none;position:absolute
}
.navbar .nav li a{
	color:#090421
}
.exImg{
	max-height:400px !important;max-width:500px !important
}
#mainPage{
	display:none
}
#loading{
	position:absolute;left:50%;top:20%;margin-left:-30px
}
.textborder{
	text-shadow:1px 1px #000,0 0 20px #edf8ff,0 0 .2px #edf8ff
}
.filters{
	display:none
}
.subNavibar{
	background-color:#dcddda
}
.pageSubTitle{
	font-size:1em;white-space:nowrap;vertical-align:middle
}
#funcFrame{
	width:100%;height:100%
}
.localeselect{
	margin-top:16px
}
.pageMainTitle{
	font-weight:bold;font-size:2em;color:#3e4448
}
.pageMainTitleFunc{
	font-weight:bold;color:#3e4448;white-space:nowrap
}
@media screen and (max-width:300px){
	.pageMainTitleFunc-hide{
		display:none
	}
	.pageMainTitle{
		font-size:1.5em
	}
}
.startImageArea{
	margin-top:50px;
	text-align:center;
	padding-top:80px;
	background-image:url(../image/webmanual-site-top02.png);
	background-repeat:no-repeat;background-position:center;
	color:#f0f8ff;
	font-weight:bold;
	font-size:1.25em;
	background-size:contain;
	height:30em;position:relative
}
.startMessageArea{
	background-color:rgba(62,68,72,.55);
	padding-top:.5em;
	line-height:2em;
	position:relative;top:30px
}
.startMessageArea a:link{
	color:#f0f8ff !important
}
.startMessageArea a:hover{
	color:#f0f8ff !important
}
.startMessageArea a:visited{
	color:#f0f8ff !important
}
#stillsArea{
	margin-bottom:2em
}
figcaption{
	text-align:center
}
#vertivalStillArea{
	margin-bottom:2em;width:80%
}
#vertivalStillArea img{
	max-height:420px
}
#vertivalStillArea figure{
	margin-bottom:2em;
	color:#000
}
#vertivalStillArea figcaption{
	font-size:1.5em
}
#humberger{
	padding-right:10px;
	margin-left:10px;
	vertical-align:middle;
	font-size:3em;
	background-color:transparent;
	border:none !important;
	cursor:pointer
}
.right{
	margin-left:auto
}
a:link{
	color:#000 !important
}
a:visited{
	color:#000 !important
}
.panel-heading{
	color:#fbf9f9 !important;
	font-weight:bold;
	font-size:1.2em;
	background-image:-webkit-linear-gradient(135deg,rgba(147,176,235,.91) 4.81%,rgba(70,80,219,1) 32.64%,rgba(70,87,170,1) 62.4%,rgba(82,178,203,1) 96.89%);
	background-image:-moz-linear-gradient(135deg,rgba(147,176,235,.91) 4.81%,rgba(70,80,219,1) 32.64%,rgba(70,87,170,1) 62.4%,rgba(82,178,203,1) 96.89%);
	background-image:-o-linear-gradient(135deg,rgba(147,176,235,.91) 4.81%,rgba(70,80,219,1) 32.64%,rgba(70,87,170,1) 62.4%,rgba(82,178,203,1) 96.89%);
	background-image:linear-gradient(315deg,rgba(147,176,235,.91) 4.81%,rgba(70,80,219,1) 32.64%,rgba(70,87,170,1) 62.4%,rgba(82,178,203,1) 96.89%);
	text-shadow:1px 1px 1px #020202,0 0 20px #edf8ff,0 0 .2px #edf8ff}#thumbnails{margin:0 auto;background-color:#fff;
		border-radius:1em;position:absolute
}
.thumb{
	min-height:1px;
	padding:5px;
	width:200px;
	height:200px;
	font-size:1.5em;
	background:#fbfbfb;
	display:table;
	border:1px solid rgba(7,7,7,.1)
}
.tile_title{
	width:200px;
	height:200px;
	text-align:left;color:#fff;
	background-color:#0ff;
	display:table-cell;
	vertical-align:top;
	cursor:pointer;
	-moz-transition:-moz-transform .5s linear;
	-webkit-transition:-webkit-transform .5s linear;
	-o-transition:-o-transform .5s linear;
	transition:transform .5s linear;
	z-index:1
}
.tile_title span{
	text-shadow:1px 1px 1px #000,0 0 20px #edf8ff,0 0 .2px #edf8ff;font-weight:bold;
	display:inline-block;
	height:100%;margin-top:5px;
	margin-left:5px
}
.tile_title:hover{-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-o-transform:scale(1.25);
	-ms-transform:scale(1.25);
	transform:scale(1.25);
	position:absolute;
	z-index:999
}
.thumb:hover{
	position:absolute;
	z-index:999
}
@media screen and (max-width:767px){
	.thumb{
		width:180px;
		height:180px;
		font-size:1.2em
	}
	.tile_title{
		width:180px;
		height:180px
	}
}
@media screen and (max-width:479px){
	.thumb{
		width:120px;
		height:120px;
		font-size:1em
	}
	.tile_title{
		width:120px;
		height:120px
	}
}
.titlebox-xs{
	display:table-cell;
	position:fixed;
	top:62px;
	left:80px
}
.titlebox{
	margin-top:3px;
	display:inline-block
}
.titlebox2{
	margin-top:3px;
	display:inline-block
}
.toTop{
	margin-top:8px;
	display:inline-block;
	float:right;
	font-size:1.2em;
	padding-right:10px
}
@media screen and (max-width:767px){
	.titlebox{
		display:none !important
	}
	.toTop{
		margin-top:12px
	}
}
.navbar-header{
	display:inline-block
}
#inline_content{
	padding:0;
	margin:0;
	background-color:#000;
	border:2px solid #000;
	box-shadow:none !important;
	overflow:hidden;
	width:720px;
	height:480px
}
video{
	margin:0;
	padding:0;
	max-width:100%
}
#msrc{
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto
}
@media screen and (max-width:979px){
	#inline_content{
		width:640px;
		height:360px
	}
}
@media screen and (max-width:767px){
	#inline_content{
		width:480px;
		height:270px
	}
}
@media screen and (max-width:479px){
	#inline_content{
		width:320px;
		height:180px
	}
}
.panel-heading{
	cursor:pointer
}
.myindent{
	text-indent:1em
}
#pageTop{
	position:fixed;
	bottom:20px;
	right:20px
}
#pageTop a{
	display:block;
	z-index:1000;
	padding:8px 0 0 8px;
	background-image:url("../image/000000015.png");
	background-repeat:no-repeat;
	background-size:contain;
	width:90px;
	height:40px;
	margin-bottom:50px
}
#pageTop a:hover{
	text-decoration:none;
	opacity:.7
}
.selectedFilter{
	background-color:#ddd
}
.dropdown .dropdown-menu{
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	max-height:0;
	width:250px;
	display:block;
	overflow:hidden;
	opacity:0
}
.dropdown.open .dropdown-menu{
	max-height:800px;
	opacity:1
}
.showBorder{
	border:1px solid #f00
}
.hideBorder{
	border:none !important;
	box-shadow:none !important
}
.motionFuncTypeArea{
	color:#fbf9f9 !important;
	font-weight:bold;
	background-color:#288a8f;
	margin:2px;
	padding-bottom:5px
}
.motionFuncTypeTitle{
	font-size:1.8em;
	margin:2px;margin-left:3px
}
.motionFuncName{
	width:50%;
	margin-left:auto;
	margin-bottom:1px;
	margin-top:1px;
	font-size:1.5em;
	padding:5px;color:#121111;
	background-color:#96d1d4;
	cursor:pointer
}
.motionExplanationArea{
	background-color:#96d1d4;
	text-shadow:none;
	margin:4px;
	padding:1em;
	border-radius:10px 10px 10px 10px;
	color:#000;
	display:none;
	position:relative
}
.motionExplanationTitle{
	font-size:1.8em;
	margin:1px;
	font-weight:bold;
	color:#121111
}
.motionFuncTypeArea .glyphicon{
	font-size:1.6em
}
.motionExplanationSentence{
	font-size:1.5em;
	font-weight:normal;
	line-height:1.6em
}
.motionExplanationImageArea{
	margin:5px;
	margin-top:2em
}
.imageCaption{
	font-size:1.2em;
	text-align:center
}
.gudetitle{
	font-size:1.5em;
	color:#fff;
	font-weight:bold;
	background-color:#3ea1a8;
	margin-top:2em;
	margin-bottom:2em;
	padding-top:.25em
}
@media screen and (max-width:991px){
	.gudetitle{
		width:50%
	}
}
.abstract{
	font-size:1.5em;
	font-weight:bold;
	color:#3c62ef;
	margin-bottom:2em
}
.sub_abstract{
	color:#3c62ef;
	font-weight:bold
}
.guideTopPage a:hover{
	text-decoration:none;
	opacity:.7
}
.abstract_motion{
	color:#404040;
	font-size:1.5em;
	margin-bottom:2em
}
.nextmark{
	color:#00f;
	font-size:2em;
	margin-top:1em
}
.nextmark glyphicon{
	color:#00f
}
.caret-up{
	border-bottom:solid .8em #fff;
	border-left:solid .8em transparent;
	border-right:solid .8em transparent;
	margin-right:.2em
}
.glyphicon.glyphicon-plus{
	font-size:1em;
	color:#fff
}
.btn-default{
	margin-top:30px
}