/*----------------------------- common style -----------------------------*/
.sp {
	display: none;
}
.pc {
	display: inline;
}

#Container {
	width: 968px;
	margin: 0 auto 50px;
	background-color: #FFF;
}
@media screen and (max-width:640px){
#Container { width:100%; margin: 0 auto 30px; }
}

ul.unicom-navi_sub_menu {
	z-index: 1000;
}

#mainArea{
width:100%;
font-size:0.8em;
}

.header_btn{
text-align: right;
}

.center {
	text-align: center;
}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-megane_kg:before {
	content: "\e601";
	font-size:1.1em;
	vertical-align: -2px;
}
.icon-megane_g:before {
	content: "\e600";
	font-size:1.4em;
	vertical-align: -2px;
}
@-moz-document url-prefix() {
.icon-megane_g:before {
	vertical-align: -8px;
}
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:641px){


.sectionContents a:hover img, #rightMenu a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
}

/*----------------------------- title -----------------------------*/
.mainImg {
	margin-bottom: 19px;
	text-align: center;
}

#coNav {
overflow: hidden;
margin-bottom: 15px;
}
.co1Nav {
position: relative;
float: left;
width: 312px;
margin-right: 15px;
}
.co2Nav {
position: relative;
float: left;
width: 313px;
margin-right: 15px;
}
.co3Nav {
position: relative;
float: left;
width: 313px;
}
#coNav a {
display: block;
height: 257px;
}
#coNav a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
}
#coNav .navText {
position: absolute;
background: #0A0930;
top: 157px;
width: 313px;
height: 151px;
}
#coNav .co1Nav .navText {
width: 312px;
}
#coNav h2 {
margin: 17px 0 15px;
text-align: center;
}
#coNav .titleText {
display: none;
margin-bottom: 18px;
text-align: center;
}
#coNav .click {
padding-bottom: 8px;
text-align: center;
}
#coNav .active {
position: absolute;
box-sizing: border-box;
border: 3px solid #0A0930;
top: 0;
left: 0;
width: 313px;
height: 276px;
}
#coNav .note {
	clear: both;
	padding-top: 6px;
	text-align: left;
	font-size: 11px;
}


