@charset "utf-8";

body {
	background:#EFEFEF url(../img/bg_body.png) repeat;
 
}
#wrap{
	position: relative;
	min-height: 100%;
}
header {
	line-height:1;
 border-bottom:1px solid #D5D5D5;
}
header:before,
header:after {
	display: table;
	content: " ";
}
header:after {"/Users/kitachico/Documents/Work/basicsyles.css"
  clear: both;
}


h1 {
	position: relative;
	margin:0 auto;
}
h1 a {
	position:absolute;
 display:block;
	z-index:1000;
	background:url(../img/logo.svg) no-repeat;
	width:240px;
	height:110px;
	top:36px;left:0;
	text-indent:-9999px;
	overflow:hidden;
}


@media (max-width: 767px) {
	h1 a {
	width:90px;height:41px;
	top:45px;left:5px;
	}
}



/*      nav      */

nav li,
nav li a {
	display:inline-block;
}


.gNav {
	padding:28px 0 16px;
	margin:0 auto;
}
.gNav:before,
.gNav:after {
 display: table;
 content: " ";
}
.gNav:after {
 clear: both;
}

.gNav ul {
	position: relative;
	float:right;
	margin:0;
}
.gNav ul li {
 margin:0 0 0 16px;
}
.gNav ul li a:before {
 display:block;
 width:70px;
	height:70px;
 content: " ";
  margin:0 0 4px;
}
.gNav ul li:nth-of-type(1) a:before{
	background:url(../img/g_home.svg) no-repeat;
}
.gNav ul li:nth-of-type(2) a:before {
	background:url(../img/g_lp.svg) no-repeat;
}
.gNav ul li:nth-of-type(3) a:before {
	background:url(../img/g_list.svg) no-repeat;
}
.gNav ul li:nth-of-type(4) a:before {
	background:url(../img/g_report.svg) no-repeat;
}
.gNav ul li a {
 font-size:.82em;line-height:1;
 text-align:center;
 color:#4E5D73;

}
.gNav a:hover,
.uNav a:hover {
	text-decoration:none;:
}


.uNav {
	position: relative;
	background:#4E5D73;
	padding:4px 0 0;
 min-height:23px;
}

.uNav ul {
	margin:0 auto;
	text-align:right;
	min-height:23px;
}
.uNav ul li {
	position: relative;
 display:inline-block;
	margin:0 0 0 12px;
}
.uNav ul li a {
	color:#E0E0D1;	color:#D0D3D8;
 font-size:.82em;line-height:1;
	margin:6px 0 0;
 padding:0 0 0 21px;
}
.uNav ul li a:hover {
	color:#fff;	color:#E0E0D1;	
}

.uNav ul li a:before {
	position:absolute;
 top:0;left:0;
 display:inline-block;
 width:20px;
	height:20px;
 content: " ";
}

.uNav ul li:nth-of-type(1) a:before {
	background:url(../img/n_faq.svg) no-repeat;
}
.uNav ul li:nth-of-type(2) a:before  {
	background:url(../img/n_account.svg) no-repeat;
}
.uNav ul li:nth-of-type(3) a:before {
	background:url(../img/n_login.svg) no-repeat;
}



/*
.uNav [class^="i-"] {
	display:inline-block;
	margin-top:-4px;
	vertical-align:middle;
	font-size:20px;
}

.gNav [class^="i-"] {
	display:block;
	color:#fff;
	font-size:40px;
}

.i-current {
	position:absolute;
	background:url(../img/arw_gnav.png) center bottom no-repeat;
	width:17px;height:8px;
	bottom:-20px;
	left:43.5%;
}

*/




@media (max-width: 767px) {
	.gNav ul li a {
		/*width:75px;*/
	}
}
@media (max-width: 480px) {
	.gNav {padding:8px 2px 8px 3px;}
	.gNav ul {margin:0 auto;padding:0;}
 .gNav ul li {
  margin-left:5px;
 }
	.gNav ul li a {
		width:48px;
  height:48px;
  overflow:hidden;
		font-size:.76em;

	}
 .gNav ul li a:before {
  width:48px;
 }
}
@media (max-width: 320px) {

 
 
}


/*    */

@media (max-width: 480px) {
	.uNavbar { display: none; }
	.uNavbar ul {
		padding:3px 0 0;margin:0;
		transition: all 0.4s ease 0s;
	}
	.uNavbar li {
		display:inline-block;
  float:none;		float:left;
		padding:5px 3px;
 }
 .uNav ul li a {
  font-size:.8em;
  margin:0;padding:0 0 0 1.5em;
  }
 .uNav ul li a:before {
  top:3px;left:0;
  display:inline-block;
  width:18px;
	 height:18px;
  content: " ";
 }
}




.uNav button {
	background:none;
	position: relative;
	float: right;
	margin:0 0 5px 7px;
	padding:3px;
	border: 1px solid rgba(255,255,255,.6);
	border-radius: 3px;
	cursor:pointer;
}
.uNav button:hover {background:none;}
.uNav button [class^="i-"] {
	font-size:18px;
	color:#fff;
}

@media (min-width: 480px) {
	.uNav button {
		display: none;
	}
}


/* h
----------------------------------*/
h2 {
	line-height:1;
	width:100%;
	font-size:1.6em;
	font-weight:500;
	margin:5px 0 10px;
	text-shadow: 1px 1px 3px rgba(255,255,255,.7);
}
h2:before,
h2:after {
  display: table;
  content: " ";
}
h2:after {
  clear: both;
}
h2 span {
	display:inline-block;
}
h2 span[class^="i-"] {
	margin:0;padding:0;
	display:inline-block;
	font-size:60px;
	line-height:1;
	vertical-align:middle;
	margin:-10px 3px 0 3px;
 color:rgba(94,113,139,.6);	color:rgba(186,185,173,.6);	
	text-shadow: 1px 1px 1px rgba(255,255,255,1) ;
}


/* ---------------------------------- */

.viewswitch {
	position: relative;
}
.viewswitch span {
	position: absolute;
	font-weight:normal;
	cursor:pointer;
	padding:5px;
}
/*
h4.viewswitch span,
h3.viewswitch span {
	color:#bbb;
	right:8px;
	top:5px;
	font-size:11px;
	padding-left:26px;
}
h4.viewswitch span.opened,
h3.viewswitch span.opened {}
h4.viewswitch span.closed,
h3.viewswitch span.closed {}
*/




/* columns structure
----------------------------------*/
.container { /*border:1px solid #fff;*/
  padding-right: 2px;
  padding-left: 2px;
  margin-right: auto;
  margin-left: auto;
}
.container:before,
.container:after {
  display: table;
  content: " ";
}
.container:after {
  clear: both;
}
.row {}
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}


/* 
----------------------------------*/

.innerwap {
	padding:2em 0 ;
}
@media (max-width: 767px) {
.innerwap {
	padding:2em 10px ;
}
}

