@charset "shift_jis";
/* CSS Document */

.notes {
	margin-left: 15px;
}

.icon {
	vertical-align: text-top;
}

h4 {
	margin: 20px 0 10px 5px !important;
}
div.pregArea_01 {
	width: 740px;
	margin: 15px auto 0px auto;
	padding: 0px;
}

a.arrow {
	margin-left: 15px;
}
	div.pregArea_01 div.pregBox {
		margin: 20px 0 30px 10px;
		padding: 0;
	}
	div.pregArea_01 div.pregBox div.leftArea {
		width: 420px;
	}
	div.pregArea_01 div.pregBox div.rightArea {
		width: 280px;
	}
	div.pregArea_01 div.pregBox div.LineBlueBox {
		border: #7EB0FF solid 2px;
		padding: 10px;
		margin: 15px auto 0;
	}
	div.pregArea_01 div.pregBox div.LineBlueBox p{
		margin-bottom: 10px;
	}	
	div.pregArea_01 div.pregBox div.LineBlueBox div.mt_05 {
		width: 260px;
		margin: 0 auto;
	}
	div.pregArea_01 div.pregBox div.LineBlueBox img{
		text-align: center;
	}
	div.pregArea_01 dl.targetModel {
		margin: 15px 0 0;
		padding: 0;
		border: solid 1px #cccccc;
	}
		div.pregArea_01 dl.targetModel dt {
			padding: 4px 6px;
			background-color: #eeeeee;
			border-bottom: solid 1px #cccccc;
			font-weight: bold;
		}
		div.pregArea_01 dl.targetModel dd {
			padding: 10px;
		}
		li.ico_disc {
			list-style: none;
			padding-left: 1em;
			background: url(/support/audio/download/images/ico_disc.gif) no-repeat 0px 6px !important;
		}

	
div.pregArea_02 {
	width: 740px;
	margin: 30px auto 0px auto;
	padding: 0px;
	clear: both;
}
	div.pregArea_02 div.pregBox {
		margin: 10px 0 30px 10px;
		padding: 0;
	}
	div.pregArea_02 div.pregBox div.leftArea {
		width: 270px;
		padding-right: 50px;
	}
	div.pregArea_02 div.pregBox div.rightArea {
		width: 270px;
		float: left;
	}	
	
	div.pregArea_02 div.pregBox div.emi {
		padding-top: 60px;
		padding-left: 60px;
	}
	div.pregArea_02 div.pregBox div.antenna_leftArea {
		width: 230px;
		padding-right: 20px;
		float: left;
	}
	div.pregArea_02 div.pregBox div.antenna_rightArea {
		width: 480px;
		float: left;
		padding-top: 60px;
	}	
	h3.blueTitleBar {
		margin: 0;
		padding: 8px 12px;
		background-color: #415f91;
		color: #ffffff;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.0;
		clear: both;
	}
	div.grayArea {
		padding: 20px;
		background-color: #f7f7f9;
		border: solid 1px #cccccc;
	}
	div.pregArea_02 div.pregBox dt {
		font-weight: bold;
	}
	div.pregArea_02 div.pregBox dd {
		margin: 5px 0 0;
	}
		div.pregArea_02 div.pregBox dd dt {
			font-weight: normal;
		}
		div.pregArea_02 div.pregBox dd.parallelArea_01 {
			width: 310px;
		}
	
		div.pregArea_02 div.pregBox div.parallelArea_02 {
			width: 410px;
			margin: 20px 0 0 0;
		}	
			div.pregArea_02 div.pregBox div.parallelArea_02 div.leftArea {
				width: 69px;
			}
			div.pregArea_02 div.pregBox div.parallelArea_02 div.rightArea {
				width: 330px;
			}
		div.pregArea_02 div.pregBox .mod-linkButton{
			width:auto;
		}
		div.pregArea_02 div.pregBox .mod-linkButton.win-mac{
			width:170px;
		}
		div.pregArea_02 div.line {
			border-top: solid 1px #D0D0D0;
			height: 1px;
			width: 100%;
			margin: 20px 0;
		}	

