@charset "utf-8";


/*----------------------------------
	共通
----------------------------------*/

/****** reset ******/

body, div, dl, dt, dd, ul, ul li, ol,ol li,h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}

/****** body ******/

body {
	font-family: /*'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',*/'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #151515;
	font-size: 14px;
	line-height: 165%;
	text-align: left;
	-webkit-text-size-adjust: none;
}

img {
	border: 0;
}

a:hover {
	text-decoration: none;
}


.s_column {
	margin-bottom: 30px;
	}
.s_column.line {
	border-bottom: #ddd 3px solid;
	margin-bottom: 35px;
	padding-bottom: 25px;
}

p.imgnone {
	display:none;
	}

img.m_right {
	margin-right:15px;
	}

/****** ヘッダー ******/

header {
	width: 100%;
	height: 35px;
	background: #073c54;
	position: fixed;
	z-index: 1;
}
#headInner {
	width: 960px;
	margin: 5px auto;
}
#headTtl {
	float: left;
	color: #fff;
}
ul.headMenu {
	float: right;
	margin-right: -2em;
}
ul.headMenu li {
	list-style: none;
	float: left;
	border-right: 1px solid #fff;
	padding: 0 1.5em;
	margin-top: 0.4em;
	line-height: 1.0em;
}
ul.headMenu li a {
	color: #fff;
	text-decoration: none;
}
ul.headMenu li a:hover {
	color: #bbb;
	text-decoration: none;
}
ul.headMenu li:last-child {
	border-right: none;
}


/*----------------------------------
	トップページ
----------------------------------*/


/****** メインコンテンツ ******/

#content {
	padding-top: 35px;
}
#mainv {
	background:#040404 url("../img/top_mainv_bg.jpg") no-repeat right;
	height: 530px;
	border-bottom: #1f94cc solid 4px;
}
#mainvInner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
h1 {
	width: 131px;
	height: 28px;
	display: block;
	position: absolute;
	background: url("../img/top_mainv_logo.png") no-repeat center;
	text-indent: -9999px;
	top: 40px;
}
#content #mainv #mainvInner h2 {
	width: 435px;
	height: 175px;
	display: block;
	position: absolute;
	background: url("../img/top_mainv_text.png") no-repeat center;
	text-indent: -9999px;
	top: 160px;
}
.appDl {
	width: 410px;
	display: block;
	position: absolute;
	top: 380px;
}
.appDlBtn {
	display: block;
	float: left;
	margin-right: 20px;
	width: 210px;
	line-height: 1.2em;
}
.appDlBtn img {
	margin: 0;
	padding: 0;
}
.appDlBtn span {
	font-size: 10px;
}


/****** メインメニューボタン ******/

#menu {
	width: 100%;
	background: #efefef;
}
#menuInner {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0;
}
h3 {
	font-size: 24px;
	text-shadow: 1px 1px 1px #ccc;
	font-weight: bold;
	margin-bottom: 1em;
}
.txt {
	font-size: 16px;
	color: #666;
	line-height: 1.8em;
	margin-bottom: 2em;
}
.sup {
	font-size: 12px;
	color: #666;
	line-height: 1.3em;
	margin-bottom: 2em;
	margin-top: -1.7em;
}
ul.menuBtn {
	clear: both;
	width: 1000px;
}
ul.menuBtn li {
	list-style: none;
}
ul.menuBtn li a{
	display: block;
	list-style: none;
	width: 420px;
	float: left;
	background: #fff;
	color: #666;
	text-align: center;
	border: 5px solid #a8a9a9;
	border-radius: 3px;
	box-shadow: 1px 1px 0px #aaa;
	padding: 20px;
	margin-right: 20px;
	text-decoration: none;
}
ul.menuBtn li a:hover {
	background: #ddd;

}
ul.menuBtn li a img {
	margin: 10px;
}
ul.menuBtn li a span {
	display: block;
	font-size: 23px;
	text-shadow: 1px 1px 1px #ccc;
	color: #000;
	line-height: 2em;
}


/****** 対象機種 ******/

