html{
	overflow-y:scroll;
	}
/* ==========================================================================
/* --  Clearfix
   ========================================================================== */

	
/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}

.clearfix:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}
/* Micro Clearfix */
.clear:before,
.clear:after {
  content: "";
  display: table;
}
.clear:after {
  clear: both;
}
.clear {
  zoom: 1;
}
.section:before,
.section:after {
  content: "";
  display: table;
}
.section:after {
  clear: both;
}
.section {
  zoom: 1;
}
/* General Resets */

/* Start font size at 100% */
html {
  font-size: 100%;
}
/* Make all form fonts consistent */
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/* Remove all default borders */
form,
fieldset,
a img {
  border: 0;
}
/* Common Classes */
.left {
  float: left;
}
.right {
  float: right;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.inline {
  display: inline;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  left: -9999em;
}
.visuallyvisible {
  clip: auto;
  width: auto;
  height: auto;
  overflow: visible;
  left: 0;
}
.strong {
  font-weight: bold;
}
.alert {
  background-color: #ffffcc;
  display: block;
  padding: 4px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.nolist {
  list-style: none;
}
.nopadding {
  padding: 0;
}
.nomargin {
  margin: 0;
}
.none,
.nonpc {
  display: none;
}
.pc {

}
.tablet {
display: none;
}
.sp {
  display:none;
}

.sbox{
	text-align:right;
}

.sbox input{
	margin:0 2px 5px 0;
}
td.vbottom{
	vertical-align: text-top;
}
td.vtop{
	vertical-align: text-top;
}
td.tright{
	text-align:right;
}
td.vmiddle{
	vertical-align:middle;
}
.header_shim{
	line-height:130%;
}
.header {
  padding-top: 10px;
  padding-bottom: 10px;
}
/* ==========================================================================
/* 1.0 - Document Setup (body, links, headings, code, tables, forms etc)
   ========================================================================== */
/* Body */
body {
  font-family:'繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3','Hiragino Kaku Gothic Pro','繝｡繧､繝ｪ繧ｪ',Meiryo,'�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け','MS PGothic', "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 22px;
  line-height: 1.375rem;
  background-color: #ffffff;
  color: #222222;
  margin: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/* Links */
  a {
	color: #00F;
	text-decoration:underline;
	outline:none;
}
a:hover {
	color:#ff0000;
}
a:visited {
  color: #ff3300;
}

a:active {
  color: #333333;
}

/* 1.1 Headings - h1, h2, h3, h4, h5, h6 & other (if any)
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: normal;
}
h1,
.h1 {
  font-size: 40px;
  font-size: 2.5rem;
}
h2,
.h2 {
  font-size: 32px;
  font-size: 2rem;

}
h3,
.h3 {
  font-size: 16px;
  clear: both;
}
h4,
.h4 {
  font-size: 14px;

}
h1{
	margin:10px 0;
}
h3 {
	background:url(../images/pc/h3_bg.jpg);
	height:40px;
	font-size:16px !important;
	color:#fff;
	line-height:40px !important;
	padding-left:20px !important;
	font-weight: normal !important;

	}
h4 {
	color:#304D7F;
	font-size:20px !important;
	padding-top:30px;
	border-bottom:3px solid #999 !important;
	margin-bottom:10px !important;
	margin-left:3px !important;
	margin-right:2px !important;
}

/* 1.2 Paragraphs, block quotes, code, pre, etc
   ========================================================================== */
small {
  font-size: 12px;
  font-size: 0.75rem;
}
/* Block Quotes, Pre and Code Blocks */
blockquote,
q {
  quotes: none;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: .5em 1em;
  margin: 0;
  font-style: italic;
}
code,
pre {
  padding: 2px 6px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #f1f1f1;
  border: 1px solid #dddddd;
  line-height: normal;
  color: #222222;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* Horizontal Rule */
hr {
  border: 0;
  background: none;
  outline: 0;
  height: 1px;
  background-color: #dddddd;
  margin: 2em 0;
}
/* 1.3 Tables
   ========================================================================== */
table {
  width: 100%;
  border:none !important;
  border-collapse: collapse !important;
  border-left: 0 !important;
  border-spacing: 0 !important;
  
}
table th,
table td {
  text-align: left;
  vertical-align: bottom;
}
table thead th {
  vertical-align: bottom;
  font-weight: bold;
  color: #222222;
}
table tfoot td {
  font-weight: bold;
}
table caption {
  padding: .5em;
  font-style: italic;
  background-color: #eeeeee;
  border-bottom: 0;
  font-weight: bold;
}
.css3 {
	font-size:8pt;
	line-height:10pt;
	font-family:Arial, Helvetica, sans-serif;
}
/* 1.4 Lists
   ========================================================================== */
ul,
ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ol,
ol ol {
  list-style: decimal;
  margin: 4px 0 4px 25px;
  padding: 0;
}
/* 1.5 Forms, Labels and Inputs
   ========================================================================== */
   
/* -- input -- */
	
	.input {
	font-size:13px; 
	border:1px solid #e5e5e5; 
	padding:9px; 
	background:#fff;
	width:680px;
	margin:10px 0 40px; 
	outline:none;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	display:block;  
	-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	-moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	float:left;
	}
	input[type="text"]{
		height:14px;
		
}
	.input_img {
		margin:10px 0 40px;
		float:right;
		background-image:-webkit-gradient(linear,58% 0%,58% 100%,color-stop(0, rgb(254,254,254)),color-stop(0.99, rgb(242,242,242)),color-stop(1, rgb(242,242,242)));
		background-image:-webkit-linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(242,242,242) 99%,rgb(242,242,242) 100%);
		background-image:linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(242,242,242) 99%,rgb(242,242,242) 100%);
		padding:7px 30px;

		border-color:rgb(238,238,238);
		border-width:1px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border-style:solid;
		-webkit-box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);
		box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);

	}
   
   
