@charset "utf-8";

/* COMMON naviaudio MENU
------------------------------------------------------------------*/
@import url("../../ssi/css/menu.css");

/* COMMON CONTENT
------------------------------------------------------------------*/
@import url("/accessory/ssi/css/content.css");


/* CONV
------------------------------------------------------------------*/
@import url("../../ssi/css/conv.css");




/* TOP MAIN IMAGE
------------------------------------------------------------------*/
#container { width:100%; }

.contents { width:1000px; margin:0 auto; }

#main_visual { position:absolute; width:100%; height:300px; overflow:hidden; z-index:0; display:none;margin-top:-2px;  }

#top_main { position:absolute; left:50%;}

#top_main .inner_box { position:absolute; left:-627px; width:1254px; height:300px; overflow:hidden; }


/* Pankz 
ul.pankz{margin: 0; padding:20px 5px 0px; list-style-type: none;font-size: 100%; color:#333å; width:1000px; margin:0 auto;}
ul.pankz li {padding-left:0; display: inline-block;}
ul.pankz li a:link { color: #333; text-decoration: underline;}
ul.pankz li a:hover {color: #333; text-decoration: none;}
ul.pankz li a:visited {color: #333; text-decoration: underline;} 
#contents{ padding-top:0 !important;}
*/

/* naviaudio CONTENTS -- TOP PAGE
------------------------------------------------------------------*/
#naviaudioBox {
	width: 1000px;
	position: relative;
	margin: 0 auto;
}


#naviBox,#naviopBox,#audioBox,#speakerBox {
	width:980px;
	background:url("../img/bk_w15.png") top left;
	padding:20px 0px 10px 20px;
}

#naviaudioBox h2 {
	margin-bottom: 20px;
	font-size:22px;
	letter-spacing: 1px;
	line-height: 150%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'Meiryo UI', 'メイリオ', sans-serif;
  margin-top : -55px;
  padding-top : 55px;
}


#naviaudioBox h2 sup{
	font-size:14px;
	font-size:16px\9;
	letter-spacing: 0.5px;
}
#naviaudioBox p.pdf_text{
    float: left;
    clear: both;
    color: #ededed;
    font-size: 0.8em;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 0;
	}
#naviaudioBox p.navi{ margin: -33px 0 0 222px;}
#naviaudioBox p.audio{ margin: -33px 0 0 160px;}
#naviaudioBox p.option{ margin: -13px 0 0 410px; letter-spacing:0px !important}

#naviaudioBox p.pdf_text a{	color:#0db6fb; }




#naviBox ul, #audioBox ul, #naviopBox ul, #speakerBox ul {
	list-style: none;
	margin:0;
}
#naviBox .inner_navibox li, #audioBox .inner_audiobox li {
	float: left;
	margin-right: 12px;
	margin-bottom:12px;
}
.iconBox {
	width:302px;
	background:#fff;
	padding:10px 0px 10px 10px;
}
#naviBox .iconBox li, #audioBox .iconBox li {
	float: left;
	margin: 0 2px 2px 0;
}
#naviopBox .inner_naviopbox li {
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
}

#speakerBox li{
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
}
#speakerBox .speakerList {
	background:#fff;
	width: 232px;
	height:320px;
	padding:0;
}
#speakerBox .speakerList02 {
	background:#fff;
	width: 474px;
	height:320px;
	padding:0;
}
#speakerBox .speakerListBox {
	width: 202px;
	padding:10px 15px;
}
#speakerBox .speakerListBox02 {
	width: 444px;
	padding:10px 15px;
}
#speakerBox .speakerListBox h4,
#speakerBox .speakerListBox02 h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}
#speakerBox .speakerListBox p,
#speakerBox .speakerListBox02 p {
	margin-bottom:10px;
}
#speakerBox .speakerListBox span,
#speakerBox .speakerListBox02 span {
	font-size:10px;
	letter-spacing: 1px;
	line-height: 150%;
}


/* naviaudio CONTENTS -- navi PAGE
------------------------------------------------------------------*/

sup {
  vertical-align: baseline;
  position: relative;
  font-size: 80%;
  top: -1ex;
}

