@charset "utf-8";
/*
	 style.css
	----------------------------------------------------------
 */
/* CSS Document */

/*	reset setting
-------------------------------------------------------------------------------*/
/*モダンブラウザ用*/
img, iframe,
object {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
/*IE7用*/
*html img,
*html object/ { width : 100%; }



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
/*	COMMON STYLE
-------------------------------------------------------------------------------*/
p{
	margin-bottom:10px;
}
.alc{
	text-align:center;
}
.clear{
	clear:both;
}
.backtotop{
	margin:10px 0px;
	float:right;
	clear:both;
}

/*Privacy
-------------------------------------------------------------------------------*/
.PrivacySect{
	margin-bottom:20px;
}
.PrivacySect ol{
	margin-left:20px;
	list-style-position:outside;
}
.PrivacySect ol li{
	margin-bottom:10px;
}
.PrivacySect ul{
	margin-left:20px;
	list-style:disc;
	list-style-position:outside;
}
.PrivacySect ul li{
	margin-bottom:10px;
}
.PrivacyLinkingUl li{
	list-style:lower-alpha;
}

/******************************************************************************************************************************************************************
/* INDEX PAGE
******************************************************************************************************************************************************************/
@media screen and (min-width: 480px) {
	.TopTextDesc{
		font-size:16px;
		line-height:25px;
		margin-top:20px;
		font-weight:bold;
	}
	.TopModelFieldset{
		border:solid 1px #CCC;
		border-collapse:collapse;
		margin-top:20px;
		text-align:center;
		max-width: 100%;
	}
	.TopModelFieldset table{
		width:100%;
	}
	.TopModelFieldset img{
		width:auto;
	}
	.TopImgTtl{
		padding-top:30px;
	}
	.TopBtnL{
		margin-left:30px;
		float:left;
		display: block;
		text-indent:-9999px;
		background: url(../common/img/index/btn_iphone_off.png) no-repeat;
	}
	.TopBtnL a{
		display: block;
		width:360px;
		height:100px;
	}
	.TopBtnL a:hover{
		background: url(../common/img/index/btn_iphone_on.png) no-repeat;
	}	
	.TopBtnR{
		margin-right:30px;
		float:right;
		display: block;
		text-indent:-9999px;
		background: url(../common/img/index/btn_symbian_off.png) no-repeat;
	}
	.TopBtnR a{
		display: block;
		width:360px;
		height:100px;
	}	
	.TopBtnR a:hover{
		background: url(../common/img/index/btn_symbian_on.png) no-repeat;
	}
	.TopBtnHdmiL{
		margin-left:30px;
		float:left;
		display: block;
		text-indent:-9999px;
		background: url(../common/img/index/btn_iphone_hdmi_off.png) no-repeat;
	}
	.TopBtnHdmiL a{
		display: block;
		width:240px;
		height:100px;
	}	
	.TopBtnHdmiL a:hover{
		background: url(../common/img/index/btn_iphone_hdmi_on.png) no-repeat;
	}
	.TopBtnHdmiC{
		margin-left:10px;
		margin-right:10px;
		float:left;
		display: block;
		text-indent:-9999px;
		background: url(../common/img/index/btn_symbian_hdmi_off.png) no-repeat;
	}
	.TopBtnHdmiC a{
		display: block;
		width:240px;
		height:100px;
	}	
	.TopBtnHdmiC a:hover{
		background: url(../common/img/index/btn_symbian_hdmi_on.png) no-repeat;
	}
	.TopBtnHdmiR{
		margin-right:30px;
		float:right;
		display: block;
		text-indent:-9999px;
		background: url(../common/img/index/btn_android_hdmi_off.png) no-repeat;
	}
	.TopBtnHdmiR a{
		display: block;
		width:240px;
		height:100px;
	}	
	.TopBtnHdmiR a:hover{
		background: url(../common/img/index/btn_android_hdmi_on.png) no-repeat;
	}
	
	.TopTxtModel1{
		font-weight:bold;
	}
	
	.TopTxtModel2{
		padding-top:120px;
		font-weight:bold;
	}
	.TopModelTable{
		margin-bottom:20px;
		border:solid 1px #CCC;
		border-collapse:collapse;
		text-align: center;
		width: 100%;
	}
	.TopModelTable td{
		padding:10px 20px;
		border:solid 1px #CCC;
	}
	.TopModelTableImg{
		width:360px;
		height:134px;
	}
	.TopModelTableImg{
		width:360px;
		height:134px;
	}
	.TopModelLegend{
		border:solid 1px #CCC;
		border-collapse:collapse;
		margin-left:30px;
		margin-bottom:15px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:20px;
		padding-right:20px;
		font-size:16px;
		font-weight:bold;
		text-align:left;
	}
}
@media screen and (max-width: 480px) {
	.TopTextDesc{
		font-size:16px;
		line-height:25px;
		margin:20px 5px 0px 5px;
		font-weight:bold;
	}
	.TopModelFieldset{
		border:solid 1px #CCC;
		border-collapse:collapse;
		margin:20px 5px 0px 5px;
		text-align:center;
	}
	.TopModelFieldset table{
		width:100%;
		text-align:center;
	}
	.TopModelFieldset img{
		width:100%;
	}
	.TopImgTtl{
		padding-top:20px;
	}
	.TopBtnL{
		margin:0px 10px 10px;
		border-radius:5px;
		border:solid 1px #CCC;
		font-size:14px;
		background: -webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		background: -moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
		display: block;
	}
	.TopBtnL a{
		padding:15px;
		display: block;
		text-decoration:none;
		color:#333;
		font-weight:bold;
	}
	.TopBtnR{
		margin:0px 10px 10px;
		border-radius:5px;
		border:solid 1px #CCC;
		font-size:14px;
		background: -webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		background: -moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
		display: block;
	}
	.TopBtnR a{
		padding:15px;
		display: block;
		text-decoration:none;
		color:#333;
		font-weight:bold;
	}
	.TopBtnHdmiL{
		margin:0px 10px 10px;
		border-radius:5px;
		border:solid 1px #CCC;
		font-size:14px;
		background: -webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		background: -moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
		display: block;
	}
	.TopBtnHdmiL a{
		padding:15px;
		display: block;
		text-decoration:none;
		color:#333;
		font-weight:bold;
	}
	.TopBtnHdmiC{
		margin:0px 10px 10px;
		border-radius:5px;
		border:solid 1px #CCC;
		font-size:14px;
		background: -webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		background: -moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
		display: block;
	}
	.TopBtnHdmiC a{
		padding:15px;
		display: block;
		text-decoration:none;
		color:#333;
		font-weight:bold;
	}
	.TopBtnHdmiR{
		margin:0px 10px 10px;
		border-radius:5px;
		border:solid 1px #CCC;
		font-size:14px;
		background: -webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		background: -moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
		display: block;
	}
	.TopBtnHdmiR a{
		padding:15px;
		display: block;
		text-decoration:none;
		color:#333;
		font-weight:bold;
	}
	.TopTxtModel1{
		font-weight:bold;
	}
	
	.TopTxtModel2{
		padding-top:120px;
		font-weight:bold;
	}
	.TopModelTable{
		margin-bottom:20px;
		border:solid 1px #CCC;
		border-collapse:collapse;
		text-align: center;
		width: 100%;
	}
	.TopModelTable td{
		padding:10px 20px;
		border:solid 1px #CCC;
	}
	.TopModelTableImg{
		width:360px;
		height:134px;
	}
}


/******************************************************************************************************************************************************************
/* CONTENTS AREA COMMON STYLE
******************************************************************************************************************************************************************/
@media screen and (min-width: 480px) {
	#Wrapper{
		margin:10px auto;
		width:800px;
		position:relative;
	}
	#Header{
		margin-bottom:20px;
	}
	.TopHead{
		margin-bottom:0px !important;	
	}
	.CmnLogo{
		margin-bottom:10px;
		width:300px;
		height:45px;
	}
	.CmnLogo img{
		width:300px;
		height:45px;
	}
	#SelectLang{
		position:absolute;
		right:0px;
		top:0px;
	}
	#Nav-Wrap {
		clear:both;
	}