#models {
	width: 100%;
	background: url(../img/bg_argyle.gif) repeat;
}
#modelsInner {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0;
}
#models #modelsInner h3 {
	font-size: 24px;
	text-shadow: 1px 1px 1px #666;
	font-weight: bold;
	margin-bottom: 1em;
	color: #fff;
}
#modelsList {
	width: 100%;
}
.modelsBox {
	width: 470px;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.modelsVisual {
	width: 430px;
	display: block;
	position: relative;
	background:#fff;
	border-radius: 5px;
	box-shadow: 1px 1px 0px #073c54;
	text-align: center;
	padding: 20px;
}
.modelIcon {
	position: absolute;
	left: 10px;
	top: 10px;
}
h4 {
	color: #000;
	font-size: 20px;
	text-shadow: 1px 1px 1px #bbb;
	color: #000;
	line-height: 2em;
	font-weight: normal;
}
ul.modelsBtn {
	margin: 15px auto;
	width: 480px;
}
ul.modelsBtn li {
	list-style: none;

}
ul.modelsBtn li a {
	padding: 5px;
	width: 218px;
	margin: 0 auto;
	background: #1f94cc;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow:  1px 1px 0px #073c54;
	color: #fff;
	text-align: center;
	display: block;
	float: left;
	margin-right: 10px;
	text-decoration: none;
}
ul.modelsBtn li a:hover {
	background: #fff;
	border: 1px solid #fff;
	color: #1f94cc;
}


/****** お知らせ ******/

#news {
	width: 100%;
	background: #fff;
}
#newsInner {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0;
}
ul.newsLink {
	width: 100%;
}
ul.newsLink li {
	list-style: none;
	margin-bottom: 1em;
}
ul.newsLink li a {
	font-size: 14px;
	color: #000;
}
ul.newsLink li .date {
	color: #1f94cc;
	text-shadow: 1px 1px 1px #eee;
}


/****** ご注意 ******/

#attention {
	width: 100%;
	background: #333;
}
#atteInner {
	width: 960px;
	min-height: 210px;
	margin: 0 auto;
	padding: 40px 0;
	background: url(../img/bg_attention.png) right no-repeat;
}
#attention #atteInner h3 {
	font-size: 24px;
	text-shadow: none;
	font-weight: bold;
	margin-bottom: 1em;
	color: #fff;
}

#attention #atteInner p a {
	color: #55b7e6;
}

.attxt {
	color: #fff;
	line-height: 2em;
}


/****** フッターアプリDLボタン ******/

#FootAppDl {
	width: 100%;
	background: url(../img/bg_foot_app.jpg) no-repeat;
	background-size: cover;
	padding: 40px 0 40px 0;
	text-align:center;
}

#FootAppDl h3 {
	font-size: 16px;
	text-shadow: none;
	font-weight: bold;
	color: #fff;
	line-height:1em;
	margin: 0 auto  1em auto;
	text-align:center;
}

ul.AppDlBtnBox {
	margin: 0 auto;
	line-height: 1.2em;
	text-align:center;
}
ul.AppDlBtnBox li {
	color: #fff;
	font-size: 10px;
	list-style: none;
	margin: auto;
	text-align:center;
}


/****** フッター ******/

footer {
	width: 100%;
	background: #efefef;
}
#footInner {
	width: 22em;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
}
ul.footMenu {
	text-align: center;
	display: block;
	margin: 0 auto;
}
ul.footMenu li {
	list-style: none;
  display: -moz-inline-box;  
    display: inline-block;  
    /display: inline;  
    /margin-right: 3px;  
	border-right: 1px solid #000;
	padding: 0 1.5em;
	margin-top: 0.4em;
	line-height: 1.0em;
	margin-bottom: 20px;
}
ul.footMenu li a {
	color: #000;
	text-decoration: none;
}
ul.footMenu li a:hover {
	color: #bbb;
	text-decoration: none;
}
ul.footMenu li:last-child {
	border-right: none;
}
#footInner a img {
	margin: 20px auto;
}


/*----------------------------------
	サブページ
----------------------------------*/

/****** ページタイトル ******/
#pageTtl {
	padding-top: 35px;
	background: #040404 url(../img/headbg_func.jpg) no-repeat center 0;
	height: 139px;
	border-bottom: #05567a solid 1px;
}
#pageTtl h2 {
	margin-top: 35px;
	width: 960px;
	margin: 0 auto;
	font-size: 30px;
	padding-top: 60px;
	color:#fff;
	text-shadow: 1px 1px 1px #ccc;
}


/****** サブページコンテンツ ******/

#subContent {
	background: #efefef;
}
#subContInner {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 50px;
}
#subContInner h3 {
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 0.7em;
}