/* ==========================================================================
/* 2.0 - Grid Layout (Responsive)
   ========================================================================== */
/* Sections & Content Blocks */
.section {
  position: relative;
}
.row {
  margin-bottom: 1em;
}
.container {
  max-width: 800px;
  margin: 0 auto;
}
.container-full {
  max-width: 980px;
  margin: 0 auto;
}
/* Fluid Grid */
.col {
  margin-left: 2%;
  float: left;
}
.col:first-child {
  margin-left: 0;
}
/* Columns */
.one {
  width: 6.333%;
}
.two {
  width: 14.667%;
}
.three {
  width: 23.0%;
}
.four {
  width: 31.333%;
}
.five {
  width: 39.667%;
}
.six {
  width: 48.0%;
}
.seven {
  width: 56.333%;
}
.eight {
  width: 64.667%;
}
.nine {
  width: 73.0%;
}
.ten {
  width: 81.333%;
}
.eleven {
  width: 89.667%;
}
.twelve {
  width: 100%;
}
.half {
  width: 48.0%;
}
.one-third {
  width: 31.333%;
}
/* ==========================================================================
/* --  蜷��繝ｼ繧ｸ險ｭ螳
   ========================================================================== */
.Tc {
	margin:0 auto !important;
	width:304px;
	text-align:center;
}

.pc_h1 {
	float:left;
}
.pc_h2 {
	float:right;
}
.top_btn {
	margin-right:-10px;
  }
.top_btn li{
	float:left;
	margin-right:10px;
}
.foot {
	text-align:center;
	font-size: 8pt;
    line-height: 10pt;
}
	.css3 {
	font-size:10px;
	}
.copy {
	text-align:center;
	font-size: 10px;
    line-height: 18px;
	height:18px;
	background:#000099;
	color:#fff;
	font-weight:bold;
	margin:5px 0 10px 0;
}
.copy a {
	color:#fff;
	font-weight:bold;
}



.before {
	width:153px;
	float:left;
}
.after {
	width:638px;
	float:right;
	margin-left:-3px;
}
.after img {
	margin-left:2px;	
}
/*繝代Φ縺上★*/
#pan {
	padding:0 20px !important;
	height:30px;
}
	
#pan li {
	float:left;
	margin-right:10px;
	padding-right:40px;
	background:url(../images/pc/pan.jpg) no-repeat 100% 50%;
	font-size:12px;
	display:block;
	
}
#pan li a {
	color:#727278;
	padding-right:15px;
	text-decoration:none;
}
#pan li.last {
	background:none;
}
/*LIST*/
#faq_list {
	padding:0 ;
}
#faq_list li{
	border-bottom:1px dotted #999;
	
}
#faq_list li.gray {
	background:#fafafa;
}
#faq_list li a {
	display:block;
	padding:20px 0 20px 80px;
	text-decoration:none;
	color:#727478;
	font-weight:bold;
	background:url(../images/pc/list_bg.png) no-repeat 50% 50%;

}
#faq_list li a:hover {
	background:url(../images/pc/list_bg_on.png) no-repeat 50% 50%;
}
.back {
	margin:40px auto 50px !important;
	width:200px;
}
/*DETAIL*/
#faq_list dt{
	border-bottom:1px dotted #999;
	margin-top:20px;
	padding:20px 0 20px 80px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	background:#fafafa url(../images/sp/list_bg.png) no-repeat 20px 50%;
	
}
#faq_list dd {
	background:#fff url(../images/sp/a.jpg) no-repeat 20px 25px;	
	padding:20px 40px 20px 80px;
	line-height:175%;
}
	/* ==========================================================================
/* --  IDPASS
   ========================================================================== */
   
   div.news{
	   background:#fafafa;

	   padding:20px;
   }
   p.important{
	   background:#F00;
	   color:#fff;
	   font-weight:bold;
	   padding:3px 10px;
	   
	   
   }
   div.news p{
	   margin:12px 0;
	   line-height:165%;
   }
   div.idpass{
	   margin:10px 0;
	   padding:20px;
	   font-weight:bold;
	   background:#666;
	   color:#fff;
   }
   div.idpass_box{
	   padding:20px;
	   border:1px solid #efefef;
	   margin-bottom:20px;
   }
   div.idpass_box p{
	   margin:12px 0;
   }
   div.idpass_box_title{
	   background:#fafafa;
	   padding:10px;
	   margin:0 0 12px 0;
   }
   
   .imgRight{
	   float:right;
	   padding:0 0 0 20px;
   }
   
    .idpassh1{
	   border-bottom:1px solid #000;
   }
   p.important_blue{
	background:#039;
	   color:#fff;
	   font-weight:bold;
	   padding:3px 10px;
}

