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

/* contents setting
------------------------- */

/* リスト表示 */

#contents_main .sup {
	margin-bottom: 6px;
	padding-left: 1em;
	text-indent: -1em;
	color: #666;
}

/* column */

#contents_main .column {
	margin-bottom: 40px;
}

#contents_main .s_column {
	margin-bottom: 30px;
}

#contents_main .column h3 {
	margin-bottom: 20px;
}

#contents_main .column h4 {
	c
}

#contents_main p {
	font-size: 93%;
	margin-bottom: 10px;
}

/* c01 */

#contents_main #c01 {
}

#contents_main #c01 .sup {
	margin-top: -5px;
	font-size: 93%;
}

/* -- c01_00 */

#contents_main #c01_00 {
	margin-top: 10px;
}

#contents_main #c01_00 p {
	margin: 0;
}

#contents_main #c01_00 ul {
	margin-top: 6px;
	font-size: 93%;
}

#contents_main #c01_00 li {
	padding-left: 1em;
	text-indent: -1em;
}

#contents_main #c01_00 li span {
	color: #999;
}

/* -- c01_01 */

#contents_main #c01_01 h5 {
	margin-top: -3px;
	font-size: 116%;
	color: #c00;
}

/* -- c01_02 */

#contents_main #c01_02 p {
	margin-bottom: 0;
}

#contents_main #c01_02 table {
	width: 100%;
	font-size: 93%;
}

#contents_main #c01 .radar_color_r {
	background-color: #e70012;
	color: #fff;
	white-space: nowrap;
}

#contents_main #c01 .radar_color_y {
	background-color: #fff100;
	color: #151515;
	white-space: nowrap;
}

#contents_main #c01 .radar_color_b {
	background-color: #0175c2;
	color: #fff;
	white-space: nowrap;
}

#contents_main #c01 .radar_color_g {
	background-color: #009943;
	color: #fff;
	white-space: nowrap;
}

/* -- c01_03 */

#contents_main #c01_03 .box {
	border: 1px solid #cfcfe1;
	background: url(../img/function_c01_03_bg.gif) repeat-y;
	padding: 24px;
}

#contents_main #c01_03 .box_l {
	width: 315px;
	float: left;
}

#contents_main #c01_03 .box_r {
	width: 315px;
	float: right;
}

#contents_main #c01_03 ul {
	font-size: 93%;
}

#contents_main #c01_03 li {
	padding-left: 1em;
	text-indent: -1em;
}

#contents_main #c01_03 li span {
	color: #999;
}

/* c01_04 */

#contents_main #c01_04 p.img_right {
	float: right;
	padding-left: 15px;
}

/* c01_05 */

#contents_main #c01_05 {
	clear: both;
	padding-top: 20px;
}

#contents_main #c01_05 p.img_right,
#contents_main #c01_07 p.img_right,
#contents_main #c01_08 p.img_right,
#contents_main #c01_09 p.img_right {
	float: right;
	padding-left: 15px;
}

/* c01_06 */

#contents_main #c01_06 {
	clear: both;
	padding-top: 5px;
}

#contents_main #c01_06 p.strong,
#contents_main #c01_07 p.strong,
#contents_main #c01_09 p.strong {
	color: #cc0000;
	font-weight: bold;
	font-size: 1.1em;
}

#contents_main #c01_06 p.img_right {
	float: right;
	padding-left: 15px;
}

#contents_main #c01_06 a.blank {
	padding-left: 15px;
	background: url("../img/link_newwin.gif") no-repeat left;
}

/* c02（ターゲット75識別） */

#contents_main #c02 h4 {
	border-top: 1px solid #c8a84f;
	border-bottom: 1px solid #c8a84f;
	background-color: #eee;
	padding: 4px 15px;
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 108%;
}


/* -- c02_00 */

#contents_main #c02_00 {
	margin-top: 10px;
	margin-bottom: 25px;
}

#contents_main #c02_00 li {
	line-height: 1;
	display: inline;
}

/* -- c02_01 */

#contents_main #c02_01 .clearfix ul {
	float: left;
	width: 225px;
	padding-right: 10px;
	margin-bottom: 10px;
}

#contents_main #c02_01 .clearfix li {
	font-size: 93%;
	padding: 0 1px;
}

#contents_main #c02_01 .clearfix li span {
	font-weight: bold;
}

#contents_main #c02_01 .clearfix li em {
	color: #cc0000;
}

#contents_main #c02_01 ul.setumei {
	font-size: 93%;
}