.col-one {
	background:#fff;
	padding:2em;
	width: 100%;
 border:3px solid #ddd;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

/* 
----------------------------------*/

.affid,
.affatt,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
  position: relative;
  min-height: 1px;
}


@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
  .affid,
  .affatt,
  .col_2,
  .col_3,
  .col_4,
  .col_5,
  .col_6,
  .col_7,
  .col_8,
  .col_9,
  .col_10,
  .col_11 {
    float: left;
  }

  .col_f_make {
   width: 94%; width: 100%;
  }
  .affid {
    width: 45%;    width: 50%;
  }
  .affatt {
   width: 55%;    width: 50%;
  }
  .col_2 {
    width: 16.666666666666664%;
  }
  .col_3 {
    width: 25%;
  }
  .col_4 {
    width: 33.33333333333333%;
  }
  .col_5 {
    width: 41.66666666666667%;
  }
  .col_6 {
    width: 50%;
  }
  .col_7 {
    width: 58.333333333333336%;
  }
  .col_8 {
    width: 66.66666666666666%;
  }
  .col_9 {
    width: 75%;
  }
  .col_10 {
    width: 83.33333333333334%;
  }
  .col_11 {
    width: 91.66666666666666%;
  }
  .col_12 {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
  .affid,
  .affatt,
  .col_2,
  .col_3,
  .col_4,
  .col_5,
  .col_6,
  .col_7,
  .col_8,
  .col_9,
  .col_10,
  .col_11 {
    float: left;
  }
  .affid {
    width: 45%;    width: 50%;
  }
  .affatt {
   width: 55%;    width: 50%;
  }
  .col_2 {
    width: 16.666666666666664%;
  }
  .col_3 {
    width: 25%;
  }
  .col_4 {
    width: 33.33333333333333%;
  }
  .col_5 {
    width: 41.66666666666667%;
  }
  .col_6 {
    width: 50%;
  }
  .col_7 {
    width: 58.333333333333336%;
  }
  .col_8 {
    width: 66.66666666666666%;
  }
  .col_9 {
    width: 75%;
  }
  .col_10 {
    width: 83.33333333333334%;
  }
  .col_11 {
    width: 91.66666666666666%;
  }
  .col_12 {
    width: 100%;
  }
}


/*--- table 
----------------------------------------------------*/
table {
	width:100%;
	margin:0 auto 24px;
	/*box-shadow:0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);
		-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);*/
  
}
th {
	letter-spacing:0.1em;
	font-size:1em;
	color:#fff;
	font-weight:400;
	text-align:center;
	vertical-align: middle;
	padding:8px 8px 6px;
	margin-bottom:7px;
	border-right:1px solid rgba(255,255,255,.2);
	border-bottom:1px solid rgba(255,255,255,.2);
	background: #4E698C;
}

	th:last-child {
	border:none;
	border-bottom:1px solid rgba(255,255,255,.2);
}
td {
	vertical-align: top;
	padding:10px 16px 7px;
}
td:last-child { border:none;}
tbody tr:nth-of-type(odd)  {
	background: #FFF;
}
tbody tr:nth-of-type(even)  {
	background: #EFF0F1;
}
th.txt_l,
td.txt_l {padding:9px 15px 7px;}
tfoot tr {}
tfoot td {
	padding:8px 16px 6px;
	color:#fff;
	background: #4E698C;
}

tfoot td:last-child {
	border-right:1px solid rgba(255,255,255,.6);
}



/* col_f_make
----------------------------------*/

.col_f_make {
	background:#fff;
	margin-bottom:1.5em;
	padding:24px 24px 12px;
}

@media (max-width: 320px) {
.col_f_make {
	padding:24px 12px 12px;
	margin-left:-10px;
	margin-right:-10px;
	}
}

.line_b {
	border-bottom:3px solid #ddd;
}

.col_f_make .row {
	border-bottom:3px solid #ddd;
	padding:3px;
}

.col_f_make .row:last-child {border:none;}

.col_f_make .col_6,
.col_f_make .col_12 {
	padding:15px 2px;
 margin-bottom:1em;
}
.col_f_make .col_12 {
	padding-top:15px;
}

@media (min-width: 767px) {
	.col_f_make .col_6.line_l {
		padding-left:15px;	
		border-left:3px solid #ddd;
  min-height:210px;
	}
	.col_f_make .col_6.line_r {
		padding-right:15px;
		border-right:3px solid #ddd;
	}
}




/* f_make h2
----------------------------------*/

h2.fmake {
	display:inline-table;
	margin-bottom:-14px;
}
h2.fmake span.fl_r {
	display:inline-block;
	font-size:.62em;
	margin-top:14px;
	padding-top:5px;
}

h2.fmake span[class^="i-"] {
	margin-right:10px;
}

.col_f_make h3 {
	font-size:1em;	font-size:18px;
/*	color:#475F7F; color:#000; color:#24548C;color:#4FA890;	color:#3E85B7;color:#62BDA4;*/
 color:#4E698C;
	font-weight:normal;
	margin-bottom:1.5em;
	margin-top:3px;
}



.col_f_make [class^="i-num"] {
	display:inline-block;
	font-size:24px;
	color:#fff;
	background:#475F7F;
	-webkit-box-shadow:0 0 5px rgba(42,57,76,.9) inset;
		-moz-box-shadow:0 0 5px rgba(42,57,76,.9) inset;
			box-shadow:0 0 5px rgba(42,57,76,.9) inset;
	margin:-3px 8px 0 0;
	padding:3px 2px 1px;
	vertical-align:middle;
}



.col_f_make .noaffset {
	background:#fff;
	opacity:0.3;
	cursor:not-allowed;
}
.col_f_make .noaffset input[disabled]{
	cursor:not-allowed;
}
.col_f_make .noaffset .affatt a {
	cursor:not-allowed;
	text-decoration:none;
}



.col_f_make + .btnarea {
	margin-top:20px;
	text-align:center;
}
.col_f_make + .btnarea .btn {
 padding:1em 2em;

}





/* form
----------------------------------*/

form {/*border:1px solid #ccc*/}

form dl dt,
fieldset legend,
label {
	clear:both;
	float:left;
	width:10em;
	font-weight:bold;
}
fieldset legend,
label {
	margin: 6px 5px 0 0;
	padding:0 5px;
	font-size:13px;
}
select,
input,
textarea {
	width:254px;
}

select {
 width:auto;
	max-width:300px;
}

/*
@media (max-width: 767px) {
	input,
	textarea {
	font-size:16px;
	}
}*/




input.checkbox,
input[type="checkbox"],
input.radio,
input[type="radio"]{
	width:auto;
	vertical-align : middle;
	margin:-5px 3px 0 0;
	padding:0;
	border:0;
	box-shadow:none;
}
input.checkbox,
input[type="checkbox"] {
	margin-right:5px;
}