.center{
	text-align:center;
}
div#login{
	background:#eee;
	padding:14px;
	width:80%;
	margin:auto;
	
}

.login_title{
	font-size:100%;
	padding:0 0 2px 0;
	border-bottom:1px solid #000;
}

.txt_red{
	color:#F00;
}

.imgLeft{
	float:left;
	margin:0 20px 10px 0;
}
.idpass_bottom{
	width:70%;
	margin:auto;
}
.reidpass{
	background:#FAFED8;
	border:2px solid #C00;
	padding:14px;
	width:70%;
	margin:auto;
}


p.important_gray{
	background:#eee;
	color:#F00;
	   font-weight:bold;
	   padding:3px 10px;
}
ul#pmaker{
	width:70%;
	margin:auto;
	text-align:left;
}
ul#pmaker li{
	list-style-type: decimal;
	margin-bottom:20px;
}
.detail{
	font-size:74%;
}
div#login02{
	background:#ddefff;
	padding:14px;
	width:80%;
	text-align:left;
	margin:auto;
	
}
.txt_left{
	text-align:left;
}
.txt_center{
	text-align:center;
}
/* ==========================================================================
/* -- Tablet Devices (Layout, Modifications, etc)
   ========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	html{
	overflow-y: auto;
	}
	body a{
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
	
	.pad {
	padding:0 20px !important;
}
  html body {
    max-width: 959px;
    padding: 0;
    margin: 0;
	position:relative;
  }
  .container {
    width: 768px;
  }
  .pc {
    display: none;
  }
  .tablet,.nonpc {
    display: block;
  }
  .sp {
	  display:none !important;
  }
  
  .nonpc h1 {
	  margin-left:20px;
	  margin-top:5px;
  }
  .nonpc #menu {
	  position:absolute;
	  top:0;
	  right:0;
	 
  }
   #menu li {
	   float:left !important;
  } 

  .header {
	  border-bottom:1px solid #aaaaaa;
	  height:56px;
  }
  .foot {
	  color:#001966;
	  text-decoration:none !important;
	  margin-bottom:15px;
  }
  .foot a {
	  text-decoration:none;
	  color:#001966;
	  font-weight:bold;
  }
  .copy{
	  background-color:#E1E7EE;
	  padding:20px 0 50px;
	  bottom:0;
	  font-weight: normal;
	  color:#333333;
	  width:100%;
  }
	.copy a {  
		font-weight: normal;
		text-decoration:none;
		color:#333333;
	}
.nonpc h2 {
	clear:both;
	padding-left:20px;
	padding-top:20px;
}

h3 {
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(102,126,166)),color-stop(0.48, rgb(72,101,149)),color-stop(1, rgb(32,61,113)));
	background-image:-webkit-linear-gradient(-90deg,rgb(102,126,166) 0%,rgb(72,101,149) 48%,rgb(32,61,113) 100%);
	background-image:linear-gradient(-90deg,rgb(102,126,166) 0%,rgb(72,101,149) 48%,rgb(32,61,113) 100%);
	height:44px;
	font-size:91% !important;
	color:#fff;
	line-height:44px;
	padding-left:20px;
	font-weight:normal;

}
h3 img {
	width:14px;
}
h4 {
	background-color:rgb(89,87,87);
	height:44px !important;
	line-height:44px !important;
	color:#fff;
	margin:10px 0 !important;
	padding:0 !important;
	border-bottom:none !important;
	padding-left:20px !important;
	font-size:14px !important;
	font-weight:normal;
}
.nonpc p {
	margin:20px 0;
}



	
.input {
	font-size:13px; 
	border:1px solid #e5e5e5; 
	padding:9px; 
	background:#fff;
	width:600px;
	margin:0px 0 30px; 
	outline:none;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	display:block;  
	-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	-moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	float:left;
}
input[type="text"]:focus {
	border:1px solid #ccc; 
	color:#666; 
	-moz-box-shadow:0 0 3px rgba(0,0,0,.32); 
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.32); 
	box-shadow:0 0 3px rgba(0,0,0,.32); 
}
.input_img {
	margin:0px 0 30px;
	float:right;
	padding:7px 40px;
	}


/*繝｡繝九Η繝ｼ霑ｽ險
*/