div.pregArea_03 {
	width: 740px;
	margin: 30px auto 0px auto;
	padding: 0px;
	clear: both;
}
	div.pregArea_03 div.pregBox {
		margin: 20px 0 30px 10px;
		padding: 0;
	}
	div.pregArea_03 div.pregBox div.leftArea {
		width: 370px;
	}
	div.pregArea_03 div.pregBox div.rightArea {
		width: 310px;
		float: left;
	}		
	
div.pregArea_04 {
	width: 740px;
	margin: 30px auto 0px auto;
	padding: 0px;
	clear: both;
}
	div.pregArea_04 div.pregBox {
		margin: 20px 0 30px 10px;
		padding: 0;
	}
	div.pregArea_04 div.pregBox div.leftArea {
		width: 500px;
	}
	div.pregArea_04 div.pregBox div.rightArea {
		width: 200px;
		float: left;
	}	
	
/*
	=============
	   caution
	=============
*/
div.grayArea dl.caution {
	margin: 0;
}
	div.grayArea dl.caution dt {
		padding: 4px 6px;
		font-weight: bold;
	}
		div.grayArea dl.caution div.leftArea {
			width: 60px;
			padding: 10px 0 0;
		}
		div.grayArea dl.caution div.rightArea {
			width: 600px;
			float: left;
			padding-top: 15px;
		}	
		div.grayArea dl.caution div.rightArea p{
			padding-bottom: 10px;
		}
				
		.pregArea_03 div.grayArea dl.caution div.leftArea {
			width: 310px;
		}
		.pregArea_03 div.grayArea dl.caution div.rightArea {
			width: 350px;
		}						
	@media (max-width: 640px){
	
/*
	-------------
	   caution
	-------------
*/
	#contents dl.caution div.rightArea {
		width: auto;
		float: none;
	}
		.pregArea_03 div.grayArea dl.caution div.leftArea,
		.pregArea_03 div.grayArea dl.caution div.rightArea {
		float: none;
		width: auto;
		}		
	div.pregArea_01 {
		width: auto;
	}
	div.pregArea_02 {
		width: auto;
	}
	div.pregArea_03 {
		width: auto;
	}
	div.pregArea_04 {
		width: auto;
	}
	div.pregArea_01 div.pregBox div.leftArea,
	div.pregArea_01 div.pregBox div.rightArea {
		width: auto;
		float:none;
	}
	div.pregArea_02 div.pregBox div.leftArea,
	div.pregArea_02 div.pregBox div.rightArea {
		width: auto;
		float:none;
		padding: 0;
	}	
	div.pregArea_02 div.pregBox dd.parallelArea_01,
	div.pregArea_02 div.pregBox div.parallelArea_02 {
		width: auto;
	}
	div.pregArea_02 div.pregBox dd.parallelArea_01 div.leftArea,
	div.pregArea_02 div.pregBox dd.parallelArea_01 div.rightArea{
		width:auto;
		float:none;
		margin:10px 0;
	}
	div.pregArea_02 div.pregBox div.emi {
		border-left: none;
	}
	div.pregArea_02 div.pregBox div.parallelArea_02 div.leftArea,
	div.pregArea_02 div.pregBox div.parallelArea_02 div.rightArea,
	div.pregArea_02 div.pregBox div.antenna_leftArea,
	div.pregArea_02 div.pregBox div.antenna_rightArea {
		width: auto;
		float:none;
	}
	div.pregArea_01 div.pregBox .miniBox img,
	div.pregArea_02 div.pregBox .miniBox img{
		width:auto;
		max-width:100%;
		height:auto;
	}
	div.pregArea_03 div.pregBox div.leftArea,
	div.pregArea_03 div.pregBox div.rightArea {
		width: auto;
		float:none;
	}
	div.pregArea_04 div.pregBox div.leftArea,
	div.pregArea_04 div.pregBox div.rightArea {
		width: auto;
		float:none;
	}
	div.pregArea_04 div.pregBox div.rightArea {
		margin-top: 20px;
		text-align: center;
	}
div.pregArea_02 div.pregBox div.antenna_rightArea  {
		padding-top: 10px;
}
}


/*
	====================================
		list (btn_area)
	====================================
*/

div#contents ul.btn_area li {
	list-style: none outside none;
}
div#contents ul.btn_area li {
    float: left;
    padding: 0;
}