.radio label,
.checkbox label,
input + label,
checkbox + label {
	display: inline;
	float:none;
	padding:0;
	font-weight:normal;
}
.radio,
.checkbox {
  margin: 5px 0 10px;
}

input.file,
input[type="file"]{
	font-size:0.96em;
	box-shadow:none;
	border:0;
	color:#999;
}

.widauto {width:auto;}
.widmin {width:50px;}
.widnum {width:74px;}
.widdef {width:360px;}

form dl dt {padding:7px 5px 2px;}
form dl dd {color:#000;
	float:left;
	width:256px;
	margin: 0 0 8px;
	padding:6px 7px;
	background:#fafafa;
	border-radius:3px;
	border:1px solid #ddd;
	min-height:20px;
}

/*
input[type="text"][readonly]:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 204, 0, 0.6);
}
*/

input[type="email"][readonly] {
	background:#f5f5f5;
	box-shadow:none;
}
input[type="email"][readonly]:focus {
	box-shadow:none;
	border-color:#ccc;
}


/*    btnarea  */

.btnarea button,
.btnarea a.btn,
.btnarea input[type="submit"],
.btnarea input[type="reset"],
.btnarea input[type="button"]{
	margin:0 8px 10px;
}

.f_note {
	display:block;
	font-size:11px;
	line-height:1.4;
	color:#666;
	margin-top:-5px;
	padding:0 0 10px 12em;
}



@media screen and (max-width: 992px) {
	form .f_note {
		padding-left:0;
	}
}
@media screen and (min-width: 494px) and (max-width: 767px) {
	form .f_note {padding:0 0 0 12em;}
}



/* make
----------------------------------------------------*/

#stand_url_block .f_note span{
	color:#f60;
}
.bkmalmag {
	margin:15px 0 0;
	padding:15px 0 0;
	border-top:1px dotted #ddd;
}
.bkmalmag label {
	float:none;
	width:100%;
}


#lpselect .row {
 border-bottom:none;
}
#lpselect .col_6 {
 margin-bottom:0;
}
#lpselect ul {
 margin:4.5em 0 0; 
}
@media (max-width: 767px) {
#lpselect ul.col_6 {
   margin:-2em 0 0;
 }
}
@media screen and (min-width: 768px) and (max-width: 991px){
#lpselect ul.col_6 {
  margin:6.5em 0 0;
 }
}

#lpselect dl {
 margin:0 0 1em;
 padding:0;
 border-bottom:1px solid #ddd;

}
#lpselect dt,
#lpselect dd {
 padding:0;margin:0;
 width:auto;
}

#lpselect dt {
 font-size:1em;
}
#lpselect dt label{
 margin-left:3px;
}

#lpselect dd {
 background:none;
 border:none;
 margin:3px 0 0 8px;

 font-size:.96em;
 line-height:1;

}

#lpselect dd a [class^="i-"]{ 
 display:inline-block;
 font-size:16px;
 margin:-5px 0 0 5px;
}




#lpselect .explanation_cap { 	position: relative;
	width:100%;margin:-3px auto 1.5em;
	position: relative;
	font-size:.9em;
	padding:1.5em 1.5em .5em;
	background:  rgba(227,236,247,.5);
	border: 2px solid #E3ECF7;
		-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
#lpselect .explanation_cap:after,
#lpselect .explanation_cap:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#lpselect .explanation_cap:after {
	border-color: rgba(240, 245, 250, 0);
	border-bottom-color: #F0F5FA;
	border-width: 12px;
	margin-left: -12px;
}
#lpselect .explanation_cap:before {
	border-color: rgba(227, 236, 247, 0);
	border-bottom-color: #E3ECF7;
	border-width: 15px;
	margin-left: -15px;
}

@media (min-width: 768px) {
 #lpselect .explanation_cap {
	 margin-top:1em;
	}
 #lpselect .explanation_cap h4 {
  clear:both;
	}
}

/*   */


.col_f_make + ul.txt_r  li {
 margin-bottom:.5em;
}




.t_link [class^="i-"] {
	margin:-2px 2px 0;
	font-size:16px;
}
.t_link:hover [class^="i-"] {
	text-decoration:none;
}




/*  report  */

.csvdl {
	margin:13px 0 41px;
	font-size:.96em;
	padding:1em 1em 1.2em;
}
.csvdl h4 {
	margin:0;
	padding:0.5em 0;
	font-size:13px;
}
.csvdl a {
	margin:-2px auto 5px;
}
.csvdl .btn {
 padding:.7em 2em;
}
.csvdl a [class^="i-"] {
 font-size:14px;
 padding-right:5px;
 margin-top:-4px;
}



table.repo {
	/*max-width:480px;*/
}


table.repo td {
	padding:;
}


table.repo td:nth-of-type(even) {
	text-align:right;
}


.arrow_box {/*	text-align:center;float:left;*/
	position: relative;
	background: rgba(255,255,255,.3) ;
	/*border: 4px solid #7D8DA3;*/
 border: 4px solid #ddd;
	padding:2em 1.5em;
	margin:0 0 20px;
	width:90%;
	  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
	/*-webkit-box-shadow:0 0 3px rgba(94,113,139,.7) inset;
		-moz-box-shadow:0 0 3px rgba(94,113,139,.7) inset;
			box-shadow:0 0 3px rgba(94,113,139,.7) inset;*/
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	/*border-left-color: #7D8DA3;*/
 border-left-color: #ddd;
	border-width: 20px;
	margin-top: -20px;
}
.arrow_box:before {
	border-color: rgba(108, 136, 173, 0);
	/*border-left-color: #7D8DA3;*/
 border-left-color: #ddd;
	border-width: 26px;
	margin-top: -26px;
}

.arrow_box fieldset {/*border:1px solid #ccc;*/
	margin:0 auto;padding:0;
}
.arrow_box fieldset {margin:0;padding:0;}
.arrow_box form label,
.arrow_box form fieldset legend {
	width:7em;
}
.arrow_box select:first-child {
	width:280px;
}

.arrow_box form .btnarea {
	margin:0 auto;padding:0;
/*	position: relative;*/
}
.arrow_box form .btnarea .btn {
	margin:0;
	float:right;
	padding:20px 30px;
	margin-right:10px;
}

@media (max-width: 767px) {
	.arrow_box { width:100%;}
	.arrow_box:after, .arrow_box:before {border:none;}
	.arrow_box .col_10 { float:left;}
	.arrow_box form fieldset legend {width:3.5em;}
	.arrow_box form .btnarea .btn {margin-right:0;}
/*	table.repo {	position: absolute;top:360px;}
	.csvdl {position: absolute;top:0;}
	.arrow_box { position: absolute;top:150px;}*/
}

