@charset "utf-8";
/* CSS Document */


/*
	====================================
		netjuke confirm share common
	====================================
*/
.mod-content {
	overflow: visible;
}
#contents .section {
	clear: both;
    margin-bottom: 10px;
}
#contents h2.title {
    border-bottom: 1px solid #d0d0d0;
    clear: both;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 0 0 5px 13px;
}
#contents h3.title {
    border-bottom: 1px solid #343434;
    font-size: 14px;
    clear: both;
    color: #000;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 10px 0 5px 13px;
}
/* USB接続 */
#contents p.usb {
	font-size: 14px;
	font-weight: bold;
	margin : 0 0 5px 15px;
}
/* Bluetooth接続 */
#contents p.bt {
	font-size: 14px;
	font-weight: bold;
	margin : 0 0 5px 15px;
}
/* ■その他の接続 */
#contents p.other {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	margin : 0 0 5px 15px;
}
/* 更新日時 */
#contents .section p.date {
    margin-bottom: 5px;
    padding-right: 5px;
    text-align: right;
}
#contents .section p.date_l {
    margin-bottom: 5px;
}
#contents .section p.date_mpsp {
	float: right;
	margin-bottom: 5px;
}
/* テーブル スクロールバー対応 */
body {
	display : block;
}
.mod-content {
	width: 100%;
	display:block;
}
.upsidedown-frame {
   	display: block !important;
}
/* テーブル スクロールバー表示 */
#contents .table_scroll{
	padding-bottom: 5px;
	clear: both;
}
#contents .table_scroll::-webkit-scrollbar {
    height: 12px;
}
#contents .table_scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 5px;
}
#contents .table_scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/* テーブル レイアウト */
#contents table {
    width: 940px;
	margin-left: 0;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#contents caption {
	text-align: left;
}
#contents th,#contents td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
    text-align: center;
    padding: 5px;
}
#contents .bg_lightblue {
    background-color: #e1ebfe;
}
#contents .bg_lightblue2 {
    background-color: #f0f5fd;
}
#contents .bg_gray {
    background-color: #e5e5e5;
}
#contents th.sel_top {
	border-right : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	padding: 5px;	
}
#contents .table_scroll table td.left {
	text-align: left;
}
#contents .table_area p.pinch {
	display: none;
}
#contents h4.title {
    background-color: #e3e3e3;
    background-image: none;
    border: medium none;
    clear: both;
    font-size: 90%;
    padding: 5px 17px 4px;
}
#contents .section p.carriers_top {
	text-align: left;
	margin: 0 0 0 15px;
}
#contents .section p.carriers {
	text-align: left;
	margin: 0 0 10px 15px;
}

@media only screen and (max-width: 940px) {
	#contents .table_scroll {
	    margin: 0 10px;
	    padding: 0 0 5px;
	}
	#contents th.bg_lightblue,#contents td.bg_lightblue {
		max-width: 6em !important;
		word-break: break-all;
	}
	#contents td.bg_lightblue2 {
		min-width: 6em !important;
	}
}
@media only screen and (max-width: 640px) {
	#contents .table_scroll table {
		zoom: 62%;
		zoom: 79%\0;
		zoom: 79%\9;
	}
	#contents .table_area p.pinch {
		display: block;
		padding-bottom: 10px;
	}
	#contents .section p.date_mpsp {
		float: none;
	    margin: 0 0 0 15px;
	}
	#contents td.bg_lightblue2 {
		min-width: 6em !important;
		word-break: break-all;
	}
}
@media only screen and (max-width: 568px) {
	#contents .table_scroll table {
		zoom: 56%;
		zoom: 74%\0;
		zoom: 74%\9;
	}
	#contents td.bg_lightblue2 {
		min-width: 3em !important;
	}
}
@media only screen and (max-width: 480px) {
	#contents .table_scroll table {
		zoom: 45%;
		zoom: 68%\0;
		zoom: 68%\9;
	}
	#contents th.bg_lightblue,#contents td.bg_lightblue {
		min-width: 3em !important;
	}
	#contents td.bg_lightblue2 {
		max-width: 5em !important;
	}
}
@media only screen and (max-width: 320px) {
	#contents .table_scroll table {
		zoom: 29%;
		zoom: 54%\0;
		zoom: 54%\9;
	}
	#contents td.bg_lightblue2 {
		/* width: 10%; */
		padding: 0 !important;
	}
	#contents .table_scroll table .bg_lightblue th {
		font-weight: normal;
	}
	#contents .table_scroll table th.bg_lightblue {
		font-weight: normal;
	}
}
@media (max-width: 940px) {
	#contents p.note {
		margin-top: 15px;
	}
}
/* 注釈 */
#contents .table_area ul.annotation {
    margin: 0 0 0 10px;
}
#contents p.note {
	margin-left: 5px;
	margin-bottom: 0;
}
#contents span.accent {
	color: red;
}
#contents #pb ul {
	margin-left: 5px;
}
#contents #pb ul li {
	list-style-type: none;
}
/* ページ内リンクボタン USB接続 */ 
#contents ul.anchorBtnA {
    list-style: outside none none;
    margin: 0 0 20px 10px;
    padding: 0;
	clear: both;
}
#contents ul.anchorBtnA li {
    border: 1px solid #cccccc;
    border-radius: 5px;
    float: left;
    list-style: outside none none;
    margin: 0 0 5px 15px;
    padding: 0;
    width: 250px;
}
#contents ul.anchorBtnA li a {
    background: url("/support/netjuke/confirm/images/bg_gradation_off.gif") repeat-y scroll 0 0;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #333;
    display: block;
    padding: 10px;
}
#contents ul.anchorBtnA li a:hover {
    background: url("/support/netjuke/confirm/images/bg_gradation_on.gif") repeat-y scroll 0 0;
    color: #c41230;
    text-decoration: none;
}
#contents ul.anchorBtnA li span {
    background: url("/support/netjuke/confirm/images/arrow_black-b.png") no-repeat scroll 0 0.5em;
    padding: 0 0 0 13px;
}
@media (max-width: 640px) {
	#contents ul.anchorBtnA {
	    margin: 0 0 20px;
	}
	#contents ul.anchorBtnA li {
	    float: none;
	    margin-left: 10px;
	    width: auto;
	}
}
#contents ul.btn_link_pic li a {
    display: block;
}