#point1 ,
#point2 {
	margin-bottom: 30px;
}
#point3 {
	margin-bottom: 50px;
}
.accBtn a {
	position: relative;
	display: block;
}
.accBtn a:after {
	content: url("../img/point_bg_down.png");
	position: absolute;
	top: 50%;
	right: 25px;
	width: 156px;
	height: 48px;
	margin-top: -24px;
	text-align: right;
}
.accBtn.btnUp a:after {
	content: url("../img/point_bg_up.png");
}
.accBtn.btnDown a:aftop: ;er {
	content: url("../img/point_bg_down.png");
}
.accBody {
	display: none;
	padding: 40px 30px 0;
	background: #001934;
	background: -moz-linear-gradient(top, #001934 0%, #00567f 100%);
	background: -webkit-linear-gradient(top, #001934 0%,#00567f 100%);
	background: linear-gradient(to bottom, #001934 0%,#00567f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001934', endColorstr='#00567f',GradientType=0 );
	color: #BFBFBF;
	text-align: left;
}
#point2 .img_1 .text {
	color: #26ABDF;
	font-weight: bold;
	font-size: 16px;
}
#point2 .img_2 .text {
	font-weight: bold;
	font-size: 16px;
}
#point3 .floatSetInner1 {
	background: #0093D2;
	margin-bottom: 15px;
	padding: 20px;
	color: #FFF;
}
#point3 .floatSetInner1 .pointSubTitle,
#point3 .floatSetInner2 .pointSubTitle {
	color: #FFF101;
}
#point3 .floatSetInner2 {
	background: #69AB45;
	padding: 20px;
	color: #FFF;
}
#point3 .img_1 {
	width: 260px;
	text-align: center;
}
#point3 .img_2 {
	width: 260px;
	text-align: center;
}
#point3 .img_3 {
	width: 260px;
	text-align: center;
}
#point4 .accBody {
	display: block;
}
#point4 .img_1 {
	width: 440px;
	text-align: left;
}
#point4 .img_1 img {
	width: auto;
	height: 124px;
}
#point4 .img_3 {
	width: 460px;
	text-align: left;
}
#point4 .floatSet.is-last {
	margin: 40px 0 0;
}
.pointSection {
	background: #001431;
	box-shadow: 0 0 6px rgba(0, 161, 228, 1), 0 0 6px rgba(0, 161, 228, 1) inset;
	border: 1px solid #FFF;
	border-radius: 4px;
	padding: 30px;
	margin-bottom: 30px;
}
.pointSection.is-last {
	margin-bottom: 0;
}
.pointSection .pointSection {
	border: none;
	padding: 0;
	box-shadow: none;
}
.pointTitle {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}
.pointSubTitle {
	margin-bottom: 20px;
	color: #28ABE1;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}
.floatSet {
	margin-bottom: 35px;
}
.floatSet.sub {
	padding: 23px;
	background: #2A2A2A;
}
.floatSet .floatFrame {
	float: left;
	width: 308px;
}
.floatSet .floatFrame:first-child {
	margin-right: 24px;
}
.floatSetText {
	float: left;
}
.floatSet .text {
	margin-bottom: 0;
	font-size: 13px;
}
.text2 {
	margin-bottom: 10px;
	font-size: 13px;
}
.text2:last-child {
	margin-bottom: 0;
}
.text2 span {
	font-size: 12px;
}
.floatSet.sub.mt {
	margin-bottom: 0;
	padding-bottom: 0;
}
.floatSet.sub {
	margin-bottom: 30px;
}
.floatSet .mb {
	margin-bottom: 30px;
}
.floatSet .text3 {
	float: left;
	width: 400px;
	font-size: 14px;
}
.text3 span {
	display: block;
	margin-bottom: 30px;
	font-size: 12px;
}
.floatSet .text4 {
	float: left;
	width: 526px;
	font-size: 14px;
}
.floatSet .text5 {
	float: left;
	width: 450px;
	font-size: 14px;
}
.floatSet .text.fl {
}
.floatSet .images {
	float: right;
	font-size: 0;
}
.floatSet .images img {
	letter-spacing: -.45em;
}
.floatSet .images li {
	display: inline-block;
	font-size: inherit;
	line-height: 1.5;
}
.floatSet .images .text {
	font-size: 12px;
}
.floatSetText.w270 {
	width: 280px;
}
.floatSetText.w310 {
	width: 320px;
}
.floatSetText.w370 {
	width: 380px;
}
.floatSetText.w380 {
	width: 390px;
}
.floatSetText.w510 {
	width: 520px;
}
.floatSet .images.w334 {
	margin-right: -22px;
}
.floatSet .images.w334 li {
	width: 334px;
	margin-right: 22px;
}
.floatSet .images.w334 li .text,
.floatSet .images.w334 li img {
	width: 334px;
}
.floatSet .images.w334 li .text {
	margin-top: 8px;
	font-size: 12px;
	text-align: center;
}
.floatSet .images.w308 {
	margin-right: -18px;
}
.floatSet .images.w308 li {
	width: 308px;
	margin-right: 18px;
}
.floatSet .images.w308 li .text,
.floatSet .images.w308 li img {
	width: 308px;
}
.floatSet .images.w308 li .text {
	margin: 8px 0 0;
	font-size: 12px;
	text-align: center;
}
.floatSet .images.w220 {
	margin: 0 -20px 0 0;
}
.floatSet .images.w220 li {
	width: 220px;
	margin-right: 20px;
}
.floatSet .images.w220 li .text,
.floatSet .images.w220 li img {
	width: 220px;
}
.floatSet .images.w220 li .text {
	display: inline-block;
	margin-top: 6px;
}
.floatSet .images.w210 {
	margin: 0 -20px 0 0;
}
.floatSet .images.w210 li {
	width: 210px;
	margin-right: 20px;
}
.floatSet .images.w210 li .text,
.floatSet .images.w210 li img {
	display: inline-block;
	width: 210px;
}
.floatSet .images.w210 li .text {
	margin-top: 6px;
}
.images.w280 {
	text-align: center;
}
.floatSet .images li .title {
	display: block;
	margin-bottom: 5px;
	text-align: center;
	font-size: 14px;
}
.floatSet .overTitle {
	margin: 0 0 10px;
}
.floatSet .overTitle img {
	height: 18px;
}
.floatSet .overImage {
	margin: 0 0 30px;
}
.pointSection .images {
	text-align: center;
}
.movie {
	position: relative;
	width: 968px;
	height: 532px;
	line-height: 1;
	padding-top: 30px;
}
.movie .inner {
	display: inline-block;
	background: #001431;
	box-shadow: 0 0 6px rgba(0, 161, 228, 1), 0 0 6px rgba(0, 161, 228, 1) inset;
	border: 1px solid #FFF;
	border-radius: 4px;
	width: 640px;
	height: 440px;
	margin: 0 auto;
	padding: 25px 30px;
	text-align: left;
}
.movie a {
	position: absolute;
	display: block;
	background: #FFF;
	bottom: 60px;
	left: 164px;
	width: 640px;
	height: 360px;
	z-index: 200;
}
.movie iframe {
	position: absolute;
	display: block;
	background: #FFF;
	bottom: 60px;
	left: 164px;
	width: 640px;
	height: 360px;
	z-index: 100;
}
.movieTitle {
	border-left: 5px solid #21B6E9;
	padding: 2px 0 0 15px;
}
.movieTitle_01 {
	text-shadow:0px 0px 6px #06b5eb;
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.2;
	color: #FFF;
}
.movieTitle_02 {
	display: inline-block;
	text-shadow:0px 0px 6px #06b5eb;
	font-size: 34px;
	font-weight: bold;
	line-height: 1.2;
	color: #FFF;
}
.movieTitle_03 {
	display: inline-block;
	text-shadow:0px 0px 6px #06b5eb;
	margin-left: 10px;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.2;
	color: #ffffff;
}
#point1 .movie {
	background: url(../img/point_bg_01_pc.jpg) no-repeat left bottom;
}
#point2 .movie {
	background: url(../img/point_bg_02_pc.jpg) no-repeat left bottom;
}
#point3 .movie {
	background: url(../img/point_bg_03_pc.jpg) no-repeat left bottom;
}
.coNote {
	font-size: 95%;
}

