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


*, 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:15px;
line-height:1.5em;
color:#000000;
}

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

}

*, * focus {
outline: none;
}

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

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

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

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

}


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

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 {
padding:20px 10px 30px 10px;
}

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

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

/*  左メニュー */
aside ul {
list-style-type:none;
list-style-position:inside;
margin:0 0 20px 0;
}


aside ul li a {
text-align: right;
display:block;
font-size:16px;

line-height:20px;
padding:5px 0;
color:#322926;
}
aside ul li a:hover {
color: #bbbbbb ;
}

div.adv {
margin:20px 0;
text-align: right;
}

div.adv a {
color:#cccccc;
font-weight:bold;
}


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

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

footer {
border-top:7px solid #322926;
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;}

red {
color: mediumvioletred;
}
trks {
text-decoration: line-through;
}
/*   コンテンツ共通 -----------------------------------*/

jp {
font-size: 11px;
color: #4da619;
}

h2 {
font-size:20px;
color:#ffffff;
border-radius:5px;
border-right:3px solid #bbb;
border-bottom:3px solid #bbb;
background: #322926;
margin:20px 0;
padding:0.3em 1em 0.1em 1em;
}

h3 {
clear:both;
font-weight:normal;
color:#322926;
font-size:20px;
border-left:6px double #322926;
margin:15px 0 1em 5px;
padding:0.5em 0 0 0.5em;
}

h4 {
clear:both;
font-weight: bold;
color:#322926;
font-size:18px;
margin:10px 0 10px 5px;
}

h5 {
clear:both;
text-align: right;
font-weight: bold;
color: #002e83;
font-size:16px;
border-top:5px solid #322926;
margin:10px 0 10px 5px;
padding-top: 1em;
}
img {
margin:0;
}


p {
margin:10px 0 10px 5px;
text-align:justify;
}
blockquote {
margin:5px 0 5px 20px;
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 40px;
}
ul.ul_decimal {
list-style-type:decimal;
list-style-position:outside;
margin:0 0 0 20px;
}


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

ul.ul_none li {
margin:0 0 1em 20px;
}

table {
margin:10px 5px;
}
/*  定義リスト */



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



@media (min-width: 768px) {

dl.dl-horizontal {
}

dl.dl-horizontal dt {
}





}




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

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



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

.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;
}