#contents ul.btn_link_pic li.wm_link a {
    background: url("/support/netjuke/confirm/images/pmenu_walkman.jpg") no-repeat scroll 0 0.5em;
    width: 180px;
    height: 68px;
}
#contents ul.btn_link_pic li.wm_link a:hover,
#contents ul.btn_link_pic li.wm_link a.active {
    background: url("/support/netjuke/confirm/images/pmenu_walkman_on.jpg") no-repeat scroll 0 0.5em;
}

#contents ul.btn_link_pic li.ipod_link a {
    background: url("/support/netjuke/confirm/images/pmenu_ipod_iphone.jpg") no-repeat scroll 0 0.5em;
    width: 180px;
    height: 68px;
}
#contents ul.btn_link_pic li.ipod_link a:hover,
#contents ul.btn_link_pic li.ipod_link a.active {
    background: url("/support/netjuke/confirm/images/pmenu_ipod_iphone_on.jpg") no-repeat scroll 0 0.5em;
}

#contents ul.btn_link_pic li.phone_link a {
    background: url("/support/netjuke/confirm/images/pmenu_phone.jpg") no-repeat scroll 0 0.5em;
    width: 180px;
    height: 68px;
}
#contents ul.btn_link_pic li.phone_link a:hover,
#contents ul.btn_link_pic li.phone_link a.active {
    background: url("/support/netjuke/confirm/images/pmenu_phone_on.jpg") no-repeat scroll 0 0.5em;
}

#contents ul.btn_link_pic li.tablet_link a {
    background: url("/support/netjuke/confirm/images/pmenu_tablet.jpg") no-repeat scroll 0 0.5em;
    width: 180px;
    height: 68px;
}
#contents ul.btn_link_pic li.tablet_link a:hover,
#contents ul.btn_link_pic li.tablet_link a.active {
    background: url("/support/netjuke/confirm/images/pmenu_tablet_on.jpg") no-repeat scroll 0 0.5em;
}

#contents ul.btn_link_pic li.usb_link a {
    background: url("/support/netjuke/confirm/images/pmenu_usb.jpg") no-repeat scroll 0 0.5em;
    width: 180px;
    height: 68px;
}
#contents ul.btn_link_pic li.usb_link a:hover,
#contents ul.btn_link_pic li.usb_link a.active {
    background: url("/support/netjuke/confirm/images/pmenu_usb_on.jpg") no-repeat scroll 0 0.5em;
}


/* リンクボタン その他の接続 */
#contents ul.btn_area_text {
    margin: 0 0 0 5px !important;
}
#contents .btn_area_text li {
    clear: none;
    float: left;
    list-style-type: none;
    margin-left: 3px !important;	
    padding: 0;
}
#contents .mod-linkButton {
    background: url("/support/netjuke/confirm/images/bg_mod-linkButton.jpg") repeat-x scroll 0 0;
    border: 1px solid #bcbcbc;
    border-radius: 6px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: auto;
    letter-spacing: 0.01em;
    line-height: 1.4;
    transition: opacity 0.2s ease-in 0s;
    vertical-align: middle;
    width: 250px;
    margin: 0 0 5px 15px;
}
#contents .buttonB a {
    height: 45px;
}
#contents .mod-linkButton a {
    color: #333;
    display: block;
    padding: 10px;
    transition: opacity 0.2s ease-in 0s;
}
#contents .buttonB.one-line .content, x:-moz-any-link {
    background-position: left 20px !important;
}
#contents .buttonB.one-line .content {
    background-position: left 20px;
    padding-bottom: 14px;
    padding-top: 14px;
}
#contents .mod-linkButton a .content {
    cursor: pointer;
    display: inline-block;
    margin-left: 0;
}
#contents ul.two-line .mod-linkButton a {
	height: auto;
}
#contents .buttonB .content, x:-moz-any-link {
    background-position: left 8px !important;
}
#contents .content {
    line-height: 16px !important;
    padding-left: 12px;
}
#contents .btn_link_pic li {
    float: left;
    margin-left: 15px !important;
    list-style-type: none;
}
table.box-t_70 {
	width: 70% !important;
}

@media (max-width: 640px) {
	#contents ul.btn_area_text {
	    margin: 0 0 0 0 !important;
	}
	#contents .btn_area_text li {
		float: none;
	margin-left: 0px !important;
	}
	#contents .mod-linkButton {
	    background-size: auto 100%;
	    box-sizing: border-box;
	    display: block;
	    margin-right: 0;
	    width: auto;
	}
	#contents .mod-linkButton a {
	    height: auto !important;
	}
	#contents .btn_link_pic li {
		float: none;
	}
	table.box-t,
	table.box-t_70 {
		width: 100% !important;
	}

}
/* 表示切替対応 */
#contents .table_area {
	display: none;
	clear: both;
}
#contents ul.anchorBtnA li a.active {
    background: url("/support/netjuke/confirm/images/bg_gradation_on.gif") repeat-y scroll 0 0;
    color: #c41230;
    text-decoration: none;
}