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

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

#contents {
	margin: 0 0 0 0;
	color: #333;
	position:relative;
	}

#contents p {
	font-size: 100%;
	line-height: 138.5%;
	}

#contents li {
	font-size: 100%;
	line-height: 138.5%;
	}

#contents em {
	font-weight: bold;
	font-style:normal;
	}

#contents h1 {
	margin: 15px 0 26px;
	}

#contents .sup {
	color: #666;
	}

#contents p.sup {
	padding-left: 1.2em;
	text-indent: -1.2em;
	}

#contents .icon_newwin {
	margin-left: 5px;	
	}

#contents i {
	margin: 0 8px 0 0;
	}

/* リスト表示 */
#contents li span {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅";
	margin-right: 0.2em;
	}

.bold {
	font-weight: bold;
	color: #151515;
}



/* c01 */
#contents #c01 {
	border-right: 1px solid #cfcfe1;
	border-bottom: 1px solid #cfcfe1;
	border-left: 1px solid #cfcfe1;
	border-top: 1px solid #cfcfe1;
	}
#contents #c01 .box_left {
	float: left;
	width: 60%;
	}

#contents #c01 .box_right {
	float: right;
	width: 40%;
	border-left: 1px solid #cfcfe1;
	}

#contents div.column{
	}

#contents #c01 div.s_column{
	}

#contents #c01 #c01_1,
#contents #c01 #c01_2 {
	background: url(../images/index_1_bg_big.jpg) no-repeat;
	padding: 0 20px 20px 20px;
	}

#contents #c01 #c01_2 {
	border-top: 1px solid #cfcfe1;
	}

#contents #c01 div.s_column h2 {
	padding: 20px 0 0 0;
	margin: 0;
	font-size: 19px;
	line-height: 1.4em;
	}
#contents #c01 div.s_column h2 span {
	padding: 0 0 0 8px;
	font-size: 14px;
	}

#contents #c01 div.s_column p {
	margin: 10px 0 0 0;	
	}
#contents #c01 #c01_1 ul {
	margin: 15px 0 0 0;	
	}
#contents #c01 #c01_1 ul li {
	margin: 15px 0 0 0;
	}
#contents #c01 #c01_1 ul li ul {
	margin: 5px 0 0 0;
	}
#contents #c01 #c01_1 ul li ul li {
	margin: 5px 0 0 0 !important;
	}

#contents #c01 #c01_2 ul {
	margin: 14px 0 0 0;	
	}
#contents #c01 #c01_2 ul li {
	margin: 8px 0 0 0;
	}

#contents #c01 #c01_1 .leadtxt {
	margin-bottom: 12px;	
}

#contents #c01 #c01_1 .contact_link {
	background: #deecf5;
	margin-top: 20px;
	padding: 8px 20px;	
	}

#contents #c01 #c01_2 .sup {
	margin-top: 20px;
	font-size: 93%;
	}

#contents #c01 #c01_3,
#contents #c01 #c01_4,
#contents #c01 #c01_5,
#contents #c01 #c01_6,
#contents #c01 #c01_7,
#contents #c01 #c01_8,
#contents #c01 #c01_9,
#contents #c01 #c01_10 {
	background: url(../images/index_1_bg_big.jpg) no-repeat;
	padding: 0 20px 20px 20px;
	border-top: 1px solid #cfcfe1;
	}
#contents #c01 #c01_3 {
	border-top: none;
	}

#contents #c01 #c01_3 h2,
#contents #c01 #c01_4 h2,
#contents #c01 #c01_5 h2,
#contents #c01 #c01_6 h2,
#contents #c01 #c01_7 h2,
#contents #c01 #c01_8 h2,
#contents #c01 #c01_9 h2,
#contents #c01 #c01_10 h2 {
	margin-bottom: -3px;
	font-size: 16px;
	}






/* c02 */

#contents #c02 {
	padding: 40px 0 0 0;
	margin:40px 0 0 0;
	}

#contents #c02 h2 {
	float: left;
	width: 190px;
	margin-left: 0;
	}

#contents #c02 #c02_1 {
	margin-left: 190px;
	}

#contents #c02 #c02_1 h3 {
	margin: 0 0 12px 0;
	padding: 0;
	line-height:1.4em;
	font-size:21px;
	color:#0084DB;
	}
#contents #c02 #c02_1 h3 span {
	display:block;
	color:#000;
	font-size:15px;
	}

#contents #c02 #c02_1 h4 {
	margin: 0;
	padding: 0;
	line-height:1.3em;
	font-size:20px;
	}
#contents #c02 #c02_1 p {
	margin:16px 0 0 0;
	line-height:1.5em;
	font-size:100%;
	}
