@charset "Shift_JIS";

/* =================================================================================================
　永久不滅ポイントサイト - ガイドページ共通スタイル
　https://www.a-q-f.com/
　Copyright (C) CREDIT SAISON CO.,LTD. All Right Reserved.
================================================================================================= */

body{margin:0;padding:0;}

/* ----------------------------------------------------------------------------
　clearfix
---------------------------------------------------------------------------- */
.clearfix{display: inline-block;}
/* Exclude Mac IE \*/
.clearfix{display: block;}
/**/
.clearfix:after{content:".";display:block;clear:both;height:0;visibility: hidden;}

/* ----------------------------------------------------------------------------
　テキストサイズ
---------------------------------------------------------------------------- */
.text9{font-size:9px;} .text10{font-size:10px;} .text11{font-size:11px;} .text12{font-size:12px;} .text13{font-size:13px;} .text14{font-size:14px;} .text15{font-size:15px;} .text16{font-size:16px;} .text17{font-size:17px;} .text18{font-size:18px;} .text19{font-size:19px;} .text20{font-size:20px;} .text21{font-size:21px;} .text22{font-size:22px;} .text23{font-size:23px;} .text24{font-size:24px;} .text25{font-size:25px;} .text26{font-size:26px;} .text27{font-size:27px;} .text28{font-size:28px;} .text29{font-size:29px;} .text30{font-size:30px;} .text31{font-size:31px;} .text32{font-size:32px;} .text33{font-size:33px;} .text34{font-size:34px;} .text35{font-size:35px;} .text36{font-size:36px;} .text37{font-size:37px;} .text38{font-size:38px;} .text39{font-size:39px;} .text40{font-size:40px;} .text41{font-size:41px;} .text42{font-size:42px;} .text43{font-size:43px;} .text44{font-size:44px;} .text45{font-size:45px;} .text46{font-size:46px;} .text47{font-size:47px;} .text48{font-size:48px;} .text49{font-size:49px;} .text50{font-size:50px;}

/* ----------------------------------------------------------------------------
　下マージン
---------------------------------------------------------------------------- */
.sp_btm5{margin-bottom:5px !important;} .sp_btm10{margin-bottom:10px !important;} .sp_btm15{margin-bottom:15px !important;} .sp_btm20{margin-bottom:20px !important;} .sp_btm25{margin-bottom:25px !important;} .sp_btm30{margin-bottom:30px !important;} .sp_btm35{margin-bottom:35px !important;} .sp_btm40{margin-bottom:40px !important;} .sp_btm45{margin-bottom:45px !important;} .sp_btm50{margin-bottom:50px !important;} .sp_btm60{margin-bottom:60px !important;} .sp_btm70{margin-bottom:70px !important;}


/* ----------------------------------------------------------------------------
　ページスタイル
---------------------------------------------------------------------------- */

/* ページ背景色 */
.page{
	background-color:#fff;
}

/* リセット */
#guide h1,#guide h2,#guide h3,#guide h4,#guide h5,#guide ul,#guide li,#guide dl,#guide dt,#guide dd,#guide p,#guide a,#guide strong,#guide address{
	margin:0; padding:0; text-align:left;
}
#guide ul,#guide li{
	list-style:none; list-style-position:inside; text-indent:0em;
}

#guide{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	color:#333;
}


/* パンくずナビ */
#guide #breadCrumb{
	width:950px;
	margin:0 auto 15px;
}
#guide #breadCrumb li{
	display: inline;
	font-size:12px;
}
#guide #breadCrumb li strong{
	font-size:12px;
}
#guide #breadCrumb li a{
	color:#3399ff;
}

/* リンク（デフォルトは下線無し） */
#guide a{
	text-decoration:none;
	cursor:pointer;
}
#guide a:hover{
	text-decoration:underline;
}


/* リキッド */
.liquid{
	margin:0 auto;
}


/* ----------------------------------------------------------------------------
　共通ボタン
---------------------------------------------------------------------------- */

/* ボタン白 */
#guide .btn_white a{
	display:block;
	background: url("/common/pc/img/about/btn_white.png") right center  no-repeat;
	background-color:#fff;
	width:418px;
	height:37px;
	border:1px solid #0f218b;
	text-align:center;
	font-size:18px;
	line-height:120%;
	font-weight:bold;
	padding-top:18px;
	color:#0f218b;
	text-decoration:none;
	margin:0 auto;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#guide .btn_white a:hover{
	background: url("/common/pc/img/about/btn_blue.png") right center  no-repeat;
	border:1px solid #0f218b;
	background-color:#0f218b;
	color:#fff;
}

/* ボタンピンク */
#guide .btn_pink a{
	display:block;
	background: url("/common/pc/img/about/btn_pink.png") right center  no-repeat;
	background-color:#ee51a2;
	width:420px;
	height:42px;
	text-align:center;
	font-size:24px;
	line-height:120%;
	font-weight:bold;
	padding-top:18px;
	color:#fff;
	text-decoration:none;
	margin:0 auto;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#guide .btn_pink a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}


/* ボタン青 */
#guide .btn_blue a{
	display:block;
	text-align:center;
	font-size:18px;
	line-height:120%;
	font-weight:bold;
	padding-top:21px;
	margin:0 auto;
	width:420px;
	height:39px;
	color:#fff;
	text-decoration:none;
	background: url("/common/pc/img/about/btn_blue.png") right center  no-repeat;
	background-color:#0f218b;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#guide .btn_blue a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}



/* ----------------------------------------------------------------------------
　ガイドページ導線
---------------------------------------------------------------------------- */
#guide_menu{
	width:100%;
	background-color:#e8e8e8;
	height:80px;
}
#guide_menu:last-child{
	margin-bottom:60px;
}
#guide_menu ul{
	text-align:center;
	width:950px;
	margin:0 auto;
}
#guide_menu ul li{
	display:inline-block;
	vertical-align:top;
	background: url("/common/pc/img/about/guide_menu_line.gif") right center no-repeat;
	position:relative;
}
#guide_menu ul li:last-child{
	background:none;
}
#guide_menu ul li a{
	display:block;
	color:#333;
	font-size:16px;
	line-height:120%;
	height:50px;
	padding:30px 21px 0;
	text-decoration:none !important;
}
#guide_menu ul li p{
	background: url("/common/pc/img/about/guide_menu_arrow.gif") right center no-repeat;
	padding:0 20px 0 0;
}
#guide_menu ul li a:hover p,
#guide_menu ul .active p{
	background: url("/common/pc/img/about/guide_menu_down.gif") right center no-repeat;
	color:#0f218b;
}
#guide_menu ul li a:hover span,
#guide_menu ul .active span{
	border-bottom:3px solid #0f218b;
	width:80%;
	position:absolute;
	bottom:0px;
	left:10%;
}
#guide_menu ul .about a:hover span,
#guide_menu ul .about.active span{
	width:74%;
	left:13%;
}
#guide_menu ul .point a:hover span,
#guide_menu ul .point.active span{
	width:70%;
	left:15%;
}
#guide_menu ul .service a:hover span,
#guide_menu ul .service.active span{
	width:70%;
	left:15%;
}

#guide_menu ul li .off{
	cursor:default;
}


/* ----------------------------------------------------------------------------
　ページTOP
---------------------------------------------------------------------------- */
.page_top{
	width:950px;
	margin:0 auto;
	text-align:right;
	background-color:#fff;
}