/*サイト全体画像*/
body {
text-align:center;
background-image: url("https://www.myoukensan.com/images/back-min-min.jpg");
background-size:100%;
background-repeat:no-repeat;
background-attachment: fixed;
height:auto;
}


/*本文*/
p	{font-size:13px; 
     font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", "Arial, Verdana", "sans-serif"; 
	 line-height: 25px; 
	 color:#000000; 
	 text-align:;
 }

.sample{
  position: center;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 500px;
  height: auto;
  margin: auto;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", "Arial, Verdana", "sans-serif"; 
  font-size: 15px;
  line-height: 30px; 
	text-align:left;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph;
}


/*メニューバック*/
.example {/*親div*/
  position: relative;
  }

.example p {
	position: absolute;
	color: #000000;/*文字色*/
  font-weight:; /*太字に*/
	font-size: 15px;/*サイズ2倍*/
	line-height: 25px;
	font-family : Lucida Grande, Lucida Sans Unicode, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, ＭＳ Ｐゴシック;/*Google Font*/
	top: 0px;
	right: 5;
	left: 49px;
	width: 211px;
	height: auto;
  }
  .example pw {
	position: absolute;
	color: #ffffff;/*文f字色*/
  font-weight:; /*太に*/
	font-size: 15px;/*サイズ2倍*/
	line-height: 25px;
	font-family : Lucida Grande, Lucida Sans Unicode, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, ＭＳ Ｐゴシック;/*Google Font*/
	top: 12px;
	right: 5;
	left: 49px;
	width: 211px;
	height: auto;
  }

.example img {
  width: 240px;
　height: auto;
  position:right;
  }


/*テキストM/O*/
#.demo2:hover{
  color: #8f8667;
  text-decoration: none;
}


/*見出し*/
h1	{font-size:1.5em; 
     font-family:'MS P明朝','Osaka'; 
	 line-height: 1.5; 
	 color:#ff0000; 
	 align:left;
 }

h2:before {
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 40px;/*画像の幅*/
  height: 40px;/*画像の高さ*/
  margin-left: 40px;
  background-image: url(http://www.budolabo.16mb.com/test/images/kuyomon.gif);
  background-size: contain;
  vertical-align: middle;
}

h2	{
	font-family: "ヒラギノ角ゴ Pro W3";
	margin-top: 40px;
	margin-left: 60px;
	margin-bottom: 30px;
	color: #000000; 
}
	
	
	font-size: 100%;
	line-height: 110%;
	border-left: 4px solid #ff0000;
	padding-left: 6px;
	padding-top: 1px;
	padding-bottom: 2px;
	margin-left: 3px;
	margin-right: 5px;
	border-bottom-style: none;
	text-align:left; 
	
 

h3	{
	font-family: "ヒラギノ角ゴ Pro W3";
	border-left: 2px solid #808080;
	color: #000000;
	font-size: 90%;
	line-height: 110%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px ;
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 2px;
	border-left: 2px solid #808080;
	border-bottom: 1px solid #808080;  
	text-align:left; 
 }


h4 {
font-family: "ヒラギノ角ゴ Pro W3";
color: #000000;
font-size: 110%;
border-bottom: solid 2px #ffffff;
position: relative;
margin-left: 90px;
}

h4:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #e84413;
bottom: -2px;
width: 18%;
}


/*背景透明*/
div.bg-rgba {
 background-color:rgba(255,255,255,0.5);
 width: 500px;
 height: ;
 margin: auto;
 text-align: right;
}


div#base	{border:solid ; border-color:#000000; padding:0px 0px 20px 0px; align:left;}
/*外枠色、本文枠内*/	
div#container	{border:solid 16px; border-color:#ff4747; background-color:rgba(255,255,255,100);}
div#container1	{border:solid 16px; border-color:#ffffff; background-color:rgba(255,255,255,0.75);}
div#container2	{border:solid 16px; border-color:#5663e0; background-color:rgba(255,255,255,0.75);}
div#container3	{border:solid 16px; border-color:#ffc933; background-color:rgba(255,255,255,0.75);}
div#container4	{border:solid 16px; border-color:#ff4747; background-color:rgba(255,255,255,0.75);}
div#container5	{border:solid 16px; border-color:#1d6343; background-color:rgba(255,255,255,0.75);}

div#container6	{border:solid 4px; border-color:#22ac38; background-color:#ffffff; vertical-align: middle;　text-align: center; padding:10px 10px 0px 10px; align:left;}


div#content	{width:525px; float:right; background-color:#ffff00;}
div#sidebar	{width:225px; float:left; background-color:#ff0000; }

div#p {font-size: 100%; 
      font-family:"MS P明朝","Osaka",sans-serif; 
	  line-height: 50%; 
	  color:#000000; 
	  align: left;
	  margin-left:10px;}

div#scl {overflow-y: scroll; width: 450px; height: 200px; padding: 10px; background-color: #ffffff; border: 1px gray solid;} 

div#header	{width:100%; margin-right:auto; margin-left:auto; 
	padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;}
div#footer	{clear:both; width:750px; margin-right:auto; margin-left:auto; 
		background-color:#000000;}



table	{font-size:100%;
		margin:0px auto 20px auto;
		}
		
th,td	{padding:5px;
		color:#000000}
		
table#table-01 {
    width: 480px;
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table#table-01 th {
    padding: 5px;
    border: #000000 solid;
    border-width: 0 0 1px 1px;
    background: 
	;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-01 td {
    padding: 5px;
    border: 1px #000000 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

table#table-02 {
    width: 480px;
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
}
table#table-02 th {
    padding: 5px;
    border: #000000 solid;
    border-width: 0 0 1px 1px;
    background: 
	;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-02 td {
    padding: 5px;
    border: 1px #000000 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

table#table-03 {
    width: 550px;
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table#table-03 th {
    padding: 5px;
    border: #000000 solid;
    border-width: 0 0 1px 1px;
    background: 
	;
    font-family:"MS P明朝","Osaka"; 
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-03 td {
    padding: 5px;
    border: 1px #000000 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

a	{color:#}

a:hover	{color:#}

a:visited	{color:}

a:focus	{color:}




textarea  {border:solid 2px #ff0000;}

span {text-decoration:}

.css1e { font-family: Helvetica, sans-serif; font-size:  9px; line-height: 14px; }
.css2e { font-family: Helvetica, sans-serif; font-size: 10px; line-height: 15px; }
.css3e { font-family: Helvetica, sans-serif; font-size: 12px; line-height: 17px; }
.css4e { font-family: Helvetica, sans-serif; font-size: 13px; line-height: 19px; }

.css1j { font-family: ヒラギノ角ゴ Pro W3; font-size:  9px; line-height: 14px; }
.css2j { font-family: ヒラギノ角ゴ Pro W3; font-size: 10px; line-height: 15px; }
.css3j { font-family: ヒラギノ角ゴ Pro W3; font-size: 12px; line-height: 17px; }
.css4j { font-family: ヒラギノ角ゴ Pro W3; font-size: 13px; line-height: 19px; }

.box { margin-right: auto; margin-left: auto; }


/*…続く CSS*/
/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 5px;
    font-weight: ;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", "Arial, Verdana", "sans-serif"; 
	font-size: 13px;
    border: ;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}