/* contents Headder */
	#menu-icon {
	    display: none; /* hide menu icon initially */
	}
	#menu-close {
	    display: none; /* hide menu icon initially */
	}
	#Nav{
		border-top:solid 3px #4b106e;
		clear:both;
	}
	#Nav li{
		float:left;
	}
	#CtsWrap{
	  margin-top:20px;
	}	
	#CtsWrap h2{
		margin-bottom:20px;
		font-weight:bold;
		font-size:24px;
		color:#16832C;
	}
	#CtsWrap .alr{
		margin-bottom:10px;
		float:right;
	}
	#CtsWrap .all{
		margin-bottom:10px;
		margin-right:15px;
		width:435px;
		float:left;
	}
	
	/* contents section box  */
	.CtsSect{
		margin-bottom:30px;
		clear:both;
	}
	.CtsSect h3{
		margin-bottom:20px;
		display:block;
		clear:both;
		background-color:#C1DAC5;
		padding:10px;
		font-size:14px;
		color:#000;
		font-weight:bold;
		border-left:solid 5px #2DCA4C;
	}
	.CtsSect h4{
		margin-bottom:20px;
		padding:5px 10px;
		color:#4b106e;
		font-weight:bold;
		font-size:14px;
		border-bottom:solid 2px #9292d4;
		background-color:#F1F1F1;
	}
	/* FOOTER
	-------------------------------------------------------------------------------*/
	#Footer {
		margin-top:20px;
		border-top:solid 1px #4b106e;
	    clear:both !important;
	    padding:10px;
	    text-align:center;
		display:block;
	}
	#Footer a {
	    margin:0px 5px;
	}
	.forsp{
		display:none;
	}
}
@media screen and (max-width: 480px) {
	#Wrapper{
		margin:10px auto;	
	}
	#Header{
		marign-bottom:10px;
		postion:relative;
		height:40px;
	}
	.CmnLogo{
		margin-bottom:10px;	
		width:200px;
		height:30px;
		position: absolute;
		top: 10px;
		left:0px;
	}
	#SelectLang{
		position:absolute;
		right:0px;
		top:5px;
	}
	 /* nav-wrap */
	#Nav-Wrap {
		position: relative;
	}
	
	/* menu icon */
	#menu-icon {
		margin-right:5px;
		color: #000;
		width: 25px;
		height:20px;
		background: #F3F3F3 url(../iphone_connectivity/img/top/menu-icon.png) no-repeat 10px center;
		padding: 8px 15px 4px 42px;
		cursor: pointer;
		border-radius:4px;
		border: solid 1px #F3F3F3;
		display: block; /* show menu icon */
		font-weight:bold;
		position: absolute;
		top: 0px;
		right:0px;
	}
	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #bbb;
	}
	#menu-close{
		padding:10px;
		text-align:center;
		cursor: pointer;
		background-color:#4b106e;
		color:#FFF;
		font-weight:bold;
	}
	 
	/* main nav */
	#Nav {
		clear: both;
		position: absolute;
		top: 30px;
		right:0px;
		width: 100%;
		z-index: 10000;
		background: #f8f8f8;
		border: solid 1px #bbb;
		display: none; /* visibility will be toggled with jquery */
	}
	#Nav li {
		clear: both;
		float: none;
		font-size:14px;
	}
	#Nav li img{
		display:none;
	}
	#Nav li a:before {
	    content: attr(data-label);
	  }
	
	#Nav a, 
	#Nav ul a {
		font-weight:bold;
		display: block;
		text-decoration:none;
		padding: 0;
		color:#333;
		border: none;
		padding:15px;
		background: -webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		background: -moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
	}
	#Nav a:hover, 
	#Nav ul a:hover {
		background: #FFF;
		color: #000;
	}
	 
	/* dropdown */
	#Nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#Nav ul li {
		margin: 3px 0 3px 15px;
	}
	
	#CtsWrap{
	 	margin-top:20px;
		padding:5px;
	}

	#CtsWrap h2{
		margin-bottom:20px;
		font-size:24px;
		font-weight:bold;
		line-height:100%;
		color:#4b106e;
	}
	.CtsSect{
		margin-bottom:20px;
		padding:5px;
	}
	.CtsSect h3{
		margin:0px -5px 10px;
		padding:5px 10px;
		clear:both;
		background-color:#e4e4ec;
		font-size:14px;
		color:#000;
		font-weight:bold;
		border-left:solid 5px #9292d4;
	}
	.CtsSect h4{
		margin-bottom:10px;
		padding:5px 10px;
		color:#4b106e;
		font-weight:bold;
		font-size:14px;
		border-bottom:solid 2px #9292d4;
		background-color:#F1F1F1;
	}
	#Footer {
		margin-top:20px;
		border-top:solid 1px #4b106e;
	    clear:both !important;
	    padding:10px;
	    font-size:0.8em;
	    text-align:center;
		display:block;
	}
	#Footer *{
		font-size:10px;
	}
	#Footer a {
	    margin:0px 5px;
	}
	.forpc{
		display:none;
	}
}

/******************************************************************************************************************************************************************
/* CONTENTS AREA COMMON STYLE
******************************************************************************************************************************************************************/
@media screen and (min-width: 480px) {
	#AndroidWrapper{
		margin:10px auto;
		width:800px;
		position:relative;
		text-align: left;
	}
	#AndroidHeader{
		margin-bottom:20px;
	}
	.AndroidTopHead{
		margin-bottom:0px !important;	
	}
	.AndroidCmnLogo{
		margin-bottom:10px;
		width:300px;
		height:45px;
	}
	.AndroidCmnLogo img{
		width:300px;
		height:45px;
	}
	#AndroidSelectLang{
		position:absolute;
		right:0px;
		top:0px;
	}
	#AndroidNav-Wrap {
		clear:both;
	}
