@charset'UTF-8'
/* Common Style */
clearfix:after {
	display: block;
	content: '';
	clear: both;
}
clearfix {
	zoom: 1;
}
#footer {
	clear:both;
}
#contents-area .topicpath ul li a:link{
	color:#0a50a1;
	text-decoration:none;
}
#contents-area .topicpath ul li a:visited{
	color:#0a50a1;
	text-decoration:none;
}
#contents-area .topicpath ul li a:hover{
	color:#FF8000;
}
/* ## PC Style ###################################################################################################### */
/*******************************
タブメニュー
********************************/
ul#page-navi{
	width: 700px;
	float: left;
	clear: both;
	padding: 0;
	margin: 0 0 2% 0;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #30659E;
}
ul#page-navi li{
	float: left;
}
ul#page-navi li br{
	display:none;
}
ul#page-navi li.tab1 a{width: 190px;	margin: 0 2px 0 0;}
ul#page-navi li.tab1 a span{font-size:93%;}
ul#page-navi li.tab2 a{width: 148px;	margin: 0 2px 0 0;}
ul#page-navi li.tab3 a{width: 183px;	margin: 0 2px 0 0;}
ul#page-navi li.tab4 a{width: 165px;}
ul#page-navi li a{
	padding:2px 0 0 0;
	display:block;
	float: left;
	height: 38px;
	line-height: 38px;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
	position: relative;
	z-index: 0;
}
ul#page-navi li a img{
	vertical-align: middle;
	margin: 0 4px 0 0;
	width: 14px;
	height: 14px;
}
ul#page-navi li a span{
	vertical-align:middle;
}
ul#page-navi li.cr a{
	background-color: #30659e;
	border-top-color: #30659e;
	border-right-color: #30659e;
	border-left-color: #30659e;
}
ul#page-navi li a:link{
	color:#263d69;
	text-decoration:none;
}
ul#page-navi li a:hover{
	color: #263d69;
	text-decoration: none;
	/* [disabled]background-color: #EEE; */
}
ul#page-navi li a:hover span{
	color: #263d69;
	text-decoration:underline;
}
ul#page-navi li a:visited{
	color:#30659e;
	text-decoration:none;
}
ul#page-navi li.cr a:link{
	color:#fff;
	text-decoration:none;
	background-color: #30659e;
}
ul#page-navi li.cr a:hover{
	color: #fff;
	text-decoration:none;
}
ul#page-navi li.cr a:visited{
	color:#fff;
	text-decoration:none;
}
ul#page-navi li.cr a:hover span{
	color: #fff;
	text-decoration:underline;
}

/* メディア対応表 */
#correspondence-info {
	width: 100%;
	max-width: 700px;
	margin: 10px 0 20px 0;
}
#correspondence-info tr:nth-of-type(2n) {
	background: #e3e3e3;
}
#correspondence-info tr:nth-of-type(2n+1) {
	background: #EEE;
}
#correspondence-info caption {
	padding: 10px;
	font-weight: bold;
	font-size: 110%;
}

#correspondence-info th, #correspondence-info td {
	padding: 10px;
	font-size: 85%;
}
#correspondence-info th {
	text-align: center;
}

.correspondence-table {
	width: 100%;
	max-width: 700px;
	margin: 0 0 10px 0;
	border: 1px solid #CCC;
}
.correspondence-table caption {
	padding: 10px;
	font-weight: bold;
	font-size: 110%;
	background: #FFF;
}
.correspondence-table th, .correspondence-table td {
	border: 1px solid #CCC;
	padding: 2px;
	font-size: 85%;
}
.correspondence-table tr td:nth-of-type(1), .correspondence-table tr td:nth-of-type(2), .correspondence-table tr td:nth-of-type(3),
.correspondence-table tr td:nth-of-type(4), .correspondence-table tr td:nth-of-type(5), .correspondence-table tr td:nth-of-type(6),
.correspondence-table tr td:nth-of-type(7) {
	background: #EEFAFF;
}
.correspondence-table tr td:nth-of-type(8), .correspondence-table tr td:nth-of-type(9) {
	background: #EEEEFF;
}
.correspondence-table tr td:nth-of-type(10) {
	background: #FBF4F4;
}
.correspondence-table tr td:nth-of-type(11) {
	background: #FCF9F1;
}


