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


*, p, ul, li, dl, dt, dd, blockquote, h1, h2, h3, h4,  label { 
padding:0; 
margin:0; 
font-family: -apple-system, BlinkMacSystemFont, Roboto, Meiryo, "Segoe UI", sans-serif;
text-align:justify;
font-size:14px;
line-height:1.5em;
color:#333333;
}

input, textarea, select {
font-family: -apple-system, BlinkMacSystemFont, Roboto, Meiryo, "Segoe UI", sans-serif;
font-size:15px;
color:#333333;

}

*, * focus {
outline: none;
}

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

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

div.container {
padding:0;
background: #fff;
}
div.container_in {
}

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


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

nav.topicpath {
padding:7px 10px;
background:#00205B;
}
nav.topicpath div.container {
background:#00205B;
}

nav.topicpath div.container a {
	color:#ffffff;
}

nav.topicpath p:before {
	content:"\03e"
}

nav.topicpath p {
display:inline;
background-size:7px;
padding:0 0 0 0px;
margin:0 0 0 0px;
	color:#e0ba6b;}

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


/*  左メニュー -----------------------------------------------*/
div#leftarea {

}

/* 中央コンテンツ ----------------------------------------------*/

div#centerarea {
text-align:justify;
}

/* 右サイドメニュー ----------------------------------------------*/



div#rightarea {
text-align:justify;
}

/* ----------------------------------------------*/
.wrap {
	margin:10px;
}

/*  左メニュー */
div#leftarea ul {
list-style-type:none;
list-style-position:inside;
}
div#leftarea ul li {
	paddin:0;margin:0;
}

div#leftarea a {
display:block;
font-size:15px;
line-height:30px;
color:#000000;
	text-align: right;
}
div#leftarea a:hover {
	color:#ad3a2c;
}

div#leftarea h3,
div#leftarea p {
	text-align: right;
}


@media (min-width: 768px) {

div#leftarea ul li a::after {
  content:" -";
}
}

@media (max-width: 768px) {
div#leftarea ul {
border:1px solid #ad3a2c;
	margin:10px; padding: 10px;
	background: #ddd;
	}
div#leftarea ul li a {
	text-align: left;
}

div#leftarea ul li a::before {
  content:"- ";
}
	
}


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

footer p {
text-align:right;
color:#e0ba6b;
}

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

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

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

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


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



/*   コンテンツ共通 -----------------------------------*/


h2 {
font-weight:normal;
font-size:20px;
color:#ad3a2c;
border-left:8px solid #ad3a2c;
line-height:2;
padding:0 10px;
margin:20px 0 20px;
}

h3 {
clear:both;
font-weight:normal;
color:#ad3a2c;
font-size:16px;
line-height:2;
border-bottom:1px solid #ad3a2c;
margin:20px 0;
}

h4 {
clear:both;
font-weight: bold;
color:#000000;
font-size:14px;
margin:10px 0;
}

img {
margin:0;
}


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

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

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


/*  箇条書き */
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 5px;
}

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

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

ul.ul_decimal li {
margin:0 0 5px 10px;
}

/*  定義リスト */


dl.dl-horizontal dd {
margin-bottom:10px;
}



@media (min-width: 768px) {

dl.dl-horizontal {
}

dl.dl-horizontal dt {
}

}


table.table-normal {
width:100%;
}
table.table-normal th {
padding:0.5em;
text-align: center;
border: 1px solid #ccc;
background-color: #eee;
}

table.table-normal td {
padding:0.5em;
text-align: center;
border: 1px solid #ccc;
}


/* クラス ----------------------------------*/
.red {
color:#CC0000;
font-weight:normal;
}


/* IE placeholder */


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