/*----------------------------- co1 -----------------------------*/
#co1 {
display: none;
background: #E5E5E5;
padding: 40px;
text-align: left;
}
#co1 h3 {
margin-bottom: 20px;
}
#co1 .img01 {
	overflow: hidden;
	padding: 0 30px 60px;
}
#co1 .img01Left {
	float: left;
	width: 475px;
	font-size: 14px;
}
#co1 .img01Left .btn {
	margin-top: 30px;
}
#co1 .img01Right {
	float: right;
}
#co1 .img01Right img {
	margin-left: 10px;
}

#co1 p.title {
padding: 0 30px 45px;
font-size: 110%;
}
#co1 p.img01 {
padding-bottom: 42px;
text-align: center;
}
#co1 p.img02 {
padding-bottom: 48px;
text-align: center;
}
#co1 .img03 {
	overflow: hidden;
	margin: 0 0 60px 30px;
}
#co1 .img03 .img03Left {
	float: left;
	width: 230px;
}
#co1 .img03 .img03Right {
	float: left;
	width: 550px;
}
#co1 .img03 .img03Right img {
	float: left;
	margin-right: 11px;
	vertical-align: middle;
}
#co1 .img03 .img03Right .img03Title {
	float: left;
	font-weight: bold;
	font-size: 130%;
	line-height: 21px;
}
#co1 .img03 .img03Right p {
	clear: both;
	padding: 10px 0 3px;
	font-size: 110%;
}
#co1 .img03 .img03Right p.note {
	font-size: 95%;
	padding: 0 0 15px;
}
#co1 .img04 .title {
	padding-bottom: 25px;
}
#co1 .img04 .img {
	padding: 0 25px 10px;
}