#contents_main #c02_01 ul.setumei li {
	margin-bottom: 6px;
	padding-left: 1em;
	text-indent: -1em;
}

#contents_main #c02_01 ul.setumei li span {
	color: #cbb789;
}

#contents_main #c02_01 ul.setumei ul {
	padding-left: 1em;
}

#contents_main #c02_01 ul.setumei ul li {
	padding-left: 1em;
	margin-bottom: 0;
}

#contents_main #c02_01 .sup {
	font-size: 93%;
	padding-left: 2em;
	text-indent: -2em;
}

/* -- c02_02 */

#contents_main #c02_02 .clearfix ul {
	float: left;
	width: 225px;
	padding-right: 10px;
	margin-bottom: 10px;
}

#contents_main #c02_02 li {
	font-size: 93%;
}

#contents_main #c02_02 .sup {
	font-size: 93%;
	padding-left: 1em;
	text-indent: -1em;
}

/* -- c02_03 */

#contents_main #c02_03 .clearfix ul {
	float: left;
	width: 225px;
	padding-right: 10px;
	margin-bottom: 10px;
}

#contents_main #c02_03 li {
	font-size: 93%;
}

/* -- c02_04 */

#contents_main #c02_04 .clearfix ul {
	float: left;
	width: 225px;
	padding-right: 10px;
	margin-bottom: 10px;
}

#contents_main #c02_04 li {
	font-size: 93%;
}

#contents_main #c02_04 .sup {
	font-size: 93%;
}

#contents_main #c02_04_best {
	margin-top: 20px;
	background: #ffcbcb;
}

#contents_main #c02_04_best h5 {
	padding: 5px 10px;
	background: #cc0000;
	color: #fff;
	font-weight: bold;
}

#contents_main #c02_04_best h5 span {
	margin-right: 5px;
	padding: 3px;
	background: #fff;
	color: #151515;
	border-radius: 3px;
}

#contents_main #c02_04_best p {
	padding: 15px;
}

/* c03（誤警報カット） */

#contents_main #c03 h4 {
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 0;
	background:none;
}

#contents_main #c03 h4 strong {
	color: #cc0000;
}

#contents_main #c03 ul {
	margin-top: 20px;
}

#contents_main #c03 li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
}

#contents_main #c03 li em {
	color: #b99329;
}

#contents_main #c03 li img {
	margin-top: 6px;
}

#contents_main #c03 li span {
	color: #cbb789;
}

/* -- c03_01 */

#contents_main #c03_01 {
	border: 3px solid #ddd0b2;
	padding: 20px 22px 10px 60px;
	background: #f4eedf url(../img/function_c03_img02.gif) no-repeat 2% 50%;
}

#contents_main #c03_01 p {
	font-size: 93%;
}

#contents_main #c03_01 h5 {
	color: #b99329;
}

/* c04（待受画面） */

#contents_main #c04 p {
	font-size: 93%;
}

#contents_main #c04 #demo_movie {
	margin-bottom: 15px;
}

#contents_main #c04 p.img {
}

#contents_main #c04 p em {
	font-weight: bold;
	color: #b38a14;
}

/* -- about_obd */

div.about_obd {
	margin-bottom: 25px;
	padding: 15px 20px;
	background: #f4eedf;
	border: 3px solid #ddd0b2;
}

div.about_obd .sup {
	font-size: 93%;
}

/* -- c04_01 */

#contents_main #c04_01 .sup {
	font-size: 93%;
}

#contents_main #c04_01 p.img {
	padding-bottom: 0;
	text-align: center;
	/*border-bottom: 1px solid #cfcfe1;*/
}

#contents_main #c04_01 p span.ttl,
div.about_obd p span.ttl {
	width: 100px;
	margin: 0 5px 5px 0;
	padding: 5px;
	background: #151515;
	color: #FFF;
	font-weight: bold;
	border-radius: 3px;
	display: block;
	text-align: center;
}

/* -- c04_02 */

#contents_main #c04_02 {
	border: 3px solid #ddd0b2;
	padding: 0 0 23px 0;
	background: #f4eedf;
}

#contents_main #c04_02 h4 {
	margin: 0;
	padding: 0;
}

#contents_main #c04_02 p,
#contents_main #c04_02 table {
	margin: 0 22px;
}

#contents_main #c04_02 table {
	width: 660px;
	margin-top: 15px;
	margin-bottom: 10px;
}

#contents_main #c04_02 table td {
	font-size: 85%;
	text-align: left;
	background-color: #fff;
	padding: 5px 10px;
	line-height: 175%;
}