#naviBgBox {
	width:960px;
	background:url("../img/bk_w15.png") top left;
	padding:20px;
}

#naviBgBox h2 {
	margin-bottom:30px;
}

#naviContBox {
	width:900px;
	background:#fff;
	padding:30px 30px 10px 30px;
	margin-bottom:20px;
}

#naviContBox .naviContBoxLine {
	width:838px;
	border:1px solid #bfbfbf;
	padding:30px;
	margin-bottom:30px;
}


#naviContBox .naviContBoxLine1013 {
	width:838px;
	border:1px solid #bfbfbf;
	padding:30px 30px 0 30px;
	margin-bottom:30px;
}


#naviContBox .naviContmatchBox ul {
	list-style: none;
}
#naviContBox .naviContmatchBox li {
	float: left;
	margin: 0 0 2px 2px;
}

#naviContBox .naviContIconBox {
	width:886px;
	border:2px solid #7f7f7f;
	padding:10px 0 6px 10px;
}
#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR {
	position: relative;
	width:
}
#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .vicslinkfunction {
	position: absolute;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .vicslink {
	position: absolute;
	font-size:10px;
	text-align: right;
}

#naviaudioBox .mainttl {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 22px;
	margin-left: 430px;
}

#naviaudioBox .price {
	font-size: 18px;
}

/* builtin_navi_8inch
----------------------------------------*/

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_8inch_vicsicon {
	top: 87px;
	left:125px;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_8inch_vicstxtlink {
	top: 130px;
	left:125px;
}

/* builtin_navi_levorg
----------------------------------------*/

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_wrx_vicsicon {
	top: 94px;
	left:130px;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_wrx_vicstxtlink {
	top: 137px;
	left:130px;
}

/* builtin_navi_levorg
----------------------------------------*/

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_levorg_vicsicon {
	top: 94px;
	left:130px;
}
#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_levorg_vicstxtlink {
	top: 137px;
	left:130px;
}

/* builtin_navi_rakunavi
----------------------------------------*/
#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_rakunavi_vicsicon {
	top: 90px;
	left: 75px;
}
#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_rakunavi_vicstxtlink {
	top: 133px;
	left: 75px;
}


/* builtin_navi_nanoe
----------------------------------------*/

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_nanoe_vicsicon {
	top: 85px;
	left: 10px;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_nanoe_vicstxtlink {
	top: 127px;
	left: 10px;
}
#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_nanoe_text {
	position: absolute;
    font-size: 9px;
    text-align: left;
    top: 150px;
    right: 0px;
    letter-spacing: -0.5px;
    line-height: 10px;
}