.correspondence-table th {
	background: #FFF;
}
.correspondence-table th.th-title {
	text-align: center;
	font-weight: bold;
}

.correspondence-table p {
	text-align: center;
	margin: 5px 0;
}
.correspondence-table th ul {
	margin: 5px 0;
	padding: 0;
	line-height: 1.5;
}
.correspondence-table th ul li {
	display: block;
	float: left;
	line-height: 1.5;
	background: #CCC;
	padding: 2px;
	margin: 1px;
	color: #FFF;
}
.correspondence-table th ul li.speed {
	background: #2761DF;
}
.correspondence-table th ul li.media {
	background: #FF0000;
}
.correspondence-table th ul li.usb {
	background: #208c93;
}
.correspondence-table th ul li.function {
	background: #b8c400;
}
.correspondence-table th ul li.apps {
	background: #AAA;
}

.correspondence-table td.card {
	vertical-align: top;
	text-align: left;
}
.correspondence-table td {
	text-align: center;
}

.correspondence-caution {
	font-size: 85%;
	margin: 10px;
}

#correspondence-speed {
	clear: both;
	margin: 10px 0;
	font-size: 85%;
}

#correspondence-speed div {
	width: 100%;
	background: #EEE;
}
#correspondence-speed div:after {
	display: block;
	content: '';
	clear: both;
}
#correspondence-speed div div {
	width: 33%;
	float: left;
	margin: 0 0 10px 0;
	padding: 5px 0;
}
#correspondence-speed p.speed-title {
	font-size: 110%;
	margin: 0 0 10px 0;
	font-weight: bold;
}
#correspondence-speed p {
	margin: 0 0 5px 0;
	line-height: 1.5;
	padding: 0 10px;
}
#correspondence-speed div p:nth-of-type(1) {
	font-weight: bold;
	font-size: 100%;
}


ul.charm-icon li {

}
ul.charm-icon li.speed {
	color: #FFF;
	background: #2761DF;
	border-color: #2761DF;
}
ul.charm-icon li.media {
	color: #FFF;
	background: #FF0000;
	border-color: #FF0000;
}
ul.charm-icon li.usb {
	color: #FFF;
	background: #208c93;
	border-color: #208c93;
}
ul.charm-icon li.function {
	color: #FFF;
	background: #b8c400;
	border-color: #b8c400;
}
ul.charm-icon li.apps {
	color: #FFF;
	background: #AAA;
	border-color: #AAA;
}

/* アンカーリンク */
#main-contents ul.anchor-navi {
	margin: 20px auto 10px;
}
#main-contents ul.anchor-navi li {
	width: 32.5%;
}
#main-contents ul.anchor-navi li a {
	text-align: left;
	vertical-align: middle;
	padding: 15px 0 15px 40px;
	background: url(/image/bg_btn_anchor.gif) 7% center no-repeat;
}
#main-contents ul.anchor-navi li:hover {
	border-color: #125A9E;
}
#main-contents ul.anchor-navi li a:hover {
	background-color: #FFF;
}


/* SmartPhone Style ###################################################################################################### */
@media screen and (max-width:499px){
/*******************************
タブメニュー
********************************/
ul#page-navi{
	width: 100%;
	clear: both;
	padding: 0 0 2% 0;
	margin: 0 0 2% 0;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #30659E;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	text-align:center;
}
ul#page-navi li{
	width:49%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	float:none;
}
ul#page-navi li br{
	display:block;
}
ul#page-navi li img{
	display:none;
}
ul#page-navi li.tab1 {margin: 0 0.5% 0.5% 0;}
ul#page-navi li.tab2 {margin: 0 0 0.5% 0.5%;}
ul#page-navi li.tab3 {margin: 0 0.5% 0 0;}
ul#page-navi li.tab4 {margin: 0 0 0 0.5%;}
ul#page-navi li a{
	box-sizing:border-box;
	padding:12px 0 10px 0;
	height:inherit;
	float:none;
	width:100%;
	display:block;
	line-height:inherit;
	/* border-radius */
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	border:solid 1px #BABABA;
}
ul#page-navi li.tab1 a{width:100%;}
ul#page-navi li.tab2 a{width:100%;}
ul#page-navi li.tab3 a{width:100%;}
ul#page-navi li.tab4 a{width:100%;}