/****** サブメニュー ******/
ul.subMenu {
	margin: 0 auto;
	padding: 40px 0;
	clear: both;
	width: 970px;
}
ul.subMenu a li {
	display: block;
	list-style: none;
	width: 223px;
	height: 40px;
	float: left;
	color: #000;
	font-size: 24px;
	text-shadow: 1px 1px 1px #ccc;
	border: 5px solid #ccc;
	border-radius: 3px;
	box-shadow: 1px 1px 0px #aaa;
	margin-right: 10px;
}
ul.subMenu a:hover li {
	background: #1f94cc;
}
ul.subMenu a li.aboutBtn {
	background: url(../img/btn_info_off.png) no-repeat,#fff;
	background-position: 10px 10px;
	padding: 32px 0 8px 80px;
}
ul.subMenu a:hover li.aboutBtn, ul.subMenu a.carrent li.aboutBtn {
	background: url(../img/btn_info_on.png) no-repeat, #1f94cc;
	background-position: 10px 10px;
	color: #fff;
}
ul.subMenu a li.infoBtn {
	background: url(../img/btn_setting_off.png) no-repeat,#fff;
	background-position: 10px 10px;
	padding: 32px 0 8px 80px;
}
ul.subMenu a:hover li.infoBtn, ul.subMenu a.carrent li.infoBtn {
	background: url(../img/btn_setting_on.png) no-repeat, #1f94cc;
	background-position: 10px 10px;
	color: #fff;
}
ul.subMenu a li.createBtn {
	background: url(../img/btn_remote_off.png) no-repeat,#fff;
	background-position: 10px 10px;
	padding: 32px 0 8px 80px;
}
ul.subMenu a:hover li.createBtn, ul.subMenu a.carrent li.createBtn {
	background: url(../img/btn_remote_on.png) no-repeat, #1f94cc;
	background-position: 10px 10px;
	color: #fff;
}

ul.subMenu a li p {
	font-size: 23px;
	text-shadow: 1px 1px 1px #ccc;
	color: #000;
	line-height: 2em;
}


/****** ペアリング ******/

#pairing {
	border: #1f94cc 5px solid;
	background: #fff;
	padding: 30px 30px 10px 30px;
}
#pairing h3 {
	font-size: 30px;
}

#pairing h4 {
	padding: 3px 20px;
	margin-top: 20px;
	margin-bottom: 15px;
	background: #1f94cc;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-shadow: 1px 1px 1px #05567a;
}
#pairing h5 {
	font-size: 16px;
	color: #1f94cc;
	text-shadow: 1px 1px 1px #eee;
	margin: 1em 0 0.5em 0;
	font-weight: normal;
}

.caution_bluetooth {
	margin: 20px 0;
	padding: 15px;
	background: #eee;
	border:3px #ddd solid;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.caution_bluetooth h4 {
	margin-top: 0 !important;
	margin-bottom: 15px !important	;
	background: #0071c0 !important	;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}



.caution_bluetooth .ttl {
	margin-bottom: 5px;
	font-weight: bold;
}

.caution_bluetooth ul {
	list-style: none;
	font-size: 12px;
	color: #666;
}

.floatBox {
	margin-bottom: 20px;
}
.fbLeft {
	width: 265px;
	float: left;
	margin-right: 30px;
}
.fbRight {
	flaot: right;
}
ul.note {
	margin-left: 1em;
	text-indent: -1em;
	font-size: 12px;
	color: #666;
	line-height: 1.6em;
}
ul.note li {
	list-style: none;
	margin-bottom: 0.4em;
}
ul.note li:before {
	content: "※"
}
.floatBox table {
	margin-top: 10px;
	padding: 0;
	border-collapse: collapse;
}
.floatBox table th{
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}
.floatBox table td{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}
.touchImg {
	margin-top: 20px;
}
.touchImg img {
	vertical-align: middle;
	margin-right: 0;
}
.touchImg img.arow {
	margin-right: 15px;
	margin-left: 15px;
}

/****** 通知 ******/

#info {
	border-bottom: #ddd 3px solid;
    margin-top: -35px;
    padding-top: 65px;
	padding-bottom: 45px;
}
#infoInner {
	width: 100%;
}
ul.infoList {
	margin-top: 20px;
}
ul.infoList li {
	padding: 15px;
	margin-bottom: 10px;
	margin-right:10px;
	list-style: none;
	float:left;
	width:45%;
	background: #fff;
	border-radius: 3px;
	}
	ul.infoList li.right {
	float: right;
	margin-right:0;
	}
