/*  初期値設定-----------------------------------------------*/
body { 
font-family: -apple-system, BlinkMacSystemFont, Roboto, Meiryo, "Segoe UI", sans-serif;
	text-align:center;
}


*, p, ul, li, dl, blockquote, h1, h2, h3, h4, input, textarea, select { 
	padding:0; 
	margin:0 0 0.5em 0; 
font-family: -apple-system, BlinkMacSystemFont, Roboto, Meiryo, "Segoe UI", sans-serif;
	text-align:justify;
	font-size:13px;
	line-height:1.5em;
	color:#000;
}

.domain::before {
   content: '@';
}

/*textarea {
width:100%;
}

input, select, option {
width:100%;
vertical-align: middle;
height:2.2em;
line-height:2.2em;
}

input.checkbox {
width:auto;
height:auto;
line-height:auto;

}


*, * focus {
	outline: none;
}
*/
/*  センタリング -----------------------------------------------*/
body {
text-align:center;
}
body div {
margin:0 auto;
text-align:justify;
}

/*  ページ全体外枠　-----------------------------------------------*/

div.container {
padding:0;
background: #fff;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:0.1rem solid #cccccc;
border-right:0.1rem solid #cccccc;
border-bottom:0.1rem solid #cccccc;
}
div.container_in {
padding:0 10px;
}

/*  上部タイトルバナー　-----------------------------------------------*/
header {
background:url(../images/header.jpg) no-repeat 0 0;
}


/*  上部パンくずリスト -----------------------------------------------*/

nav.topicpath {
	background:#ccc;
padding:7px 10px;
}

nav.topicpath p {
display:inline;
background:url(../images/mark/topic_path.gif) no-repeat left center;
background-size:7px;
padding:0 0 0 20px;
margin:0 0 0 13px;
}

/*  コンテンツ外枠 ----------------------------------------------*/
div.container {
}

div.container_in {
margin:10px 15px;
}

/*  左メニュー -----------------------------------------------*/
aside {
padding:10px;
background:#eeeeee;
}

/* 右コンテンツ ----------------------------------------------*/

section {
text-align:justify;
min-height:550px; 
color:#333;
}

/*  左メニュー */
aside ul {
list-style-type:none;
list-style-position:inside;
margin:0;
border-bottom:1px dotted #ccc;
}

aside ul li a {
display:block;
font-size:14px;
border-top:1px dotted #ccc;
line-height:20px;
padding:5px 0;
color:#333333;
}
aside ul li a:hover {
color:#c23732;
}



/* フッタ ----------------------------------------------*/

footer p {
text-align:right;
margin:0 10px;
}

footer {
	background:#ccc;
text-align:right;
padding:10px;
}

/*   リンク　-----------------------------------*/
a {
color: #0168b5;
text-decoration:none;
}

a:hover {
color:#a14641;
text-decoration:none;
}

a img {
display:inline;
margin:0;
border:none;
}






/*   コンテンツ共通 -----------------------------------*/
h2 {
font-weight:normal;
font-size:16px;
color:#0168b5;
border-bottom:3px double #0168b5;
margin:10px 0;
}

h3 {
clear:both;
font-weight:normal;
color:#0168b5;
line-height: 2;
font-size:14px;
border-bottom:1px solid #0168b5;
margin:15px 0;
}

h4 {
clear:both;
font-weight: bold;
color:#0168b5;
font-size:12px;
margin:10px 0;
}

h5 {
clear:both;
font-weight: bold;
color:#0168b5;
font-size:13px;
margin:10px 0;
}


img {
margin:0;
}


p {
margin:10px 0;
text-align:justify;
}
blockquote {
margin:5px 0 5px 20px;
padding:0 10px;
border: none; 
}

strong {
color:#CC0000;
font-weight:normal;
}

em {
	font-weight:bold;
	font-style:normal;
}

blockquote {
margin-left:0em;
padding:0.5em;
border-left:2px solid #e0f7ff;
}

/*---表---*/
table {
table-layout:auto;
border-collapse:collapse;
width:100%;
padding:0;
}
th {
text-align:center;
font-weight:normal;
line-height:1.2;
background:#eeeeee;
border:2px solid #ffffff;
padding:5px;
}
td {
text-align:left;
line-height:1.2;
border:2px solid #ffffff;
padding:5px;
}
td.r {
text-align:right;
}
table.table_border th, table.table_border td {
border:1px solid #999999;
}