/* builtin_navi
----------------------------------------*/

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_vicsicon {
	top: 93px;
	left: 130px;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .builtin_navi_vicstxtlink {
	top: 134px;
	left: 130px;
}

/* carozzeria_cybernavi
----------------------------------------*/

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .carozzeria_cybernavi_vicsicon {
	top: 87px;
	left: 48px;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .carozzeria_cybernavi_vicstxtlink {
	top: 130px;
	left: 48px;
}


/* clarion_quad_view
----------------------------------------*/

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .clarion_quad_view_vicsicon {
	top: 87px;
	left: 12px;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .clarion_quad_view_vicstxtlink {
	top: 128px;
	left: 12px;
}

/* diatone_soundnavi
----------------------------------------*/

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .diatone_soundnavi_vicsicon {
	top: 87px;
	left: 0px;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .diatone_soundnavi_vicstxtlink {
	top: 128px;
	left: 0px;
}

/* kenwood_saisokunavi
----------------------------------------*/

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .kenwood_saisokunavi_vicsicon {
	top: 87px;
	left: 30px;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .kenwood_saisokunavi_vicstxtlink {
	top: 132px;
	left: 30px;
}

/* kenwood_wide_entrynavi
----------------------------------------*/

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .kenwood_wide_entrynavi_vicsicon {
	top: 87px;
	left: 220px;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .kenwood_wide_entrynavi_vicstxtlink {
	top: 132px;
	left: 220px;
}

/* panasonic_strada
----------------------------------------*/
#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .panasonic_strada_vicsicon {
	top: 94px;
	left: 125px;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .panasonic_strada_vicstxtlink {
	top: 137px;
	left: 125px;
}

/* carrozzeria_pioneer
----------------------------------------*/
#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .carrozzeria_pioneer_vicsicon {
	top: 94px;
	left: 132px;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .carrozzeria_pioneer_vicstxtlink {
	top: 132px;
	left: 132px;
}

/* alpine_bigx
----------------------------------------*/
#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .alpine_bigx_vicsicon {
	top: 94px;
	left: 215px;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .alpine_bigx_vicstxtlink {
	top: 132px;
	left: 215px;
}



#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .maincopy {
	width:406px;
	font-size:13px;
	letter-spacing: 1px;
	line-height: 180%;
	text-align: justify;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'Meiryo UI', 'メイリオ', sans-serif;
}

#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .vicstxtmargin {
	margin-top:50px;
}


#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .maincopy sup {
	font-size:10px;
}
#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .floatR .mt10 {
	margin-top:10px !important;
	}


/* audio PAGE */
#naviaudioBox #naviBgBox #naviContBox .naviContBoxLine .maincopy {
	font-size:13px;
	letter-spacing: 1px;
	line-height: 180%;
	text-align: justify;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'Meiryo UI', 'メイリオ', sans-serif;
}



#naviContBox .naviContIconBox02 {
	width:886px;
	border-left:2px solid #7f7f7f;
	border-right:2px solid #7f7f7f;
	border-bottom:2px solid #7f7f7f;
	padding:10px 0 6px 10px;
}
#naviContBox .naviContIconBox ul,
#naviContBox .naviContIconBox02 ul {
	list-style: none;
	margin:5px 0 0 0;
}
#naviContBox .naviContIconBox li,
#naviContBox .naviContIconBox02 li {
	float: left;
	margin: 0 4px 4px 0;
}
#naviContBox .cyui{
	margin-top:10px;
	font-size:10px;
	line-height: 150%;
}
#naviContBox .cyui span{
	color:#ff0000;
}
naviContBox .naviContIconBox02Naka {
	width:870px;
	border-left:1px solid #7f7f7f;
	border-right:1px solid #7f7f7f;
	border-bottom:1px solid #7f7f7f;
	padding:4px 2px 2px 2px;
	margin:0 0 8px 0;
}
#naviContBox .naviContIconBox02Naka ul {
	padding: 0;
	margin:0;
}
#naviContBox .naviContIconBox02Naka ul li {
	float: left;
	width: 122px;
	height: 26px;
	padding: 0;
	margin: 0 0 2px 2px;
}



#naviContBox .naviContBoxLine02 {
	width:868px;
	border:1px solid #bfbfbf;
	padding:0 0 0 30px;
	margin-bottom:20px;
}

#naviContBox .naviContBoxLine02 h3 {
	margin:30px 0;
	font-size:18px;
	color: #0079CE;
	letter-spacing: 0.5px;
	line-height: 140%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'Meiryo UI', 'メイリオ', sans-serif;
}


#naviContBox .naviContBoxLine02 p {
	margin-bottom:30px;
}
#naviContBox .naviContBoxLine02 ul,
#naviContBox .naviContBoxLine03 ul {
	margin:0 0 30px 15px;
	list-style-type: disc !important;
	font-size:12px !important;
}
#naviContBox .naviContBoxLine02 li,
#naviContBox .naviContBoxLine03 li  {
	font-size:14px;
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:1px dotted #bfbfbf;
}

#naviContBox .naviContBoxLine03 {
	width:898px;
	border:1px solid #bfbfbf;
	padding:0;
	margin-bottom:20px;
}
#naviContBox .naviContBoxLine03 h3 {
	margin:30px 30px 20px 30px;
	font-size:18px;
	color: #14afed;
	letter-spacing: 0.5px;
	line-height: 140%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'Meiryo UI', 'メイリオ', sans-serif;
}

#naviContBox .naviContBoxLine03 p {
	margin:0px 30px 30px 30px;
}
#naviContBox .naviContBoxLine03 .glayBoxs {
	padding:30px 30px 0px 30px;
	background:#f8f8f8;
}

#naviContBox .naviContBoxGray {
	padding:30px;
	background:#d1d7da;
}