ul.infoList li img {
	margin-right: 10px;
}
ul.infoList li span {
	font-size: 16px;
	color: #1f94cc;
	display: block;
	text-shadow: 1px 1px 1px #eee;
	border-radius: 3px;
	margin-bottom:3px;
}
ul.infoList li p {
	font-size: 12px;
	line-height: 1.6em;
	margin-bottom: 5px;
}

.settingItem {
	border:3px #ddd solid;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	padding: 15px;
	margin: 0 0 30px 0;
	background:#fff;
}
.settingItem p span {
	font-size: 16px;
	color: #1f94cc;
	display: block;
	text-shadow: 1px 1px 1px #eee;
	margin-bottom:3px;
}

.settingItem h4 {
	margin-top: 0 !important;
	margin-bottom: 15px !important	;
	background: #0071c0 !important	;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.settingAtte {
	margin: 20px 0;
	background: url(../img/icon_attention.png) no-repeat left top;
	min-height: 31px;
}
.settingAtte p {
	padding-left: 45px;
	font-size: 11px;
	line-height: 1.6em;
}


/****** 各種設定 ******/

#setting {
	border-bottom: #ddd 3px solid;
    margin-top: -35px;
    padding-top: 65px;
	padding-bottom: 45px;
}

#settingInner {
	width: 100%;
	margin-top: 40px;
	}

#settingInner h4,
#infoInner h4 {
	padding: 3px 20px;
	margin-top: 20px;
	margin-bottom: 15px;
	background: #1f94cc;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-shadow: 1px 1px 1px #05567a;
}

#infoInner h4.sub {
	background: #777;
	text-shadow: 1px 1px 1px #555;
}


#settingInner h5,
#infoInner h5,
#aboutInner h5,
#createInner h5 {
	font-size: 16px;
	color: #1f94cc;
	display: block;
	text-shadow: 1px 1px 1px #eee;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight:normal;
}

#settingInner h5 span,
#infoInner h5 span,
#aboutInner h5 span,
#createInner h5 span {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background:#1f94cc;
color:#fff;
padding:0 0.5em;
margin-right:8px;
}


#settingInner .manual,
#infoInner .manual {
	margin: 25px 0;
}

#settingInner .manual a,
#infoInner .manual a {
	padding: 20px 0 15px;
	display: block;
	background: #665339;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	border-right: 1px solid #6c8800;
	border-bottom: 1px solid #6c8800;
	border-radius: 3px;
}

#settingInner .manual a:hover {
	opacity: 0.8;
}




#about {
	background: url(../img/func_img_setting.png) no-repeat left 105px;
	min-height: 500px;
    margin-top: -35px;
    padding-top: 65px;
}
#aboutInner {
	width: 54%;
	margin-top: 40px;
	float: right;
}

#aboutInner h4 {
	padding: 3px 20px;
	margin-top: 20px;
	margin-bottom: 15px;
	background: #1f94cc;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-shadow: 1px 1px 1px #05567a;
}



#aboutInner .manual {
	margin: 25px 0;
}

#aboutInner .manual {
	padding: 20px 0 15px;
	display: block;
	background: #665339;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	border-right: 1px solid #6c8800;
	border-bottom: 1px solid #6c8800;
	border-radius: 3px;
}

#aboutInner .manual a:hover {
	opacity: 0.8;
}

#create {
	background: url(../img/func_img_create.png) no-repeat left 105px;
    margin-top: -35px;
    padding-top: 65px;
	min-height:500px !important;
}
#createInner {
	width: 54%;
	margin-top: 40px;
	float: right;
}

#createInner h4 {
	padding: 3px 20px;
	margin-top: 20px;
	margin-bottom: 15px;
	background: #1f94cc;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-shadow: 1px 1px 1px #05567a;
}



#createInner .manual {
	margin: 25px 0;
}

#createInner .manual {
	padding: 20px 0 15px;
	display: block;
	background: #665339;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	border-right: 1px solid #6c8800;
	border-bottom: 1px solid #6c8800;
	border-radius: 3px;
}

#createInner .manual a:hover {
	opacity: 0.8;
}

#infoInner table,
#aboutInner table,
#createInner table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	font-size: 13px;
}

#infoInner table th
#aboutInner table th,
#createInner table th {
	width: auto;
	padding:3px;
	border: 1px solid #ccc;
	background: #ddd;
}

