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

/* =========================================================
共通
========================================================= */

.fs40 {font-size:40px !important;}

.pr0 {padding-right:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}

.color01 {color:#F00 !important;}
.color02 {color:#282626 !important;}
.color03 {color:#ff6000 !important;}

.col01 {width:595px !important;}
.col02 {width:275px !important;}

.vAmiddle{vertical-align:middle !important;}

/* =========================================================
レイアウト
========================================================= */

body {
	text-align: center;
}

#wrap {
	width: 100% !important;
	margin: 0 auto !important;
	text-align: left;
}

#header {
	position:relative;
    width: 960px;
    height: 75px !important;
	margin:0 auto 17px;
	border-bottom: 3px solid #E50012;
}

#content {
	width: 100%;
}

#footer {
	color: #333333;
    font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
    font-size: 12px;
    line-height: 1.4;
}

/* =========================================================
header
========================================================= */

#header h1.logo {
	position:absolute;
	bottom:10px;
	left:0;
}
#header div.social {
	position:absolute;
	bottom:4px;
	right:0;
	width: 390px;
}
#header div.social ul.sns li {
    float: left;
    padding: 0 0 0 5px;
}
#header div.social ul.sns li.twitter {
    width: 70px;
}
#header div.social ul.sns li.facebook{
    width: 115px;
}

/* =========================================================
content
========================================================= */

div#content div.contentInner {
	width:960px;
	margin:0 auto;
}

div#content p.mainImg {
	padding-bottom:10px;
}

div#content p.lead {
	font-size:24px;
	line-height:1.2;
	padding-bottom:13px;
}

div#content ul.btnArea {
	margin-bottom:20px;
}

div#content ul.btnArea li {
	float:left;
	padding-right:20px;
}

div#content div.stepBox {
	font-size:22px;
	padding:18px;
	margin-bottom:17px;
	background-color: #f1f0f0;
}

div#content div.stepBox dl dd {
	text-align:center;
}

div#content p.descriptionBox {
	line-height: 1.4;
	font-size:24px;
	padding:8px 25px 25px 165px;
	margin-bottom:36px;
	width:770px;
	height:120px;
	background: url("../img/search_system_bg_description.gif") no-repeat 0 0;
}

div#content dl.step1 dt {
	padding:0 0 30px 210px;
	line-height:55px;
	background: url("../img/search_system_step_01.gif") no-repeat 0 0;
}

div#content dl.step1 dd {
	border-bottom:3px solid #d0cece;
	padding-bottom:15px;
	margin-bottom:20px;
}

div#content dl.step2 dt {
	padding:0 0 30px 210px;
	line-height:55px;
	background: url("../img/search_system_step_02.gif") no-repeat 0 0;
}

div#content div.gridLayout {
    margin: 7px auto 15px;
}

div#content div.gridLayout div.box {
    cursor: pointer;
    float: left;
    margin: 8px 8px 7px 7px;
    padding: 15px;
	background-color:#000;
}

div#content div.gridLayout div.box.bgColor01 {
	min-height:353px;
	height: auto !important;
	height:353px;
	background: url("../img/search_system_bg_dot_01.gif") repeat;
}
div#content div.gridLayout div.box.bgColor02 {
	min-height: 159px;
    height: auto !important;  
    height: 159px;
	background: url("../img/search_system_bg_dot_02.gif") repeat;
}
div#content div.gridLayout div.box.bgColor03 {
	min-height: 159px;  
    height: auto !important;  
    height: 159px;
	background: url("../img/search_system_bg_dot_03.gif") repeat;
}
div#content div.gridLayout div.box.bgColor04 {
	min-height: 159px;  
    height: auto !important;  
    height: 159px;
	background: url("../img/search_system_bg_dot_04.gif") repeat;
}
div#content div.gridLayout div.box.bgColor05 {
	min-height: 159px;  
    height: auto !important;  
    height: 159px;
	background: url("../img/search_system_bg_dot_05.gif") repeat;
}
div#content div.gridLayout div.box.bgColor06 {
	min-height: 363px;  
    height: auto !important;  
    height: 363px;
	background: url("../img/search_system_bg_dot_06.gif") repeat;
}
div#content div.gridLayout div.box.bgColor07 {
	min-height: 159px;  
    height: auto !important;  
    height: 159px;
	background: url("../img/search_system_bg_dot_07.gif") repeat;
}

div#content div.gridLayout div.box p.ttl {
	font-size:26px;
	color:#FFF;
	padding-bottom:15px;
	line-height:1;
}

div#content div.gridLayout div.box img {
	padding-bottom:15px;
}

div#content div.gridLayout div.box p.txt {
	font-size:16px;
	padding:10px;
	background-color:#FFF;
	line-height:1.2;
}

div#content div.gridLayout div.box p.heightType01 {
	min-height: 67px;  
    height: auto !important;  
    height: 67px;
}

div#content div.gridLayout div.box p.heightType02 {
	min-height: 97px;  
    height: auto !important;  
    height: 97px;
}

div#content div.gridLayout div.box p.heightType03 {
	min-height: 80px;  
    height: auto !important;  
    height: 80px;
}

div#content div.gridLayout div.box ul li {
	float:left;
	width:188px;
	padding-right:15px;
}

dl#collection dd {
    margin: 0 auto;
}

/* =========================================================
footer
========================================================= */

#footer:after {
    content: none;
}

#footer_v3 div, 
#footer_v3 ul, 
#footer_v3 li, 
#footer_v3 dl, 
#footer_v3 dt, 
#footer_v3 dd, 
#footer_v3 p {
    list-style: none outside none;
}

div#footer div.line {
    clear: both;
    margin: 0 auto;
    padding: 20px 32px 10px;
    position: relative;
    text-align: left;
}

div#footer div.line em {
    color: #333333;
    display: block;
    float: left;
    font-style: normal;
    font-weight: bold;
    margin: 0 20px 0 0;
    text-align: center;
}

#footer_v3 ul.utility {
    color: #333333;
    font-size: 84%;
    letter-spacing: -0.5px;
    line-height: 1.2;
    margin-top: 5px;
    min-width: 960px;
}

div#footer div.line ul.utility li {
    border-left: 1px solid #CCCCCC;
    color: #676767;
    float:left;
    line-height: 1.2;
    padding: 0 8px;
}

div#footer div.line ul.utility li a {
    color: #676767;
	text-decoration: none;
}

div#footer p.copyright {
    background: url("https://img.goo-net.com/common_v2/img/bg_copyright.gif") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 84%;
    height: 26px;
    line-height: 2.6;
    margin-top: 10px;
    padding: 0 32px;
    text-align: left;
}

/* =========================================================
pagetop
========================================================= */

#pagetop {
	position:fixed;
	bottom:50px;
	right:20px;
	z-index:9999;
	_position: expression('absolute');
	_botom: expression(documentElement.scrollTop + 50 + 'px');
	_right: expression(documentElement.scrollLeft + 20 + 'px');
	/zoom:1;
}

/* =========================================================
Infinite Scroll loader
========================================================= */

#infscr-loading {
  width: 100%;
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 0;
  bottom: 40px;
  opacity: 0.8;
}