@media (max-width: 480px) {
	.arrow_box { 
		width:100%;
	}
	.arrow_box:after, .arrow_box:before {
		border:none;
	}
	.arrow_box fieldset { 
		margin-bottom:10px;
	}
	.arrow_box .select:first-child select { 
		width:240px;
	}
	.arrow_box .btnarea {
		clear:both;
		margin-top:20px;
	}
	.arrow_box form .btnarea .btn {
		width:100%;
		padding:12px 16px 10px;
	}
	.csvdl {
		top:0px	
	}
}




/* form_list view_container
----------------------------------------------------*/

#f_list .viewswitch {
	margin:0 auto;
	padding: 12px 1em 10px;
	font-weight:normal;
	cursor:pointer;	cursor:default;
 border-width:3px;
 border-style:solid;
 border-color:#ddd transparent transparent transparent;
 border-bottom:none;
 background:rgba(255,255,255,.3) ;
	color:#000;
}

#f_list .viewswitch h3 {
	margin:0;padding:0;
	float:left;
	margin:5px 0 3px;
	border:none;
	background:none;
	padding:0 0 2px;
	font-weight:normal;
}

#f_list .viewswitch:hover {
 background:#fff ;

}
#f_list .viewswitch.open {
	background: rgba(0,26,60,.6) ;		
 /*border:3px solid rgba(0,26,60,.1);*/
 border:3px solid #ddd;
 border-bottom:none;
}

#f_list .viewswitch.open {
 color:#fff;
}



#f_list .viewswitch ul {
	display:inline-block;
	margin:5px 0 3px;
	padding:0;
	border:none;
	background:none;
}
#f_list .viewswitch li {
	/*float:left;*/
	border:none;
	background:none;
	margin:0 16px 0 0;
	padding:0 ;
}

#f_list .viewswitch li div.i-name {
	display:inline-block;
 width:4em;
 text-align:center;
	background:rgba(0,26,60,.65);
	border-radius: 2px;
	color:#fff;
	font-size:.9em;
	padding:3px;
	margin:2px 7px 2px 0;
}






#f_list .viewswitch [class^="i-"]  {
	display:inline-block;
	font-size:1em;
	color:#FFF;
	vertical-align:middle;
}
#f_list .viewswitch div {position: relative;}
#f_list .viewswitch div span {position: absolute;}
#f_list .viewswitch div span.closed,
#f_list .viewswitch div span.opened {
	margin:5px 0;
	padding:0;
	display:inline-block;
	font-size:.9em;

}


#f_list .viewswitch div span.opened [class^="i-"],
#f_list .viewswitch div span.closed [class^="i-"]  {
	margin:-3px 2px 0 0;
}

#f_list .viewswitch div span.closed,
#f_list .viewswitch div span.closed [class^="i-"] {
 color:#76C2AF;
}
#f_list .viewswitch div span.opened,
#f_list .viewswitch div span.opened [class^="i-"] {
 color:#F5CF87; color:#76C2AF;
}
#f_list .viewswitch div span.opened:hover,
#f_list .viewswitch div span.opened:hover [class^="i-"],
#f_list .viewswitch div span.closed:hover,
#f_list .viewswitch div span.closed:hover [class^="i-"] {
	color:#C75C5C;
}

#f_list .viewswitch .tools {
	margin:0;
	float:right;
}
#f_list .viewswitch .tools li {
 float:left;
	margin:0 0 0 8px;
}
#f_list .viewswitch .tools li a {
 display:block;
	padding:3px 6px;
	background:#5E718B;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
#f_list .viewswitch.open .tools li a:hover,
#f_list .viewswitch .tools li a:hover {
	background:#C75C5C;
}

#f_list .viewswitch.open .tools li a {
	/*background:#C75C5C;background:#F5CF87;*/
 background:#fff;

}

#f_list .viewswitch.open .tools li a [class^="i-"] {
 color:#4B5B70;
}
#f_list .viewswitch.open .tools li a:hover [class^="i-"] {
 color:#fff;
}






/*
--------------------------------------------*/
/*  view_container  */

#f_list .view_container {
 background: rgba(255,255,255,1) ;	
	position: relative;
 /*border:3px solid rgba(0,26,60,.35) ;*/
 border:3px solid #ddd;
 border-top:none;
	margin:0 0 .5em;
	padding:1.5em;
}



span.i-stand {
	display:inline;
	color:#039;color:#F5CF87;
	padding:3px 5px;
	margin:2px 7px 2px 0;
}
span.i-id {
	display:inline-block;
	background:#BDBCAD;	background:#F5CF87;background:#76C2AF;
	border-radius: 2px;
	color:#036;color:#fff;
	font-size:.9em;
 font-weight:600;
	padding:3px 5px;
	margin:5px 7px 2px 0;
}

#f_list .view_container ul {
	margin-bottom:20px;
	padding:12px 0;
	/*border-bottom:1px dotted #ABC1DC;*/
}
#f_list .view_container ul li {
	width:auto;
	float:left;
	margin:0 1.5em 0 0;
	padding:0 0 3px;
	color:#000;
}

#f_list .view_container dl {
	margin:0 0 .5em;
	padding:.5em 0 12px;
	border-bottom:1px dotted #bbb;
}
#f_list .view_container dl:last-child {
	border-bottom:none;
}



#f_list .view_container .afid dt,
#f_list .view_container .stand dt,
#f_list .view_container .stand dd {
	margin-top:10px;
}
#f_list .view_container .afid dd {
	margin-top:5px;
}

#f_list .view_container .stand dd {
	float:left;
	margin-right:20px;

}
#f_list .view_container .stand dd ul {
	border:none;
	padding:0;
	margin:-5px 0 0;
}
#f_list .view_container .stand dd ul li {}
#f_list .view_container .stand dd.magon {
	float:right;
	margin-right:0;
}

#f_list .view_container dt {
	clear:left;
	float:left;
	margin-bottom:5px;
	color:#4B5B70;
	width:10em;
}
#f_list .view_container dd {
	margin-bottom:5px;
}
dd.magon span {
	display:inline-block;
	color:#4B5B70;
	font-weight:bold;
	margin-right:5px;
}


dd.magon [class^="i-"] {
	font-size:18px;
	/*color:#C75C5C;*/
 color:#F5CF87;
	margin:-2px 0 0 2px;
}

dd.magon [class^="i-"].gry {
	color:#CCC;
}



/*    dlurl DL URL   */



#f_success .dlurl,
#f_list .view_container .dlurl {
	/*border:none;*/
	padding:0;
}
.dlurl dt:first-child{margin-top:12px;}
#f_success .dlurl dt,
#f_list .view_container .dlurl dt {
	float:none;width:auto;
}

#f_success .dlurl dd:nth-of-type(even),
#f_list .view_container .dlurl dd:nth-of-type(even){
	text-align:right;
	padding:3px 0;
	font-size:.9em;
}