/* contents Headder */
	#Androidmenu-icon {
	    display: none; /* hide menu icon initially */
	}
	#Androidmenu-close {
	    display: none; /* hide menu icon initially */
	}
	#AndroidNav{
		border-top:solid 3px #2DCA4C;
		clear:both;
	}
	#AndroidNav li{
		float:left;
	}
	#AndroidCtsWrap{
	  margin-top:20px;
	}	
	#AndroidCtsWrap h2{
		margin-bottom:20px;
		font-weight:bold;
		font-size:24px;
		color:#16832C;
	}
	#AndroidCtsWrap .alr{
		margin-bottom:10px;
		float:right;
	}
	#AndroidCtsWrap .all{
		margin-bottom:10px;
		margin-right:15px;
		width:435px;
		float:left;
	}
	
	/* contents section box  */
	.AndroidCtsSect{
		margin-bottom:30px;
		clear:both;
	}
	.AndroidCtsSect h3{
		margin-bottom:20px;
		display:block;
		clear:both;
		background-color:#C1DAC5;
		padding:10px;
		font-size:14px;
		color:#000;
		font-weight:bold;
		border-left:solid 5px #2DCA4C;
	}
	.AndroidCtsSect h4{
		margin-bottom:20px;
		padding:5px 10px;
		color:#16832C;
		font-weight:bold;
		font-size:14px;
		border-bottom:solid 2px #2DCA4C;
		background-color:#E2FFE8;
	}
	/* FOOTER
	-------------------------------------------------------------------------------*/
	#AndroidFooter {
		margin-top:20px;
		border-top:solid 1px #2DCA4C;
	    clear:both !important;
	    padding:10px;
	    font-size:0.8em;
	    text-align:center;
		display:block;
	}
	#AndroidFooter a {
	    margin:0px 5px;
	}
}
@media screen and (max-width: 480px) {
	#AndroidWrapper{
		margin:10px auto;	
	}
	#AndroidHeader{
		marign-bottom:10px;
		postion:relative;
		height:40px;
	}
	.AndroidCmnLogo{
		margin-bottom:10px;	
		width:200px;
		height:30px;
		position: absolute;
		top: 10px;
		left:0px;
	}
	 /* nav-wrap */
	#AndroidNav-Wrap {
		position: relative;
	}
	
	/* menu icon */
	#Androidmenu-icon {
		margin-right:5px;
		color: #000;
		width: 25px;
		height:20px;
		background: #F3F3F3 url(../common/img/top/menu-icon.png) no-repeat 10px center;
		padding: 8px 15px 4px 42px;
		cursor: pointer;
		border-radius:4px;
		border: solid 1px #F3F3F3;
		display: block; /* show menu icon */
		font-weight:bold;
		position: absolute;
		top: 0px;
		right:0px;
	}
	#Androidmenu-icon:hover {
		background-color: #f8f8f8;
	}
	#Androidmenu-icon.active {
		background-color: #bbb;
	}
	#Androidmenu-close{
		padding:10px;
		text-align:center;
		cursor: pointer;
		background-color:#2DCA4C;
		color:#FFF;
		font-weight:bold;
	}
	 
	/* main nav */
	#AndroidNav {
		clear: both;
		position: absolute;
		top: 30px;
		right:0px;
		width: 100%;
		z-index: 10000;
		background: #C5F7CF;
		border: solid 1px #bbb;
		display: none; /* visibility will be toggled with jquery */
	}
	#AndroidNav li {
		clear: both;
		float: none;
		font-size:14px;
	}
	#AndroidNav li img{
		display:none;
	}
	#AndroidNav li a:before {
	    content: attr(data-label);
	  }
	
	#AndroidNav a, 
	#AndroidNav ul a {
		font-weight:bold;
		display: block;
		text-decoration:none;
		padding: 0;
		color:#333;
		border: none;
		padding:15px;
		background: -webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		background: -moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
	}
	#AndroidNav a:hover, 
	#AndroidNav ul a:hover {
		background: #FFF;
		color: #000;
	}
	 
	/* dropdown */
	#AndroidNav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#AndroidNav ul li {
		margin: 3px 0 3px 15px;
	}
	
	#AndroidCtsWrap{
	 	margin-top:20px;
		padding:5px;
	}

	#AndroidCtsWrap h2{
		margin-bottom:20px;
		font-size:24px;
		font-weight:bold;
		line-height:100%;
		color:#16832C;
	}
	.AndroidCtsSect{
		margin-bottom:20px;
		padding:5px;
	}
	.AndroidCtsSect h3{
		margin:0px -5px 10px;
		padding:5px 10px;
		clear:both;
		background-color:#C1DAC5;
		font-size:14px;
		color:#000;
		font-weight:bold;
		border-left:solid 5px #2DCA4C;
	}
	.AndroidCtsSect h4{
		margin-bottom:10px;
		padding:5px 10px;
		color:#16832C;
		font-weight:bold;
		font-size:14px;
		border-bottom:solid 2px #2DCA4C;
		background-color:#E2FFE8;
	}
	#AndroidFooter {
		margin-top:20px;
		border-top:solid 1px #2DCA4C;
	    clear:both !important;
	    padding:10px;
	    font-size:0.8em;
	    text-align:center;
		display:block;
	}
	#AndroidFooter *{
		font-size:10px;
	}
	#AndroidFooter a {
	    margin:0px 5px;
	}
}


/******************************************************************************************************************************************************************
/* Android Index PAGE
******************************************************************************************************************************************************************/
@media screen and (min-width: 480px) {
	.AndroidTopMainImg{
		margin-bottom:30px;
	}
	
	#AndroidTopNav{
		margin-bottom:20px;
		width:65%;
		float:left;
	}
	#AndroidTopNav ul li{
		float:left;
		display: block;
		text-indent:-9999px;
		width:33%;
	}
	#AndroidTopNav ul li a{
		padding:10px;
		height:80px;
		display: block;
	}	
/* top menu */
	.AndroidTopNav01{
		border-top:solid 1px #DDD;
		border-bottom:solid 1px #DDD;
		border-left:solid 1px #DDD;
		background: url(../common/img/top/top_menu01.png) no-repeat;
	}
	.AndroidTopNav02{
		border:solid 1px #DDD;
		background: url(../common/img/top/top_menu02.png) no-repeat;
	}
	.AndroidTopNav03{
		border-top:solid 1px #DDD;
		border-bottom:solid 1px #DDD;
		border-right:solid 1px #DDD;
		background: url(../common/img/top/top_menu03.png) no-repeat;
	}
	.AndroidTopNav04{
		border-bottom:solid 1px #DDD;
		border-left:solid 1px #DDD;
		background: url(../common/img/top/top_menu04.png) no-repeat;
	}
	.AndroidTopNav05{
		border:solid 1px #DDD;
		border-top:none;
		background: url(../common/img/top/top_menu05.png) no-repeat;
	}
	.AndroidTopNav06{
		border-bottom:solid 1px #DDD;
		border-right:solid 1px #DDD;
		background: url(../common/img/top/top_menu06.png) no-repeat;
	}	