#infoInner table td,
#aboutInner table td,
#createInner table td {
	width: auto;
	padding:3px;
	border: 1px solid #ccc;
	background: #fff;
	vertical-align:middle;
}
#infoInner table td img,
#aboutInner table td img,
#createInner table td img {
	margin:0;
	padding:0;
	vertical-align:middle;
}


/****** リモートシャッター ******/

#remote {
	width: 960px;
	margin: 0 auto;
    margin-top: -35px;
    padding-top: 65px;
}

#remote img {
	margin: 30px auto;
}

/*----------------------------------
	対応機種リストページ
----------------------------------*/

#list #listInner {
	width: 960px;
	margin: 0 auto 80px auto;
}

#listInner h3 {
	padding: 50px 0 0 0;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #ccc;
}

#listInner h4 {
	margin: 25px 0 10px 0;
	padding: 5px 15px 0 15px;
	font-size: 18px;
	font-weight: bold;
	background: #333;
	border-radius: 4px;
	color: #fff;
	text-shadow: none;
}

#listInner h4 span {
	font-size: 16px;
	font-weight: normal;
}

#listInner table {
	width: 100%;
	margin: 10px auto;
	border-collapse: collapse;
}

#listInner table th {
	padding: 5px 20px;
	border: 1px solid #ccc;
	background: #ddd;
}

#listInner table td {
	padding: 5px 20px;
	border: 1px solid #ccc;
	background: #fff;
}

#listInner tr:nth-child(2n+1) td {
	background: #f5f5f5;
}

/*----------------------------------
	お問い合わせページ
----------------------------------*/

#inquiryInner {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 50px;
	padding-top: 40px;
}
#inquiryInner p {
	margin-bottom: 1em;
}


/* ------ Form ------ */

.required {
	color: #F00;
	padding-right: 5px;
}
.privacy_read {
	border:5px solid #CCC;
	padding:10px;
	height:200px;
	overflow:auto;
	margin-top:20px;
	marbin-bottom: 5px;
	border-radius: 5px;
	background: #fff;
}
.privacy_read strong {
	color: #000;
	font-weight: bold;
}

.select-field {
	margin-top: 5px;	
}

.error-msg {
	padding: 15px;
	border: 2px solid #F00;
	color: #F00;
	font-size: 87.5%;
	margin-bottom: 20px;
}
ul.formContent {
	padding: 0;
	margin: 40px 0;
}
ul.formContent li {
	padding: 15px 0;
	margin: 0;
	list-style: none;
	border-top: 1px solid #CCC;
	overflow: hidden;
}
ul.formContent li label,
ul.formContent li span.label {
	display: block;
	float: left;
	width: 20%;
	padding: 4px 5% 4px 0;
}
ul.formContent li span.label {
	color: #999;
}
ul.formContent li span.input {
	display: block;
	width: 60%;
	margin-left: 35%;
	padding: 3px;
	color: #000;
}
ul.formContent li input[type="text"] {
	width: 40%;
	padding: 3px;
}
ul.formContent li textArea {
	width: 60%;
	height: 6em;
	padding: 3px;
}
ul.formContent li select {
	padding: 4px;
}
.input-error {
	margin-top: 5px;
	display: block;
	font-size: 86%;
	color: #F00;
	margin-left: 25%;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
ul.submitBtn {
	clear: both;
	border-top: 1px solid #CCC;
	padding: 15px 0 0;
	margin: 0;
	text-align: center;
}
ul.submitBtn li {
	display: inline-block;
	padding: 0 10px 15px;
}
ul.submitBtn li button,
ul.submitBtn li input {
	padding: 10px 20px;
}
ul.submitBtn li button[type="reset"] {
}
ul.submitBtn li button[type="submit"] {
}

/****** 404 ******/

#notfound {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}


.imgright {
	float:right;
	margin-left:20px;
	}


/*-----------------------------------------------------	*/
/*	for - 767px	- tablet 				*/
/*-----------------------------------------------------	*/

/*@media screen and (max-width: 479px)*/
@media screen and (max-width: 768px)  {
	body {
		background: #fff;
	}

.imgright {
	float:none;
	padding-bottom:15px;
	margin:0;
	}

	/****** ヘッダー ******/

	header {
		width: 100%;
		height: auto;
		padding: 5px 0;
		background: #073c54;
		z-index: 1;
		font-size: 10px;
	}
	#headInner {
		width: 98%;
		margin: 5px auto;
	}
	#headTtl {
		width: 98%;
		text-align: center;
		color: #fff;
	}
	ul.headMenu {
		width: 100%;
		margin: 0 auto;
		clear: both;
		float: none;
		text-align: center;
		font-size: 12px;
	}
	ul.headMenu li {
		list-style: none;
		display: inline;
		border-right: 1px solid #fff;
		padding: 0 1.5em;
		margin-top: 0.4em;
		margin-bottom: 0.4em;
		line-height: 1.0em;
		float: none;
		margin-right: -10px;
	}

	/****** メインビジュアル ******/

	#content,
	#pageTtl {
		padding-top: 80px;
	}
	#mainv {
		height: 0;
		padding-top: 44.17%;
		background: url(../img/top_mainv_bg.jpg) 0 0 no-repeat;
		background-size: contain;
		border-bottom: #1f94cc solid 4px;
		position: relative;
	}
	#mainvInner {
		width: 96%;
		margin: 0 auto;
	}
	#content #mainv #mainvInner h1 {
		height: 0;
		padding-top: 61.92%;
		background: url(../img/top_mainv_logo.png) 0 0 no-repeat;
		background-size: contain;
		position: static;
		text-indent: -9999px;
		width: 35%;
		margin-top: -37%;
	}
	#content #mainv #mainvInner h2 {
		height: 0;
		padding-top: 16.44%;
		background: url(../img/top_mainv_text.png) 0 0 no-repeat;
		background-size: contain;
		position: static;
		text-indent: -9999px;
		width: 49%;
		display: block;
		margin-top: -50%;
	}
	.appDl {
		width: 96%;
		position: static;
		margin: 10px auto;
		margin-top: 14%;
	}
	.appDlBtn {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 210px;
		line-height: 1.2em;
		float: none;
	}