ul#before li,ul#after li{
	background:url(../images/tablet/ya.png) no-repeat 98% 50% #f2f2f2;
	background-size:20px;
	position:relative;
	
}
ul#before li a,ul#after li a{
	color:#333;
	text-decoration:none;
	min-height:44px;

}
.icon {
	vertical-align:middle;
	padding:0 10px 0 10px;
}
.ya {
	padding:12px 10px 0;
	float:right;
}
.btn01 {
	border-color:rgb(238,238,238);
	border-width:1px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-style:solid;
	margin-bottom:20px;
	-webkit-box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);
	box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);
	}
.btn01 a{
	font-size:12px;
	display:block;
	background:url(../images/tablet/icon01.png) no-repeat 2% 50%;
	padding-left:70px;
	background-size:30px;
	line-height:62px;
}
.btn02{
border-color:rgb(238,238,238);
	border-bottom:1px solid #dddddd !important;
	border-width:1px;
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;   
	border-style:solid;
	-webkit-box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);
	box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);

}
.btn02 a{
	font-size:12px;
	display:block;
	background:url(../images/tablet/icon02.png) no-repeat 2% 50%;
	padding-left:70px;
	background-size:30px;
	
	}

.btn03 a{
	font-size:12px;
	display:block;
	background:url(../images/tablet/icon04.png) no-repeat 2% 50%;
	padding-left:70px;
	padding-right:30px;
	background-size:30px;border-bottom:1px solid #dddddd !important;
	}
.btn032 a{
	font-size:12px;
	display:block;
	background:url(../images/tablet/icon03.png) no-repeat 2% 50%;
	padding-left:70px;
	padding-right:30px;
	background-size:30px;border-bottom:1px solid #dddddd !important;
	line-height:62px;
	}
.btn04{
	font-size:12px;
	display:block;
	height:62px;
	line-height:62px;
	border-color:rgb(238,238,238);
	border-width:1px;
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;
	border-style:solid;
	margin-bottom:20px;
	-webkit-box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);
	box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);
	}
.btn04 a{
	font-size:12px;
	display:block;
	background:url(../images/tablet/icon05.png) no-repeat 2% 50%;
	padding-left:70px;

	background-size:30px;
	line-height:62px;
	}
.btn05{
	display:block;
	background-image:-webkit-gradient(linear,57% 0%,57% 100%,color-stop(0, rgb(254,254,254)),color-stop(0.99, rgb(242,242,242)),color-stop(1, rgb(242,242,242)));
	background-image:-webkit-linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(242,242,242) 99%,rgb(242,242,242) 100%);
	background-image:linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(242,242,242) 99%,rgb(242,242,242) 100%);
	width:198px;
	text-align:center;
	height:38px;
	border-color:rgb(238,238,238);
	border-width:1px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-style:solid;
	-webkit-box-shadow:0px 2px 2px rgba(153,153,153,0.33);
	box-shadow:0px 2px 2px rgba(153,153,153,0.33);

}
.btn06{
	display:block;
	background:url(../images/sp/btn06_bg.png) no-repeat;
	background-size:304px 48px;
	line-height:48px;
	text-align:center;
	margin:auto;
	width:308px;
	
}
.btn06 a{
	width:308px;
	display:block;
	height:48px;
	color:#333;
	text-decoration:none;
}
.btn05 img {
	padding-top:10px;
}
.btn01, .btn02, .btn03, .btn04 {
	text-decoration:none;
	color:#555555 !important;
	line-height:62px;
}

.back {
	margin:20px auto 40px !important;
	width:200px;
}
.iconT {
	float:left;
	padding-top:13px;
	padding-right:10px;
	padding-left:5px;
}

/*LIST*/
#faq_list {
	padding:0 ;
}
#faq_list li{
	border-bottom:1px dotted #999;
	
}
#faq_list li.gray {
	background:#fafafa;
}

