@charset "UTF-8";
/* CSS Document */
/*
============================================================
*	common_n.css
============================================================
*/
/* init
==========================================================*/
body,
h1, h2, h3, h4, h5, h6,
p, ol, ul, dl, dt, dd, form,
select,
figure,
figcaption,
table, td, th{
	margin:0;
	padding:0;
}
table {
	border-collapse: collapse;
}
input[type="text"]{
	margin:0;
	padding:0;
   font-size:16px!important;
}

h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}

table, td, th, tr, thead, tbody{
	border:none;
}
ul, ol{
	list-style:none;
}
address{
	font-style:normal;
}
img{
	vertical-align:bottom;
}
a img{
	border:none;
}
textarea, select{
	font-size:16px!important;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
input {
  ime-mode: active;
}

input:focus::-webkit-input-placeholder,
isindex:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
/* module parts
==========================================================*/
.w100p{width: 100px!important;}
.w150p{width: 150px!important;}
.w200p{width: 200px!important;}
.w250p{width: 250px!important;}
.w300p{width: 300px!important;}
.w400p{width: 400px!important;}
.w450p{width: 450px!important;}
.w500p{width: 500px!important;}
.w550p{width: 550px!important;}

.w90p{width: 90%!important;}

@media screen and (max-width: 640px){
	.sp_w100p{width: 100px!important;}
	.sp_w150p{width: 150px!important;}
	.sp_w200p{width: 200px!important;}
	.sp_w240p{width: 240px!important;}
	.sp_w250p{width: 250px!important;}
	.sp_w300p{width: 300px!important;}
	.sp_w400p{width: 400px!important;}
	.sp_w450p{width: 450px!important;}
	.sp_w500p{width: 500px!important;}
	.sp_w550p{width: 550px!important;}
	/*%*/
	.sp_w100{width: 100%!important;}

}
.fwBold{font-weight: bold!important;}
.fwNormal{font-weight: normal!important;}

.font_10{font-size:10px !important;}
.font_12{font-size:12px !important;}
.font_14{font-size:14px !important;}
.font_16{font-size:16px !important;}
.font_18{font-size:18px !important;}
.font_20{font-size:20px !important;}
.font_25{font-size:25px !important;}
.font_28{font-size:28px !important;}

/* margin */
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb12{margin-bottom:12px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb80{margin-bottom:80px !important;}
.mb150{margin-bottom:150px !important;}
.ml18{margin-left:18px !important;}
.ml30{margin-left: 30px !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt80{margin-top:80px !important;}
.mt-15{margin-top:-15px !important;}
.mt-5{margin-top:-5px !important;}
.mr2{margin-right:2px !important;}
.mr8{margin-right:8px !important;}
.pb0{padding-bottom:0 !important;}
.pb12{padding-bottom:12px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:15px !important;}
.pt23{padding-top:23px !important;}
.ma15{margin:15px !important;}
.ma15b{margin:15px 15px  0 !important;}
.mb40{margin-bottom:40px !important;}
.pl30{padding-left:30px !important;}
.pr50{padding-right:50px !important;}
.clear{clear:both !important;}
.w150{
	width: 150px!important;
}
.p10{
	padding: 10px!important;
}
/*  other  */
.ta_r{
	text-align:right;
}
.ta_c{
	text-align:center;
}
.ta_l{
	text-align:left;
}
a.line{
	text-decoration:underline!important;
}
.pc_hidden{
	display: none!important;
}
.sp_hidden{
	display: block!important;
}


@media screen and (max-width: 640px){
	.pc_hidden{
		display: block!important;
	}
	.sp_hidden{
		display: none!important;
	}
  .sp_flno{
    float: none!important;
  }
  .sp_clboth{
    clear: both;
  }
.sp_inline{
  display: inline-block!important;}
}
@media screen and (max-width: 640px){
	.sp_mt0{
		margin-top: 0!important;
	}
}
.bgGray{
	background: #f0f4f5;
}
.font_grey{
  color:#666!important;
}
.font_red{
  color:#ff0000;
}
.inline{
	display: inline;
}
/* --------------------------------
	clearfix
-------------------------------- */
.clearfix{
	min-height:1px;
}
.clearfix:after{
	content:"";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
* html .clearfix{
	height:1px;
}
/* --------------------------------------------------
 SITE common Contents
--------------------------------------------------  */
/* body
==========================================================*/
body{
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size:14px;
	line-height:1.4;
	letter-spacing:0;
	margin: 0 auto;
	color:#666666;
	min-width:980px;
}
@media screen and (max-width: 640px){
	body{
		/*font-size:14px;*/
		min-width:100%;
	}
}
a:link{ text-decoration:none; color:#666666; }
a:visited{ text-decoration:none; color:#666666; }
a:hover{ text-decoration:none; color:#999999; }
a:active{ text-decoration:none; color:#999999; }

/* header
==========================================================*/
/* header */
header { border-top: 10px solid #40b5d3;}
header p {
	max-width: 960px;
	margin: 20px auto 30px;
}
@media screen and (max-width: 960px){
	header p { padding: 0 10px; }
}
@media screen and (max-width: 640px){
	header p { margin: 10px auto; }
	header p img { width:150px; }
	header { border-top: none; }
}

/* wrapper
==========================================================*/
#wrapper{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
@media screen and (max-width: 640px){
	#wrapper{
		width:100%;
	}
}
/* contents
==========================================================*/
#contents{
	width:720px;
  margin: 0 auto;
}
#contents a:link{ text-decoration:none; color:#11a7d7; }
#contents a:visited{ text-decoration:none; color:#11a7d7; }
#contents a:hover{ text-decoration:underline; color:#11a7d7; }
#contents a:active{ text-decoration:none; color:#11a7d7; }

#contents .pagetop{
	clear:both;
	text-align:right;
	font-weight:bold;
}
.veriSign{
  width: 135px;
  text-align: right!important;
  margin: 0 auto 20px;
}
@media screen and (max-width: 640px){
	#contents{
		width: 100%;
		float: none;
	}
	#contents img{
		width: 100%;
	}
}
/*  contents  */
.pagetop {
    bottom: 20px;
    font-size: 77%;
    position: fixed;
    right: 20px;
}
.pagetop {
    margin: 15px 0;
    text-align: right;
}
.pagetop a {
    background-color: #cccccc;
    background-image: url("/mail/kyusyoku/imgs/icon_pagetop.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 5px;
    display: block;
    height: 40px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 40px;
    opacity:0.8;
}
.pagetop a:hover {
  opacity:0.5;
}
.pagetop_sp {
  display:none;
}

@media screen and (max-width: 640px){
.pagetop {
  display:none;
}
.pagetop_sp {
  display:block;
}


#wrapper .pagetop_sp{
	clear:both;
	text-align:right;
	font-weight:bold;
  margin-bottom: 20px;
}
#wrapper .pagetop_sp a{
	background:url(/img_n/ico_pagetop.gif) 100% 2px no-repeat;
	padding-right:17px;
}
#wrapper .pagetop_sp a:hover{
	background:url(/img_n/ico_pagetop_on.gif) 100% 2px no-repeat;
}
#wrapper .pageBack{
	clear:both;
	font-weight:bold;
}
#wrapper .pageBack a,
#wrapper #oneColumnContents .pageBack a,#wrapper #oneColumnContentsShort .pageBack a{
	background:url(/img_n/ico_link_arw4.png) 0 2px no-repeat;
	padding-left:13px;
	color:#666;
}
#wrapper .pageBack a:hover,
#wrapper #oneColumnContents .pageBack a:hover,#wrapper #oneColumnContentsShort .pageBack a:hover{
	background:url(/img_n/ico_link_arw4_on.png) 0 2px no-repeat;
}
#wrapper #contents .pageBack a{
	text-decoration:none;
}
	#wrapper .pagetop_sp{
		margin-right: 12px;
	}
}


/* footer
==========================================================*/
/* footer */
footer {
	height: 120px;
	background: url(/registration/img/common/bgimg_footer.png) center bottom no-repeat;
	background-size: cover;
	text-align: center;
	font-size: 87%;
	color: #fff;
	clear: both;
}
footer p { padding: 50px 0 0; }