
.faqinfo{
	margin-bottom: 20px;
	margin-top: 10px;
}

.CollapsibleBoxBody.answer_box{
	display:none;
	background-color:#f5f5f5;
	padding: 20px;
}

.CollapsibleBoxBody.q_box{
	display:none;
	padding-top: 10px;
}

.row.dl-inner{
	background-color:#e9eaea;
}

.div_animation{
	background-color:#ffffff;
	padding:15px 15px 15px 15px;
	border:solid 1px #000000;
}



#ios_icon0, #android_icon0{
	text-align: center;
	background-color: rgba(204,219,58,0.9);
	border: #caee28 solid 0px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	border-radius: 10px;
}

#ios_icon1_ios, #android_icon1_android{	padding: 30px 15px 30px 30px; -webkit-filter: blur(0px);}
#android_icon1_ios, #ios_icon1_android{	padding: 30px 30px 30px 15px; -webkit-filter: blur(0px);}

@media (max-width: 979px) {
	#ios_icon0, #android_icon0{　bottom: 20px; right: 20px;}
	#ios_icon1_ios, #android_icon1_android{	padding: 20px 10px 20px 20px; height: 60px; width: auto;}
	#android_icon1_ios, #ios_icon1_android{	padding: 20px 20px 20px 10px; height: 60px; width: auto;}
}

@media (max-width: 720px) {
	#ios_icon0, #android_icon0{bottom: 10px; right: 10px;}
	#ios_icon1_ios, #android_icon1_android{	padding: 15px  7px 15px 15px; height: 55px; width: auto;}
	#android_icon1_ios, #ios_icon1_android{	padding: 15px 15px 15px  8px; height: 55px; width: auto;}

}

@media (max-width: 640px) {
	#ios_icon0, #android_icon0{bottom: 5px; right: 5px;}
	#ios_icon1_ios, #android_icon1_android{	padding: 10px  5px 10px 10px; height: 35px; width: auto;}
	#android_icon1_ios, #ios_icon1_android{	padding: 10px 10px 10px  5px; height: 35px; width: auto;}
}


.appicon.storeicon{
	width: 45px;
}

h4.app_title{
	margin-top: 0px;
}

.supported_device_notes{
	font-size: 85%;
	margin-left:10px;
	line-height: 130%;
	margin-bottom: 3px;
}

.gallery-to-top{
	color: #fff;
	text-decoration: none;
}

.gallery-to-top:hover{
	color: #CCDB3A;
	text-decoration: none;
}

img.storeicon{
	/*width: 38px;
	height: auto;*/
	/*margin: 10px;*/
	margin-left: 20px;
}

span.storeicon{
	/*margin-top: 20px;*/
	/*margin-left: 10px;*/
	display: inline-block;
	width:100px;
	font-size: 100%;
	vertical-align: bottom;
}

