/* =========================================================
 BASE
========================================================= */
#Lower_cont, #Main a, #Rside .rside-relation_list > li a, .title {color: #6b6b6b;}
.icon {color: #6b6b6b !important;}

#Mainvis_wrap {padding-top: 118px;}

#Main #Main_inner,.ecolog #Dirpath ul {
	width: 950px;
	margin: 0 auto;}

#Page_titlearea {}
#Page_titlearea > .inner {
	width: 950px;
	margin: 0 auto;
	padding: 10px 0;}
#Page_titlearea > .inner h2 {
	color: #333;
	font-size: 28px;
	line-height: 1;}

#Main {
	padding: 0 0 100px;
	background: url(../../../common_repair/images/pc/bg_slash.png) 0 0 repeat;}

/* =========================================================
 NOREN PAGE
========================================================= */
.houshin #Mainvis_wrap {padding-top: 0;}
.houshin #Page_titlearea {background: url(../../../common_repair/images/pc/bg_slash.png) 0 0 repeat;}
.houshin #Page_titlearea > .inner {padding: 17px 0;}
.houshin #Dirpath {
	margin-bottom: 0;
	padding-top: 149px;
	background: url(../../../common_repair/images/pc/bg_slash.png) 0 0 repeat;}

#Cont {
	margin-bottom: 20px;
	background: #fff;}
#Cont > .inner {
	width: 940px;
	margin: 0 auto;}
.houshin #Cont {
	margin-bottom: 20px;
	padding: 10px 15px;
	background: #fff;}

/* =========================================================
 SPACE
========================================================= */
.mblock {margin: 20px 0 !important;}
.pblock {padding: 20px 0 !important;}

.mreset {margin: 0;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mtb5 {margin: 5px 0 !important;}
.ml4 {margin-left: 4px !important;}

.preset {padding: 0;}
.p5 {padding: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}

ol {margin: 0 0 0 24px;}

/* =========================================================
 POSITION
========================================================= */
.va-top {vertical-align: top;}
.va-mid {vertical-align: middle;}
.va-bot {vertical-align: bottom;}
.flo-l {float: left;}
.fix {margin: 0 auto;}
.flo-r {float: right;}
.p-rel {position: relative;}
.p-abs {position: absolute;}
.ta-l {text-align: left;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}

.imgicon {margin: 0;padding: 0 2px;vertical-align: middle;}
.imgleft {margin: 0 0.5rem 0.5rem 0;}
.imgright {margin: 0 0 0.5rem 0.5rem;}
.imgb {vertical-align: bottom;}
.imgframe {max-width: 50%;border: 0.375rem solid #ccc;}

/* =========================================================
 OPTION
========================================================= */
/* ---------- detail */
.detail h1 {margin-bottom: 20px;}
.detail h2 {
	margin: 10px 0;
	padding: 5px 0;
	border-bottom: 1px dotted #666;}
.detail-image {
	margin: 2px 0;
	padding: 4px;
	border: 1px solid #ccc;}
.detail-box {
	padding: 5px;
	border: 2px solid #c7c7c7;}
.detail-box dd {
	padding: 0 0 0 12px;
	background: url(../../../shared_lib/images/cursor.gif) 0 7px no-repeat;}

/* ----- typography */
.txts {font-size: 90%;}

/* ---------- clear */
.txt-indent-clear {
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;}
.clearfix:after {
	clear: both;}
.clearfix {
	*zoom: 1;}

/* ----- DOM */
h1,h2,h3,h4 {
	margin: 0;
	padding: 0;}
h1 {font-size: 180%;}
h2 {font-size: 150%;}
h3 {font-size: 120%;}

/* ----- basic */
.main-width {width: 960px;}
.main-width a {text-decoration: none;}
.column2 {width: 48%;}
.column3 {width: 33%;}
.column4 {width: 25%;}
.side {width: 200px;}
.contents {width: 710px;}

/* ----- color */
.epcogreen {color: #29aa3f;}

.light-green {color: #e7ffa8;}
.bg-light-green {background-color: #e7ffa8;}
.green {color: #5da700;}
.bg-green {background-color: #5da700;}
.orange {color: #e77400;}
.bg-orange {background-color: #e77400;}
.red {color: #f00;}

.bgw {background: #fff;}
.alert {color: #f00;}

.bb {border-bottom: 1px solid #666;}

/* ****************************** */
@media screen and (max-width: 667px) {
.column2,.top-theme .column3,.top-news,.top-theme,.sp-top-theme {width: 100%;}

#Mainvis_wrap {padding-top: 46px;}

#Page_titlearea > .inner {
	width: 93.75%;
	margin: 0 auto;}
#Page_titlearea > .inner h2 {
	color: #4c4c4c;
	font-size: 24px;
	line-height: 1.3;}

#Main {
	padding-bottom: 0;
	background: none;}
#Main #Main_inner {
	width: 93.75%;
	padding-top: 3.125%;}

#Cont {margin-bottom: 0;}
#Cont > .inner {
	width: 93.75%;
	margin: 0 auto;
	padding-top: 0;}

.houshin #Mainvis_wrap {padding-top: 21vw;}
.houshin #Page_titlearea > .inner {padding: 10px 0;}
.houshin.houshintop #Cont {
	margin: 0 auto 20px;
	padding: 0;}

}