.sup {
	line-height: 1.5em;
	margin-top: 1em;
}

	/****** メインメニューボタン ******/
	
	#menu {
		width: 100%;
	}
	#menuInner {
		width: 96%;
		margin: 0 auto;
		padding: 10px 0;
		padding-top: 130px;
	}
	h3 {
		font-size: 20px;
		margin-bottom: 0.4em;
	}
	.txt {
		font-size: 14px;
		margin-bottom: 0.2em;
	}
	ul.menuBtn {
		width: 100%;
		margin: 0 auto;
		height: 100%;
	}
	ul.menuBtn a {
		text-decoration: none;
	}

	ul.menuBtn li a  {
		width: 90%;
		height: 100%;
		float: none;
		border: 3px solid #ddd;
		padding: 5px;
		margin: 10px auto;
		font-size: 13px;
		line-height: 1.3em;
		display: -webkit-box;
		display: -moz-box;
		display:box;    
		-webkit-box-align:center;        
		-moz-box-align:center;
		box-align:center;    
	}
	ul.menuBtn li a p {
		text-align: left;
		width: 60%;
	}
	ul.menuBtn li a img {
		width: 50%;
		height: auto;
		margin: 0;
	}
	ul.menuBtn li a span {
		font-size: 23px;
	}


	/****** 対象機種 ******/
	
	#modelsInner {
		width: 96%;
		margin: 0 auto;
		padding: 20px 0;
	}
	#models #modelsInner h3 {
		font-size: 24px;
		margin-bottom: 0.6em;
		color: #fff;
	}
	#modelsList {
		width: 100%;
	}
	.modelsBox {
		margin-bottom: 25px;
		width: 100%;
		max-width: 500px;
	}
	.modelsVisual {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 5px;
	}
	.modelIcon {
		position: absolute;
		left: 10px;
		top: 10px;
	}
	h4 {
		font-size: 14px;
		line-height: 1em;
	}
	ul.modelsBtn {
		width: 96%;
		margin: 0 auto;
	}
	ul.modelsBtn li {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 5px;
		float: none;
	}
	ul.modelsBtn li a:hover {
		background: #fff;
		border: 1px solid #fff;
		color: #1f94cc;
	}
	ul.modelsBtn li a {
		width: 95%;
		margin: 5px 0;
		text-decoration: none;
		border-bottom: 0;
		font-size: 16px;
	}
	
	/****** お知らせ ******/
	
	#news {
		width: 100%;
		background: #fff;
	}
	#newsInner {
		width: 96%;
		padding: 20px 0;
	}
	
	
	/****** ご注意 ******/
	
	#attention {
		width: 100%;
	}
	#atteInner {
		width: 96%;
		padding: 20px 0;
		background: url(../img/bg_attention.png) center no-repeat;
		background-size: contain;
	}
	#attention #atteInner h3 {
		margin-bottom: 0.4em;
	}
	.attxt {
		line-height: 1.7em;
	}


	/****** フッターアプリDLボタン ******/
	
	#FootAppDl {
		width: 100%;
		background: url(../img/bg_foot_app.jpg) no-repeat;
		background-size: cover;
	}

	#FootAppDl h3 {
		width: 96%;
	}

	ul.AppDlBtnBox {
		width: 96%;
		padding: 10px 0;
		margin: 0 auto;
		line-height: 1.2em;
	}
	ul.AppDlBtnBox li {
		margin: 10px auto;
		max-width: 210px;
		width: 100%;
	}
	
	
	/****** フッター ******/
	
	#footInner {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0;
		text-align: center;
		font-size: 12px;
	}
	ul.footMenu {
		text-align: center;
		display: block;
		margin: 0 auto;
	}
	ul.footMenu li {
		list-style: none;
		float: none;
		border-right: 1px solid #000;
		padding: 0 1.5em;
		margin-top: 0.4em;
		line-height: 1.0em;
		margin-bottom: 20px;
		display: inline;
	}
	#topcontrol {
		display: none;
	}
	
	
	/*----------------------------------
		サブページ
	----------------------------------*/

	/****** ページタイトル ******/
	#pageTtl {
			background: url(../img/headbg_func.jpg) no-repeat center 0;
		height: 3em;
	}
	#pageTtl h2 {
		width: 96%;
		height: 1em;
		font-size: 20px;
		padding-top: 10px;
	}
	
	
	/****** サブページコンテンツ ******/
	
	#subContInner {
		width: 96%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	#subContInner h3
	 {
		font-size: 23px;
		font-weight: normal;
		margin-bottom: 0.7em;
	}


	/****** サブメニュー ******/
	ul.subMenu {
		padding: 20px 0;
		width: 100%;
	}
	ul.subMenu a{
		text-decoration: none;
	}
	ul.subMenu a li {
		width: 98%;
		height: auto;
		float: none;
		font-size: 20px;
		border: 3px solid #ddd;
		margin: 0 auto;
		margin-bottom: 5px;
		text-align: center;
	}
	ul.subMenu a li.aboutBtn {
		background: url(../img/btn_info_off.png) no-repeat middle,#fff;
		background-size: 40px;
		padding: 15px 0;
	}
	ul.subMenu a:hover li.aboutBtn, ul.subMenu a.carrent li.aboutBtn {
		background: url(../img/btn_info_on.png) no-repea middlet, #1f94cc;
		background-size: 40px;
		padding: 15px 0;
	}
	ul.subMenu a li.infoBtn {
		background: url(../img/btn_setting_off.png) no-repeat middle,#fff;
		background-size: 40px;
		padding: 15px 0;
	}
	ul.subMenu a:hover li.infoBtn, ul.subMenu a.carrent li.infoBtn {
		background: url(../img/btn_setting_on.png) no-repeat middle, #1f94cc;
		background-size: 40px;
		padding: 15px 0;
		color: #fff;
	}
	ul.subMenu a li.createBtn {
		background: url(../img/btn_remote_off.png) no-repeat middle,#fff;
		background-size: 40px;
		padding: 15px 0;
	}
	ul.subMenu a:hover li.createBtn, ul.subMenu a.carrent li.createBtn {
		background: url(../img/btn_remote_on.png) no-repeat, #1f94cc;
		background-position: 10px 10px;
		background-size: 40px;
		padding: 15px 0;
		color: #fff;
	}
	
	ul.subMenu a li p {
		font-size: 23px;
		text-shadow: 1px 1px 1px #ccc;
		color: #000;
		line-height: 2em;
	}

	/****** ペアリング ******/

	#pairing {
		background: #fff;
		padding: 15px;
	}
	#pairing img {
		width:100%;
	}
	#pairing h3 {
		font-size: 23px;
	}
	
	/****** 通知 ******/

	#info {
		background: none;
		min-height: auto;
		margin-top: 30px;
		padding-top: 0;
	}
	#infoInner {
		width: 100%;
	}
	ul.infoList li {
		height: auto;
		clear: both;
		width:92%;
		float:none;
		}
		ul.infoList li.right {
			float:none;
			}
	ul.infoList li img {
		max-width:100%;
	}	
	/****** 各種設定 ******/

	#setting {
		border-bottom: #ddd 3px solid;
		background: none;
		min-height: 0;
		margin-top: 0;
		padding-top: 65px;
		padding-bottom: 65px;
	}
	#settingInner {
		width: 100%;
		margin-top: 0;
		float: none;
	}
	
	#settingInner .manual,
	#infoInner .manual  {
		margin-top: 30px;
	}

	/****** 各種設定 ******/

	#about {
		border-bottom: #ddd 3px solid;
		background: none;
		min-height: 0;
		margin-top: 0;
		padding-top: 65px;
		padding-bottom: 65px;
	}
	#aboutInner {
		width: 100%;
		margin-top: 0;
		float: none;
	}
	
	#aboutInner .manual  {
		margin-top: 30px;
	}

	#create {
		border-bottom: #ddd 3px solid;
		background: none;
		min-height: 0;
		margin-top: 0;
		padding-top: 65px;
		padding-bottom: 65px;
	}
	#createInner {
		width: 100%;
		margin-top: 0;
		float: none;
	}
	
	#createInner .manual  {
		margin-top: 30px;
	}

	/****** リモートシャッター ******/

	#remote {
		width: 100%;
		margin: 0 auto;
		margin-top: -35px;
		padding-top: 65px;
	}
	
	#remote img {
		max-width: 100%;
	}
	