#f_success .dlurl dd:nth-of-type(even) [class^="i-"],
#f_list .view_container .dlurl dd:nth-of-type(even) [class^="i-"]{
	font-size:24px;
	padding-right:3px;
	margin-top:-2px;
}
#f_list .view_container dd a {
	text-decoration:none;
 color:#76C2AF;
}
#f_list .view_container dd a:hover {
	color:#76C2AF;	
}

#f_success dd textarea[readonly],
#f_list .view_container dd textarea[readonly] {
	overflow:hidden;
	width:100%;
	height:28px;
}
@media (max-width: 479px) {
	#f_list .view_container dd textarea[readonly] {
		height:auto;
  }
	#f_list .view_container .i-id {
		width:15.5em;
  }
}



/*    f_success DL URL   */

#f_success dl.dlurl {
	/*margin:30px 0 0;
	border-bottom:3px solid rgba(227,236,247,.8);
	padding:15px 0 30px;*/
}

#f_success dl.dlurl dt {
	font-size:1.2em;
	margin-bottom:7px;
}










/* footer
----------------------------------*/

footer {
 border-top:1px solid #D5D5D5;
  -webkit-box-shadow: inset 0 1px 0 #fff;
     -moz-box-shadow: inset 0 1px 0 #fff;
          box-shadow: inset 0 1px 0 #fff;
	text-align:center;
	padding:5px 0 0;
}
footer ul.fNav {
	margin:0;
}
footer li {
	margin:2px 0 4px;
	padding:0 10px;
	display:inline-block;
	/*border-right:1px solid rgba(0,0,0,.5);*/
}

/*footer li:first-child {border-left:1px solid rgba(0,0,0,.5);}*/

footer li a {
	color:#2C3858;
	font-size:1em;
}
/*
footer li  [class^="i-"] {
	display:inline-block;
	margin-top:-2px;
	vertical-align:middle;
	color:#2C3858;
	padding-left:2px;
	font-size:16px;
}
*/
footer p.copyright {
	margin:3px;
	color:#4E698C;	color:#888;
	font-size:.82em;
}


@media (max-width: 479px) {
	#contents {
	padding:0 0 80px;
	}
	footer {border:none;
		height:80px;
	}
	footer p.copyright {
	font-size:.8em;
	}
}
/*
footer.logout {
	height:26px;
}*/





/* LOGIN reminder signup 
----------------------------------------------------*/
#plain {
	margin-top:-15px;
	margin-left:-15px;
	margin-right:-15px;
 padding-top:4em;
}

#plain.gv {
	margin-top:-5em;
}

@media (min-width: 768px) {
	#plain {
	margin-top:4em;
	}

}

#plain .required:after {
	top:18px;
}
.login .required:after{
	content: '';
}

#plain h2 { 
	margin:.5em auto -14px;
	text-align:center;

}



.box { 
	position:relative;
	padding:2.2em 1.5em 2em;
	margin:1em auto 2.5em;
	background:#fff;
 border:3px solid #ddd;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}



#plain h2 {
	width:300px;
	padding:1em .5em .7em;
}
#plain .box { 
	width:300px;	/*width:24em;*/
}

#plain .box dl {
	margin:0;padding:0;
}
#plain .box dt,
#plain .box label {
	float:none;
	display:block;
	margin:.5em 0;
	padding:0;
}
#plain .box dd {
	margin:0 0 1.2em;
}
#plain .box dd:last-child {
	margin:0 0 .5em;
}


#plain .btnarea {
	width:254px;
	margin:0 auto;
	padding:0;
	text-align:center;
	margin-left:0;
}
#plain .btn,
#plain button {
	padding:10px 30px;
	margin:15px 2px 8px;
}

#plain form .error-message {
	padding:2px 0 0;
}

#plain .message,
#plain .alert,
#plain .alert-success,
#plain .alert-danger,
#plain .alert-error {
	margin:2.5em auto 20px;
}

#plain .f_note {
	/*display:inline-block;*/
	padding-left:0;
}

#plain .f_note .uline {
	padding-top:0;
	border-bottom:1px solid #999;
}
#plain form .required:after { 
 	top:15px;right:-5px;
}

.reminderlink,
.browser {
	width:300px;
	margin:0 auto 20px;
 text-align:center;
}
.browser {
	margin:80px auto 20px;
}
@media (max-width: 767px) {
 .browser {
  display:none;
 }
}

.browser p {
	margin:8px 0 12px;
	font-size:.9em;
}


.browser a {
	display:inline-block;
 width:40px;
	height:40px;
 text-indent:-9999px;
 margin:0 4px;

}
.browser a:nth-of-type(1)  {
	background:url(../img/c_chrome.svg) no-repeat
}
.browser a:nth-of-type(2) {
	background:url(../img/c_safari.svg) no-repeat
}
.browser a:nth-of-type(3) {
	background:url(../img/c_firefox.svg) no-repeat;
}
.browser .ie a {
	background:url(../img/c_ie.svg) no-repeat;
 width:22px;
	height:22px;
 vertical-align:bottom;
}


/*
.browser a [class^="i-"] {
	display:inline-block;
	vertical-align:middle;
	font-size:36px;
	color:#151C26;	color:#fff;
	text-shadow: -1px -1px 3px rgba(57,76,102,.5);
}
.browser .ie a [class^="i-"] {
	font-size:20px;
	vertical-align:middle;
	margin-top:-1px;
}

.reminderlink [class^="i-"] {
	font-size:16px;
	padding-left:2px;
	margin-top:-2px;
}


*/



/* TOP
----------------------------------------------------*/
#top .col_4 {
	float:right;

}
#top .col_8 { 


}


#top .col_8 h2 {
	margin:0;
	padding:1em 0 .5em;
 border-bottom:3px solid #ddd;
}

#top .col-one {
	padding:0 1em;
	margin:0 0 2em;
}

/*  */
#top .mcol li {
	position:relative;
	display:block;
	border-bottom:3px dotted #ddd;
	margin:1em 0;
}
#top .mcol li:hover {
	background:#f7f7f7;
}

#top .mcol li a:before {
	display:block;
	position:absolute;
	top:26%;right:-8px;
	font-family: 'lpkun';
	content: "\e64c";
	color:#ddd;
	font-size:56px;
	font-weight: normal;
	line-height: 1;
}
#top .mcol a {
	display:block;
	color:#000;
 padding:1em .5em 1em;

}
#top .mcol li:last-child {border:none;}
#top .mcol a:hover {
	text-decoration:none;
}

 
#top .mcol li .col_txt {
	width:78%;
	float:left;
 padding:1em 0 ;
}
#top .mcol li .col_ico {
	width:22%;	
	float:left;
 
}


#top .mcol li .col_ico  [class^="i-"] {
	display:block;
 width:96px;
 height:96px;
 background:#4D5D74;
    -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
 color:#fff;
 padding:24px 0 0;
}