a.btn-viewdetail{
	white-space: nowrap;
	padding: 6px 18px 6px 18px;
	margin-left: 10px;
	font-size: 100%;
	color: #333333;
  	text-align: center;
  	text-shadow: 0 0px;
  	background-color: #CCDB3A;
  	*background-color: #CCDB3A;
  	background-image: -moz-linear-gradient(top, #CCDB3A, #CCDB3A);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CCDB3A), to(#CCDB3A));
  	background-image: -webkit-linear-gradient(top, #CCDB3A, #CCDB3A);
  	background-image: -o-linear-gradient(top, #CCDB3A, #CCDB3A);
  	background-image: linear-gradient(to bottom, #CCDB3A, #CCDB3A);
  	background-repeat: repeat-x;
  	border: 0px;
  	*border: 0;
  	border-color: #CCDB3A #CCDB3A #CCDB3A;
  	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  	border-bottom-color: #b3b3b3;
  	-webkit-border-radius: 4px;
    	 -moz-border-radius: 4px;
          border-radius: 4px;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCDB3A', endColorstr='#CCDB3A', GradientType=0);
  	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  	*zoom: 1;
  	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}

a.btn-viewdetail:hover{
	background: #CCDB3A;
	color: #333333;
}


img.image-dl.choice_os{
	margin-left: 20px;
}


div.dlsec.on_choiced{
	margin-top:20px;
	margin-bottom: 200px;
}

p.choice_os{
	margin-top: 20px;
	margin-bottom: 30px;
	white-space: nowrap;
	min-width: 960px;
}

hr.choice_os{
	/*border-color: #333;*/
	display: inherit;
}

table.storeicon{
}

tr.storeicon{
	border: 5px #fff solid;
	border-top-width: 20px;
	border-bottom-width: 20px;
	/*background-color: #333;*/
}

tr.storeicon td{
	background-color: #e9eaea;
	/*margin: 5px;*/
	padding: 10px;
	vertical-align: middle;
}

@media (max-width: 979px) {
	img.storeicon{margin-left: 0;}
	img.image-dl.choice_os{ width: 70%; margin-left: 5px; padding: 0;}
	a.btn-viewdetail{font-size: 80%; padding: 10px;}
}

@media (max-width: 767px) {
	span.storeicon{display: none;}
	ul.nav.nav-gallery{margin-left: 15px;}
}



/* for update attention */

.navbar{
	min-height: 70px;
}

span.menu-btn{
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	color: #333;
}
.navbar .nav{
	position: relative;
	bottom: 0;
	margin-top: 15px;
	margin-left: 50px;
}
.nav.nav-gallery{
	margin-top: 24px;
}

.navbar-inverse .navbar-inner {
	min-height: 70px;
	background-color: #000000;
	background-image: -moz-linear-gradient(top, #000000, #000000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#000000));
	background-image: -webkit-linear-gradient(top, #000000, #000000);
	background-image: -o-linear-gradient(top, #000000, #000000);
	background-image: linear-gradient(to bottom, #000000, #000000);
	background-repeat: repeat-x;
	border-color: #000000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.navbar .brand{
	padding: 0px 0px 0px;
}

.new {
  color: red;
}

.sliderimage_none{display: none;}
.image_none{display: none;}
.gallerytop7{max-height: 360px; overflow:hidden;}
.photo_Grid{cursor: pointer;}

/* ********************************************* */

.dlsec{
    overflow: hidden!important;
}

.dl-inner{
    margin: 0px!important;
    padding-left: 10px;
}

.dl-inner-top{
    padding: 20px 10px 0 10px;
}

/* TANIFUJI */
@media (min-width: 1200px) and (max-width: 1235px) {
  .dl-inner{
    margin-left: 30px!important;
  }
}

@media (min-width: 978px) and (max-width: 990px) {
  .dl-inner{
    margin-left: 20px!important;
  }
}

@media (max-width: 979px) {
  .dl-inner{
    margin-left: 0px!important;
  }
}

@media (max-width: 767px) {
  .row{
    margin-right:5px;
  }

  .dl-inner{
    margin: 0px!important;
    padding-left:15px!important;
    padding-right:5px!important;
  }

  .dlsec > div:nth-child(2){
    padding-left:5px!important;
  }
}

/* ********************************************* */
/* add ver1.2 */

.ri-shadow:after,
.ri-shadow:before{
    width: 0;
    height: 0;
}

#div-hero-m-unit{
    display: none;
}

.photo_garelly{
    margin-top: 70px;
    margin-left:0;
    padding:0;
}

.img_new {
  width: 50px;
}

.notes-gallery {
  padding-top: 13%;
}

.indent {
  padding-left: 15px;
}

.animation-mode {
  margin-right: 2px;
  margin-left: 8px;
}

.margin-leftonly {
  margin-top:0;
  margin-bottom:0;
  margin-left:15px;
  margin-right:0;
}

.margin-none {
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
}

.dl-animation-img {
  text-align: left;
}
/* ********************************************* */

body {
  font-size: 90%;
  height: 100%;
  /*background-color: #000;*/
}

.strong{
	font-weight: bold;
}

H2.font-family {
  font-family: "Roboto", "Meiryo", "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
  font-weight: lighter;
}

.image-howto {
	border:solid 2px #000000;
	display:block;
	margin:auto;
}

.image-mark {
	vertical-align: text-bottom;
	margin: 0 5px 0 0;
}

.image-mark-animation {
	vertical-align: baseline;
	margin: 0 5px 0 0;
}

ul.bxslider,
ol {
  padding: 0;
  margin: 0 10px 10px 0;
}

.bx-wrapper .bx-viewport {
	height: 461px;
}

.font-footer-link {
	color: #fff;
}

.font-footer-link:hover{
	color: #CCDB3A;
	text-decoration: none;
}

.center {
	text-align: center;
	padding: 10px 50px 10px 50px;
}

.btn-motionshot {
  color: #333333;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #CCDB3A;
  background-image: -moz-linear-gradient(top, #DDEC4B, #BBCA29);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DDEC4B), to(#BBCA29));
  background-image: -webkit-linear-gradient(top, #DDEC4B, #BBCA29);
  background-image: -o-linear-gradient(top, #DDEC4B, #BBCA29);
  background-image: linear-gradient(to bottom, #DDEC4B, #BBCA29);
  background-repeat: repeat-x;
  border-color: #CCDB3A #CCDB3A #CCDB3A;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDEC4B', endColorstr='#BBCA29', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-motionshot:hover{
  color: #333333;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #BBCA29;
}


/*---------------------------------------*/
/* IMAGE表示サイズ関連 */
/*---------------------------------------*/
.image-aplicon {
	padding-right:25px;
	padding-bottom:10px;
	width:100px;
	height:100px;
	float:left;
}

.image-aplicon.on_ios{
	padding-top:5px;
}

.image-subtitle {
	vertical-align:-15px;
}

.image-subsubtitle {
	vertical-align:-12px;
	padding: 4px;
}

.image-hint {
	padding-right:5px;
}


/*---------------------------------------*/
/* FAQ折りたたみボックス関連 */
/*---------------------------------------*/
div.CollapsibleBox {
   /* ■ボックス全体■ */
   width: 85%;
}

div.CollapsibleBox div.CollapsibleBoxBody {
   /* ■本文枠■ */
   margin: 0;
   padding: 0;
   background-color: #eeeeff;
}


/*---------------------------------------*/
/* 基礎タグ関連 */
/*---------------------------------------*/
.body-m {
  padding: 0;
  font-family: "Roboto", "Meiryo", "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
  /*font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;*/
  line-height: 25px;
  color: #333333;
  overflow-x:hidden;
}

.hero-m-unit {
  padding: 10px;
/*  margin-top: 100px;*/
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.hero-m-unit li {
  line-height: 30px;
}

.body-inner {
  min-height: 100%;
}

.p-hr{
	/*width:100%;*/
	border-bottom: 2px solid #CCDB3A;
	padding: 1px 0 0 10px;
}

.p-hr-glay{
	width:100%;
	border-bottom: 1px dotted #778899;
}

.subsubtitle {
	width:98%;
	font-size: 130%;
	font-weight: bold;
	background-color:#eeeeee;
	padding: 0px 0 0 14px;
	vertical-align:middle;
}

.titleback {
	background-color:#CCDB3A;
	padding: 0 0 0 10px;
}

.span4green {
	width:80%;
	background-color:#86BA56;
	padding: 10px 0 10px 0;
	font-size: 120%;
	text-align : center;
	color: #333333;
}

.span4yellow {
	width:87%;
	background-color:#CCDB3A;
	padding: 10px 0 10px 0;
	font-size: 120%;
	text-align : center;
	color: #333333;
}

.span4orange {
	width:87%;
	background-color:#F5B800;
	padding: 10px 0 10px 0;
	font-size: 120%;
	text-align : center;
	color: #333333;
}

.a-ms {
  color: #0033cc;
}

.a-ms:hover,
.a-ms:focus {
  color: #0033cc;
  text-decoration: underline;
}

.stca-title {
	font-family: "Roboto", "Meiryo", "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;*/
	width: 100%;
	padding: 10px 0 10px 10px;
	font-weight: bold;
	font-size: 120%;
	text-align : left;
	float: left;
	width:90%;
	background-image: -ms-linear-gradient(bottom right, #756F6F 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom right, #756F6F 0%, #FFFFFF 100%);
	background-image: -o-linear-gradient(bottom right, #756F6F 0%, #FFFFFF 100%);
	background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #756F6F), color-stop(1, #FFFFFF));
	background-image: -webkit-linear-gradient(bottom right, #756F6F 0%, #FFFFFF 100%);
	background-image: linear-gradient(to top left, #756F6F 0%, #FFFFFF 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#756F6F');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#756F6F')";
}

.stca-subtitle {
	font-family: "Roboto", "Meiryo", "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;*/
	font-size: 110%;
	text-align : left;
	padding: 10px 0 10px 10px;
	width:90%;
}
.stca {
	font-family: "Roboto", "Meiryo", "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;*/
	font-size: 90%;
	text-align : left;
	float: left;
	padding: 10px 10px 10px 50px;
	width:90%;
}

hr.stca-bd {
	width: 95%;
	border: 0;
    height: 1px;
    background: #555;
    background-image: -webkit-linear-gradient(left, #ccc, #777, #555);
    background-image:    -moz-linear-gradient(left, #ccc, #777, #555);
    background-image:     -ms-linear-gradient(left, #ccc, #777, #555);
    background-image:      -o-linear-gradient(left, #ccc, #777, #555);
    margin: 10px 0 30px 0;
    margin-left:auto;margin-right:auto;
    clear:both;
}

.dl-hint:before,
.dl-hint:after {
  display: table;
  content: "";
}

.dl-hint:after {
  clear: both;
}

.dl-hint dt {
  clear: left;
  float: left;
  text-align: right;
  white-space: nowrap;
  width: 2em;
}

.dl-hint dd {
  margin-left: 2em;
  margin-top: 2px;
}

.dl-qa {
  margin: 0;
  padding: 0;
}

.dl-qa:before,
.dl-qa:after {
  display: table;
  content: "";
}

.dl-qa:after {
  clear: both;
}

.dl-qa dt {
  clear: left;
  float: left;
  text-align: right;
  width: 2em;
}

.dl-qa dd {
  margin-left: 2.5em;
  margin-top: 2px;
}

.dl-qa ul li a {
  color: #0033cc;
}

.dl-qa ul li a:hover {
  cursor: pointer;
}


/*---------------------------------------*/
/* FONT関連 */
/*---------------------------------------*/
.font-menu {
	color:#fff;
	font-size:100%;
}

.font-menu-lang {
	color:#fff;
	/*font-weight: bold;*/
	font-size:120%;
}

.font-menu:hover, .font-menu-lang:hover {
	color:#CCDB3A;
	/*font-weight: bold*/;
}

.font-menu-title {
	color:#444444;
	font-weight: bold;
}

.font-menu-title:hover {
	color:#00BFFF;
	font-weight: bold;
}

.font-b {
	font-weight: bold;
	color:#0033FF;
}

.font-notes {
	font-size: 85%;
}

.font-larger {
	font-size: 115%;
}

.notes {
	font-size: 85%;
	margin: auto;
	text-align : left;
	float: left;
	line-height:130%;
}

.trademark-title {
	font-size: 90%;
	margin: auto;
	text-align : left;
	float: left;
}

.trademark {
	font-size: 70%;
	margin: auto;
	text-align : left;
	float: left;
	line-height:130%;
}

.footerbar {
	background-color: #000000;
}

.footer {
  font-size: 85%;
  color:#999999;
  /*padding:0 0 0 30px;*/
  padding: 0px;
}

.copyright {
  font-size: 85%;
  color:#999999;
  /*float: right;*/
  margin-right:4px;
  padding-right: 1px;
}


/*---------------------------------------*/
/* 表示位置調整関連 */
/*---------------------------------------*/
.navbar-fixed-top .navbar-inner {
  border-width:0;
  background-color: #000;
}

.span-border {
  border:1px solid gray;
  padding:10px;
}

.pmoicon {
	padding: 0 0 0 0;
}

.navbar-bgcolor {
  background-color: #CCDB3A;
}

#overview,
#howto,
#download,
#qanda {
	padding:50px 0 0;
	margin:-50px 0 0;
}

.nowrapqa {
  white-space:nowrap;
}


/*---------------------------------------*/
/* お問い合わせ関連 */
/*---------------------------------------*/
.btn-trademarks-ok {
  width: 115px;
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #e40a0a;
  background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e40a0a), to(#9f0202));
  background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
  background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
  background-image: linear-gradient(to bottom, #e40a0a, #9f0202);
  background-repeat: repeat-x;
  border-color: #e40a0a #9f0202 #e40a0a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e40a0a', endColorstr='#9f0202', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-trademarks-ok:hover{
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #9f0202;
  
}

.btn-trademarks-ng {
  width: 115px;
}

.inquiry-btn {
  padding:80px;
  display: inline;
}

.inquiry-top {
    padding-top:85px;
}

ol.inquiry-num{
    padding: 0;
    margin: 0 0 10px 25px;
}

.inquiry-dit{
	margin: 10px 0 30px 0;
}

.supporteddevice {
  width:80%;
  display:block;
  padding: 0 0 0 24px;
}

.supporteddevicenotes {
  width:90%;
  display:block;
  padding: 0 0 0 24px;
}

.nowrapword {
  white-space:nowrap;
}

.dl-news {
  float:center;
  background-color: #eeeeee;
  margin: 0;
  padding:15px;
}

.dl-news dt {
  background-color: #999999;
  padding-left: 5px;
  padding-bottom: 1px;
  margin-bottom: 15px;
}

.dl-news dd {
  line-height: 25px;
}

.dl-news-p {
  background-color: #eeeeee;
  padding: 10px;
  margin: 0;
  font-size: 24.5px;
}

.dl-news-dd-sp {
  font-weight:normal;
}

.news {
  overflow:visible;
  position:relative;
  margin-top: 65px;
  background-color: #eeeeee;
}

/*
.news-subtitle {
  font-weight: bold;
}

.news-text {
  padding-left:1em;
}
*/

ul.news-text{list-style: none; margin: 10px; padding: 0px; list-style-position: inside;}
li.news-title{text-indent: -1em; padding-left: 1em; font-weight: bold; margin:0px 0px 5px 0px;}
li.news-text{text-indent: -1em; padding-left: 1em;  margin:5px 0px 5px 0px;}
li.news-text:before{content: "- ";}
li.news-notes{text-indent: -1em; padding-left: 1em;  margin:0px 0px 5px 0px; font-size: 85%;}
li.news-notes:before{content: "* ";}

ul.ms_setting{list-style: none;}
li.set_menu{margin-top: 15px; font-weight:bolder;
	/*background-image: url("../assets/img/icon/info02-013-24_small.png");
	text-indent: 1.5em;
	background-repeat: no-repeat;
	background-position: left top;*/
}
li.set_diteil:before{content: "- ";}
li.set_diteil{text-indent: -1em; padding-left: 1em;  margin:5px 0px 5px 10px;}
img.img-more{max-width: 80px;}
div.more-hints{margin-bottom: 10px; font-size: 115%;}
div.more{border: solid 1px #999; padding-top: 10px; /*margin-left:0px; margin-right:10px;*/}


.news-notes {
  padding-left:2em;
  padding-right:0.2em;
  font-size: 85%;
}

.font-attention {
  color:#FF0000;
}

.body-inner-inquiry {
  min-height: 100%;
}

.body-inner-inquiry .row {
 padding-left: 20px;
 padding-right: 20px;
}

.qanda{
	padding:100px 0 0 0;
	margin:-100px 0 0 -30px;

}

/*
#qanda01-01,
#qanda01-02,
#qanda01-03,
#qanda01-04,
#qanda01-05,
#qanda02-01,
#qanda02-02,
#qanda02-03,
#qanda02-04,
#qanda02-05,
#qanda02-06,
#qanda02-07,
#qanda02-08,
#qanda02-09,
#qanda02-10,
#qanda02-11,
#qanda03-01,
#qanda03-02,
#qanda03-03,
#qanda03-04,
#qanda03-05,
#qanda03-06,
#qanda03-07,
#qanda04-01,
#qanda04-02,
#qanda04-03
{
	padding:100px 0 0 0;
	margin:-100px 0 0 -30px;
}
*/

.navbar-logo {
    padding: 0 45px 0 0;
    margin: 0;
    height: 36px;
}

.device-detail {
  display:none;
}


/* bootstrapレスポンシブの、画面サイズによる切り替えの際に画面の左端が見切れる問題への対応 start*/
@media (max-width: 1250px) and (min-width: 1200px) {
  .row {
    margin-left:-18px;
  }

  /* ********************************************* */
  /* add ver1.2 */

  .margin-leftonly {
    margin-top:0;
    margin-bottom:0;
    margin-left:0px;
    margin-right:0px;
  }
  .photo_garelly{
    margin-top: 70px;
    margin-left:0;
    padding:0;
  }
  /* ********************************************* */

}

@media (max-width: 1000px) and (min-width: 980px) {
  .row {
    margin-left:-15px;
  }

  /* ********************************************* */
  /* add ver1.2 */

  .margin-leftonly {
    margin-top:0;
    margin-bottom:0;
    margin-left:30px;
    margin-right:0px;
  }

  .photo_garelly{
    margin-top: 70px;
    margin-left:0;
    padding:0;
  }
  /* ********************************************* */

}

@media (max-width: 775px) and (min-width: 768px) {
  .row {
    margin-left:-15px;
  }

  /* ********************************************* */
  /* add ver1.2 */

  .margin-leftonly {
    margin-top:0;
    margin-bottom:0;
    margin-left:30px;
    margin-right:0px;
  }

  /* ********************************************* */
}

@media (max-width: 767px) {
  .row {
    margin-left:0;
  }

  /* ********************************************* */
  /* add ver1.2 */

  .notes-gallery {
    padding-top: 0;
  }

  .indent {
    padding-left: 0;
  }

  .dl-animation-img {
    text-align: center;
  }
  /* ********************************************* */
}
/* bootstrapレスポンシブの、画面サイズによる切り替えの際に画面の左端が見切れる問題への対応 end  */


/*---------------------------------------*/
/* レスポンシブル対応 */
/*---------------------------------------*/

@media (max-width: 979px) {
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #CCDB3A;
  }
  .nav-collapse.collapse.in {
    overflow: hidden;
    height: 268px;
  }
 .navbar-inverse .btn-navbar {
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-color:#fff;
    margin-top: 15px;
    margin-right: 10px;
    

	background-color: #fff;
	background-image: -moz-linear-gradient(top, #fff, #fff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));
	background-image: -webkit-linear-gradient(top, #fff, #fff);
	background-image: -o-linear-gradient(top, #fff, #fff);
	background-image: linear-gradient(to bottom, #fff, #fff);
	background-repeat: repeat-x;
	border-color: #fff #fff #fff;
	border-color: rgba(256, 256, 256, 0.1) rgba(256, 256, 256, 0.1) rgba(256, 256, 256, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	    
    
 }
 
 .navbar-inverse .btn-navbar:focus{
 	background-color: #fff;
 }
 .navbar-inverse .btn-navbar:hover {
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-color:#fff;
 }

  .hero-m-unit, .photo_garelly{  
  padding: 0;
  margin-top: 0;
  width:100%;
  }

  .footer {
    padding:0;
  }

  .copyright {
    text-align : right;
    background-color: #000000; 
  }

  .image-effect {
    width:180px;
	border:solid 1px #000000;
	display:block;
	margin:auto
  }

  .center {
	float: center;
	padding: 0;
  }

  .span4green {
	width:100%;
  }

  .span4yellow {
	width:100%;
  }

  .span4orange {
	width:100%;
  }

  .pmoicon {
	text-align: center;
	padding:50px 0 0 0;
  }

/*
  .navbar-fixed-top {
    padding: 0;
    margin: 0 -10px 20px 0;

  }
*/

  .navbar-logo {
    padding: 0 0 0 0;
    margin: 0;
  }

  .navbar-fixed-top .navbar-inner {
    border-width:0;
    padding: 0;
  }

  .body-inner {
  /*
    margin: 0 0 0 0;
  */
    margin: 0 10px 0 0;
    width: 100%;
  }

/*
  .body-m {
    margin: 0 10px 0 0;
  }
*/
  .font-smaller {
    font-size: 98%;
  }

  .navbar-bgcolor {
    padding: 0;
    margin: 0;
  }

  #overview,
  #howto,
  #download,
  #qanda {
	padding:0 0 0;
	margin:0 0 0;
  }

  .image-dl {
    padding-bottom:10px;
    width:167px;
    float: left;
    padding-top:20px;
  }


  /*---------------------------------------*/
  /* お問い合わせ関連 */
  /*---------------------------------------*/
  .inquiry-top {
    padding-top:0;
  }

  .btn-trademarks-ok {
    width: 110px;
  }

  .btn-trademarks-ng {
    width: 110px;
  }

  .supporteddevice {
    width:65%;
    padding: 0;
  }

  .supporteddevicenotes {
    width:100%;
    padding: 0;
  }

  .padding-top {
    display: block;
    padding: 30px 0 0 0;
  }

  .news {
    padding: 0.2em;
    margin-top: 30px;
    margin-LEFT: 0.1em;
  }

  .news-text {
    padding-left:0;
  }

  .news-notes {
    padding-left:1em;
  }

  .dl-news-dd-sp {
    padding: 5px 5px 5px 0;
  }

/*
  #qanda01-01,
  #qanda01-02,
  #qanda01-03,
  #qanda01-04,
  #qanda01-05,
  #qanda02-01,
  #qanda02-02,
  #qanda02-03,
  #qanda02-04,
  #qanda02-05,
  #qanda02-06,
  #qanda02-07,
  #qanda02-08,
  #qanda02-09,
  #qanda02-10,
  #qanda02-11,
  #qanda03-01,
  #qanda03-02,
  #qanda03-03,
  #qanda03-04,
  #qanda03-05,
  #qanda03-06,
  #qanda03-07,
  #qanda04-01,
  #qanda04-02,
  #qanda04-03
  {
    padding:20px 0 0 0;
    margin:-20px 0 0 0;
  }
  */

  .row {
   padding-left: 5px;
  }

/*
  .footerbar {
    margin: 0 -10px 0 0;
  }
*/

  .photo_garelly{
    margin-top: -20px;
    margin-left:0;

    padding:0;
    width:100%;
  }

}

@media (max-width: 767px) {
  .navbar-fixed-top {
    padding: 0;
    margin: 0 0 20px 0;
  }
}

@media (max-width: 650px) {
  .inquiry-btn {
    padding:0;
    display: inline-block;
    display: inline;
  }

  .body-inner-inquiry .row {
    padding-left: 10px;
    padding-right: 0;
  }

  .body-inner-inquiry .stca {
    padding-left: 30px;
  }

  .photo_garelly{
    margin-top: -20px;
    margin-left:0;
    padding:0;
    width:100%;
  }
}

@media (max-width: 341px) {

  .photo_garelly{
    margin-left:0;
    padding:0;
    width:100%;
  }

  .btn-trademarks-ok {
    width: 107px;
  }

  .btn-trademarks-ng {
    width: 107px;
  }
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}

@media (min-width: 1200px) and (max-width: 1215px) {
  .p-hr{
    width: 95%;
  }
  .container .span12{
    width:99%!important;
  }
}

@media (min-width: 980px) and (max-width: 995px) {
  .p-hr{
    width: 95%;
  }
  .container .span12{
    width:99%!important;
  }
}

@media (max-width: 767px) {
  .p-hr{
    width: 95%!important;
  }
}


