/*  初期値設定-----------------------------------------------*/




*, p, ul, li, dl, dt, dd, blockquote, h1, h2, h3, h4, table, th, td, 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:16px;
color:#333333;

}

*, * focus {
outline: none;
}

/*  センタリング -----------------------------------------------*/
body {
text-align:center;
  background-image: url("../images/header.png"), url(../images/bg.jpg);
  background-position: center top, left top;
  background-repeat: no-repeat, repeat-x;


}
body div {
margin:0 auto;
text-align:justify;
}

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

div.container {
padding:0;
}
div.container_in {
/*padding:0 10px;
*/}

/*  上部タイトルバナー-----------------------------------------------*/
header {

}

/*  navi 文字ー-----------------------------------------------*/

/* nav-itemの文字色 */
.navbar .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}
/* nav-item activeの文字色 */
.navbar .navbar-nav .active > .nav-link {
    color: rgba(255,255,255,1);
}
/* nav-item:focus、nav-item:hoverの文字色 */
.navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,1);
}
/* ドロップダウンアイテムの文字色 */
.dropdown-item {
    color: rgba(0,0,0,1);
}

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

nav.topicpath {
padding:7px;
}

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;
min-height:500px;
}

/*  左メニュー -----------------------------------------------*/
aside {
margin:10px 0;
padding:0 10px 30px 0;
}


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

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

/*  左メニュー */
aside ul {
list-style-type:none;
list-style-position:inside;
margin:20px 0 20px 0;
}
aside ul li {
}
aside ul li a {
display:block;
font-size:16px;
border-right:1px solid #4b4b4b;
line-height:16px;
padding:15px 9px 5px 0;
margin:7px 0;
color:#000;
}
aside ul li a:hover {
border-right:5px solid #FC8500;
padding:15px 5px 5px 0;
color:#000;
}

aside p {
	text-align: left;
}
@media (min-width: 768px) {

aside p {
	text-align: right;
}
aside ul li a {
	text-align: right;
	
	}
	}

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

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

footer {
border-top:5px solid #aaa;
text-align:right;
padding:10px;
}

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

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


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


img.example { border: 1px #cfcfd8 solid; margin:10px;}



/*   コンテンツ共通 -----------------------------------*/
h2 {
font-weight:bold;
font-size:18px;
border-left:5px solid #ffa800;
line-height:1;
padding:15px 15px 15px 15px;
margin:30px 0;
}

h3 {
clear:both;
font-weight:bold;
font-size:16px;
line-height: 1;
border-left:5px double #000072;
padding:5px 10px 5px 10px;
margin:30px 10px 10px 5px;
}

h4 {
clear:both;
font-size:15px;
margin:10px 0;
}

h5 {
clear:both;
font-weight:bold;
font-size:16px;
line-height: 1;
border-left:5px double #000072;
padding:5px 10px 5px 10px;
margin:5px 10px 10px 5px;
}


img {
margin:0;
}


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

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

strongb {
color:#000000;
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;
}

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

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

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

/*  定義リスト */



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



@media (min-width: 768px) {

dl.dl-horizontal {
}

dl.dl-horizontal dt {
    width: 100px;
	float: left;
	text-align: right;
	}

.dl-horizontal dd {
    margin-left: 130px;
}


}

/* フォーム*/
table.form {
border-collapse: separate ;

}
table.form td {
border:0px solid #cccccc;
vertical-align: middle;
padding:0 0.5em;
line-height:30px;
}
table.form td.fleft {
background:#eeeeee;
width:140px;
}
table.form td.fleft2 {
background:#cccccc;
width:140px;
}
table.form  dt{
line-height:25px;
width:120px;
}

table.form_in {
border-collapse: collapse;
}

table.form_in td {
margin:0;
padding:0;
}


/* クラス ----------------------------------*/

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

.pagetop {
text-align:right;
}


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

.box {
display:block;
margin:20px 0;
padding:10px;
background:#f3f3f3;
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}


/* IE placeholder */


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


.control-label {
font-weight:normal;
font-size:14px;
padding-top:10px;
}
b {
color:red;
}

.caption {
font-size:12px;
color:#065ca7;
}