#top .mcol h3 {
	font-size:1em;	font-size:21px;
	color:#24548C;	color:#62BDA4;
	font-weight:normal;
	line-height:1.4em;
	margin-bottom:.5em;
	margin-top:3px;
}

#top .mcol [class^="i-num"] {
	display:inline-block;
	font-size:24px;
	color:#fff;
	background:#475F7F;
	-webkit-box-shadow:0 0 5px rgba(42,57,76,.9) inset;
		-moz-box-shadow:0 0 5px rgba(42,57,76,.9) inset;
			box-shadow:0 0 5px rgba(42,57,76,.9) inset;
	margin:-7px 5px 0 0;
	padding:3px 2px 1px;
	vertical-align:middle;
}
#top .mcol ul p {
	color:#444;
	font-size:1.1em;
	line-height:1.5em;
}
#top .mcol .step p {padding-left:2.3em;}
#top .mcol ul p .uline {
	padding-top:1px;
	border-bottom:1px solid #888;
}

#top .mcol .wf {
	text-align:center;
}

#top .mcol .wf [class^="i-"] {
	font-size:48px;
	display:block;
}
#top .mcol .wf span {
	font-size:.84em;
	line-height:100%;
	color:#888;
	white-space:nowrap;
 margin-right:40px;
}



#top .mcol li:nth-of-type(2) .wf [class^="i-"] {
	padding-right:10px;
}

#top .mcol .tnav li .col_ico  [class^="i-"] {
 background:none;
	font-size:96px;
 color:#475F7F;
 padding:0 0 0;
}



#top .mcol .tnav a {

}

#top .mcol .tnav .wf div,
#top .mcol .tnav .wf div span,
#top .mcol .tnav .wf [class^="i-"] {
	margin-bottom:0;
}
#top .mcol .tnav .wf [class^="i-"] {
	padding-right:4px;
 }





/*  ::::::::::*/
@media (max-width: 479px) {
	#top .mcol li .col_txt {
		width:80%;		width:95%;
	}
	#top .mcol li .col_ico {
		width:20%;display:none;
	}
 
  /*
	#top .mcol .tnav li .col_txt {
		float:right;
	}

	#top .mcol .tnav li .col_ico {
		float:right;
	}*/
	#top .mcol h3 {
		font-size:16px;
	}
	#top .mcol .wf {
		text-align:right;
		padding-right:5px;
	}

 #top .mcol li .col_ico  [class^="i-"] {margin:0;padding:0;
  width:40px;
  height:40px;
  padding:7px 10px 0 0;
 }

 #top .mcol .tnav li .col_ico  [class^="i-"] {
  font-size:40px;
 }
	#top .mcol .wf [class^="i-"] {
		font-size:32px; 
	}

 
	#top .mcol .wf span {display:none;}
	#top .mcol li a:before {
		font-size:32px;
		top:40%;
	}
	#top .mcol a {
		padding:1em .5em;
	}
	#top .mcol ul p {
		font-size:.9em;
		line-height:1.5em;
	}
	#top .mcol .step p {padding-left:0;}
}





/*         */

#information.box {
	width:21.5em;
	padding:0;
	margin:0 1em 0 0;
 border:none;
 background:none; 
 -webkit-box-shadow:none;
	-moz-box-shadow:none ;
	box-shadow:none;
   -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

#information h2{
 margin-top:1.5em;
	font-size:1.2em;
}
#information h2 [class^="i-"] {
 color: #000;
	text-shadow:none;
	font-weight:normal;
	font-size:26px;
	margin:-5px 0 0 4px;color:#C75C5C;
}


#information dl{
	padding:0;
 border-top:1px solid #ccc;
 border-bottom:1px solid #fff;
}
#information dt{
	float:none;
	padding:.5em 0 .3em;
	font-size:1em;
	color:#555;
 border-top:1px solid #fff;
}
#information dd{
	margin: 0;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;

}

/*
#information dd:nth-of-type(even)  {
	background: #EFF0F1;
}*/


@media screen and (max-width: 992px) {
	#top .col_4 {
		float:none;
		padding:0;
	}
	#information.box {
		width:100%;
		padding:0 1.5em 1em;
	}
	#top .col_8 {
		float:none;
		width:100%;
	}
}
@media screen and (max-width: 767px) {
 #information h2{
  margin-top:0;
 }
 #top .col_8 {
  padding:0 10px;
 }
 
 
}


/* info_detail  */
#info_detail dt {
	position: relative;
	margin:0.2em auto 1em ;
	padding:8px 3px 6px;
	line-height:1;
	font-size:14px;
	color: #9C1483;	color: #026acb;	color: #000;
	border-bottom:3px solid rgba(227,236,247,.8);
	border-bottom:3px solid #eee;
	border-top:3px solid #eee;
	background:#fafafa;
}
#info_detail dt span {
	position: absolute;
	display:inline-block;
	right:8px;
	font-size:0.9em;
	font-weight:normal;
	color:#24548C;
}
#info_detail dd {
	padding:1em 0;
}
#info_detail + div  [class^="i-"] {
	font-size:16px;
	margin:-2px 2px 0 -2px;
}




/* MY account
----------------------------------------------------*/
#myaccount {
	padding:25px;
}
@media (max-width: 320px) {
	#myaccount {
	padding:12px;
	}
}
#myaccount .row .col_6 {
	padding:0;
}

#myaccount h3 {
	margin:0 auto 2em;
	padding:.6em .5em .5em;
	background:#6C88AD url(../img/bg_body.png) repeat;
	/*background:#CDDAEA;*/
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	color:#fff;
	font-size:1.1em;
	text-shadow:none;
	font-weight:normal;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.1) inset;
	-moz-box-shadow:0 0 3px rgba(0,0,0,.1) inset;
	box-shadow:0 0 3px rgba(0,0,0,.1) inset ;
	color:#006;	color:#4E698C;
}





#myaccount .row {
	padding-bottom:2.5em;
}

#myaccount .row:last-child {
	border:none;
	padding-bottom:0.5em;
}
#myaccount + .btnarea {
	margin-top:20px;
	text-align:center;
}

#appname1 input {
	width:82%;
}

#appname1 + div.error-message {
	clear:left;
	float:left;
	margin:0 0 10px;
	padding:3px;
}
@media screen and (max-width: 767px) {
#appname1 + div.error-message {
		float:none;
	}
}

#appname1 button.minusBtn {
	margin:0 5px;
	padding:3px 8px;
}






#myaccount .col_3 button.plusBtn {
	margin:0 10px 0 0;
	float:right;
}
@media screen and (max-width: 767px) {
	#myaccount .col_3 button.plusBtn {
		margin:0;
		float:none;
	}
}
#myaccount > button [class^="i-"] {
	margin-left:-6px;
	margin-right:2px;
	font-size:14px;
}



@media (max-width: 320px) {
	#appname1 span.orange {
		width:15%;
		float:right;
		font-size:.9em;
		word-break:break-all;
		margin:0;padding:3px 0 0;;
		line-height:1.4;
	}

}