#naviContBox .naviContBoxGreen {
	padding:30px;
	background:#f7f9da;
}

#naviContBox .naviContBoxOrange {
	padding:30px;
	background:#fcebc7;
}

#naviContBox .naviContBoxBlue {
	padding:30px;
	background:#d4e0e8;
}
#naviContBox .naviContBoxBlue2 {
	padding:0px;
	background:#d4e0e8;
}
.pd20{
	padding:20px 20px 0 0;
	}
.bg_glay_sp0{
	background:#f7f7f7;
	padding:0px;
	height:100%;
	}
.bg_glay{
	background:#f7f7f7;
	padding:10px 0 100px 0;
	height:100%;
	}
.bg_glay20{
	background:#f7f7f7;
	padding:10px 0 40px 0;
	height:100%;
	}
#naviContBoxGlayNaka {
	padding:30px;
	margin:0 30px 30px 0;
	background:#f7f7f7;
	border:1px solid #e1e1e1;
}

#naviContBoxGlayNaka .clarion_app li{ border-bottom:none;}
.clarion_app{
	margin-bottom:15px;
	}
.clarion_app ul{ padding:0; margin:0; }
.clarion_app li.icon{ padding:0 !important; margin:0; width:90px;}
.clarion_app li{ width:185px; padding:0 0 0 30px !important; margin:0; float:left; list-style:none;}
.clarion_app li span{ padding:0; margin:0; font-size:12px; }
.clarion_app li img{ padding-bottom:6px; }
.smart_access_left{ float:left; width:294px; padding-top:30px; }
.smart_access_right{ float:right; width:420px; padding:30px 0 0 0;}
.smart_access_right a{ color:#000 !important;}
.smart_access_right p{ padding:0; margin:0;}
.smart_access{
	background:#d3e0e8;
	border:1px solid #e1e1e1;
	padding:20px 20px 0 20px;
	margin:0 0 20px 0;
}
.spl30 h4{ padding:0 0 10px;}
.navilist {padding:0 0 13px 0; margin:0;}
.navilist p{padding:0 !important; margin:0 !important;}


#explanatory .color_red{color:#C00;}

#explanatory  ul li {
	list-style:none;
	display:block;
	text-indent:-2em;
	margin-left:2em;
}

#explanatory  ul li.indent{
	text-indent:-1em;
	margin-left:1em;
}



/* naviaudio CONTENTS -- Tab
------------------------------------------------------------------*/

#screen ul,#screen ol,#screen li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#screen li li { font-size: inherit; }


*	3= common style
-----------------------------------------------------*/
/* clearfix */
/*#screen .pkg { /zoom: 1; }
#screen .pkg:after{
	content: '';
	display: block;
	clear: both;
}*/

#screen ul.tab-list {
	padding: 0;
}
#screen ul.tab-list li {
	float: left;
	width: 116px;
	height: 26px;
	padding: 0;
	margin: 0 0 2px 2px;
	background:url("/accessory/navi_audio/navi/img/icon/bk_icon_ovr.gif") top left no-repeat;
}

#screen ul.tab-list li.selected {
	background:url("/accessory/navi_audio/navi/img/icon/bk_icon_on.gif") top left no-repeat;

}

#screen div.tab-box {
}



/* naviaudio CONTENTS -- navi Option PAGE
------------------------------------------------------------------*/
#naviopBgBox {
	width:970px;
	background:url("../img/bk_w15.png") top left;
	padding:20px 10px 10px 20px;
}

#naviopBgBox h2#op02 {
	margin-bottom:10px;
	position:relative;
}
#naviopBgBox h2#op02 p{ position:absolute; right:14px; bottom:5px; font-size:9px; color:#F00; width:400px; line-height:11px; background:#84b7d7; padding:2px; }

#naviopBgBox h2#op01,
#naviopBgBox h2#op05,
#naviopBgBox h2#op08 {
	margin-bottom:10px;
	position:relative;
}

#naviopBgBox h2#op01 p,
#naviopBgBox h2#op05 p,
#naviopBgBox h2#op08 p{
	position: absolute;
    right: 14px;
    bottom: 10px;
    font-size: 9px;
    color: #fff;
    width: auto;
    line-height: 11px;
    padding: 2px;
	}


