@charset "UTF-8";
/* iframe 内で使用するCSS　----------------*/

html {
	/*overflow-y: hidden;*/
}

body {
	margin: 0px 0px;
}

/*--- div title ------------------------------*/
.title {
	font-size:10pt;
	color:#333;
	padding: 6px 20px 6px 20px;	/*[上][右][下][左]*/
	background-color: #FFF;
}
.title > .bg {
	padding: 0px 5px 0px 5px;
	color:#fff;
	background-color: #444;
}
/*-------------------------------------------*/


/*--- 枠線（上下ありなし） --------------------------*/
/* --- DIVの大きい上下線ありなし --- */
.dai-waku {
	line-height:1.2;
	padding: 8px 20px 3px 20px;
	border-top: solid 3px #6091d3;
	border-bottom: solid 3px #6091d3;
}
.dai-wakunasi {
	line-height:1.2;
	padding: 8px 20px 3px 20px;
}
/* --- DIVの小ぐらい上下線ありなし --- */
.syou-waku {
	line-height:1;
	padding: 8px 20px 3px 20px;
	border-top: solid 1px #6091d3;
	border-bottom: solid 1px #6091d3;
}
.syou-wakunasi {
	line-height:1;
	padding: 8px 20px 3px 20px;
}
/*-------------------------------------------*/



/*---  大文字 -------------------------------*/
/* --- SPANの大きい青文字 --- */
span.dai-blue {
	font-size:16pt;
	font-weight: bold;
	text-decoration: none;
	color: #0050d9;          /*0090e9*/
}
/* --- SPANの大きい緑文字 --- */
span.dai-green {
	font-size:16pt;
	font-weight: bold;
	text-decoration: none;
	color: #007700;		 /*009f50*/
}
/* --- SPANの大きい金文字 --- */
span.dai-gold {
	font-size:16pt;
	font-weight: bold;
	text-decoration: none;
	color: #866e00;
}
/* --- SPANの大きいワイン色文字 --- */
span.dai-wine {
	font-size:16pt;
	font-weight: bold;
	text-decoration: none;
	color: #bc0a00;
}


/*---  中文字 -------------------------------*/
/* --- SPANの中青文字 --- */
span.chuu-blue {
	font-size:14pt;
	font-weight: bold;
	text-decoration: none;
	color: #0050d9;
}
/* --- SPANの中緑文字 --- */
span.chuu-green {
	font-size:14pt;
	font-weight: bold;
	text-decoration: none;
	color: #007700;
}
/* --- SPANの中金文字 --- */
span.chuu-gold {
	font-size:14pt;
	font-weight: bold;
	text-decoration: none;
	color: #866e00;
}
/* --- SPANの中ワイン色文字 --- */
span.chuu-wine {
	font-size:14pt;
	font-weight: bold;
	text-decoration: none;
	color: #bc0a00;
}

/*---  小文字 -------------------------------*/
/* --- SPANの小さい青文字 --- */
span.syou-blue {
	font-size:12pt;
	font-weight: bold;
	text-decoration: none;
	color: #0050d9;
}
/* --- SPANの小さい緑文字 --- */
span.syou-green {
	font-size:12pt;
	font-weight: bold;
	text-decoration: none;
	color: #007700;
}
/* --- SPANの小さい金文字 --- */
span.syou-gold {
	font-size:12pt;
	font-weight: bold;
	text-decoration: none;
	color: #866e00;
}
/* --- SPANの小さいワイン色文字 --- */
span.syou-wine {
	font-size:12pt;
	font-weight: bold;
	text-decoration: none;
	color: #bc0a00;
}


/* --- Pタグの文字 --- */
.str1 {
    font-size:11pt;
    line-height:1.8;
    margin: 10px 20px 10px 20px ;
    padding: 0px 0px;
}
.str-org {
    font-size:11pt;
    line-height:1.8;
    margin: 10px 10px 10px 10px ;
    padding: 0px 0px;
    text-align: left;
}



.container {
  padding: 10px;
  text-align:center;
}
/*イメージ画が横いっぱい！約90％～30％*/
.img-wide100 {
  max-width: 90%;
  height: auto;
  border: solid 1px #888;
  box-shadow: 10px 10px 8px #b0b0b0;
}
.img-wide70 {
  max-width: 70%;
  height: auto;
  border: solid 1px #888;
  box-shadow: 10px 10px 8px #b0b0b0;
}
.img-wide50 {
  max-width: 50%;
  height: auto;
  border: solid 1px #888;
  box-shadow: 10px 10px 8px #b0b0b0;
}
.img-wide30 {
  max-width: 30%;
  height: auto;
  border: solid 1px #888;
  box-shadow: 10px 10px 8px #b0b0b0;
}



/*画面サイズがスマホ（700px以下）になったらBL1からBL2に変化させる*/
/*初期*/
.BL2 {
  display: block;
  display: none;
}
/*700px以下*/
@media screen and (max-width: 700px) {
 .BL1 {
  display: block;
  display: none;
 }
 .BL2 {
  display: block;
 }
}



/*画面サイズ(max-width: 700px) による TABLE TR TDの変化　レスポンシブ化　*/
@media screen and (max-width: 700px) {
 table.henka {
 	display: block;
 	border: none;
 }
 table.henka tr {
 	display: block;
 }
 table.henka td {
 	display: block;
 	margin-bottom: 8px;
 }
}