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


*, 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;

}

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

}

*, * 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 #bbbbbb;
border-right:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
*/}
div.container_in {
/*padding:0 10px;
*/}

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

background: #555555;


}



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

div.container_in {
margin:10px 15px;
min-height:300px;
}

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

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

section {
text-align:justify;
min-height:300px; 
color:#000;
padding-bottom:30px;
}

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

aside ul li a {
display:block;
font-size:15px;
border-bottom:1px solid #8499ff;
line-height:20px;
padding:5px 0;
color:#000000;
}
aside ul li a:hover {
color:#c23732;
}



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


footer {
border-top:15px solid #555555;
}

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

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


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





/*   コンテンツ共通 -----------------------------------*/
h2 {
font-size:24px;
color:#000;
border-left:5px solid #3355ff;
line-height:1;
padding:5px 0 15px 10px;
margin:20px 0;
}

h3 {
clear:both;
font-weight:bold;
font-size:16px;
border-top:1px solid #555555;
padding:5px;
margin:25px 0;
}

h4 {
clear:both;
font-weight: bold;
font-size:15px;
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 10px;
}

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

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

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

/*  定義リスト */



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

}



@media (min-width: 768px) {



dl.dl-horizontal dd {
	border-left:1px solid #cccc;
	padding-left:15px;
}



}




/* クラス ----------------------------------*/
.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;
}

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