#naviopBgBox ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#naviopBgBox li {
	float:left;
	padding:0;
	margin-bottom:10px;
}
#naviopBgBox h3 {
	margin:0;
	padding:0;
}

#naviopBgBox .list01 {
	margin-right:10px;
}
#naviopBgBox .etcList {
	background:#fff;
	width: 232px;
	height:380px;
	padding:0;
}
	#naviopBgBox .short { /* option ipodケーブル用 */
		height:210px !important;
	}
#naviopBgBox .etcList02 {
	background:#fff;
	width: 232px;
	height:500px;
	padding:0;
}

	#naviopBgBox .etcList02_btm { /* option 最下部用品用 */
		background:#fff;
		width: 232px;
		height:460px;
		padding:0;
		}
	#naviopBgBox .etcList02_btm2 { /* option 最下部用品用 */
		background:#fff;
		width: 232px;
		height:520px;
		padding:0;
		}

#naviopBgBox .etcList03 {
	background:#fff;
	width: 474px;
	height:380px;
	padding:0;
}

#naviopBgBox .etcList04 {
	background:#fff;
	width: 232px;
	height:580px;
	padding:0;
}
#naviopBgBox .etcList05 {
	background:#fff;
	width: 232px;
	height:490px;
	padding:0;
}
#naviopBgBox .etcList06 {
	background:#fff;
	width: 232px;
	height:480px;
	padding:0;
}
#naviopBgBox .etcList07 {
	background:#fff;
	width: 232px;
	height:680px;
	padding:0;
}
#naviopBgBox .etcList08 {
	background:#fff;
	width: 232px;
	height:490px;
	padding:0;
}
#naviopBgBox .etcList09 {
	background:#fff;
	width: 232px;
	height:435px;
	padding:0;
}
#naviopBgBox .etcListBox {
	width: 202px;
	padding:15px;
}
#naviopBgBox .etcListBox h4,
#naviopBgBox .etcListBox03 h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}

#naviopBgBox .etcListBox h4.speaker {
	margin:20px 0 5px 0;
}


#naviopBgBox .etcListBox p,
#naviopBgBox .etcListBox03 p {
	margin-bottom:10px;
}
#naviopBgBox .etcListBox span,
#naviopBgBox .etcListBox03 span {
	font-size:10px;
	letter-spacing: 1px;
	line-height: 150%;
}
#naviopBgBox .etcListBox03 {
	width: 442px;
	padding:15px;
}
#naviopBgBox .cyuigaki {
	font-size:10px;
	color:#fff;
	margin:0;
}
.attention{ color:#F00;}
.attention_s{ color:#f00; font-size:10px;}


/* standby用 */
li.stb { position:relative !important;}
li.stb a{ cursor:default;}
li.stb .hover_img{position:absolute !important; display:none !important; top:83px;}
li.stb:hover .hover_img{ display:block !important;}

/* inner caption */

.box-relative {
  position: relative;
}

.inner-cap {
  font-weight: normal;
  font-size: 10px;
  position: absolute;
  right: 10px;
}

.cap-option-etc {
    bottom: 130px;
    width: 100px;
}

.cap-option-etc2 {
    bottom: 20px;
    width: 100px;
}

.cap-option-nanoe01 {
  bottom: 270px;
  right: 30px;
}

.cap-option-nanoe02 {
  bottom: 20px;
  right: auto;
  left: 10px;
  width: 6em;
}

.cap-option-carozzeria {
  bottom: 230px;
}

.cap-option-carozzeria2 {
  bottom: 30px;
  width: 80px;
  right: 34px;
}

.cap-option-saisoku {
  bottom: 5px;
  right: auto;
  left: 10px;
}

#iconbox .condense {
  letter-spacing: -1px;
  font-size: 90%;
}
/**/
li.nowprinting{
	position:relative;
	width:312px;
	}
li.nowprinting span{
	position:absolute;
	top:0;
	left:0;
	width:312px;
	height:264px;
	padding-top:200px;
    text-align:center;
    color:#fff;
    background-color:rgba(0,0,0,0.7);
	font-size:24px;
	}
li.nowprinting img{
	position:absolute;
	top:0;
	left:0;
	}

/* CONTENTS LINK BOX */
.linkbox{
	background:#ececec;
	border-radius:6px;
	padding:15px;
	margin:20px 0 0 0;
	font-size:11px;
	}
.linkbox a{
	font-size:11px;
	margin:0 0 5px;
	}
.linkbox p{
	font-size:10px;
	padding:0;
	margin:5px 0 0 0 !important;
	line-height:10px;
	}


/* CONTENTS TEXT BLANK LINK ICON */
#contents a.iconBlank_text:after {
    content: "";
    display: inline-block;
    background: url(../../common/img/icon_blank.svg) no-repeat;
    width: 11px;
	height: 8px;
    vertical-align: middle;
    margin: 0px 5px 5px 5px;
	}