#faq_list li a {
	display:block;
	padding:20px 0 20px 60px;
	text-decoration:none;	
	color:#727478;
	font-weight:bold;
	background:
	url(../images/sp/list_bg.png) no-repeat 20px 21px,
	url(../images/sp/list_bg2.png) no-repeat 97% 50%;
	background-size:19px 13px,
	20px 20px;
	

}
#faq_list li a:hover {
	background:
	url(../images/sp/list_bg.png) no-repeat 20px 21px,
	url(../images/sp/list_bg2.png) no-repeat 97% 50%;
}


/*DETAIL*/
#faq_list dt{
	border-bottom:1px dotted #999;
	margin-top:20px;
	padding:20px 20px 20px 50px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	background:#fafafa url(../images/sp/list_bg.png) no-repeat 18px 24px;
	background-size:19px 13px;
	
}
#faq_list dd {
	background:#fff url(../images/sp/a.jpg) no-repeat 20px 24px;	
	background-size:17.5px 12.5px;
	padding:20px 20px 20px 50px;
	line-height:175%;
}
/*繝翫ン繝｡繝九Η繝ｼ*/

.header { position: relative; z-index: 1000; }
.header nav { position: absolute; width: 320px; right: 0; background: #839AC0;  visibility:hidden; }
.header nav ul {font-size:83%;}
.header nav p {
	line-height:0;
}
.header nav div#close a { display: block; text-align: center;   text-decoration:none;
padding:15px 0 10px; 
 }


.header nav#menu_nav{
	z-index:999;
	/* opacity:0.90;*/
}
.header nav#menu_nav ul{

}
.header nav#menu_nav ul li {
	background:url(../images/sp/nav_bg.png) no-repeat 290px 50%;
	background-size:20px 20px;
}
.header nav#menu_nav ul li a{
	text-decoration:none;
	border-bottom:1px dotted #fff;
	color:#fff;
	display:block;
	padding:12px 20px;
}
.header nav#menu_nav ul li img {
	vertical-align:middle;
}
.header nav#menu_nav ul img {
	width:14px;
	margin-right:20px;
}

}

/* ========================================  陦ｨ險ｭ螳 */ 
.tbl01{ 
        background:#99A7B2; 
        border-collapse: collapse; /* 譫邱壹�陦ｨ遉ｺ譁ｹ豕 */ 
        border: 1px #99A7B2 solid; /* 繝��繝悶Ν蜈ｨ菴薙�譫邱夲ｼ亥､ｪ縺輔�濶ｲ繝ｻ繧ｹ繧ｿ繧､繝ｫ� */ 
        width:100%; 
} 
/*IE6逕ｨ*/ 
*html .tbl01{ 
        width:90%; 
} 
.tbl01 th{ 
        border: 1px #99A7B2 solid; 
        background:#efeff8; 
        padding:3px; 
        text-align:center; 
        vertical-align:middle; 
        /*white-space: nowrap;*/ /* commentouted at 20120124 for Russian-Pages */ 
} 
.tbl01 td{ 
        border: 1px #99A7B2 solid; 
        background:#ffffff; 
        padding:3px; 
        /*text-align:center;*/ 
        vertical-align:middle; 
} 
/* 縲腎bl02縲第､懃ｴ｢邨先棡陦ｨ遉ｺ逕ｨ繝ｬ繧､繧｢繧ｦ繝医ユ繝ｼ繝悶Ν */ 
.tbl02{ 
        border-collapse: collapse; /* 譫邱壹�陦ｨ遉ｺ譁ｹ豕 */ 
        border: 1px #99A7B2 solid; /* 繝��繝悶Ν蜈ｨ菴薙�譫邱夲ｼ亥､ｪ縺輔�濶ｲ繝ｻ繧ｹ繧ｿ繧､繝ｫ� */ 
        width:100%; 
} 
.tbl02 th{ 
        border: 1px #99A7B2 solid; 
        background:#efeff8; 
        vertical-align:middle; 
        text-align:center; 
} 
.tbl02 td{ 
        border: 1px #99A7B2 solid; 
} 
.tbl02 td.kanren{ 
        vertical-align:top; 
        padding-top:10px; 
} 
/* 縲腎bl03縲題｣ｽ蜩∵ｯ碑ｼ�｡ｨ遉ｺ逕ｨ繝ｬ繧､繧｢繧ｦ繝医ユ繝ｼ繝悶Ν */ 
.tbl03{ 
        border-collapse: collapse; /* 譫邱壹�陦ｨ遉ｺ譁ｹ豕 */ 
        border: 1px #99A7B2 solid; /* 繝��繝悶Ν蜈ｨ菴薙�譫邱夲ｼ亥､ｪ縺輔�濶ｲ繝ｻ繧ｹ繧ｿ繧､繝ｫ� */ 
        width:100%; 
} 
.tbl03 th{ 
        border: 1px #99A7B2 solid; 
        background:#efeff8; 
        vertical-align:middle; 
        text-align:center; 
        padding:5px; 
} 
.tbl03 td{ 
        border: 1px #99A7B2 solid; 
        padding:5px; 
} 
.tbl03 td.hide{ 
        width:40px; 
        padding:0px; 
        text-align:center; 
} 
.tbl03 th.btn1{ 
        border-bottom: 0px #99A7B2 solid; 
} 
.tbl03 th.btn2{ 
        border-top: 0px #99A7B2 solid; 
        vertical-align:bottom; 
        text-align:left; 
        padding-left:5px; 
        padding-bottom:5px; 
} 
.tbl03 th.base{ 
        background-color:#FFDD95; 
} 
.tbl03 td.base{ 
        background-color:#FFEDC8; 
} 
.tbl03 td.title{ 
        background:#999999; 
        text-indent:1em; 
        color:#FFFFFF; 
}