/* top menu's link hover */
	.AndroidTopNav01 a:hover{
		background: url(../common/img/top/top_menu01.png) no-repeat;
		background-color:#F1F1F1;
	}
	.AndroidTopNav02 a:hover{
		background: url(../common/img/top/top_menu02.png) no-repeat;
		background-color:#F1F1F1;
	}
	.AndroidTopNav03 a:hover{
		background: url(../common/img/top/top_menu03.png) no-repeat;
		background-color:#F1F1F1;
	}
	.AndroidTopNav04 a:hover{
		background: url(../common/img/top/top_menu04.png) no-repeat;
		background-color:#F1F1F1;
	}
	.AndroidTopNav05 a:hover{
		background: url(../common/img/top/top_menu05.png) no-repeat;
		background-color:#F1F1F1;
	}
	.AndroidTopNav06 a:hover{
		background: url(../common/img/top/top_menu06.png) no-repeat;
		background-color:#F1F1F1;
	}
	li.AndroidTopNav07{
		margin:10px 0px;
		clear:both;
		border-radius:8px;
		width:100% !important;
		border:solid 1px #DDD;
	}
	li.AndroidTopNav07 a{
		height:46px !important;
		display: block;
		background: url(../common/img/top/top_contactus_btn.png) no-repeat center;
		text-indent:-9999px;
	}
	li.AndroidTopNav07 a:hover{
		background-color:#F1F1F1;
	}
	
	#AndroidTopNav p{
		margin-top:10px;
		clear:both;
	}	
/* top Information */
	#AndroidTopInfo{
		margin-bottom:20px;
		float:right;
		width:33%;
	}
	#AndroidTopInfo h2{
		margin-bottom:10px;
		padding:5px 10px;
		color:#FFF !important;
		background: -webkit-gradient(linear, 0% 0%, 60% 60%, from(#17842D), to(#15A131));
		background: -moz-linear-gradient(left, #17842D, #15A131);　/* Firefox用 */
	}
	.AndroidTopNewsList dt{
		margin-bottom:5px;
		border-bottom:dotted 1px #CCC;
		color:#16832C !important;
		font-weight:bold;
	}
	.AndroidTopNewsList dd{
		margin-bottom:10px;
		padding-left:10px;
	}
}
@media screen and (max-width: 480px) {
	#AndroidTopNav ul{
		border-bottom:solid 1px #CCC;
	}
	#AndroidTopNav ul li{
		display: block;
		border:solid 1px #CCC;
		border-bottom:none;
		font-size:14px;
		background: url(../common/img/top/top_nav_arrow.png) no-repeat right,-webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		-webkit-background-size: 26px 20px, auto;
		background: url(../common/img/top/top_nav_arrow.png) no-repeat right,-moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
		-moz-background-size: 26px 20px, auto;
	}
	#AndroidTopNav ul li a{
		padding:15px;
		display: block;
		text-decoration:none;
		color:#333;
		font-weight:bold;
	}
	#AndroidTopNav ul li a:hover{
		background:url(../common/img/top/top_nav_arrow.png) no-repeat right,#F1F1F1;
		-webkit-background-size: 26px 20px, auto;
		-moz-background-size: 26px 20px, auto;
	}	
	#AndroidTopNav p{
		margin:10px;
		clear:both;
	}
	#AndroidTopInfo{
		margin-top:20px;
	}
	#AndroidTopInfo h2{
		margin-bottom:10px;
		padding:5px 10px;
		color:#FFF !important;
		background: -webkit-gradient(linear, 0% 0%, 60% 60%, from(#17842D), to(#15A131));
		background: -moz-linear-gradient(left, #17842D, #15A131);　/* Firefox用 */
	}
	.AndroidTopNewsList dt{
		padding:5px;
		margin-bottom:5px;
		border-bottom:dotted 1px #CCC;
		color:#16832C !important;
		font-weight:bold;
	}
	.AndroidTopNewsList dd{
		margin-bottom:10px;
		padding-left:10px;
	}

}

/******************************************************************************************************************************************************************
/* Symbian Index PAGE
******************************************************************************************************************************************************************/
@media screen and (min-width: 480px) {
	#SymbianTopNav{
		margin-bottom:20px;
		width:65%;
		float:left;
	}
	#SymbianTopNav ul li{
		float:left;
		display: block;
		text-indent:-9999px;
		width:100% !important;
	}
	#SymbianTopNav ul li a{
		padding:10px;
		height:80px !important;
		display: block;
	}	
/* top menu */
	.SymbianTopNav01{
		border:solid 1px #DDD;
		background: url(../symbian/img/top/compatible.png) no-repeat center;
	}
/* top menu's link hover */
	.SymbianTopNav01 a:hover{
		background: url(../symbian/img/top/compatible.png) no-repeat center;
		background-color:#F1F1F1;
	}
	li.SymbianTopNav07{
		margin:10px 0px;
		clear:both;
		border-radius:8px;
		width:100% !important;
		border:solid 1px #DDD;
	}
	li.SymbianTopNav07 a{
		height:46px !important;
		display: block;
		background: url(../symbian/img/top/top_contactus_btn.png) no-repeat center;
		text-indent:-9999px;
	}
	li.SymbianTopNav07 a:hover{
		background-color:#F1F1F1;
	}
	#SymbianTopNav p{
		margin-top:10px;
		clear:both;
	}
}
@media screen and (max-width: 480px) {
	#SymbianTopNav ul{
		border-bottom:solid 1px #CCC;
	}
	#SymbianTopNav ul li{
		display: block;
		border:solid 1px #CCC;
		border-bottom:none;
		font-size:14px;
		background: url(../symbian/img/top/top_nav_arrow.png) no-repeat right,-webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		-webkit-background-size: 26px 20px, auto;
		background: url(../symbian/img/top/top_nav_arrow.png) no-repeat right,-moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
		-moz-background-size: 26px 20px, auto;
	}
	#SymbianTopNav ul li a{
		padding:15px;
		display: block;
		text-decoration:none;
		color:#333;
		font-weight:bold;
	}
	#SymbianTopNav ul li a:hover{
		background:url(../symbian/img/top/top_nav_arrow.png) no-repeat right,#F1F1F1;
		-webkit-background-size: 26px 20px, auto;
		-moz-background-size: 26px 20px, auto;
	}	
	#SymbianTopNav p{
		margin-top:10px;
		clear:both;
	}
}

