@charset "utf-8";

/*-----------------------------------------------------
Base Layout Style
------------------------------------------------------*/
.noScriptTxt { color:#666; width: 960px; margin: 0 auto; padding: 5px 10px; }

.SP { display:none; }
.SP_inline { display:none; }
/* screens LAGER than 667
*******************************************/
@media screen and (min-width: 667px){
	.PC { display:block; }
	br.PC { display:-moz-stack; }
	.PC_inline { display:inline; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	img[src*=".svg"] {
		width: 100%;
	}
}


/* =========================================================
◆Link Style
========================================================= */
a:link    { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover   { color: #f00; text-decoration: none; }
a:active  { color: #f00; text-decoration: none; }
a.nolink  { color: #333 !important; text-decoration: none !important; cursor:default !important; }
a:hover img { filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; }
a:hover img.notHover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }
img.rollover2 { filter:alpha(opacity=100) !important; -moz-opacity:1.0 !important; opacity:1.0 !important; }
input [type=image]:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
* { background: url(/common/images/clear.gif) 0 0 repeat; }
a.underLine { text-decoration: underline; }

/* =========================================================
◆基本
========================================================= */
body { background:#fff; font:14px/1.7 "メイリオ",Meiryo,"遊ゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",sans-serif; color:#333; -webkit-text-size-adjust:none; line-height:170%; overflow: hidden; position: relative; }
img { vertical-align:top; display:block; }
::selection { background:#c4d700; }
::-moz-selection { background:#c4d700; }

/* =========================================================
head
========================================================= */
#headWrap { margin-bottom:24px; }
#head { background:#ffffff; padding-top:1px; margin-bottom:5px; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }
#headInner { width:960px; margin:0 auto; }
#head .logo { width:161px; float:left; margin-right:49px; }
#head .logo h1 a { display: block; }
#head .logo h1 a img { opacity:1 !important; -webkit-opacity:1 !important; -moz-opacity:1 !important; filter:alpha(opacity=100) !important; }
#head .headTxt { float: left; padding-top: 20px; width: 205px; }
#head .headTxt img { height: 20px; width: auto; opacity: 1 !important; }
#head .headR { width:390px; float:right; margin-right:10px; }
#head .headR a { color:#003399; text-decoration: underline; }
#head .headR .linkWw { height:auto; min-height: 24px; text-align:right; margin-bottom:4px; padding-top:1px; }
#head .headR .linkWw a { display:inline-block; background:url(../images/icon_arrow.gif) no-repeat 0.1em 0.6em; padding-left:10px; font-size:85.7%; }
#head .headR .linkWw a:hover { color: #FF6633; }
#head .headR .btmWrap { clear:both; }
#head .headR .search { width:210px; float:left; }
#head .headR .search form { width:200px; height:21px; background:url(../images/search_frame.gif) no-repeat left center; display:block; }
#head .headR #search { display: inline; float: left; border: none; vertical-align: top; padding: 3px 5px; width: 167px; background: none; height: 21px; }
#head .headR #submit { display: inline; float: left; vertical-align: top; padding-top: 0px;}
#head .headR .headNav { float:right; }
#head .headR .headNav li { display:inline-block; background-repeat:no-repeat; background-position:left 4px; padding-left:17px; padding-top:1px; }
#head .headR .headNav li a { font-size:77.4%; vertical-align: top; }
#head .headR .headNav li a:hover { color: #FF6633; }
#head .headR .headNav .sitemap { background-image:url(../images/icon-sitemap.gif); float:left; margin-right:7px; line-height:140%; }
#head .headR .headNav .contact { background-image:url(../images/icon-contact.gif); float:left; line-height:140%; background-position:3px 3px; padding-left:20px; margin-left: -1px; }

#head .headTxt.enHeadTxt { padding-top: 23px; width: 125px; }
#head .headTxt.enHeadTxt img { height: 17px; }

/* mac */
.mac #head .headR .headNav .sitemap { background-position: 0 6px; }

/* mac Safari */
.mac.safari #head .headR .headNav .contact { padding-left:19px; }

@-moz-document url-prefix() {
	/* FireFox */
	#head .headR .linkWw { padding-top: 0; }
	#head .headR .linkWw a { background-position: left 0.6em; }
	#head .headR .headNav .contact { background-position: 2px 3px; }
	/* mac */
	.mac #head .headR .linkWw { margin-bottom: 3px; }
	.mac #head .headR .headNav .sitemap { background-position: left 6px; margin-right: 7px; }
}

@media all and (-ms-high-contrast:none){
	/* IE10以降 */
	#head .headR { width:391px; }
	/* #head .headR .headNav { width:175px; } */
	.en #head .headR .headNav { width: auto; }
	#head .headR .search { margin-top: 1px; }
	#head .headR .linkWw { margin-bottom: 3px; }
	#head .headR .headNav .sitemap { background-position: left 5px; padding-left: 18px; margin-left: 1px; }
}

.floatingPage #head .headR { padding-top: 29px; }


/* =========================================================
gnav
========================================================= */
#gnav { width:100%; background: url(../images/g_nav_bg.png) repeat-x; }
#gnav.active { width:100%; position:fixed; top:0; left:0; z-index:10; }
#gnavInner { width:960px; margin:0 auto; }
#gnav .cFix { background:url(../images/gnav_line.png) no-repeat left top; }
#gnav .cFix li { float:left; text-align: center; background:url(../images/gnav_line.png) no-repeat right top; }
#gnav .cFix li.gnav01 {width: 160px;}
#gnav .cFix li.gnav02 {width: 160px;}
#gnav .cFix li.gnav03 {width: 160px;}
#gnav .cFix li.gnav04 {width: 160px;}
#gnav .cFix li.gnav05 {width: 160px;}
#gnav .cFix li.gnav06 { width:160px; }
#gnav .cFix li a { display:block; padding:5px 0; }
#gnav .cFix li a:hover { color: #ff0000; }
#gnav .cFix li a span { display:inline-block; }
#gnav .cFix li a span.SP { display:none; }

/* =========================================================
breadcrumb
========================================================= */
.breadcrumb { width:960px; margin:0 auto 58px; }
.breadcrumb li, .breadcrumb li a, .breadcrumb li a:before { display:inline-block; }
.breadcrumb ul { line-height:17px ; }
.breadcrumb ul li { font-size:10px; padding-right:1em; }
.breadcrumb ul li a:before { content:"＞"; padding-right:1em; }
.breadcrumb ul li.last:before { content:"＞"; padding-right:1em; }
.breadcrumb ul li:first-child a:before {  content:""; padding-right:0;}

/* =========================================================
main
========================================================= */
#mainInner { width:960px; padding:0 0 97px; margin:0 auto 0px; }
#mainInner:after { display:block; content:""; clear:both; height:0; font-size:0; visibility:hidden; }

/* =========================================================
cont
========================================================= */
#cont { width:710px; float:left; position:relative; z-index:1; }

/* =========================================================
sidebar
========================================================= */
.sideWrap.fixed{ position: fixed; width: 100%; top: 33px; left: 0; z-index:0; }
.sideWrap.fixed .sideCont{ width: 960px; margin: 0 auto;}
#sidebar { width:203px; float:right; padding-top: 5px; }
#sidebar a.nolink { color: #f00 !important; }
#sidebarScroll { position:relative; overflow:hidden; }
#sidebarInner { padding-left:23px; }
#sidebarInner.active { position:absolute; left:0; top:0; height:100%; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; overflow-y:scroll; }
#sidebar .sidetit { line-height: 140%; padding-bottom: 18px; font-size: 16px; padding-left:23px; }
#sidebar .sideNav { padding-bottom: 25px;}
#sidebar .sideNav.last { padding-bottom:0px; }
#sidebar .sideNav a { display:inline-block; font-size:10px; line-height: 260%; }
#sidebar .sideNav .tit { font-size:14px; color:#333; margin: 12px 0 5px; line-height:140%; }
#sidebar .sideNav .tit:first-child { margin-top:0; }
#sidebar .sideNav .acoList > li { }
#sidebar .sideNav .acoList li .acoHead { display: block; position:relative; padding: 0px 22px 0px 0; margin-bottom:0px; }
#sidebar .sideNav .acoList li .acoHead:after { content:""; display: block; width: 20px; height: 19px; position:absolute; right:2px; top: 3px; background:url(/common/images/icon_accordion.png) no-repeat left top; }
#sidebar .sideNav .acoList li .acoHead.active:after { background-position:left bottom; }
#sidebar .sideNav .acoList li .acoCont { display: none; }
#sidebar .sideNav .acoList li .links li a.bugPt { padding-top: 4px; line-height: 160%;}
#sidebar .sideNav .links li { padding-bottom:0px;}
#sidebar .sideNav .links li a { display:inline-block; position:relative; }
#sidebar .sideNav .links li a.active{ color:#f00; }
#sidebar .sideNav .links li a.active:before{ content:"→"; font-size:16px; display:block; position:absolute; left:-23px; top:1px; }
#sidebar .sideNav .links li a.active.row02:before{ top:7px; }
#sidebar .sideNav a.row02 { line-height:140%; padding:6px 0; }

#sidebar.typeProducts { padding-top: 37px; }
#sidebar.typeProducts .sidetit { display: none; padding-bottom:40px; }
#sidebar.typeProducts.active .sidetit { display:block; }
#sidebar.typeProducts .sideNav .acoList li .acoCont { display: block; }

#sidebar.supportSide .sidetit { padding-bottom: 14px; }

/* ▼ SIDEBAR CURRENT PAGE ▼ */
body.currentLinkSdhcAndroid #sidebar a.SdhcAndroid,
body.currentLinkSdhcAndroidApp #sidebar a.SdhcAndroidApp,
body.currentLinkSdhcMac #sidebar a.SdhcMac,
body.currentLinkSdhcMacSoft #sidebar a.SdhcMacSoft,
body.currentLinkTransferAndroid #sidebar a.TransferAndroid,
body.currentLinkTransferIos #sidebar a.TransferIos,
body.currentLinkTransferWin #sidebar a.TransferWin,
body.currentLinkSdWin #sidebar a.SdWin,
body.currentLinkUsbWin #sidebar a.UsbWin,
body.currentLinkUsbUx #sidebar a.UsbUx,
body.currentLinkUsbSecurity #sidebar a.UsbSecurity,
body.currentLinkUsbFormat #sidebar a.UsbFormat,
body.currentLinkHardMac #sidebar a.HardMac,
body.currentLinkTransferUsb #sidebar a.TransferUsb,
body.currentLinkNfcSdMac #sidebar a.NfcSdMac,
body.currentLinkNfcSdMac #sidebar a.NfcSdWin { color:#f00; }

body.currentLinkSdhcAndroid #sidebar a.SdhcAndroid:before,
body.currentLinkSdhcAndroidApp #sidebar a.SdhcAndroidApp:before,
body.currentLinkSdhcMac #sidebar a.SdhcMac:before,
body.currentLinkSdhcMacSoft #sidebar a.SdhcMacSoft:before,
body.currentLinkTransferAndroid #sidebar a.TransferAndroid:before,
body.currentLinkTransferIos #sidebar a.TransferIos:before,
body.currentLinkTransferWin #sidebar a.TransferWin:before,
body.currentLinkSdWin #sidebar a.SdWin:before,
body.currentLinkUsbWin #sidebar a.UsbWin:before,
body.currentLinkUsbUx #sidebar a.UsbUx:before,
body.currentLinkUsbSecurity #sidebar a.UsbSecurity:before,
body.currentLinkUsbFormat #sidebar a.UsbFormat:before,
body.currentLinkHardMac #sidebar a.HardMac:before,
body.currentLinkTransferUsb #sidebar a.TransferUsb:before,
body.currentLinkNfcSdMac #sidebar a.NfcSdMac:before,
body.currentLinkNfcSdMac #sidebar a.NfcSdWin:before { content:"→"; font-size:16px; display:block; position:absolute; left:-23px; top:1px; }

body.currentLinkSdhcAndroid #sidebar a.SdhcAndroid.row02:before,
body.currentLinkSdhcAndroidApp #sidebar a.SdhcAndroidApp.row02:before,
body.currentLinkSdhcMac #sidebar a.SdhcMac.row02:before,
body.currentLinkSdhcMacSoft #sidebar a.SdhcMacSoft.row02:before,
body.currentLinkTransferAndroid #sidebar a.TransferAndroid.row02:before,
body.currentLinkTransferIos #sidebar a.TransferIos.row02:before,
body.currentLinkTransferWin #sidebar a.TransferWin.row02:before,
body.currentLinkSdWin #sidebar a.SdWin.row02:before,
body.currentLinkUsbWin #sidebar a.UsbWin.row02:before,
body.currentLinkUsbUx #sidebar a.UsbUx.row02:before,
body.currentLinkUsbSecurity #sidebar a.UsbSecurity.row02:before,
body.currentLinkUsbFormat #sidebar a.UsbFormat.row02:before,
body.currentLinkHardMac #sidebar a.HardMac.row02:before,
body.currentLinkTransferUsb #sidebar a.TransferUsb.row02:before { top:7px; }

/* ▲ SIDEBAR CURRENT PAGE ▲ */

/* =========================================================
page top
========================================================= */
#goTop { display: none; width:84px; height: 54px; position:fixed; right:0; bottom:50px; overflow:hidden; z-index:100; }
#goTop .inner a { display: block; }
#goTop .inner a span { text-indent: -9999px; width:84px; height: 54px; display: block; background: url(../images/go_top.png) 0 0 no-repeat; }
#goTop .inner a:hover span { background-position: left bottom; }

/* =========================================================
foot
========================================================= */
#foot { position:relative; }
#foot #footInner01 a { color: #333333; text-decoration: none; vertical-align: middle; }
#foot #footInner01 a:hover { color: #ff0000; }
#footInner01 { width:100%; padding:19px 0;}
#foot .footSitemap { width:960px; margin:0 auto 41px;}
#foot .backTop { width:960px; margin:0 auto 26px; }
#foot .backTop h3 { line-height:1; font-size: 128.5%; }
#foot .backTop h3 a { line-height: 1;  display: inline-block; color: #333333; text-decoration: none; }
#foot .backTop h3 a:hover { color: #ff0000; }

#foot .footSitemap .block { float:left; box-sizing:content-box; padding-right:30px; }
#foot .footSitemap .block.first { width:187px; }
#foot .footSitemap .block.second { width:151px; }
#foot .footSitemap .block.third { width:186px; }
#foot .footSitemap .block.four { width:171px;}
#foot .footSitemap .block.last { padding-right: 0; width:145px; }
#foot .footSitemap .block h3 { font-size:114.2%; margin-bottom:12px; }
#foot .footSitemap .block h3 a {}
#foot .footSitemap .block ul { padding:0; list-style:none; line-height:170%; }
#foot .footSitemap .block ul li { line-height:260%; font-size:10px; }
#foot .footSitemap .block ul li.row02 { padding:4px 0 5px; }
#foot .footSitemap .block ul li.last { margin-bottom:0;}
#foot .footSitemap .block ul li a { font-size:10px; line-height:170%; display:inline-block; }

#foot .footSitemap .block.first li.nav05 a .txtPar,
#foot .footSitemap .block.third li.nav03 a .txtPar { margin-left:0.55em;}
#foot .footSitemap li.blank:after { display: inline-block; content: ''; width: 11px; height: 10px; background: url(/common/images/icon_blank_S.png) no-repeat left top; margin-left: 0px; position: absolute; right: 14px; top: 0;  }

#foot .subNav .noteBlank { width:auto; float:left; position:relative; font-size:10px; color:#666; padding-left:22px; margin-top:-5px; }
#foot .subNav .noteBlank:before { content:""; display: block; width: 15px; height: 14px; position:absolute; left:0; top: 4px; }

#foot .subNav { width:960px; margin:0 auto; }
#foot .subNav ul { float: right; }
#foot .subNav li { display: inline; float: left; line-height: 1; border-right: 1px solid #CCCCCC; }
#foot .subNav li.last { border-right: none; }
#foot .subNav li a { font-size: 78.5%; padding: 0 25px; color: #333333; text-decoration: none; position: relative; }
#foot .subNav li a.blank { padding-right: 25px; }
#foot .subNav li a.blank:after { display: inline-block; content: ''; width: 11px; height: 10px; background: url(/common/images/icon_blank_S.png) no-repeat left bottom; margin-left: 0px; position: absolute;  right: 14px; top: 0;}
#foot .subNav li a:hover { color: #ff0000; }
#foot .subNav li a.blank { padding-right: 30px; }
#foot .subNav li a { padding:0 15px;}

#foot .subNav li.last a { padding-right: 0; letter-spacing: 0.2px; }

#footInner02 { width:960px; margin:0 auto; padding:16px 0 28px; font-size:78.5%; }
#footInner02 a { color: #666; text-decoration: none; }
#footInner02 a:hover { color: #ff0000; }
#footInner02 .footBnr { padding-top: 2px; }
#footInner02 .footBnr a { line-height: 1; display: inline-block; padding-right:26px; position:relative; }



#foot .footNav { padding:8px 0 0; }
#foot .footNav ul { width: 300px; float: left; line-height: 1;}
#foot .footNav li { display:inline-block; border-right:solid 1px #999; padding-right: 15px; margin-right: 15px; vertical-align:top; }
#foot .footNav li.nav01 {}
#foot .footNav li.nav02 { padding-right:23px; }
#foot .footNav li.nav03 { margin-right:0;}
#foot .footNav li a { display:block; line-height:1; letter-spacing: 0px; }
#foot .footNav li a:hover { color: #ff0000; }
#foot .footNav li.last { border:0; padding:0; }
#foot .footNav .copy { font-size:90.9%; color:#666; line-height:1; width:520px; float:right; text-align:right; }