/* confirm  */
#myaccount .msg {
	padding-top:10px;
}
#myaccount .col_6:first-child {
	border-right:1px dotted #ccc;
}
#myaccount .col_6:nth-of-type(2) {
	padding-left:20px;
}
#myaccount dl {
	padding-bottom:20px;
}
#myaccount .id_box dt {
	width:16em;
}
#myaccount dd {
	min-height:32px;
}
#myaccount .id_box dd {
	width:178px;
}
@media screen and (max-width: 479px) {
	#myaccount .col_6:first-child {
		border:none;
	}
}







/* affID
----------------------------------------------------*/
.affid label{
	width:15.5em;
}
.affid input {
	width:100px;
	margin-right:5px;
}
.affid .popover img {
	width:470px;
}
.affid [class^="i-"] {
	font-size:23px;
	color: #ddd;
	cursor:pointer;
}
.affid [class^="i-"]:hover,
.affid a:hover {
	text-decoration:none;
	color: #026acb;
}

.affatt {
	border:none;
	border-left:1px dotted #ccc;
	padding-left:20px;
	font-size:.88em;
}
@media screen and (max-width: 767px) {
	.affatt {
		border:none;
		border-top:1px dotted #ccc;
		padding-left:0px;
		padding-top:20px;
		font-size:.88em;
	}
}


.affatt h4 {
	color: #026acb;color: #C75C5C;
	font-size:14px;
	padding:0 0 10px 0;
}
.affatt [class^="i-"] {
	font-size:20px;color: #C75C5C;
	display:inline-block;
	margin-top:-4px;
}







/*--- FAQ
------------------------------------------------------------------------------------*/
#faq h3 {
	margin:15px auto 0;
	padding:9px 1em 7px;
 background: rgba(0,26,60,.6) ;
	border-top:1px solid #4E698C;
	border-bottom:1px solid #4E698C;
	color:#fff;
	font-size:1.2em;
	text-shadow:none;
	font-weight:normal;
}
#faq h3:first-child {
	margin-top:0;
}


#faq [class^="i-"] {
	font-size:18px;
	margin:-2px 5px 0 0;
	padding:1px 0 0 2px;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
#faq dt [class^="i-"] {
	color:#4E698C;
	padding:1px 0 0 1px;
	background:#ABC1DC;
	border:1px solid #6C88AD;
}
#faq dd [class^="i-"] {
	color:#fff;
 padding:1px 0 0 1px;
	background:#C75C5C;
	border:1px solid #C75C5C;
}
#faq dt {
	clear:left;
	margin:-1px auto 0;
	padding:10px 1em 8px;
	color:#000;
	font-size:1.1em;
	font-weight:normal;
	cursor:pointer;
	background: rgba(255,255,255,.9) ;
	border-top:1px solid rgba(171,193,220,.9);
 	border-top:1px solid #ddd;
}
#faq dd {
	position: relative;
	background: rgba(255,255,255,.9) ;
	border-bottom:1px solid #ddd;
	border-top:none;
	margin:0 0 .5em;
	padding:10px 1em 8px;
	display:none;
	line-height:1.6em;
}
#faq dt span,
#faq dd span {
	float:left;
	display:inline-block;
	width:22px;
}
#faq dt p,
#faq dd p {margin:0 0 0 30px;}
#faq dt.open,
#faq dt:hover {
	color:#FFF;
	background-color:/*#6C88AD;*/rgba(108,136,173,.6) ;
	border-top:1px solid rgba(255,255,255,.9);
}
#faq dt.open [class^="i-"],
#faq dt:hover [class^="i-"] {
	background:#fff;
	/*color:#039;/*/
	border-color:#FFF;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}




/*--- inquiries
------------------------------------------------------------------------------------*/

section.col_4 {
	padding-left:20px;
}
@media screen and (max-width: 767px) {
	section.col_4 {
		padding-left:0;
	}
}
section.col_4 .box ul,
section.col_4 .box {
	margin:0;
	padding:0;
}

section.col_4 .mcol li {
	position:relative;
	display:block;
	margin:1em .5em;
 padding:0;
}
section.col_4 .mcol li:hover {
 background:#f7f7f7;
}
section.col_4 .mcol a:hover {
	text-decoration:none;
}

section.col_4 .mcol li .col_txt {
	float:left;
}
section.col_4 .mcol li .col_ico {
	/*position:absolute;
 top:0;
	right:8px;*/
 float:right;
	width:70px;
 height:70px;
 margin:0;
 padding:0;
 color:#475F7F;	color:#62BDA4;
 text-align:center;
}

section.col_4 .mcol h3 { color:#475F7F;
	font-size:1.2em;
	font-weight:400;
	line-height:1.4em;
	margin-bottom:.5em;
	padding-top:.7em;
}
section.col_4 .mcol ul p {
	clear:both;
	color:#444;
	font-size:1em;
	line-height:1.5em;
	padding:.5em;
}

section.col_4 .mcol .wf [class^="i-"] { 
	font-size:76px;
 line-height:1;
 color:#475F7F;	color:#62BDA4;
	display:block;
 margin-left:-8px;

}
section.col_4 .mcol .wf span {
	display:block;line-height:1;
 margin-left:-10px;
	font-size:.76em;
	line-height:100%;
	white-space:nowrap;
}

@media (max-width: 992px) {
	section.col_4 .mcol h3 {
		font-size:1.1em;
	}
		section.col_4 .mcol ul p {
				font-size:.9em;
		}
  
}


/*
@media (max-width: 479px) {
	section.col_4 .mcol li .col_txt {
		width:80%;
	}
	section.col_4 .mcol li .col_ico {
		width:20%;
	}
	section.col_4 .mcol .tnav li .col_txt {
		float:right;
	}
	section.col_4 .mcol .tnav li .col_ico {
		float:right;
	}
	section.col_4 .mcol h3 {
		font-size:16px;
	}
	section.col_4 .mcol .wf {
		text-align:right;
		padding-right:5px;
	}
	section.col_4 .mcol li:nth-of-type(2) .wf [class^="i-"] {
		padding-right:5px;
	}
	section.col_4 .mcol .wf [class^="i-"] {
		font-size:40px;
	}
	section.col_4 .mcol .wf span {display:none;}
	section.col_4 .mcol li a:before {
		font-size:40px;
		top:15px;
	}
	section.col_4 .mcol a {
		padding:1.8em 0 1em;
	}
	section.col_4 .mcol ul p {
		font-size:.9em;
		line-height:1.5em;
	}
	section.col_4 .mcol .step p {padding-left:0;}
	section.col_4 .mcol .tnav .wf div {background:none;}
	section.col_4 .mcol .tnav .wf [class^="i-"] {
		color:#000;display:none;
	}
	section.col_4 .mcol .tnav .col_ico:before {
		display:block;
		position:absolute;
		top:15px;right:28px;
		font-family: 'lpkun';
		content: "\f60b";
		color:#000;
		font-size:40px;
		font-weight: normal;
		line-height: 1;
	}
}
*/