table table.table_in {
table-layout:auto;
border-collapse: separate;
padding:10px 0;
}
table table.table_in th {
text-align:center;
background:#eeeeee;
border:0;
padding:2px 0;
}
table table.table_in td {
text-align:left;
border:0;
padding:2px 0;
}


/* 表 */
table.table_keisan {
table-layout:auto;
border-collapse:collapse;
margin:0;
}
table.table_keisan th {
text-align:center;
background:#eeeeee;
border:1px solid #999999;
padding:0.2em;
}
table.table_keisan td {
text-align:left;
border:1px solid #999999;
padding:0.2em;
}

table.table_keisan td.c {
text-align:center;
}
table.table_keisan td.r {
text-align:right;
}


table.table_border td {
	text-align:center;
}




/*  箇条書き */
ul.ul_none {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 20px;
}

ul.ul_contents {
list-style-type:square;
list-style-position:outside;
margin:10px 0 10px 15px;
}

ul.ul_decimal {
list-style-type:decimal;
list-style-position:outside;
margin:0 0 0 40px;
}

ul li {
margin:0 0 0.5em 20px;
}

ul.ul_decimal li {
margin:0 0 5px 10px;
}
ul.ul_alpha {
list-style-type: lower-alpha;
list-style-position:outside;
margin:10px 0 10px 15px;
}

/*  定義リスト */


dl.dl_contents, dl.dl_cont2 {
margin:5px 0 20px 20px;
}

dl.dl_contents dt {
background:#eeeeee;
width:160px;
text-align:center;
line-height:1.5em;
margin:10px 0 0 0;
}

dl.dtleft dt {
	text-align:left;
}

dl.dl_contents dd {
margin:-1.5em 0 0 170px;
line-height:1.5em;
padding-left:0;
}

dl.dl_cont2 dt {
text-align:left;
margin-top:10px;
margin-top:1rem;
}
dl.dl_cont2 dd {
margin:0 0 0 20px;
margin:0 0 0 2rem;
padding-left:0;
}

dl.dl_form {
margin:5px 0 20px 20px;
}
dl.dl_form dt {
background:#eeeeee;
width:160px;
text-align:center;
line-height:2.2em;
margin-top:10px;
}

dl.dl_form dd {
margin:-2.2em 0 0 170px;
padding-left:0;
}
div.form_button {
text-align:center;
padding:10px 0;

}

div.form_button input {
text-align:center;
width:50%;
height:50px;
line-height:50px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


@media (max-width: 768px) {
dl.dl_contents dt {
text-align:left;
background:#fff;
}
dl.dl_contents dd,
 dl.dl_cont2 dd {
padding:0 0.5em;
margin: 0 0 0.5em 0;
}

dl.dl_form dt {
width:100%;
line-height:1.6em;
}
 dl.dl_form dd {
padding:0 0.5em;
margin: 0.5em 0 0.5em 0;
}
div.form_button input {
text-align:center;
width:95%;
}
}




/* クラス ----------------------------------*/
.r {
	text-align:right;
}
.c {
	text-align:center;
}
.line {
	text-decoration:line-through;
}

.red {
color:#CC0000;
font-weight:normal;
}
.fnts {
font-size:11px;
font-size:1.1rem;
}




/* floatのクリア---*/
.floatclear {
clear:both;
height:5px;
}

.box {
	
margin:20px 0; padding:0 10px 10px 10px; border:5px solid #ccc;	
}


/* IE placeholder */


/* fallback placeholder */
.placeholder {
	color: #888;
}
/* webkit placeholder */
::-webkit-input-placeholder {
	color: #888;
}
/* moz placeholder */
:-moz-placeholder {
	color: #888;
}

/* remove webkit search input decoration and cancel button */
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
/* フォームの設定　*/
@media (max-width: 768px) {
.col-nrp {
  padding-right: 0;
}

.col-np {
  padding-right: 0;
}



}

@media (min-width: 768px) {


.col-nrp {
  padding-right: 0;
}

.col-np {
  padding-left: 0;
  padding-right: 0;
}


.form-title {
height:56px;
}



}



#pageTop {
  position: fixed;
  bottom: 10px;
  right: 20px;
}

 

#pageTop i {
  padding-top: 4px;
  padding-right:6px;
}

 

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  background-color: #0289c0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  opacity: 0.5;
}

#pageTop a i {
  color: #fff;}
 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.5;
}