@charset "UTF-8";
/*
 * "IPA Mincho" licensed under the IPA Font License Agreement v1.0
 * http://onocastle.net/
 * http://ipafont.ipa.go.jp/
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html
 */

@font-face {
	font-family: 'IPA Mincho';
	src: url('font/oono_20151228.eot'); /* IE9 Compat Modes */
	src: url('font/oono_20151228.eot?#iefix') format('embedded-opentype'),
		url('font/oono_20151228.woff') format('woff'),
		url('font/oono_20151228.ttf')  format('truetype');
}
/* CSS Document */
body{
	position:relative;
	min-width:1010px;
	font-family: "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	background-color:#1e1e1e;
/*	-webkit-font-smoothing: antialiased;*/
}
.mincho {
	font-family:"HG明朝E","ＭＳ Ｐ明朝","MS PMincho",seri\9;
}
html:not(:target) .mincho {
	font-family:"ヒラギノ明朝 ProN W3","HiraMinProN-W3","IPA Mincho","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}


.inner{
	width:960px;
	padding:0 10px;
	margin:0 auto;
}
.wp490{
	width:490px;
}
#container{
	padding-top:86px;
	background-image:url("../images/common/bg.png");
	background-repeat:repeat;
	background-position:center top;
}
h1,h2,h3,h4,h5,h6,p,ul,li{
	line-height:1;
}
p{
	font-size:12px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break: strict;
}
a{
	color:#333;
	text-decoration: none;
}
a.hovocity{
	display:inline-block;
	vertical-align:bottom;
	background-color:#fff;
}
a:hover{
	color:#333;
	text-decoration: underline;
}

.red_color{
	color:#d3381c!important;
}
.h_border{
	border-left:3px solid #333;
	padding-left:10px;
	line-height:1;
}
@media screen and (max-width: 640px) {
	body{
		width:100%;
		min-width:100%;
	}
	.inner{
		width:100%;
		padding:0;
	}
	.wp490{
		width:100%;
	}
	.sp_inner{
		padding:0 15px;
	}
	.sp_minner{
		margin-right:15px!important;
		margin-left:15px!important;
	}
	#container{
		padding-top:45px;
	}
}

/* --------------------------------
	punkuzu
-------------------------------- */
.pankuzu{
	margin-top:25px;
	margin-bottom:15px;
}
.pankuzu a{
	text-decoration: underline;
}
.pankuzu a:hover{
	text-decoration: none;
	padding-bottom:1px;
}