ul#page-navi li a img{
	vertical-align:middle;
	margin:0 2px 0 0;
	width:12px;
	height:12px;
}
ul#page-navi li a span{
	vertical-align:middle;
}
ul#page-navi li.cr a{
	background-color: #30659e;
	border:solid 1px #30659e
}
ul#page-navi li a:link{
	color:#263d69;
	text-decoration:none;
}
ul#page-navi li a:hover{
	color: #263d69;
	text-decoration:underline;
	/* [disabled]background-color: #EEE; */
}
ul#page-navi li a:visited{
	color:#30659e;
	text-decoration:none;
}
ul#page-navi li.cr a:link{
	color:#fff;
	text-decoration:none;
	background-color: #30659e;
}
ul#page-navi li.cr a:hover{
	color: #fff;
	text-decoration:none;
}
ul#page-navi li.cr a:visited{
	color:#fff;
	text-decoration:none;
}
ul#page-navi li.cr a:hover span{
	color: #fff;
	text-decoration:underline;
}

#correspondence-area {
	display: none;
}

/* アンカーリンク */
	#main-contents ul.anchor-navi li {
		width: 100%;
	}

}
/* ## Tablet Style  ###################################################################################################### */
@media screen and (min-width: 500px) and (max-width: 799px){
/*******************************
タブメニュー
********************************/
ul#page-navi{
	width: 100%;
	float: left;
	clear: both;
	padding: 0;
	margin: 0 0 2.5% 0;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #30659E;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	text-align:center;
}
ul#page-navi li{
	float:none;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
ul#page-navi li br{
	display:block;
}
ul#page-navi li img{
	display:none;
}

ul#page-navi li.tab1 {width: 25%; margin: 0 0.5% 0 0;}
ul#page-navi li.tab2 {width: 24%; margin: 0 0.5% 0 0;}
ul#page-navi li.tab3 {width: 24%; margin: 0 0.5% 0 0;}
ul#page-navi li.tab4 {width: 25%; margin:0;}

ul#page-navi li a{
	height:inherit;
	float:none;
	line-height:inherit;
	box-sizing:border-box;
	padding:14px 0 12px 0;
	width:auto;
	display:block;
	/* border-radius */
	-moz-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	text-align: center;
	font-size: 93%;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
}
ul#page-navi li.tab1 a{width:100%;}
ul#page-navi li.tab2 a{width:100%;}
ul#page-navi li.tab3 a{width:100%;}
ul#page-navi li.tab4 a{width:100%;}

ul#page-navi li a img{
	vertical-align:middle;
	margin:0 2px 0 0;
	width:12px;
	height:12px;
}
ul#page-navi li a span{
	vertical-align:middle;
}
ul#page-navi li.cr a{
	background-color: #30659e;
	border-top-color: #30659e;
	border-right-color: #30659e;
	border-left-color: #30659e;
}
ul#page-navi li a:link{
	color:#263d69;
	text-decoration:none;
}
ul#page-navi li a:hover{
	color: #263d69;
	text-decoration:underline;
	/* [disabled]background-color: #EEE; */
}
ul#page-navi li a:visited{
	color:#30659e;
	text-decoration:none;
}
ul#page-navi li.cr a:link{
	color:#fff;
	text-decoration:none;
	background-color: #30659e;
}
ul#page-navi li.cr a:hover{
	color: #fff;
	text-decoration:none;
}
ul#page-navi li.cr a:visited{
	color:#fff;
	text-decoration:none;
}
ul#page-navi li.cr a:hover span{
	color: #fff;
	text-decoration:underline;
}

/* アンカーリンク */
	#main-contents ul.anchor-navi li {
		width: 49%;
	}

}