/******************************************************************************************************************************************************************
/* About Page
******************************************************************************************************************************************************************/
@media screen and (min-width: 480px) {
/* aplicaiton introduce box  */
	.ApliIntroArea{
		padding:10px;
		border-radius:10px;
		border:solid 1px #CCC;
		background:url(../iphone_connectivity/img/top/applecarconnect_icon.png) no-repeat 10px 10px;
		width:300px;
		float:right;
	}
	.ApliIntroArea .ApliExpText{
		margin-bottom:10px;
		padding:0px 0px 10px 60px;
		border-bottom:dotted 1px #CCC;
	}
	.ApliIntroArea .ApliExpText strong{
		font-weight:bold;
		color:#4b106e;
		display:block;
		font-size:14px;
	}
	.ApliIntroArea .ApliExpText span{
		color: #099;
	}
	.ApliDlBtn{
		float:right;	
		width:70px;
	}	
	.ApliDlImg{
		width:70px;
		height:25px;
	}	
/*  iphone applicaiton linking  */
	.AboutAppsArea li{
		margin:0px 0px 10px 0px;
		padding:10px;
		width:30%;
		border:solid 1px #CCC;
		display:block;
		float:left;
		height:250px;
		position:relative;
	}
	.AboutAppsArea li.odd{
		border-left:none;
		border-right:none;
	}
	.AboutAppsArea li.odd2{
		border-left:none;
	}
	.AboutAppsIcon{
		float:left;
		width:60px;
	}
	.AboutAppsImgs{
		float:right;
		width:158px;
	}
	.AboutAppsImgs span{
		color: #099;
		display:block;
	}
	.AboutAppsImgs img{
		border: solid 3px #CCC;
		margin-bottom:10px;
	}
	.AboutAppsText{
		padding:5px 0px 30px;
		clear:both;
		border-top:dotted 1px #CCC;
	}
	.AboutAppsLink{
		position:absolute;
		bottom:0px;
		right:10px;
	}
	
/* リスト表示 */
	.AboutList{
		margin-bottom:30px;
		list-style:disc;
		padding-left:20px;
	}
	
/*  table  */
	.ApRgHUnitTable{
		margin-bottom:20px;
		border-collapse:collapse;
		border:solid 1px #CCC;	
	}
	.ApRgHUnitTable caption{
		text-align:right;
	}
	.ApRgHUnitTable th{
		padding:3px;
		border:solid 1px #CCC;
		background-color:#666;
		color:#FFF;
		text-align:center;
	}
	.ApRgHUnitTable td{
		padding:3px;
		border:solid 1px #CCC;
		text-align:center;
	}
	.noappli{
		background-color:#999999;	
	}

/*  Android Application Linking  */
	.AndroidApliIntroArea{
		padding:10px;
		border-radius:10px;
		border:solid 1px #CCC;
		background:url(../common/img/top/smartappcar_icon.png) no-repeat 10px 10px;
		width:300px;
		float:right;
	}
	.AndroidApliIntroArea .ApliExpText{
		margin-bottom:10px;
		padding:0px 0px 10px 60px;
		border-bottom:dotted 1px #CCC;
	}
	.AndroidApliIntroArea .ApliExpText strong{
		font-weight:bold;
		color:#16832C;
		display:block;
		font-size:14px;
	}
	.AndroidApliIntroArea .ApliExpText span{
		color: #099;
	}
}
@media screen and (max-width: 480px) {
/* aplicaiton introduce box  */
	.ApliIntroArea{
		margin:0px auto 10px;
		padding:10px;
		width:280px;
		border-radius:10px;
		background:url(../iphone_connectivity/img/top/applecarconnect_icon.png) no-repeat 10px 10px,-webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		background:url(../iphone_connectivity/img/top/applecarconnect_icon.png) no-repeat 10px 10px, -moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
		margin-left:auto;
		margin-right:auto;
	}
	.ApliIntroArea .ApliExpText{
		margin-bottom:10px;
		padding:0px 0px 10px 60px;
		border-bottom:dotted 1px #CCC;
	}
	.ApliIntroArea .ApliExpText span{
		color: #099;
	}
	
	.ApliIntroArea .ApliExpText strong{
		font-weight:bold;
		color:#4b106e;
		display:block;
		font-size:14px;
	}
	.ApliIntroArea .ApliExpText span{
		color: #099;
	}
	.ApliDlBtn{
		float:right;	
		width:70px;
	}	
	.ApliDlImg{
		width:70px;
		height:25px;
	}	
/*  iphone applicaiton linking  */
	.AboutAppsArea li{
		margin:0px 0px 10px 0px;
		padding:10px 10px 30px;
		border:solid 1px #CCC;
		position:relative;
	}
	.AboutAppsIcon{
		float:left;
		width:65px;
	}
	.AboutAppsImgs span{
		color: #099;
		display:block;
	}
	.AboutAppsImgs img{
		border: solid 3px #CCC;
		margin-bottom:10px;
	}
	.AboutAppsLink{
		position:absolute;
		bottom:0px;
		right:5px;
	}
/* リスト表示 */
	.AboutList{
		margin-bottom:20px;
		list-style:disc;
		padding-left:20px;
	}
	.AboutList li{
		margin-bottom:10px;
	}
	.ApRgHUnitTable{
		margin-bottom:10px;
		border-collapse:collapse;
		border:solid 1px #CCC;
	}
	.ApRgHUnitTable caption{
		text-align:right;
	}
	.ApRgHUnitTable th{
		padding:3px;
		border:solid 1px #CCC;
		background-color:#666;
		color:#FFF;
		font-size:12px;
		font-weight:normal;
		vertical-align:middle;
		text-align:center;
	}
	.ApRgHUnitTable td{
		padding:3px;
		border:solid 1px #CCC;
		text-align:center;
		font-size:12px;
		font-weight:normal;
	}
	.noappli{
		background-color:#999999;	
	}

/*  Android Application Linking  */
	.AndroidApliIntroArea{
		margin:0px auto 10px;
		padding:10px;
		width:280px;
		border-radius:10px;
		background:url(../common/img/top/smartappcar_icon.png) no-repeat 10px 10px,-webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		background:url(../common/img/top/smartappcar_icon.png) no-repeat 10px 10px, -moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
		margin-left:auto;
		margin-right:auto;
	}
	.AndroidApliIntroArea .ApliExpText{
		margin-bottom:10px;
		padding:0px 0px 10px 60px;
		border-bottom:dotted 1px #CCC;
	}
	.AndroidApliIntroArea .ApliExpText span{
		color: #099;
	}
	
	.AndroidApliIntroArea .ApliExpText strong{
		font-weight:bold;
		color:#16832C;
		display:block;
		font-size:14px;
	}
	.AndroidApliIntroArea .ApliExpText span{
		color: #099;
	}
}