.clear {
    clear: both;
}

#contents ul.btn_area li {
	margin: 0 0 10px 1em;
}
@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
#contents ul.btn_area li {margin: 0 14px 10px 0;}
}
@-moz-document url-prefix( ){
#contents ul.btn_area li {margin: 0 14px 10px 0;}
}

/*
	====================================
		button
	====================================
*/

.ButtonIcon {
	margin: 0 5px 0 0;
}
.Button {
	display: inline-table;
	vertical-align: middle;
    border: 1px solid #666666;
    width: 220px;
    min-height: 32px;
    height: 32px;
	background: url("/support/ichigan/images/guide/gps_camera/linkbutton.png") no-repeat scroll 0 52% transparent;
	border: 1px solid #BCBCBC;
	border-radius: 6px 6px 6px 6px;
	padding: 10px 0 10px 20px;
	cursor: pointer;
	transition: opacity 0.2s ease-in 0s;
    *width: 224px;
    *max-height: 32px;
    *height: auto;
	*padding: 8px 0 4px 22px;
	*display:inline;
	*zoom:1;
}
.InnerLinkButton {
	display: inline-table;
	vertical-align: middle;
    width: 220px;
    min-height: 32px;
    height: 32px;
	background: url("/support/ichigan/images/guide/gps_camera/innerlinkbutton.png") no-repeat scroll 0 52% transparent;
	border: 1px solid #BCBCBC;
	border-radius: 6px 6px 6px 6px;
	padding: 10px 0 10px 22px;
	cursor: pointer;
	transition: opacity 0.2s ease-in 0s;
    *width: 224px;
    *max-height: 32px;
    *height: auto;
	*padding: 8px 0 4px 22px;
	*display:inline;
	*zoom:1;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.Button { display: inline-block; }
.InnerLinkButton { display: inline-block; }
}
.ButtonImg {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	*display:inline;
	*zoom:1;
    width: 35px;
}
.ButtonText {
    min-height: 32px;
    height: 32px;
	color: #333333;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.2em;
	padding-right: 5px;
	letter-spacing: 0;
    *width: auto;
    *max-width: 150px;
    *min-height: 0;
    *max-height: 32px;
    *height: auto;
    *margin: -3px 5px 0 5px;
    _margin: -3px 0 0 0;
	*display:inline;
	*zoom:1;
}
ul.btn_area.long .Button {
    width: auto;
}
ul.btn_area.long .ButtonText {
    *max-width: none;
}

a:hover span.Button, a:active span.Button {
	color: #333333;
	text-decoration: none;
	background: url("/support/ichigan/images/guide/gps_camera/linkbutton_on.png") no-repeat 0 52%;
}
a:hover span.InnerLinkButton, a:active span.InnerLinkButton {
	color:#333;
	text-decoration:none !important;
	filter:alpha(opacity=50);
	opacity:.5;
	*zoom:1
	outline: 0;
}
a:hover span.ButtonText, a:active span.ButtonText{
	color: #333333;
	text-decoration: none;
}

div#contents div.box_info_area span.Button,
div#contents div.box_info_area span.InnerLinkButton {
	border: 1px solid #BCBCBC;
}
ul.btn_area li a {
	webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

@media (max-width: 640px){

	/*
		--------------------------------------
			list (btn_area)
		--------------------------------------
	*/
	
	#contents ul.btn_area, #contents #info ul.btn_area li {
		float: none;
		width: 85%;
		height: auto !important;
		margin: 0 auto;
	}
	#contents ul.btn_area li {
		width: 100% !important;
	}
	div#contents ul.btn_area li {
		margin: 0 0 10px ;
	}
	
	/*
		--------------------------------------
			button
		--------------------------------------
	*/
	.Button,
	ul.btn_area.long .Button {
		min-height: 32px;
		height: 32px;
		width: 90%;
	}
	.InnerLinkButton {
		min-height: 32px;
		height: 32px;
		padding-right: 10px;
		width: 90%;
	}
	.ButtonText {
		min-height: 32px;
		height: 32px;
		width: 100%;
	}
	.ButtonImg {
		width: 1px;
	}
}


.pagetopBox {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	clear: both;
}