/*----------------------------------
	対応機種リストページ
----------------------------------*/

#list #listInner {
	width: 100%;
	margin: 0 auto 30px auto;
}

#listInner h3 {
	padding: 20px 0 0 0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #ccc;
}

#listInner h4 {
	margin: 25px 0 10px 0;
	padding: 10px 15px 8px 15px;
	font-size: 16px;
	font-weight: bold;
	background: #333;
	border-radius: 4px;
	color: #fff;
	text-shadow: none;
}

#listInner h4 span {
	font-size: 12px;
	font-weight: normal;
}

#listInner table {
	width: 95%;
	margin: 10px auto;
	border-collapse: collapse;
	font-size: 12px;
}

#listInner table th {
	width: auto;
	padding:0 2px;
	border: 1px solid #ccc;
	background: #ddd;
}

#listInner table td {
	width: auto;
	padding:0 2px;
	border: 1px solid #ccc;
	background: #fff;
}

/*----------------------------------
	申し込みページ
----------------------------------*/

/****** ヘッダー ******/

	#form_head img,
	#form img {
		max-width: 100%;
	}

	header#form_head {
		width: auto;
		padding: 20px 10px;
	}

	/****** 入力ページ ******/
	
	#inquiryInner {
		width: 95%;
		margin: 0 auto;
		margin-bottom: 50px;
		padding-top: 40px;
	}

	/* 利用規約 */

	#rule {
		width: auto;
		margin: 0 auto 50px;
		padding: 0 10px;
	}

	.privacy_read_1 {
		width: 85%;
		margin: 15px auto;
		padding: 15px;
		background: #f5f5f5;
		border: 5px solid #ccc;
		-webkit-overflow-scrolling:touch;
	}

	/* フォーム */

	ul.formContent li label,
	ul.formContent li span.label {
		float: none;
		width: 95%;
		padding: 4px 5% 4px 0;
	}
	
	ul.formContent li span.input {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 10px 5px;
	color: #000;
	}
	ul.formContent li input[type="text"] {
		width: 90%;
		margin: 0 auto;
		padding: 10px 5px;
	}
	ul.formContent li textArea {
		width: 90%;
		margin: 0 auto;
		height: 6em;
		padding: 5px;
	}
	ul.formContent li select {
		width: 100%;
		padding: 10px 5px;
		font-size: 15px;
	}
	.input-error {
		margin-left: 0;
	}
	ul.submitBtn li button,
	ul.submitBtn li input {
		font-size: 16px;
	}


	/* 完了画面 */

	#complete img {
		max-width: 100%;
	}

	#complete {
		width: auto;
		margin: 0 auto;
		padding: 0 10px;
		border: 0;
		text-align: center;
	}

	#complete p {
		margin: 30px 0;
	}

	/****** 404 ******/

	#notfound img {
		max-width: 100%;
	}

	#notfound {
		width: auto;
		padding: 0 10px;
		text-align: center;
	}

.touchImg img {
	margin-bottom:10px;
}

.touchImg img.arow {
	display:none;
}

p.imgnone {
	display:block;
	}

img.m_right {
	margin-right:0;
	}

#create {
	min-height: auto;
}

}

/* ------ clearfix ------ */

.clearfix {
	zoom:1;
}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

.clear {
	clear: both;
}