/******************************************************************************************************************************************************************
/* Preparation Page
******************************************************************************************************************************************************************/
@media screen and (min-width: 480px) {
/* リスト表示 */
	.PprList{
		margin-bottom:30px;
		list-style:disc;
		padding-left:20px;
	}
	.PprExpDl{
		margin-bottom:20px;
	}
	.PprExpDl dt{
		margin-bottom:15px;
		padding-bottom:5px;
		border-bottom:solid 1px #9292d4;	
		font-weight:bold;
		font-size:14px;
		clear:both;
	}
	.PprExpDl dd{
		margin-bottom:20px;
		clear:both;
		display:block;
	}
	.PprExpDl dd table{
		width:100%;
	}
	.PprExpDl dd table th{
		vertical-align:top;
		width:15px;
	}
	.PprExpDlTableImgVer{
		padding-left:5px;
		padding-bottom:10px;
		width:155px;	
	}
	.PprExpDlTableImgHor{
		padding-left:5px;
		padding-bottom:10px;
		width:265px;	
	}
	.PprExpDlImgVer{
		width:140px;	
		height:250px;	
	}
	.PprExpDlImgHor{
		height:140px;	
		width:250px;	
	}
	.PprExpDlExpIcon{
		margin:5px 5px;
		vertical-align:middle;	
	}
}
@media screen and (max-width: 480px) {
/* リスト表示 */
	.PprList{
		margin-bottom:20px;
		list-style:disc;
		padding-left:20px;
	}
	.PprList li{
		margin-bottom:10px;
	}
	.PprExpDl dt{
		margin-bottom:15px;
		padding-bottom:5px;
		border-bottom:solid 2px #CCC;	
		font-weight:bold;
		font-size:14px;
	}
	.PprExpDl dd{
		margin-bottom:20px;
		clear:both;
		display:block;
	}
	.PprExpDl dd table th{
		vertical-align:top;
		width:18px;	
	}
	.PprExpDlTableImgVer{
		padding-left:5px;
		padding-bottom:10px;
	}
	.PprExpDlTableImgHor{
		padding-left:5px;
		padding-bottom:10px;
	}
	.PprExpDlImgVer{
		width:140px;	
		height:250px;	
	}
	.PprExpDlImgHor{
		height:140px;	
		width:250px;	
	}
	.PprExpDlExpIcon{
		margin:5px 5px;
		vertical-align:middle;	
	}
}

/******************************************************************************************************************************************************************
/* Connect Page
******************************************************************************************************************************************************************/
@media screen and (min-width: 480px) {
  .ExpImgL{
  	margin-right:20px;
  	float:left;	
  }
  
  .ExpTextR{
  	float:right;	
  	width:520px;
  }
  
  ul.Notice{
  	margin-left:20px;
  	list-style:disc;
  	list-style-position:outside;
	vertical-align:middle;
  }
  ul.Notice li{
  	margin-bottom:10px;
	vertical-align:middle;
  }
  ol.Notice{
  	margin-left:20px;
  	list-style-position:outside;
	vertical-align:middle;
  }
  ol.Notice li{
  	margin-bottom:10px;
	vertical-align:middle;
  }
  ol.ScreenAdj{
  	margin-left:20px;
  	list-style-position:outside;
  }
  ol.ScreenAdj li{
  	margin-left:5px;
  	margin-bottom:10px;
  }
  .ConnExpDl{
  	margin-bottom:20px;
  }
  .ConnExpDl dt{
  	margin-bottom:15px;
  	padding-bottom:5px;
  	border-bottom:solid 1px #9292d4;	
  	font-weight:bold;
  	font-size:14px;
  	clear:both;
  }
  .ConnExpDl dd{
  	margin-bottom:20px;
  	clear:both;
  	display:block;
  }
  .ConnExpDl dd table{
  	width:100%;
  }
  .ConnExpDl dd table th{
  	vertical-align:top;
	width:15px;
  }
  .ConnExpDlTableImgVer{
  	padding-left:5px;
  	padding-bottom:10px;
  	width:155px;
  }
  .ConnExpDlTableImgHor{
  	padding-left:5px;
  	padding-bottom:10px;
  	width:265px;
  }
  .ConnExpDlImgVer{
  	width:140px;
  	height:250px;
  }
  .ConnExpDlImgHor{
  	height:auto;
  	width:250px;
  }
  .ConnExpDlExpIcon{
  	margin:5px 5px;
  	vertical-align:middle;
  }
}
@media screen and (max-width: 480px) {
/* リスト表示 */
.ExpImgL{
	text-align:center;
}

.ExpTextR{
	margin-bottom:20px;
}

ul.Notice{
	margin-left:20px;
	list-style:disc;
	list-style-position:outside;
}
ul.Notice li{
	margin-bottom:10px;
}
ol.ScreenAdj{
	margin-left:20px;
	list-style-position:outside;
}
ol.ScreenAdj li{
  	margin-left:5px;
	margin-bottom:10px;
}
.ConnExpDl{
	margin-bottom:20px;
}
.ConnExpDl dt{
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:solid 1px #9292d4;	
	font-weight:bold;
	font-size:14px;
	clear:both;
}
.ConnExpDl dd{
	margin-bottom:20px;
	clear:both;
	display:block;
}
.ConnExpDl dd table th{
	vertical-align:top;
	width:18px;
}
.ConnExpDlTableImgVer{
	padding-left:5px;
	padding-bottom:10px;
}
.ConnExpDlTableImgHor{
	padding-left:5px;
	padding-bottom:10px;
}
.ConnExpDlImgVer{
	width:140px;
	height:250px;
  }
.ConnExpDlImgHor{
	height:140px;
	width:250px;
}
.ConnExpDlExpIcon{
	margin:5px 5px;
	vertical-align:middle;	
}
}

/******************************************************************************************************************************************************************
/* HowtoApplication Page
******************************************************************************************************************************************************************/
@media screen and (min-width: 480px) {
/* リスト表示 */
	.HowtoList{
		margin-bottom:30px;
		list-style:disc;
		padding-left:20px;
	}
	.HowtoExpDl{
		margin-bottom:20px;
	}
	.HowtoExpDl dt{
		margin-bottom:15px;
		padding-bottom:5px;
		border-bottom:solid 1px #9292d4;	
		font-weight:bold;
		font-size:14px;
		clear:both;
	}
	.HowtoExpDl dd{
		margin-bottom:20px;
		clear:both;
		display:block;
	}
	.HowtoExpDl dd table{
		margin-bottom:10px;
		width:100%;
	}
	.HowtoExpDl dd table th{
		vertical-align:top;
		width:15px;
	}
	.HowtoExpDlTableNoNumber{
		margin-left:7px;
	}
	.HowtoExpDlTableNoNumberWrap{
		margin-left:7px;
	}
	.HowtoExpDlTableImg{
		padding-left:5px;
		padding-bottom:10px;
		width:265px;	
	}
	.HowtoExpDlImg{
		height:140px;
		width:250px;
	}
	.HowtoExpDlExpIcon{
		margin:5px 5px;
		vertical-align:middle;	
	}
}
@media screen and (max-width: 480px) {
/* リスト表示 */
	.HowtoList{
		margin-bottom:20px;
		list-style:disc;
		padding-left:20px;
	}
	.HowtoList li{
		margin-bottom:10px;
	}
	.HowtoExpDl dt{
		margin-bottom:15px;
		padding-bottom:5px;
		border-bottom:solid 2px #CCC;	
		font-weight:bold;
		font-size:14px;
	}
	.HowtoExpDl dd{
		margin-bottom:20px;
		clear:both;
		display:block;
	}
	.HowtoExpDl dd table{
		margin-bottom:10px;
	}
	.HowtoExpDl dd table th{
		vertical-align:top;
		width:15px;
	}
	.HowtoExpDlTableNoNumber{
		margin-left:7px;
	}
	.HowtoExpDlTableNoNumberWrap{
		margin-left:7px;
	}
	.HowtoExpDlTableImg{
		padding:0px 5px 10px;
		width:100%;	
	}
	.HowtoExpDlImg{
		height:140px;
		width:250px;
	}
	.HowtoExpDlExpIcon{
		margin:5px 5px;
		vertical-align:middle;	
	}
}