/* End Tablet Media Query */
/* ==========================================================================
/* -- Mobile Devices (Layout, Modifications, etc)
   ========================================================================== */

@media only screen and (max-width: 767px) {
		html{
	overflow-y: auto;
	}
	body a{
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

	   .pad {
			   padding:0 10px !important;
	   }
  html body {
    max-width: 100%;
    padding: 0;
    margin: 0;
  }
  .one,
  .two,
  .three,
  .four,
  .five,
  .six,
  .seven,
  .eight,
  .nine,
  .ten,
  .eleven,
  .twelve {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  .container {
  }
  table th,
  table td {
  }
  .pc,.nonsp {
    display: none;
  }
  .tablet {
    display: none;
  }
  .sp,.nonpc {
	  display: block;
  }
  .nonpc h1 {
	  	  margin-left:10px;
		  margin-top:-10px;
  }
  .nonpc #menu {
	  position:absolute;
	  top:0;
	  right:0;
	  height:53px;
	 
  }
  .nonpc #menu li {
	  float:left;
	  height:53px;
  }
  .nonpc #menu img {
	  height:53px !important;
  }

  .nonpc .header {
	  border-bottom:1px solid #aaaaaa;
	  height:43px;
  }
    .nonpc h1 img{
		text-align:left;
	  width:100px;
	  margin-top:5px;
  }
  	.nonpc h2 {
	  clear:both;
	  padding-left:10px !important;
	  padding-top:20px;
  }
  .nonpc h2 img {
	  width:190px;
  }


		.nonpc p {
		margin:10px 0;
	}

	.img {
		width:100%;
	}
		   .foot {
	  color:#001966;
	  text-decoration:none !important;
	   margin:20px 0;
	   line-height:1.3;
	  
  }
	  .foot a {
	  text-decoration:none;
	  color:#001966;
	  font-weight:bold;
  }

    .copy{
	  background-color:#E1E7EE;
	  padding:20px 0 50px;
	  bottom:0;
	  font-weight: normal;
	  color:#333333;
	  width:100%;
	  font-size:9px;
  }
	.copy a {  
		font-weight: normal;
		text-decoration:none;
		color:#333333;
	}
	  .header {
	  border-bottom:1px solid #aaaaaa;
	  height:42px;
  }
  	.nonpc h2 {
	  clear:both;
	  padding-left:10px;
	  	  padding-top:20px;
  }

	h3 {
		background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(102,126,166)),color-stop(0.48, rgb(72,101,149)),color-stop(1, rgb(32,61,113)));
background-image:-webkit-linear-gradient(-90deg,rgb(102,126,166) 0%,rgb(72,101,149) 48%,rgb(32,61,113) 100%);
	background-image:linear-gradient(-90deg,rgb(102,126,166) 0%,rgb(72,101,149) 48%,rgb(32,61,113) 100%);
	height:44px;
	font-size:91% !important;
	color:#fff;
	line-height:44px;
	padding-left:10px;
	font-weight:normal;

	}
	h3 img {
	width:14px;
}
	.nonpc p {
		margin:20px 0;
	}
h4 {
	background-color:rgb(89,87,87);
	height:44px !important;
	line-height:44px !important;
	color:#fff;
	margin:10px 0 !important;
	padding:0 !important;
	border-bottom:none !important;
	padding-left:10px !important;
	font-size:14px !important;
	font-weight:normal;
}


	
.input {
	font-size:13px; 
	border:1px solid #e5e5e5; 
	padding:9px; 
	background:#fff;
	width:180px;
	margin:0px 0 30px; 
	outline:none;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	display:block;  
	-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	-moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	float:left;
	}