/*
section.col_4 .box .accordion {
		padding:3px;

}

.box a [class^="fi_arw"] {
	font-size:16px;
	margin:-2px 0 0 2px;
}
*/

#inquiries form {
	margin:0 auto;
}
#inquiries textarea {
	width:420px;
}
#inquiries + .btnarea {
	margin-top:20px;
	text-align:center;
}
@media screen and (max-width: 479px) {
	#inquiries textarea {
		width:100%;
	}
}
/* inquiries confirm  */

#inquiries .msg {
	padding-top:10px;
}
#inquiries dl {
	width:100%;
	margin:10px 0 0;
}
#inquiries dd:nth-of-type(3) {
	width:85%;
}
@media screen and (max-width: 992px) {
	#inquiries dd:nth-of-type(3){
		width:75%;
	}
}
@media screen and (max-width: 768px) {
	#inquiries dd:nth-of-type(3){
		width:65%;
	}
}
@media screen and (max-width: 479px) {
	#inquiries dd:nth-of-type(3) {
		width:100%;
	}
}

/* inquiries logout  */

.logout_inq {
 margin-top:100px;
}
.logout_inq  ~  #inquiries textarea {
		width:80%;
}
@media screen and (max-width: 992px) {
.logout_inq  ~  #inquiries textarea {
		width:75%;
	}
}
@media screen and (max-width: 768px) {
.logout_inq {
 margin-top:30px;
}
.logout_inq  ~  #inquiries textarea {
		width:65%;
	}
}
@media screen and (max-width: 479px) {

.logout_inq  ~  #inquiries textarea {
		width:100%;
	}
}



/* f_icons size
----------------------------------------------------*/

.fi12 {
	font-size: 12px;
}
.fi14 {
	font-size: 14px;
}
.fi16 {
	font-size: 16px;
}
.fi20 {
	font-size: 20px;
}
.fi24 {
	font-size: 24px;
}
.fi36 {
	font-size: 36px;
}
.fi40 {
	font-size: 40px;
}
.fi48 {
	font-size: 48px;
}
.fi60 {
	font-size: 60px;
}
.fi72 {
	font-size: 72px;
}


/*
---------------------*/
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
	margin:7px 7px 0;padding:0 3px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  /*text-shadow: 0 1px 0 #ffffff;*/
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}


.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width:auto;
  padding: 1px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.popover.top {
  margin-bottom: 10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-right: 10px;
}
.popover-header {}

.popover-title {
  padding: 10px 14px 8px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
	background:#6C88AD;
	color:#fff;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}
.popover-content {
	padding: 9px 12px 12px;
	font-size:.9em;
}
.popover-content p {
	padding:0 7px 2px;
	line-height:1.5em;
}


.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow:after {
  z-index: -1;
  content: "";
}
.popover.top .arrow {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-width: 10px 10px 0;
}
.popover.top .arrow:after {
  bottom: -1px;
  left: -11px;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-width: 11px 11px 0;
}
.popover.right .arrow {
  top: 50%;
  left: -10px;
  margin-top: -10px;
  border-right-color: #ffffff;
  border-width: 10px 10px 10px 0;
}
.popover.right .arrow:after {
  bottom: -11px;
  left: -1px;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-width: 11px 11px 11px 0;
}
.popover.bottom .arrow {
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-width: 0 10px 10px;
}
.popover.bottom .arrow:after {
  top: -1px;
  left: -11px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-width: 0 11px 11px;
}
.popover.left .arrow {
  top: 50%;
  right: -10px;
  margin-top: -10px;
  border-left-color: #ffffff;
  border-width: 10px 0 10px 10px;
}
.popover.left .arrow:after {
  right: -1px;
  bottom: -11px;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-width: 11px 0 11px 11px;
}


/* 404
----------------------------------------------------

#e404 {
	background:url(../img/e404.svg) center 0 no-repeat;
	min-height:300px;
	margin:-15px auto 0;
}

@media (max-width: 767px) {
	#e404 {
	width:100%;max-width:480px;
	background-size:100% auto;
	background-position:0 0;
	}
}

.e404inner {
	text-align:center;
	padding:12px 24px;
}
.e404inner .e404txt {
	font-weight:bold;
	font-size:60px;
		text-shadow: 1px 1px 3px rgba(255,255,255,.7);
	line-height:1;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	padding-top:280px;
}
.e404inner .e404txt:before {
	content:"";
	display:block;
	background:url(../img/sorry.svg) center no-repeat;
	background-size:100% auto;
	width:24px;height:24px;
	margin:0 auto;
}
.e404inner .e404txt span.s404 {
	display:block;
	font-size:26px;
	padding-left:1em;
	line-height:1.2;
}

.e404inner .e404txt p {
	font-size:18px;
	padding-top:.5em;
}

.e404inner .t_att {
	margin:20px auto;
	padding:1em 0;
}

@media (max-width: 592px) {
	.e404inner .e404txt {
		padding-top:15px;
		font-size:30px;	
	}
	.e404inner .e404txt span.s404 {
		font-size:16px;	
		padding-bottom:0.3em;
	}
	.e404inner .e404txt p {
		padding-top:1.5em;
		font-size:14px;
	}
	.e404inner .t_att {
		font-size:.8em;
		margin:0 auto 0;
		line-height:1.4;
	}
	
}
*/

/* terms
----------------------------------------------------*/
.privacy h3,
.terms h3 {
	margin:1.5em auto;
	padding:.6em .5em .5em;
	background:#eee url(../img/bg_body.png) repeat;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	color:#fff;
	font-size:1.1em;
	text-shadow:none;
	font-weight:500;
	color:#4E698C;
}

.terms h4 {
	margin-top:1.5em;
}

/* company
----------------------------------------------------*/
table.company {
 border:3px solid #ddd;
}

/*
table.company tr:first-of-type th{
  	-webkit-border-radius: 8px 0 0 0;
     -moz-border-radius:  8px 0 0 0;
          border-radius:  8px 0 0 0;
}

table.company tr:first-of-type td {
   -webkit-border-radius: 0 8px 0 0;
     -moz-border-radius:  0 8px 0 0;
          border-radius:  0 8px 0 0;
}
table.company tr:last-of-type th{
  	-webkit-border-radius: 0 0 0 8px;
     -moz-border-radius:  0 0 0 8px;
          border-radius:  0 0 0 8px;
}

table.company tr:last-of-type td {
   -webkit-border-radius: 0 0 8px 0;
     -moz-border-radius:  0 0 8px 0;
          border-radius:  0 0 8px 0;
}
*/


table.company td {
	padding:2em 2%;
 user-select: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
}