/*----------------------------- co2 -----------------------------*/
#co2 {
display: none;
background: #E5E5E5;
padding: 40px;
text-align: left;
}
#co2 h3 {
margin-bottom: 20px;
}
#co2 p.title {
padding: 0 30px 30px;
font-size: 110%;
}
#co2 .img01 {
overflow: hidden;
margin: 0 30px;
}
#co2 .img01 .title {
	float: left;
	padding: 0 0 60px;
}
#co2 .img01 .img {
	float: right;
	margin-top: 30px;
}
#co2 .img02 {
overflow: hidden;
padding: 0 0 40px;
}
#co2 .img02 .img02Left{
	float: left;
	width: 540px;
	padding-left: 30px;
}
#co2 .img02 .title {
	padding: 0 0 10px;
}
#co2 .img02 .text {
	font-size: 12px;
}
#co2 .img02 .img {
	float: right;
	padding-right: 30px;
}
#co2 .img03 {
overflow: hidden;
padding: 0 0 60px;
}
#co2 .img03 .img03Left{
	float: left;
	width: 450px;
	padding-left: 30px;
}
#co2 .img03 .title {
	padding: 0 0 10px;
}
#co2 .img03 .text {
	font-size: 12px;
}
#co2 .img03 .note {
	font-size: 12px;
}
#co2 .img03 .img {
	float: right;
	padding-right: 30px;
}
#co2 .footnote {
	margin-top: 20px;
	font-size: 12px;
}

/*----------------------------- co3 -----------------------------*/
#co3 {
display: none;
background: #E5E5E5;
padding: 40px;
text-align: left;
}
#co3 h3 {
margin-bottom: 20px;
}
#co3 p.title {
padding: 0 30px 30px;
font-size: 110%;
}
#co3 .img01 {
	overflow: hidden;
	padding: 0 30px 60px;
}
#co3 .img01Left {
	float: left;
	width: 470px;
	font-size: 110%;
}
#co3 .img01Left .btn {
	margin-top: 30px;
}
#co3 .img01Right {
	float: right;
}
#co3 .img01Right img {
	margin-left: 10px;
}
#co3 .img03 {
	overflow: hidden;
	margin-top: -20px;
	padding: 0 30px 60px;
}
#co3 .img03Left {
	float: left;
	width: 525px;
	font-size: 110%;
}
#co3 .img03Left .btn {
	margin-top: 30px;
}
#co3 .img03Right {
	float: right;
}

#co3 .summary {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 95%;
}
#co3 table {
	border-top: 1px solid #777777;
	border-left: 1px solid #777777;
	width: 100%;
	margin: 0 auto 10px;
}
#co3 table th, #co3 table td {
	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;
	padding: 12px; 0
	font-size: 95%;
	text-align: center;
}
#co3 table th {
	background: #3F3F3F;
	color: #FFF;
	font-weight: bold;
}
#co3 table span {
	font-size: 80%;
	vertical-align: top;
}
#co3 table td {
	background: #FFF;
}
#co3 table td strong {
	font-weight: bold;
}
#co3 .tableNoteTitle {
	font-size: 110%;
	font-weight: bold;
}
#co3 .tableNote {
	margin: 0 0 60px;
}
#co3 .tableNote p {
	margin-left: 1.6em;
	font-size: 95%;
	text-indent: -1.6em;
}
#co3 .tableImg {
	margin-bottom: 10px;
}
#co3 .bannerSDHC {
	text-align: center;
	margin-top: 20px;
}

.note {
margin-top: 20px;
text-align: left;
font-size: 90%;
}

#coFootNav {
display: none;
overflow: hidden;
position: relative;
margin: 20px 0 8px;
}
#coFootNav a {
display: block;
background: #0A0930;
height: 100px;
}
#coFootNav .click {
padding-top: 12px;
text-align: center;
}
#coFootNav h2 {
margin-top: 15px;
text-align: center;
}