input[type="text"]:focus {
	border:1px solid #ccc; 
	color:#666; 
	-moz-box-shadow:0 0 3px rgba(0,0,0,.32); 
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.32); 
	box-shadow:0 0 3px rgba(0,0,0,.32); 
}
.input_img {
		margin:0px 0 30px;
	float:right;
}


/*繝｡繝九Η繝ｼ霑ｽ險
*/

ul#before li,ul#after li{
	background:url(../images/tablet/ya.png) no-repeat 98% 50% #f2f2f2;
	background-size:20px;
	position:relative;
	
}
ul#before li a,ul#after li a{
	color:#333;
	text-decoration:none;
	min-height:44px;

}
.icon {
	vertical-align:middle;
	padding:0 10px 0 10px;
}
.ya {
	padding:12px 10px 0;
	float:right;
}
.btn01 {
	border-color:rgb(238,238,238);
	border-width:1px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-style:solid;
	margin-bottom:20px;
	-webkit-box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);
	box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);
	}
.btn01 a{
	font-size:12px;
	display:block;
	background:url(../images/tablet/icon01.png) no-repeat 2% 50%;
	padding-left:50px;
	background-size:30px;
	line-height:44px;
}
.btn02{
border-color:rgb(238,238,238);
	border-bottom:1px solid #dddddd !important;
	border-width:1px;
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;   
	border-style:solid;
	-webkit-box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);
	box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);

}
.btn02 a{
	font-size:12px;
	display:block;
	background:url(../images/tablet/icon02.png) no-repeat 2% 50%;
	padding-left:50px;
	background-size:30px;
	
	}

.btn03 a{
	font-size:12px;
	display:block;
	background:url(../images/tablet/icon04.png) no-repeat 2% 50%;
	padding-left:50px;
	padding-right:30px;
	background-size:30px;border-bottom:1px solid #dddddd !important;
	}
.btn032 a{
	font-size:12px;
	display:block;
	background:url(../images/tablet/icon03.png) no-repeat 2% 50%;
	padding-left:50px;
	padding-right:30px;
	background-size:30px;border-bottom:1px solid #dddddd !important;
	line-height:44px;
	}
.btn04{
	font-size:12px;
	display:block;
	height:44px;
	line-height:44px;
	border-color:rgb(238,238,238);
	border-width:1px;
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;
	border-style:solid;
	margin-bottom:20px;
	-webkit-box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);
	box-shadow:0px 2px 2px rgba(153,153,153,0.33) ,inset 0px 0px 2px 0px rgb(255,255,255);
	}
.btn04 a{
	font-size:12px;
	display:block;
	background:url(../images/tablet/icon05.png) no-repeat 2% 50%;
	padding-left:50px;

	background-size:30px;
	line-height:44px;
	}
.btn05{
	display:block;
	background-image:-webkit-gradient(linear,57% 0%,57% 100%,color-stop(0, rgb(254,254,254)),color-stop(0.99, rgb(242,242,242)),color-stop(1, rgb(242,242,242)));
	background-image:-webkit-linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(242,242,242) 99%,rgb(242,242,242) 100%);
	background-image:linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(242,242,242) 99%,rgb(242,242,242) 100%);
	width:198px;
	text-align:center;
	height:38px;
	border-color:rgb(238,238,238);
	border-width:1px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-style:solid;
	-webkit-box-shadow:0px 2px 2px rgba(153,153,153,0.33);
	box-shadow:0px 2px 2px rgba(153,153,153,0.33);

	}
	.btn05 img {
		padding-top:10px;
	}
.btn06{
	display:block;
	background:url(../images/sp/btn06_bg.png) no-repeat;
	background-size:304px 48px;
	line-height:48px;
	text-align:center;
	margin:5px auto;
	text-align:center;
	width:308px;
	text-align:center;
	
}
.btn06 a{
	width:308px;
	display:block;
	height:48px;
	color:#333;
	text-decoration:none;
}
.btn01, .btn02, .btn03, .btn04 {
	text-decoration:none;
	color:#555555 !important;
	line-height:44px;
}
.back {
	margin:20px auto 20px !important;
	width:200px;
}
.iconT {
	float:left;
	padding-top:13px;
	padding-right:10px;
}
/*繝翫ン繝｡繝九Η繝ｼ*/

.header { position: relative; z-index: 1000; }
.header nav { position: absolute; width: 320px; right: 0; background: #839AC0;  visibility:hidden; margin-top:-24px;  }
.header nav ul {font-size:83%;}
.header nav p {
	line-height:0;
	display: block;
}
.header nav div#close a { display: block; text-align: center;   text-decoration:none;
padding:15px 0 10px; 
 }


.header nav#menu_nav{
	z-index:1200;
	opacity:0.90;
}
.header nav#menu_nav ul{

}
.header nav#menu_nav ul li {
	background:url(../images/sp/nav_bg.png) no-repeat 290px 50%;
		background-size:20px 20px;
}
.header nav#menu_nav ul img {
	width:14px;
	margin-right:20px;
}