#contents #c02 #c02_1 p.tel {
	font-size:26px;
	font-weight:bold;
	color:#0084DB;
	line-height:1.2em;
}
#contents #c02 #c02_1 p.tel em.redbox {
    display: inline-block;
    background-color: #0084DB;
    color: #FFF;
    margin-bottom: 2px;
    border: 6px solid #0084DB;
    border-top: 3px solid #0084DB;
    border-bottom: 3px solid #0084DB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	padding:0 3px;
}
#contents #c02 #c02_1 p.tel small {
	font-size:15px;
	margin-left:5px;
}
#contents #c02 #c02_1 ul {
	margin:16px 0 0 0;
	}
#contents #c02 #c02_1 ul li {
	margin: 10px 0 0 0;
	text-indent: 0;
	font-size: 100%;
	line-height:1.5em;
	}
#contents #c02 #c02_1 ul li:first-child {
	margin: 0;
	}
#contents #c02 #c02_1 ul li.sup {
	margin-left: 1.0em;
	text-indent: -1.0em;
	font-size: 93%;
	}

#contents #c02 #c02_1 ul.strong_list {
	margin:0;
	padding:16px;
	border:1px solid #e0e0e0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	}
#contents #c02 #c02_1 ul.strong_list li {
	margin: 6px 0 0 1.0em;
	text-indent: -1.0em;
	}
#contents #c02 #c02_1 ul.strong_list li:first-child {
	margin: 0 0 0 1.0em;
	}
#contents #c02 #c02_1 ul.strong_list li span {
	color: #0074be;
	}

#contents #c02 #c02_1 .subbox {
	margin:18px 0 0 0;
	padding:16px;
	background: #e9e9e9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	font-size:13px;
	}
#contents #c02 #c02_1 .subbox h4 {
	font-size:18px;
	margin:0 0 13px 0;
	}
#contents #c02 #c02_1 .subbox h5 {
	font-size:14px;
	margin:0 0 5px 0;
	color:#0084DB;
	}
#contents #c02 #c02_1 .subbox p {
	margin:0 0 10px 0;
	line-height:1.5em;
	}

#contents #c02 #c02_1 .subbox .contactBtn.mini a:hover {
	opacity:0.7;
	}
#contents #c02 #c02_1_2 {
}
#contents #c02 #c02_1_2 h4 {
	font-size:18px;
	margin:0 0 6px 0;
	}
#contents #c02 #c02_1_2 .subbox {
	margin:0;
	background: #f9f9f9;
	border:1px solid #eee;
	}


#contents #c02 #c02_1_1 {
	padding: 0;
	margin-bottom: 40px;
}
#contents #c02 #c02_1 #c02_1_1 ul {
	margin:0;
	}
#contents #c02 #c02_1 #c02_1_1 li {
	margin: 4px 0 0 1.0em;
	text-indent: -1.0em;
	}



#contents #c02 #c02_1 .infor_box {
	padding: 30px 0 15px 0;
	}

#contents #c02 #c02_1 .infor_box .tel_box {
	border-bottom: 1px solid #cfcfe1;
	padding: 32px 0 32px 120px;
	}
#contents #c02 #c02_1 .infor_box .tel_box.dr {
	background: url(../images/tel_bg_dr.png) 0 30px no-repeat;
	border-top: 1px solid #cfcfe1;
	}
#contents #c02 #c02_1 .infor_box .tel_box.radar {
	background: url(../images/tel_bg_radar.png) 0 30px no-repeat;
	}
#contents #c02 #c02_1 .infor_box .tel_box.security {
	background: url(../images/tel_bg_security.png) 0 30px no-repeat;
	}
#contents #c02 #c02_1 .infor_box .tel_box.other {
	background: url(../images/tel_bg_other.png) 0 30px no-repeat;
	}
#contents #c02 #c02_1 .infor_box .tel_box.repair {
	background: url(../images/tel_bg_repair.png) 0 30px no-repeat;
	}
#contents #c02 #c02_1 .infor_box .tel_box.gps {
	background: url(../images/tel_bg_gps.png) 0 30px no-repeat;
	}
#contents #c02 #c02_1 .infor_box .tel_box.direct {
	background: url(../images/tel_bg_direct.png) 0 30px no-repeat;
	}








/* c03 */

#contents #c03 {
	border-top: 1px solid #cfcfe1;
	padding: 50px 0 0 0;
	margin: 50px 0 0 0;
}

#contents #c03 h2 {
	float: left;
	width: 190px;
	margin-left: 0;
	}

#contents #c03 .s_column {
	margin-left: 190px;
	}

#contents #c03 .ss_column {
	margin: 0 0 20px 0;
}