/*----------------------------- nav -----------------------------*/
#nav {
	border: 1px solid #EAEAEA;
	background: #F8FAF9;
	margin: 50px 0 40px;
	padding: 30px;
	text-align: center;
}
#nav ul {
	padding: 10px 0 0 20px;
	font-size: 0;
	text-align: left;
}
#nav li {
	display: inline-block;
	padding: 10px 5px 0;
}
#nav .note {
	margin-left: 20px;
}
#nav .note.alert {
	color: #F00;
}


/*----------------------------- spec -----------------------------*/
#rmSpec{
background: #EFEFEF;
}
#rmSpec h4{
background: #848484;
padding: 26px 30px;
text-align: left;
}
#rmSpec .product {
	margin: 36px 0 40px;
}
#rmSpec table{
clear: both;
width: 884px;
margin:0 auto 10px;
border-top:solid 1px #000;
border-left:solid 1px #000;
border-collapse:collapse;
background-color:#fff;
}
#rmSpec th{
width: 680px;
padding:5px 10px;
border-right:solid 1px #333;
border-bottom:solid 1px #333;
background:#DBDBDB;
font-weight:bold;
text-align: left;
}
#rmSpec td{
padding:5px 10px;
border-right:solid 1px #333;
border-bottom:solid 1px #333;
font-size: 12px;
text-align: left;
vertical-align: middle;
}
#rmSpec td span{
margin-left: 2px;
font-size: 70%;
vertical-align: top;
}
#rmSpec .note {
	text-align: left;
	font-size: 11px;
	padding: 0 40px 30px;
}

/*----------------------------- report -----------------------------*/
.popupBox {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.popupBox .bg{
cursor: pointer;
}
.popupBox .bg img{
position: fixed;
top: 0;
left: 0;
width: 200%;
height: 200%;
}
.popup01 {
display: none;
position: absolute;
background: #0A0532;
width: 640px;
padding: 30px 25px 25px;
color: #FFF;
left: 50%;
margin-left: -320px;
text-align: left;
}
.popup01 .title {
margin-bottom: 22px;
}
.popup01 .text {
margin-bottom: 25px;
font-size: 110%;
line-height: 1.6;
}
.popup02 {
display: none;
position: absolute;
background: #0A0532;
width: 640px;
padding: 30px 25px 25px;
color: #FFF;
left: 50%;
margin-left: -320px;
text-align: left;
}
.popup02 .title {
margin-bottom: 22px;
}
.popup02 .text {
margin-bottom: 20px;
font-size: 110%;
line-height: 1.6;
}
.popup03 {
display: none;
position: absolute;
background: #0A0532;
width: 640px;
padding: 30px 25px 25px;
color: #FFF;
left: 50%;
margin-left: -320px;
text-align: left;
}
.popup03 .title {
margin-bottom: 22px;
}
.popup03 .text {
margin-bottom: 25px;
font-size: 110%;
line-height: 1.6;
}
.popup04 {
display: none;
position: absolute;
background: #0A0532;
width: 640px;
padding: 30px 25px 25px;
color: #FFF;
left: 50%;
margin-left: -320px;
text-align: left;
}
.popup04 .title {
margin-bottom: 22px;
}
.popup04 .text {
margin-bottom: 25px;
font-size: 110%;
line-height: 1.6;
}
.popupBox .close{
position: absolute;
}
#mainArea .popupBox .close:hover{
top: 79px;
}
#mainArea .popupBox .close:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
}


#rightMenu{
position:fixed;
right:0;
top:50%;
margin-top:-178px;
z-index:1000;
}
.spMenu{
	display: none;
}
#rightMenu .close {
	display: none;
}
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:640px){
	.sp {
		display: inline;
	}
	.pc {
		display: none;
	}
	#Contents_all{ width: 100%; margin: 0; }
	#Contents{ width:100%; margin: 0 auto; }
	.w770{ width:100%; }
	.co{ width:100%; box-sizing: border-box; }
	.imgChange {
		width: 100%;
	}
	strong {
		font-weight: bold;
	}

	#coNav {
		display: none;
	}
	#rightMenu{
		display: none;
	}