.header nav#menu_nav ul li a{
	text-decoration:none;
	border-bottom:1px dotted #fff;
	color:#fff;
	display:block;
	padding:12px 20px;
}
.header nav#menu_nav ul li img {
	vertical-align:middle;
		width:14px;
}
/*繝代Φ縺上★*/
#pan {
	padding:0 10px !important;
	height:30px;
}

/*LIST*/
#faq_list {
	padding:0 ;
}
#faq_list li{
	border-bottom:1px dotted #999;
	font-size:12px;
	
}
#faq_list li.gray {
	background:#fafafa;
}
#faq_list li a {
	display:block;
	padding:20px 40px 20px 40px;
	text-decoration:none;
	
	color:#727478;
	font-weight:bold;
	background:
	url(../images/sp/list_bg.png) no-repeat 10px 21px,
	url(../images/sp/list_bg2.png) no-repeat 97% 50%;
	background-size:19px 13px,
	20px 20px;

}
#faq_list li a:hover {
	background:
	url(../images/sp/list_bg.png) no-repeat 10px 21px,
	url(../images/sp/list_bg2.png) no-repeat 97% 50%;
}
/*DETAIL*/
#faq_list dt{
	border-bottom:1px dotted #999;
	margin-top:20px;
	padding:20px 20px 20px 50px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	background:#fafafa url(../images/sp/list_bg.png) no-repeat 20px 24px;
	background-size:19px 13px;
	
}
#faq_list dd {
	background:#fff url(../images/sp/a.jpg) no-repeat 20px 24px;	
	background-size:17.5px 12.5px;
	padding:20px 20px 20px 50px;
	line-height:175%;
}

}
@media only screen and (max-width: 350px) {
/* ==========================================================================
/* -- 繝｡繝九Η繝ｼ�定｡悟ｯｾ蠢
   ========================================================================== */	
.btn03 a{
	font-size:12px;
	display:block;
	background:url(../images/tablet/icon04.png) no-repeat 2% 50%;
	padding:12px 30px 12px 50px;
	background-size:30px;
	line-height:120%;
	display:table-cell;
	vertical-align:middle;
	}
}
/* End Mobile Media Query */
/* ==========================================================================
/* -- Print Layout
   ========================================================================== */
@media print {
  body {
    font-family: serif;
    /* Serif is easier to read offscreen */
    margin: 0.5cm;
  }
}
/* End Print Media Query */
.header {

}
.logo {
  margin: 14px 0 0 0;
  color: #fff;
  font-size: 32px;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
.logo .small {
  font-size: 11px;
  position: relative;
  top: -20px;
}
.logo:hover,
.logo:active,
.logo:visited {
  color: #fff;
}
.navigation {
  line-height: normal;
  padding-top: 12px;
}
.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.navigation ul li {
  float: left;
  margin-left: 10px;
}
.navigation ul li:first-child {
  margin-left: 0;
}
.navigation ul li a {
  text-transform: uppercase;
  color: #fff;
  padding: 8px 24px;
  border: 1px solid #d6511d;
  text-decoration: none;
  font-size: 12px;
}
.navigation ul li a.current {
  border-color: #fff;
}
.navigation ul li a:hover {
  border-color: #fff0ea;
}
.navigation ul li a:active {
  background-color: #ffc9b3;
  border-color: #ffc9b3;
  color: #222;
}
.content-inner {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 720px) and (max-width: 959px) {
  .navigation ul li {
    margin-left: 5px;
  }
  .navigation ul li a {
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 719px) {
  .header {
    padding-bottom: 0;
  }
  .header .container {
    padding: 0;
  }
  .logo {
    float: none;
    margin: 0 auto;
    display: inline-block;
    *zoom: 1;
    *display: inline;
  }
  .logo .small {
    font-size: 1em;
    position: static;
  }
  .nav-toggle {
    display: block;
    background-color: #fddfd3;
    text-align: center;
    color: #222;
    padding: 10px;
    text-decoration: none;
  }
  .nav-toggle:hover,
  .nav-toggle.active {
    background-color: #fff0ea;
  }
  .navigation {
    float: none;
  }
  .navigation ul li {
    float: none;
    margin-left: 0;
  }
  .navigation ul li a {
    color: #222;
    padding: 10px;
    display: block;
    font-size: 1em;
    text-transform: none;
    background-color: #fddfd3;
    border: 0;
  }
  .navigation ul li a:hover {
    background-color: #fff0ea;
  }
  .menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .showmobile.inline-block {
    display: inline-block;
    *zoom: 1;
    *display: inline;
  }
}