#contents a:link { color:#036EC0; text-decoration:underline; }
#contents a:visited { color:#551A8B; text-decoration:none; }
#contents a:hover { text-decoration:none; }

/*NAVI MAIN IMAGE CAUTION*/
.naviContBoxLine .floatL{ position:relative;}
	.naviContBoxLine .floatL .posiR{ text-align:right;}
	.naviContBoxLine .floatL ul{ padding:0; margin:0; position:absolute;}
	.naviContBoxLine .floatL ul li{ list-style:none; margin:0; font-size:11px; line-height:13px; font-weight:bold;}
	.naviContBoxLine .floatL ul.listR{ text-align:right;}
		/*cybernavi*/
		.naviContBoxLine .floatL ul.listL{ left:0px; bottom:50px;}
		.naviContBoxLine .floatL ul.listR{ right:5px; bottom:230px;}
		/*diatone soundnavi*/
		.naviContBoxLine .diatone ul.listL{ left:0px; bottom:37px;}
		.naviContBoxLine .diatone ul.listR{ right:5px; bottom:190px;}
		/*saisoku navi*/
		.naviContBoxLine .saisokunavi ul.listL{ left:0px; bottom:20px;}
		.naviContBoxLine .saisokunavi ul.listR{ right:5px; bottom:200px;}
		/*rakunavi*/
		.naviContBoxLine .rakunavi ul.listL{ left:0px; bottom:35px;}
		.naviContBoxLine .rakunavi ul.listR{ right:5px; bottom:225px;}
	
	.naviContBoxLine .floatL ul li img{ padding-bottom:5px;}
	.naviContBoxLine .floatL img.pt{ padding-top:20px;}

.naviContBoxLine .floatL p.caution{ width:410px;}
.naviContBoxLine .floatL .caution{
	bottom: 0;
	font-size: 11px;
	}
.naviContBoxLine .floatL .posi{ position:absolute;}
#naviContBox .naviContBoxLine .floatL .right{ text-align:right;}
#naviContBox .naviContBoxLine .floatL .red{ color: #f00;}

/*注記Hi resボックス*/
.hi_res { padding:5px 0 10px; }
.hi_res img{ float:left; padding:0 0px 0px 0; width:28px; }
.hi_res p{ float:left; padding:6px 0 0 10px; margin:0; }
.hi_res:after{ content:""; clear:both; display:block;}


/*PLAY MOVIE Btn
/accessory/navi_audio/navi/clarion_quad_view.html
----------------------------------------*/
#contents .LinkBox01 a {
  	font-weight: bold;
  	line-height: 20px;
	display: inline-block;
	text-decoration: none;
	padding: 6px 20px 5px 30px;
	text-transform: uppercase;
  	margin: 10px 0 0 20px;
	color: #fff;
	background: url(../../common/img/arrow.png) no-repeat 10px center #2eb2e3;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 3px #aaa;
 	 border: 2px solid #FFF;
}
#contents .LinkBox01 a:hover {
	background-color:#FF7C00;
	color:#FFF;
	text-decoration: none;	
}
#contents .LinkBox01 a:link,
#contents .LinkBox01 a:visited {
	color:#FFF;
	text-decoration: none;
}
#contents .LinkBox01 a {
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
#contents .LinkBox01 a {
	opacity: 1;
	transform: translateY(0px);
}
#contents .LinkBox01 a {
	transition-delay: 0.2s;
}
/*----------------------------------------*/