#contents #c03 .ss_column.line {
	border-bottom: 1px solid #cfcfe1;
	padding-bottom: 20px;
}

#contents #c03 h3 {
	margin-bottom: 22px;
	padding: 0;
	line-height:1.4em;
	font-size:21px;
	}

#contents #c03 h4 {
	margin-bottom: 10px;
	color: #0074be;
	font-weight: bold;
	font-size: 17px;
}

#contents #c03 h4 span {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅";
	margin-right: 0.2em;
	color: #9acae9;
}

#contents #c03 h5 {
	margin: 14px 0 4px 0;
	font-weight: bold;
	font-size: 14px;
}

#contents #c03 p {
	font-size:100%;
	margin-bottom:12px;
	line-height:1.5em;
	}

#contents #c03 ul {
	margin:0;
	}
#contents #c03 ul li {
	margin: 5px 0 0 0;
	text-indent: 0;
	font-size: 100%;
	line-height:1.4em;
	}
#contents #c03 ul li:first-child {
	margin: 0;
	}
#contents #c03 ul li.sup {
	margin-left: 1.0em;
	text-indent: -1.0em;
	font-size: 93%;
	}


#contents #c03 p.btn_search {
	margin-bottom:16px;
	}
#contents #c03 p.btn_search a:hover {
	opacity:0.7;
	}



/* c03_1 */

#contents #c03_1 {
	margin-bottom: 50px;
}



/* c03_2 */

#contents #c03_2 {
}
#contents #c03_2 img:hover {
	opacity:0.7;
}

/* #c03_2_3 */
#contents #c03_2_3 p {
    font-size: 116%;
    border: 3px solid #cfcfe1;
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
}







/* c04 */

#contents #c04 {
	border-top: 1px solid #cfcfe1;
	padding: 50px 0 0 0;
	margin: 50px 0 0 0;
	}
#contents #c04 h2 {
	float: left;
	width: 190px;
	margin-left: 0;
	}
#contents #c04 .s_column {
	margin-left: 190px;
	}
#contents #c04 h3 {
	margin-bottom: 22px;
	padding: 0;
	line-height:1.4em;
	font-size:21px;
	}
#contents #c04 p {
	font-size:100%;
	margin-bottom:12px;
	line-height:1.5em;
	}
#contents #c04 p.btn_search {
	margin-top:18px;
	}




/* c04 */

#contents #c05 {
	border-top: 1px solid #cfcfe1;
	padding: 50px 0 50px 0;
	margin: 50px 0 0 0;
	}
#contents #c05 h3 {
	margin-bottom: 16px;
	padding: 0;
	line-height:1.4em;
	font-size:21px;
	}
#contents #c05 p {
	font-size:100%;
	margin-bottom:5px;
	line-height:1.5em;
	}
#contents #c05 p strong {
	font-size:14px;
	margin-bottom:2px;
	line-height:1.5em;
	}




@media (max-width: 768px) {
	
div.container {
    width: 100% !important;
	}


#contents #c01 .box_right {
    border-left: none;
	border-top: 1px solid #cfcfe1;
	}

#contents #c01 #c01_3,
#contents #c01 #c01_4,
#contents #c01 #c01_5,
#contents #c01 #c01_6,
#contents #c01 #c01_7,
#contents #c01 #c01_8,
#contents #c01 #c01_9,
#contents #c01 #c01_10 {
    padding: 0 15px 15px 15px;
	}

#contents #c01 p,
#contents #c01 ul {
    margin-bottom: 0 !important;
	}


#contents #c02,
#contents #c03,
#contents #c04 {
	padding: 30px 0 0 0;
	margin:30px 0 0 0;
	}
#contents #c02 h2,
#contents #c03 h2,
#contents #c04 h2 {
	float: none;
	width: auto;
	display:block;
	margin:0 auto 25px auto !important;
	text-align:center;
	}
#contents #c02 #c02_1,
#contents #c03 #c03_1,
#contents #c03 #c03_2,
#contents #c04 #c04_1 {
	margin-left: 0;
	}


#contents #c02 #c02_1 .infor_box .tel_box.dr,
#contents #c02 #c02_1 .infor_box .tel_box.radar,
#contents #c02 #c02_1 .infor_box .tel_box.security,
#contents #c02 #c02_1 .infor_box .tel_box.other,
#contents #c02 #c02_1 .infor_box .tel_box.repair,
#contents #c02 #c02_1 .infor_box .tel_box.gps,
#contents #c02 #c02_1 .infor_box .tel_box.direct {
    background: none;
	padding: 30px 0;
	}

#contents #c02 #c02_1 p.tel {
    font-size: 18px !important;
	margin-bottom: 0  !important;
	}


}