/* --------------------------------
	contents area
-------------------------------- */
.wrap{
	width:720px;
	float:right;
}
.wrap h2{
	height:30px;
	font-size:30px;
	background-image:url("../images/common/bg_gray.png");
	background-repeat:repeat;
	color:#fff;
	padding:30px 0 30px 20px;
	margin-bottom:50px;
}
.wrap h3{
	font-size:38px;
	margin-bottom:20px;
	background-image:url("../images/common/bdr_h.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:15px;
    line-height: 1.2;
}
.wrap h3 .arrow{
	display:inline-block!important;
	background-color:#333;
}
.wrap h3 .arrow:hover{
	background-color:#717171;
}
.wrap .column01 p.txt{
	margin:20px 0;
	line-height:1.6em!important;
	font-size:12px;
	letter-spacing:0.5px;
}
.wrap .column01{
	margin-bottom:70px;
}
.wrap .more_info{
	position:relative;
	padding:20px 0;
}
.wrap .more_info img{
	height:80px;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-40px;
}
.wrap .more_info ul{
	top:23px;
	margin-left:50px;
	background-color:#e8e3dc;
	padding:10px 20px;
}
.wrap .more_info ul li{
	float:left;
	padding-left:30px;
	font-size:14px;
	color:#333;
	line-height:1.5em;
}
.wrap .more_info ul li:before{
	content:"";
	clear:both;
	display:inline-block;
	background-image:url("../images/common/icon_bktriangle.png");
	background-repeat:no-repeat;
	background-position:left;
	width:5px;
	height:5px;
	padding-left:10px;
	vertical-align:middle;
}
 .sub_info{
	position:relative;
}
 .sub_info img{
	height:80px;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-40px;
}
 .sub_info ul{
	top:23px;
	padding:10px 20px 10px 0;
}
 .sub_info ul li{
	float:left;
	margin-right:40px;
	font-size:14px;
	color:#333;
	line-height:1.5em;
}
 .sub_info ul li:hover{
	 cursor:pointer;
 }
 .sub_info ul li:after{
	content:"";
	clear:both;
	display:inline-block;
	background-image:url("../images/common/icon_bktriangle02.gif");
	background-repeat:no-repeat;
	background-position:right;
	width:17px;
	height:14px;
	padding-left:10px;
	vertical-align:text-top;
	vertical-align:middle\9;/* for ie8 */
}
.wrap p.link_txt{
	background: url(../images/common/txt_link_icon01.png) no-repeat left center;
	padding: 0 0 0 10px;
	line-height:1.6em;
}
.wrap p.link_txt a{
	text-decoration: underline;
}
.wrap p.link_txt a:hover{
	text-decoration: none;
}
.wrap span.kana{
	font-size:80%;
}
/*----- SP -----*/
@media screen and (max-width: 640px) {
	.wrap{
		width:100%;
		float:none;
	}
	.wrap h2{
		line-height:65px;
		height:65px;/*65*/
		margin-bottom:25px;
		font-size:22px;
		padding-top:0;
		padding-bottom:0;

	}
	.wrap h3{
		background-image:url("../images/common/bdr_h_sp.jpg");
		font-size:20px;
		margin-bottom:20px;
		padding-bottom:8px;
	}
	.wrap .column01{
		margin-bottom:60px;
	}
	.wrap .more_info{
	padding:0;
	}

	.wrap .column01 .dsp_sp p{
	background-image:url("../images/common/bg_black.png");
	background-repeat:repeat;
		color:#fff;
		font-size:15px;
		padding:16px;
	}
	.wrap .column01 .dsp_sp p:after{
		content:"";
		display:inline-block;
		float:right;
/*		background-image:url("../images/common/navi_wh_arw.png");*/
		background:url(/images/common/navi_wh_arw.png) no-repeat center right;
		-webkit-background-size: 5px 9px;
		-moz-background-size: 5px 9px;
		-ms-background-size: 5px 9px;
		-o-background-size: 5px 9px;
		background-size: 5px 9px;
		width:10px;
		height:18px;
	}
	.wrap p.link_txt{
		background: url(../images/common/txt_link_icon01_sp.png) no-repeat left center;
		background-size: 5px 7px;
		padding: 0 0 0 10px;
	}

}
/*----- SP -----*/


/* --------------------------------
	sidemenu
-------------------------------- */
.aside{
	width:210px;
	float:left;
}
.aside .sub-menu li {
	margin-bottom:10px;
	height: 56px;
	line-height: 56px;
	border-left: 6px solid #333;
	text-indent: 20px;
	background-color: #e8e3dc;
	font-size:18px;
	position:relative;
}
.aside .sub-menu li span {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #e8e3dc;
}
.aside .sub-menu a {
	position:relative;
	display:block;
}
.aside .sub-menu a:hover {
	text-decoration: none;
}
.aside .sub-menu li.on span{
	background-color: #a4a4a2;
}
.aside .sub-menu li.on a{
	color:#fff;
}
.aside .sub-menu li:hover {
	/*background-color:#efebe7;*/
}
.aside .sub-menu ul li{
	margin-bottom:10px;
}
.aside.smenu-none .user-guide{
	margin-top:0!important;
}
.aside .user-guide{
	margin:25px 0 30px;
	height:auto;
	background-color:#fff;
	border:solid 2px #999999;
	color:#333;
}
.aside .user-guide .user-border{
	margin:5px;
	padding:20px 10px;
	border:solid 1px #999999;
	/*height:465px;*/
}
.aside .user-guide .col_ttl{
	font-size:22px;
}
.aside .user-guide .red_color{
	line-height:1.5em;
}
.aside .user-guide .category{
	height:12px;
	padding:5px;
	background-color:#eee;
	margin-bottom:5px;
}
.aside .user-guide .txt{
	text-indent:0.6em;
	font-size:14px;
	margin-bottom:15px;
}
.aside .bnr-area li{
	margin-bottom:10px;
}
.aside .bnr-area .alt{
	display:none!important;
}
.aside .bnr-area .bn1 span{
	width:210px;
	height:80px;
	background-image:url(../images/common/bnr_ennoakari.jpg);
	background-repeat:no-repeat;
	display:block;
}
.aside .bnr-area .bn2 span{
	width:210px;
	height:80px;
	background-image:url(../images/common/bnr_hp.jpg);
	background-repeat:no-repeat;
	display:block;
}
.aside .bnr-area .bn3 span{
	width:210px;
	height:80px;
	background-image:url(../images/common/bnr_oonoguide.jpg);
	background-repeat:no-repeat;
	display:block;
}
.aside .bnr-area .bn4 span{
	width:210px;
	height:80px;
	background:url(../images/common/bnr_manmaru.jpg) no-repeat 0 0;
	background-image:url(../images/common/bnr_manmaru.jpg);
	background-repeat:no-repeat;
	display:block;
}

/*----- SP -----*/
@media screen and (max-width: 640px) {
	.aside{
		width:100%;
		float:none;
	}
	.aside .sub-menu li:first-child {
		border-top:1px solid #d4bfa0;
	}
	.aside .sub-menu li {
		height: 63px;
		line-height:63px;
		margin:0;
		border-left:none;
		background-color: #e8e3dc;
		font-size:15px;
		border-bottom:1px solid #d4bfa0;
	}
	.aside .sub-menu li.on span{
		background-color: #e8e3dc;
	}
	.aside .sub-menu li a{
		background:url(/images/common/sp/header_navi_arw.png) no-repeat 95%;
		-webkit-background-size: 5px 9px;
		-moz-background-size: 5px 9px;
		-ms-background-size: 5px 9px;
		-o-background-size: 5px 9px;
		background-size: 5px 9px;
	}
	.aside .sub-menu li.on a{
		color:#000;
	}
	.user-guide .user-border{
	}
	.bnr-area li{
		display:inline-block;
		width:49%;
	}
	.bnr-area li img{
		width:100%;
	}
	.aside .bnr-area .bn1 span{
		background-image:url(../images/common/bnr_ennoakari_sp.jpg);
		background-repeat:no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-ms-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		padding-top:28.5%;
	}
	.aside .bnr-area .bn2 span{
		background:url(../images/common/bnr_hp_sp.jpg) no-repeat 0 0;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-ms-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		padding-top:28.5%;
	}
	.aside .bnr-area .bn3 span{
		background:url(../images/common/bnr_oonoguide_sp.jpg) no-repeat 0 0;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-ms-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		padding-top:28.5%;
	}
	.aside .bnr-area .bn4 span{
		background:url(../images/common/bnr_manmaru_sp.jpg) no-repeat 0 0;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-ms-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		padding-top:28.5%;
	}
}
/*----- SP -----*/

/* --------------------------------
	footer
-------------------------------- */
.topbtn .alt{
	display:none!important;
}
.topbtn a{
	width:43px;
	height:40px;
	background:url(../images/common/btn_top.png) no-repeat 0 0;
	display:block;
	float:right;
}

#footer{
	background-image:url("../images/common/bg_black.png");
	background-repeat:repeat;
	width:100%;
	color:#eee;
	font-size:10px;
	padding:35px 0 15px;
	margin-top:20px;
}
#footer a{
	color:#eee;
	display:block;
}
#footer a:hover{
	text-decoration: none;
}
#footer .alt{
	display:none!important;
}
#footer .logo {
	margin-right: 105px;
}
#footer .logo a {
	width:189px;
	height:49px;
	background:url(../images/common/repair_oono_logo.png) no-repeat 0 0;
}
#footer ul{
	padding-right:80px;
}
#footer ul li{
	padding-bottom:10px;
	font-size: 12px;
}
#footer .indent{
	text-indent:1em;
}
#footer .tel span{
	width:255px;
	height:44px;
	display:block;
	background-image:url(../images/common/footer_tel.png);
	background-repeat:no-repeat;
	display:block;
}
#footer .fb{
	display:inline-block;
}
#footer .en{
	display:inline-block;
	padding-left:15px;
}
#footer .fb a{
	width:21px;
	height:21px;
	background:url(../images/common/sns_fb.png) no-repeat 0 0;
	display:inline-block;
}
#footer .en a{
	width:80px;
	height:21px;
	background:url(../images/common/menu_english.png) no-repeat 0 0;
	display:inline-block;
}
#footer .telArea{
	background:#252525;
	width: 435px;
	padding: 20px;
}
#footer .telArea{
	display: table;
}
#footer .telArea p{
	padding-left: 20px;
}
#footer .telArea p:first-child{
	padding-left: 0;
	padding-right: 20px;
	font-size: 14px;
	border-right: 1px solid #4e4e4d;
	line-height: 1.5;
}
#footer .telArea p{
	display: table-cell;
	vertical-align: middle;
}
#footer .telArea p.dsp_sp{
	display: none;
}
#footer .copylogo{
	width: 138px;
}

/*----- SP -----*/
@media screen and (max-width: 640px) {
	#footer{
		padding-bottom:15px;
	}
	#footer p{
		font-size:17px;
	}
	#footer .h_border{
		border-left:3px solid #fff;
		font-size:15px;
	}
	#footer .tel span{
		width:290px;
		height:58px;
		background-image:url(../images/common/footer_tel_sp.jpg);
		background-repeat:no-repeat;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		margin:0 auto;
	}
	#footer .telArea{
		background:none;
		width: auto;
		padding: 0;
	}
	#footer .telArea,
	#footer .telArea p.dsp_sp{
		display: block;
	}
	#footer .telArea p:first-child{
		padding-left: 10px;
		padding-right: 0;
		border-right: none;
	}
	#footer .telArea p{
		padding-left: 10px;
		display: block;
		font-size: 13px;
	}
	#footer .copylogo{
		width: 101.5px;
	}
}
/*----- SP -----*/
.pagetop_middle{
    text-align: right;
}
.pagetop_middle a{
    background: url(../images/common/pagetop_icon01.png) no-repeat;
    padding: 0 0 0 25px;
}