/*----------------------------- title -----------------------------*/
	#co1 {
		display: block;
		background: #E5E5E5;
		margin-top: -10px;
		padding: 0 5%;
		text-align: left;
	}
	#co1 .spTitle {
		display: inline-block;
		width: 100%;
		margin: 30px auto;
		text-align: center;
	}
	#co1 .spTitle img {
		width: 72%;
	}
	#co1 h3 {
		margin-bottom: 12px;
		text-align: center;
	}
	#co1 h3 img {
		width: 100%;
	}
	#co1 .title {
		padding: 0 0 20px;
		font-size: 110%;
	}
	#co1 .img01 .img01Left p.btn {
		margin-top: 15px;
		text-align: center;
	}
	#co1 .img01 .img01Right {
		margin: 15px 0 30px;
		text-align: center;
	}
	#co1 .img01 .img01Right img {
		width: 42%;
		margin: 0 0.5%;
	}
	#co1 p.img01,
	#co1 p.img02 {
		text-align: center;
	}
	#co1 p.img01 {
		margin-bottom: 20px;
	}
	#co1 p.img01 img {
		width: 74.5%;
	}
	#co1 p.img02 img {
		width: 96%;
	}
	#co1 .img03Left {
		margin-top: 25px;
		text-align: center;
	}
	#co1 .img03Left img {
		width: 65.5%;
	}
	#co1 .img03Right img {
		display: block;
		float: left;
		width: 22px;
		margin-right: 7px;
	}
	#co1 .img03Right li {
		margin-top: 20px;
	}
	#co1 .img03Right .img03Title {
		font-size: 120%;
		font-weight: bold;
	}
	#co1 .img03Right p {
		clear: both;
		margin-top: 10px;
		font-size: 110%;
	}
	#co1 .img03Right p.note {
		margin-top: 0;
		padding-bottom: 0;
		font-size: 95%;
	}
	#co1 .img04 .img {
		padding-bottom: 22px;
		text-align: center;
	}
	#co1 .img04 .img img {
		width: 97%;
	}

	#co2 {
		display: block;
		background: #E5E5E5;
		margin-top: 30px;
		padding: 0 5%;
		text-align: left;
	}
	#co2 .spTitle {
		display: inline-block;
		width: 100%;
		margin: 30px auto;
		text-align: center;
	}
	#co2 .spTitle img {
		width: 82.5%;
	}
	#co2 h3 {
		margin-bottom: 12px;
		text-align: center;
	}
	#co2 .title {
		padding: 0 0 20px;
		font-size: 110%;
	}
	#co2 .img01 {
		margin-bottom: 30px;
		text-align: center;
	}
	#co2 .img01 .img img {
		width: 86.5%;
	}
	#co2 .note {
		padding: 0 0 20px;
		font-size: 90%;
	}
	#co2 .img02 {
		padding: 0 0 25px;
	}
	#co2 .img02 .img {
		text-align: center;
	}
	#co2 .img02 .img img {
		width: 72.4%;
	}
	#co2 .img02Left .title {
		padding-bottom: 5px;
	}
	#co2 .img02Left .note {
		margin: 0 0 20px;
		padding: 0;
	}
	#co2 .img03 {
		padding: 0 0 30px;
		font-size: 110%;
	}
	#co2 .img03 .title {
		padding-bottom: 5px;
	}
	#co2 .img03 .note {
		margin: 0;
		padding-bottom: 10px;
	}
	#co2 .img03 .img03Left span {
		display: block;
		padding: 0;
		margin: 5px 0 0;
	}
	#co2 .img03 .img03Right {
		padding-top: 20px;
		text-align: center;
	}
	#co2 .img03 .img {
		text-align: center;
	}
	#co2 .img03 .img img {
		width: 86.55%;
	}
	#co2 .footnote {
		padding: 0 0 30px;
	}

	#co3 {
		display: block;
		background: #E5E5E5;
		margin-top: 30px;
		padding: 0 5%;
		text-align: left;
	}
	#co3 .spTitle {
		display: inline-block;
		width: 100%;
		margin: 30px auto;
		text-align: center;
	}
	#co3 .spTitle img {
		width: 72.4%;
	}
	#co3 h3 {
		margin-bottom: 12px;
		text-align: center;
	}
	#co3 h3 img {
		width: 290px;
	}
	#co3 .title {
		padding: 0 0 20px;
		font-size: 110%;
	}
	#co3 .text {
		font-size: 120%;
	}
	#co3 .rightImgList {
		padding: 0 15px 10px;
		text-align: center;
	}
	#co3 .rightImgList li {
		display: inline;
		margin: 0 6px;
	}
	#co3 .rightImgList img {
		width: 129px;
		padding-bottom: 10px;
	}
	#co3 .summary {
		margin: 0 0 5px 15px;
		font-weight: bold;
	}
	#co3 .rightTable {
		width: 100%;
		margin: 0 0 10px;
		border-top: 1px solid #777;
		border-left: 1px solid #777;
	}
	#co3 .rightTable tr {
		display: block;
		float: left;
	}
	#co3 .rightTable tr:nth-child(1) {
		width: 32%;
	}
	#co3 .rightTable tr:nth-child(2),
	#co3 .rightTable tr:nth-child(3) {
		width: 34%;
	}
	#co3 .rightTable th {
		display: block;
		background: #3F3F3F;
		border-right: 1px solid #777;
		border-bottom: 1px solid #777;
		padding: 12px 5px;
		color: #FFF;
		font-size: 80%;
		font-weight: bold;
		text-align: center;
	}
	#co3 .rightTable td {
		display: block;
		background: #FFF;
		border-right: 1px solid #777;
		border-bottom: 1px solid #777;
		padding: 12px 5px;
		font-size: 80%;
		text-align: center;
	}
	#co3 .rightTable td.two {
		line-height: 3.2;
	}
	#co3 .rightTable td.fileTd span {
		display: block;
		padding-top: 8px;
	}
	#co3 .rightTable th span {
		font-size: 90%;
	}
	#co3 .tableNoteTitle {
		padding: 0;
		font-size: 110%;
		font-weight: bold;
	}
	#co3 .tableNote {
		padding: 0 0 25px;
		font-size: 90%;
	}
	#co3 .img01Left, #co3 .img03Left {
		padding: 0;
		font-size: 90%;
	}
	#co3 .img01Left .btn, #co3 .img03Left .btn {
		margin: 10px 0 15px;
		text-align: center;
	}
	#co3 .img01Left .btn img, #co3 .img03Left .btn img {
		width: 225px;
	}
	#co3 .img01Right, #co3 .img03Right {
		margin-bottom: 35px;
		text-align: center;
	}
	#co3 .img01Right img {
		width: 41.4%;
		margin: 0 1.2%;
	}
	#co3 .img03Right img {
		width: 88.3%;
	}
	#co3 .img03Right {
		margin: 0 0 30px;
	}
	#co3 .tableImg {
		margin: -5px 0 8px;
	}
	#co3 .bannerSDHC {
		text-align: center;
		margin-top: 10px;
	}

	.coNote {
		padding: 0 0 15px;
		font-size: 90%;
	}
	#coFootNav {
		display: none;
	}
	.note {
		margin: 15px 5% 20px;
		font-size: 90%;
		text-align: left;
	}
	.note.alert {
		color: #F00;
	}

	/*----------------------------- nav -----------------------------*/
	#nav {
		margin: 0 0 30px;
		text-align: center;
	}
	#nav ul {
		padding-top: 2px;
	}
	#nav li {
		display: inline-block;
		padding: 10px 5px 0;
	}
	#nav li a {
		width: 40%;
	}

	/*----------------------------- spec -----------------------------*/
	#rmSpec{
	background: #EFEFEF;
	}
	#rmSpec h4{
	background: #848484;
	padding: 26px 15px;
	text-align: left;
	}
	#rmSpec h4 img {
		width: 42px;
	}
	#rmSpec .product {
		margin: 20px 5% 15px;
		text-align: center;
	}
	#rmSpec .productNote {
		margin: 0 15px 15px;
	}
	#rmSpec .productNote p {
		font-size: 80%;
		text-indent: -1em;
		margin-left: 1em;
	}
	#rmSpec .productNote p.alert {
		margin-bottom: 5px;
		color: #EC3339;
	}
	#rmSpec .download {
		border: 1px solid #010101;
		background: #FFF;
		margin: 0 10px;
	}
	#rmSpec .download ul {
		display: block;
		margin: 10px 10px 5px;
	}
	#rmSpec .download ul li {
		float: left;
		width: 50%;
		text-align: center;
	}
	#rmSpec .download .note {
		margin-bottom: 10px;
		padding: 0;
		font-size: 80%;
		text-align: center;
		line-height: 1.3;
	}
	#rmSpec table{
	width: 90%;
	margin:20px auto 10px;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-collapse:collapse;
	background-color:#fff;
	}
	#rmSpec th{
	width: 114px;
	padding:5px 10px;
	border-right:solid 1px #333;
	border-bottom:solid 1px #333;
	background:#DBDBDB;
	font-weight:bold;
	text-align: left;
	}
	#rmSpec td{
	padding:5px 10px;
	border-right:solid 1px #333;
	border-bottom:solid 1px #333;
	font-size: 12px;
	text-align: left;
	}
	#rmSpec td span{
	margin-left: 2px;
	font-size: 70%;
	vertical-align: top;
	}
	#rmSpec .note {
		margin: 0;
		padding: 0 5% 30px;
	}

	/*----------------------------- report -----------------------------*/
	.popupBox {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	}
	.popupBox .bg{
	cursor: pointer;
	}
	.popupBox .bg img{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1);
	}
	.popup01 {
	display: none;
	position: absolute;
	background: #0A0532;
	width: 90%;
	left: 5%;
	padding: 15px 12px;
	color: #FFF;
	box-sizing: border-box;
	}
	.popup01 .title {
	margin-bottom: 10px;
	text-align: left;
	}
	.popup01 .title img {
		width: 255px;
	}
	.popup01 .text {
	margin-bottom: 10px;
	font-size: 110%;
	line-height: 1.6;
	text-align: left;
	}
	.popup02 {
	display: none;
	position: absolute;
	background: #0A0532;
	width: 90%;
	left: 5%;
	padding: 15px 12px;
	color: #FFF;
	box-sizing: border-box;
	}
	.popup02 .title {
	margin-bottom: 10px;
	text-align: left;
	}
	.popup02 .title img {
		width: 258px;
	}
	.popup02 .text {
	margin-bottom: 10px;
	font-size: 110%;
	line-height: 1.6;
	text-align: left;
	}
	.popup03 {
	display: none;
	position: absolute;
	background: #0A0532;
	width: 90%;
	left: 5%;
	padding: 15px 12px;
	color: #FFF;
	box-sizing: border-box;
	}
	.popup03 .title {
	margin-bottom: 10px;
	text-align: left;
	}
	.popup03 .title img {
		width: 175px;
	}
	.popup03 .text {
	margin-bottom: 10px;
	font-size: 110%;
	line-height: 1.6;
	text-align: left;
	}
	.popupBox .close{
	position: absolute;
	width: 22px;
	right: 2.5%;
	}
	.popup04 {
	display: none;
	position: absolute;
	background: #0A0532;
	width: 90%;
	left: 5%;
	padding: 15px 12px;
	color: #FFF;
	box-sizing: border-box;
	}
	.popup04 .title {
	margin-bottom: 10px;
	text-align: left;
	}
	.popup04 .title img {
		width: 175px;
	}
	.popup04 .text {
	margin-bottom: 10px;
	font-size: 110%;
	line-height: 1.6;
	text-align: left;
	}
	#mainArea .popupBox .close img {
	width: 22px;
	}
	#mainArea .popupBox .close:hover {
	top: auto;
	}
	#mainArea .popupBox .close:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1;
	-khtml-opacity: 1;
	}
	.spMenu{
	position:fixed;
	right:0;
	top:0;
	z-index:200;
	}
	.spMenu img {
		width: 44px;
	}
	#rightMenu{
	display: none;
	position:fixed;
	right:0;
	top:50%;
	margin-top:-178px;
	z-index:200;
	}
}