#contents_main #c04_02 p {
	padding: 15px 10px 10px 10px;
}

#contents_main #c04_02 p.f_left {
	float: left;
	padding: 15px 0 50px 10px;
}

#contents_main #c04_02 h5 {
	text-align: center;
	font-weight: bold;
	margin: 10px 0 0 25px;
	font-size:16px;
	color: #cc0000;
}

/* c05（GPS測位） */

#contents_main #c05 .f_right {
	float: right;
	padding: 0 0 15px 10px;
}

/* c06（GPSデータ更新） */

#contents_main #c06 #yp_ityclub {
	border: 3px solid #ccc;
	padding: 22px 22px 10px;
}

#contents_main #c06 #yp_ityclub h5 {
	color: #0078c4;
	font-size: 123.1%;
	font-weight: bold;
	margin-bottom: 8px;
}
#contents_main #c06 ul.pont li {
	color:#D7000F;
	font-weight:bold;
}

p#link_ityclub {
	text-align: center;
	}

p#link_ityclub a {
	width: 300px;
	margin: 0 15px;
	display: block;
	padding: 13px 0;
	background: #0078c4;
	border-right: 1px solid #004570;
	border-bottom: 1px solid #004570;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	border-radius: 4px;
}

p#link_ityclub a:hover {
	background: #008ce4;
	border-right: 1px solid #00558a;
	border-bottom: 1px solid #00558a;
}

#contents_main #c06 #yp_ityclub .spapli {
	margin-top: 25px;
	padding: 15px;
	background: #eee;	
}

#contents_main #c06 #yp_ityclub .spapli h5 {
	color: #151515;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 8px;
}

#contents_main #c06 #yp_ityclub .spapli img {
	float: right;
	padding: 0 0 15px 15px;
}

.spapli p#link_ityclub a {
	width: 300px;
	margin: 0;
	display: block;
	padding: 8px 0;
	background: #222;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	border-radius: 4px;
}

.spapli p#link_ityclub a:hover {
	background: #333;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* navi */
#contents_main ul.fn_page_nav {
	padding-bottom:6px;
	}
		#contents_main ul.fn_page_nav li a {
			padding: 6px 7px!important;
			font-size: 12px;
			border: 1px solid #aad2eb;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
		}
#contents_main #c03 ul.fn_page_nav {
	margin-top: 0;
	}
	#contents_main #c03 ul.fn_page_nav li {
		margin-bottom: 0;
		}

.itemBlock {
	border: 1px solid #dedede;
	padding:10px;
	float:right;
	margin-left:15px;
	}
	.itemBlock img {
		vertical-align:bottom;
		margin:0;
		}
		.itemBlock a:hover img {
			opacity:0.7;
			}