/******************************************************************************************************************************************************************
/* CompatibleModel Page
******************************************************************************************************************************************************************/
@media screen and (min-width: 480px) {
/* リスト表示 */
	.CompatibleModelTable{
		margin-bottom:20px;
		border:solid 1px #CCC;
		border-collapse:collapse;
	}
	.CompatibleModelTable caption{
		text-align:right;
		font-size:14px;
	}
	.CompatibleModelTable th{
		padding:10px 20px;
		border:solid 1px #CCC;
		background-color:#F1F1F1;
		background: -moz-linear-gradient(top, #ccc, #F1F1F1);
		background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#F1F1F1));
	}
	.CompatibleModelTable td{
		padding:10px 20px;
		border:solid 1px #CCC;
	}
}
@media screen and (max-width: 480px) {
	.CompatibleModelTable{
		margin-bottom:20px;
		border:solid 1px #CCC;
		border-collapse:collapse;
	}
	.CompatibleModelTable caption{
		text-align:right;
		font-size:12px;
	}
	.CompatibleModelTable th{
		padding:5px 10px;
		border:solid 1px #CCC;
		background-color:#F1F1F1;
		background: -moz-linear-gradient(top, #ccc, #F1F1F1);
		background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#F1F1F1));
		font-size:12px;
	}
	.CompatibleModelTable td{
		padding:5px 10px;
		border:solid 1px #CCC;
		font-size:12px;
	}
}

/******************************************************************************************************************************************************************
/* FAQ Page
******************************************************************************************************************************************************************/
@media screen and (min-width: 480px) {
	.form-style-1 {
    margin:10px auto;
    max-width: 400px;
    padding: 20px 12px 10px 20px;
    font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}
.form-style-1 label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
    font-weight: bold;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;  
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
    width: 49%;
}

.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-textarea{
    height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
    background: gray;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    background: #8B008B;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.form-style-1 .required{
    color:red;
}
	.Faqs{
		margin:0px;
		padding-left:10px;
	}
	.Faqs > dt{
		margin-bottom:10px;
		font-weight:bold;
		background:url(../iphone_connectivity/img/faq/faq_q_icon.gif) 0 0px no-repeat;
		padding:7px 0 0px 30px;
		position:relative;
		font-size:14px;
		color:#1a8bb0;
	}
	.Faqs > dt:hover{
		cursor:pointer;
	}
	
	/* IE6 hakku*/
	* .Faqs dt{
		margin-bottom:10px;
		font-weight:bold;
		background:url(../iphone_connectivity/img/faq/faq_q_icon.gif) 0 0px no-repeat;
		padding:7px 0 0px 30px;
		position:relative;
		font-size:14px;
		cursor:pointer;
		color:#1a8bb0;
	}
	* .Faqs * dt {
		margin-bottom:0px;
		font-weight:bold;
		background:none;
		padding:0px;
		font-size:12px;
		color:#333;
		border-bottom: dotted 1px #666;
	}
	/* IE6end*/
	.Faqs > dd{
		margin-bottom:20px;
		margin-left:30px;
		padding:20px;
		position:relative;
		color:#333;
		background-color: #F1F1F1;
		border:solid 1px #F1F1F1;
		width:600px;
	}
	/* IE6 hakku*/
	* .Faqs  dd{
		margin-bottom:20px;
		margin-left:30px;
		padding:20px;
		position:relative;
		color:#333;
		background-color: #F1F1F1;
		border:solid 1px #F1F1F1;
		width:650px;
	}
	* .Faqs * dd {
		margin:0px;
		background:none;
		padding:0px;
		font-size:12px;
		border:none;
		width:650px;
	}
	/* IE6end*/
	.Faqs .hover{
		color:#990000;
		text-decoration:underline;
	}
	
	.FaqsInDl dt{
		margin-bottom:5px;
		font-weight:bold;
	}
	.FaqsInDl dd{
		margin-bottom:30px;	
		margin-left:15px;
		margin-right:15px;
		width:620px;
		 /width:590px; 
	}
	.FaqTable{
		margin-bottom:10px;
		background-color:#FFF;
		border:solid 1px #CCC;
		border-collapse:collapse;
	}
	.FaqTable th{
		padding:10px;
		border:solid 1px #CCC;
		background-color:#F1F1F1;
		font-weight:bold;
	}
	.FaqTable td{
		padding:10px;
		border:solid 1px #CCC;
	}
	.FaqDlBtn{
		float:right;
		padding:10px;
		border-radius:10px;
		border:solid 1px #CCC;
		background:url(../iphone_connectivity/img/top/applecarconnect_icon.png) no-repeat 10px 10px;
		width:300px;
		float:right;
	}
	.FaqDlExpText{
		margin-bottom:10px;
		padding:0px 0px 10px 60px;
		border-bottom:dotted 1px #CCC;
	}
	.FaqDlExpText strong{
		font-weight:bold;
		color:#4b106e;
		display:block;
		font-size:14px;
	}
	.FaqDlExpText span{
		color: #099;
	}
	.FaqDlDlBtn{
		float:right;	
	}	
}
@media screen and (max-width: 480px) {
	.Faqs{
		margin:0px;
	}
	.Faqs > dt{
		margin-bottom:10px;
		font-weight:bold;
		background:url(../iphone_connectivity/img/faq/faq_q_icon.gif) 0px 0px no-repeat;
		padding:0px 0px 5px 30px;
		position:relative;
		font-size:14px;
		color:#1a8bb0;
	}
	.Faqs > dt:hover{
		cursor:pointer;
	}	
	.Faqs > dd{
		margin-bottom:10px;
		padding:5px;
		position:relative;
		color:#333;
		background-color: #F1F1F1;
		border:solid 1px #F1F1F1;
	}
	.Faqs .hover{
		color:#990000;
		text-decoration:underline;
	
	}
	.FaqsInDl dt{
		margin-bottom:5px;
		font-weight:bold;
	}
	.FaqsInDl dd{
		margin-bottom:30px;	
	}
	.FaqTable{
		margin-bottom:10px;
		background-color:#FFF;
		border:solid 1px #CCC;
		border-collapse:collapse;
	}
	.FaqTable th{
		padding:5px;
		border:solid 1px #CCC;
		background-color:#F1F1F1;
		font-weight:bold;
		font-size:12px;
	}
	.FaqTable td{
		padding:5px;
		border:solid 1px #CCC;
		font-size:12px;
	}
	.FaqDlBtn{
		margin-top:10px;
		padding:10px;
		border-radius:10px;
		border:solid 1px #CCC;
		width:90%;
		background:url(../iphone_connectivity/img/top/applecarconnect_icon.png) no-repeat 10px 10px,-webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		background:url(../iphone_connectivity/img/top/applecarconnect_icon.png) no-repeat 10px 10px, -moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
	}
	.FaqDlExpText{
		margin-bottom:10px;
		padding:0px 0px 10px 60px;
		border-bottom:dotted 1px #CCC;
	}
	.FaqDlExpText strong{
		font-weight:bold;
		color:#4b106e;
		display:block;
		font-size:14px;
	}
	.FaqDlExpText span{
		color: #099;
	}
	.FaqDlDlBtn{
		float:right;	
	}	
}

/******************************************************************************************************************************************************************
/* Android FAQ Page
******************************************************************************************************************************************************************/
@media screen and (min-width: 480px) {
	.AndroidFaqs{
		margin:0px;
		padding-left:10px;
	}
	.AndroidFaqs > dt{
		margin-bottom:10px;
		font-weight:bold;
		background:url(../common/img/faq/faq_q_icon.gif) 0 0px no-repeat;
		padding:7px 0 0px 30px;
		position:relative;
		font-size:14px;
		color:#1a8bb0;
	}
	.AndroidFaqs > dt:hover{
		cursor:pointer;
	}
	
	/* IE6 hakku*/
	* .AndroidFaqs dt{
		margin-bottom:10px;
		font-weight:bold;
		background:url(../common/img/faq/faq_q_icon.gif) 0 0px no-repeat;
		padding:7px 0 0px 30px;
		position:relative;
		font-size:14px;
		cursor:pointer;
		color:#1a8bb0;
	}
	* .AndroidFaqs * dt {
		margin-bottom:0px;
		font-weight:bold;
		background:none;
		padding:0px;
		font-size:12px;
		color:#333;
		border-bottom: dotted 1px #666;
	}
	/* IE6end*/
	.AndroidFaqs > dd{
		margin-bottom:20px;
		margin-left:30px;
		padding:20px;
		position:relative;
		color:#333;
		background-color: #F1F1F1;
		border:solid 1px #F1F1F1;
		width:600px;
	}
	/* IE6 hakku*/
	* .AndroidFaqs  dd{
		margin-bottom:20px;
		margin-left:30px;
		padding:20px;
		position:relative;
		color:#333;
		background-color: #F1F1F1;
		border:solid 1px #F1F1F1;
		width:650px;
	}
	* .AndroidFaqs * dd {
		margin:0px;
		background:none;
		padding:0px;
		font-size:12px;
		border:none;
		width:650px;
	}
	/* IE6end*/
	.AndroidFaqs .hover{
		color:#990000;
		text-decoration:underline;
	}
	
	.AndroidFaqsInDl dt{
		margin-bottom:5px;
		font-weight:bold;
	}
	.AndroidFaqsInDl dd{
		margin-bottom:30px;	
		margin-left:15px;
		margin-right:15px;
		width:620px;
		 /width:590px; 
	}
	.AndroidFaqTable{
		margin-bottom:10px;
		background-color:#FFF;
		border:solid 1px #CCC;
		border-collapse:collapse;
	}
	.AndroidFaqTable th{
		padding:10px;
		border:solid 1px #CCC;
		background-color:#F1F1F1;
		font-weight:bold;
	}
	.AndroidFaqTable td{
		padding:10px;
		border:solid 1px #CCC;
	}
	.AndroidFaqDlBtn{
		float:right;
		padding:10px;
		border-radius:10px;
		border:solid 1px #CCC;
		background:url(../common/img/top/smartappcar_icon.png) no-repeat 10px 10px;
		width:300px;
		float:right;
	}
	.AndroidFaqDlExpText{
		margin-bottom:10px;
		padding:0px 0px 10px 60px;
		border-bottom:dotted 1px #CCC;
	}
	.AndroidFaqDlExpText strong{
		font-weight:bold;
		color:#4b106e;
		display:block;
		font-size:14px;
	}
	.AndroidFaqDlExpText span{
		color: #099;
	}
	.AndroidFaqDlDlBtn{
		float:right;	
	}	
}
@media screen and (max-width: 480px) {
	.AndroidFaqs{
		margin:0px;
	}
	.AndroidFaqs > dt{
		margin-bottom:10px;
		font-weight:bold;
		background:url(../common/img/faq/faq_q_icon.gif) 0px 0px no-repeat;
		padding:0px 0px 5px 30px;
		position:relative;
		font-size:14px;
		color:#1a8bb0;
	}
	.AndroidFaqs > dt:hover{
		cursor:pointer;
	}	
	.AndroidFaqs > dd{
		margin-bottom:10px;
		padding:5px;
		position:relative;
		color:#333;
		background-color: #F1F1F1;
		border:solid 1px #F1F1F1;
	}
	.AndroidFaqs .hover{
		color:#990000;
		text-decoration:underline;
	
	}
	.AndroidFaqsInDl dt{
		margin-bottom:5px;
		font-weight:bold;
	}
	.AndroidFaqsInDl dd{
		margin-bottom:30px;	
	}
	.AndroidFaqTable{
		margin-bottom:10px;
		background-color:#FFF;
		border:solid 1px #CCC;
		border-collapse:collapse;
	}
	.AndroidFaqTable th{
		padding:5px;
		border:solid 1px #CCC;
		background-color:#F1F1F1;
		font-weight:bold;
		font-size:12px;
	}
	.AndroidFaqTable td{
		padding:5px;
		border:solid 1px #CCC;
		font-size:12px;
	}
	.AndroidFaqDlBtn{
		margin-top:10px;
		padding:10px;
		border-radius:10px;
		border:solid 1px #CCC;
		width:90%;
		background:url(../common/img/top/smartappcar_icon.png) no-repeat 10px 10px,-webkit-gradient(linear, 0% 0%, 0% 60%, from(#eeeeee), to(#dddddd));
		background:url(../common/img/top/smartappcar_icon.png) no-repeat 10px 10px, -moz-linear-gradient(top, #eeeeee, #dddddd);　/* Firefox用 */
	}
	.AndroidFaqDlExpText{
		margin-bottom:10px;
		padding:0px 0px 10px 60px;
		border-bottom:dotted 1px #CCC;
	}
	.AndroidFaqDlExpText strong{
		font-weight:bold;
		color:#4b106e;
		display:block;
		font-size:14px;
	}
	.AndroidFaqDlExpText span{
		color: #099;
	}
	.AndroidFaqDlDlBtn{
		float:right;	
	}	
}