/*	6. margin
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.ma0px	 {margin: 0px !important}
.ma10px	 {margin: 10px !important}
.ma15px	 {margin: 15px !important}
.ma20px	 {margin: 20px !important}
.ma25px	 {margin: 25px !important}
.ma30px	 {margin: 30px !important}
.ma40px	 {margin: 40px !important}
.ma50px	 {margin: 50px !important}
.ma60px	 {margin: 60px !important}
.ma70px	 {margin: 70px !important}
.ma80px	 {margin: 80px !important}
.ma90px	 {margin: 90px !important}
.ma100px {margin: 100px !important}
.ma1em	 {margin: 1em !important}
.ma1-5em {margin: 1.5em !important}
.ma2em	 {margin: 2em !important}
.ma2-5em {margin: 2.5em !important}
.ma3em	 {margin: 3em !important}
.ma4em	 {margin: 4em !important}
.ma5em	 {margin: 5em !important}
.ma6em	 {margin: 6em !important}
.ma7em	 {margin: 7em !important}
.ma8em	 {margin: 8em !important}
.ma9em	 {margin: 9em !important}
.ma10em	 {margin: 10em !important}

.mt0px	 {margin-top: 0px !important}
.mt10px	 {margin-top: 10px !important}
.mt15px	 {margin-top: 15px !important}
.mt20px	 {margin-top: 20px !important}
.mt25px	 {margin-top: 25px !important}
.mt30px	 {margin-top: 30px !important}
.mt40px	 {margin-top: 40px !important}
.mt50px	 {margin-top: 50px !important}
.mt60px	 {margin-top: 60px !important}
.mt70px	 {margin-top: 70px !important}
.mt80px	 {margin-top: 80px !important}
.mt90px	 {margin-top: 90px !important}
.mt100px {margin-top: 100px !important}
.mt1em	 {margin-top: 1em !important}
.mt1-5em {margin-top: 1.5em !important}
.mt2em	 {margin-top: 2em !important}
.mt2-5em {margin-top: 2.5em !important}
.mt3em	 {margin-top: 3em !important}
.mt4em	 {margin-top: 4em !important}
.mt5em	 {margin-top: 5em !important}
.mt6em	 {margin-top: 6em !important}
.mt7em	 {margin-top: 7em !important}
.mt8em	 {margin-top: 8em !important}
.mt9em	 {margin-top: 9em !important}
.mt10em	 {margin-top: 10em !important}

.mr0px	 {margin-right: 0px !important}
.mr10px	 {margin-right: 10px !important}
.mr15px	 {margin-right: 15px !important}
.mr20px	 {margin-right: 20px !important}
.mr25px	 {margin-right: 25px !important}
.mr30px	 {margin-right: 30px !important}
.mr40px	 {margin-right: 40px !important}
.mr50px	 {margin-right: 50px !important}
.mr60px	 {margin-right: 60px !important}
.mr70px	 {margin-right: 70px !important}
.mr80px	 {margin-right: 80px !important}
.mr90px	 {margin-right: 90px !important}
.mr100px {margin-right: 100px !important}
.mr1em	 {margin-right: 1em !important}
.mr1-5em {margin-right: 1.5em !important}
.mr2em	 {margin-right: 2em !important}
.mr2-5em {margin-right: 2.5em !important}
.mr3em	 {margin-right: 3em !important}
.mr4em	 {margin-right: 4em !important}
.mr5em	 {margin-right: 5em !important}
.mr6em	 {margin-right: 6em !important}
.mr7em	 {margin-right: 7em !important}
.mr8em	 {margin-right: 8em !important}
.mr9em	 {margin-right: 9em !important}
.mr10em	 {margin-right: 10em !important}

.mb0px	 {margin-bottom: 0px !important}
.mb05px	 {margin-bottom: 5px !important}
.mb10px	 {margin-bottom: 10px !important}
.mb15px	 {margin-bottom: 15px !important}
.mb20px	 {margin-bottom: 20px !important}
.mb25px	 {margin-bottom: 25px !important}
.mb30px	 {margin-bottom: 30px !important}
.mb40px	 {margin-bottom: 40px !important}
.mb50px	 {margin-bottom: 50px !important}
.mb60px	 {margin-bottom: 60px !important}
.mb70px	 {margin-bottom: 70px !important}
.mb80px	 {margin-bottom: 80px !important}
.mb90px	 {margin-bottom: 90px !important}
.mb100px {margin-bottom: 100px !important}
.mb1em	 {margin-bottom: 1em !important}
.mb1-5em {margin-bottom: 1.5em !important}
.mb2em	 {margin-bottom: 2em !important}
.mb2-5em {margin-bottom: 2.5em !important}
.mb3em	 {margin-bottom: 3em !important}
.mb4em	 {margin-bottom: 4em !important}
.mb5em	 {margin-bottom: 5em !important}
.mb6em	 {margin-bottom: 6em !important}
.mb7em	 {margin-bottom: 7em !important}
.mb8em	 {margin-bottom: 8em !important}
.mb9em	 {margin-bottom: 9em !important}
.mb10em	 {margin-bottom: 10em !important}

.ml0px	 {margin-left: 0px !important}
.ml10px	 {margin-left: 10px !important}
.ml15px	 {margin-left: 15px !important}
.ml20px	 {margin-left: 20px !important}
.ml25px	 {margin-left: 25px !important}
.ml30px	 {margin-left: 30px !important}
.ml40px	 {margin-left: 40px !important}
.ml50px	 {margin-left: 50px !important}
.ml60px	 {margin-left: 60px !important}
.ml70px	 {margin-left: 70px !important}
.ml80px	 {margin-left: 80px !important}
.ml90px	 {margin-left: 90px !important}
.ml100px {margin-left: 100px !important}
.ml1em	 {margin-left: 1em !important}
.ml1-5em {margin-left: 1.5em !important}
.ml2em	 {margin-left: 2em !important}
.ml2-5em {margin-left: 2.5em !important}
.ml3em	 {margin-left: 3em !important}
.ml4em	 {margin-left: 4em !important}
.ml5em	 {margin-left: 5em !important}
.ml6em	 {margin-left: 6em !important}
.ml7em	 {margin-left: 7em !important}
.ml8em	 {margin-left: 8em !important}
.ml9em	 {margin-left: 9em !important}
.ml10em	 {margin-left: 10em !important}