@charset "utf-8";
a {
	color: inherit;
	text-decoration:#2200cc;
  }
  
.auto-style5{
	border-width: 0px;
}

.i_FlexBox{		/* 2段組（左右）のflex */
	display: flex;
	margin: 0% auto 0% auto;
	}
.L_column-i {	
	width: 60%;
	margin: 0px 10px 0px 100px;
	}
.R_column-i {	
	width: 40%;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}
.rin-100 {
	width: 100%;
    max-width: 400px;
    padding-left: 50px;
    /* 左から50pxの空白を確保*/
	margin-right: 200px;
	text-align: left;
}


dt{
  float: left;
  font-weight:bold;
  font-size: 12px;
  
}

dd{
  margin-left: 80px;
  margin-top: 2px;
  margin-bottom: 2px;
}

/* お知らせ欄の枠線 */
.table1 {
  border-collapse: collapse;
  border: solid 2px maroon;/*表全体を線で囲う*/
}
/*表トップの線なし*/
.table2 {
  border-collapse: collapse;
  border-left: solid 2px maroon;
  border-bottom: solid 2px maroon;
  border-right: solid 2px maroon;
  margin-top: 1px; 
}
/*表ボトムの線なし*/
.table3 {
  border-collapse: collapse;
  border-left: solid 2px maroon;
  border-right: solid 2px maroon;
  margin-top: 1px; 
}

/*オフシャルHPロゴの吹き出し*/
.sample{
	position: relative;
	width: 180px;
	height: 35px;
	box-shadow: 1px 1px 1px #ccc;
	z-index: auto;
}
.sample img{
	width: 100%;
	height: 100%;
}
.sample .box{
	position: absolute;
	width: 200px; /* 吹き出しの幅 */
	height: 55px; /* 吹き出しの高さ */
	top: -56px; /* 吹き出しと三角形の高さをプラスした値 */
	left: 0;
	border-radius: 10px 10px 10px 10px;
	background-color: #0f0;
	display: none;
}
.sample .box::after{
	 /* 三角形を作成 */
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: 55px; /* 吹き出しの高さと同じ値 */
	left: 32px;
	border: 16px solid transparent;
	border-top: 16px solid #0f0;
}
.sample .text{
	position: absolute;
	font-size: 14px;
	font-weight:bold;
	left: 10px;
	top: 0px;
	color:red;
}
.sample .text2{
	position: absolute;
	font-size: 14px;
	left: 10px;
	top: 0px;
	color: #000;
}
.sample .text3{
	position: absolute;
	font-size: 10px;
	left: 10px;
	top: 0px;
	color: #000;
}
.sample:hover .box{
	z-index: 2;
	display: block;
}

.align-l{
	text-align:left;
}
.align-c{
	text-align:center;
}
.align-r{
	text-align:right;
}
.tc-b{
	   	color: #000000;
}
.tc-n{
	 	color:navy;
}
.tc-n2{
	 	color:#2200cc;
}

.tc-r{
	   	color:red;
}
.tc-fb{
	color: #000000;
}
.tc-w{
	   	color: #FFFFFF;
}


.t-bold{
	font-weight: bold;
}

.fs-xl{
	font-size:x-large;
}
.fs-l{
	font-size:large;
}
.fs-m{
	font-size:medium;
}
.fs-s{
	font-size:small ;
}
.text-std{
	  font-size: 83%;
	  margin-left:6px;
	  color: #000000;
	  font-weight: bold;
}


.white{
	color: #FFFFFF;
	text-decoration: none;
}
.bg-p{
/* pink = #ffc0cb */
	background-color:#ffc0cb;
}
.bg-c{
/* cyan = #00FFFF */
	background-color:#00FFFF;
}
.bg-w{
/* white = #FFFFFF */
	background-color:#FFFFFF;
}
.bg-a{
/* aquamarine = #7FFFD4 */
	background-color:#00ffff;
}
.bg-g{
/* palegreen = #98FB98 */
	background-color:#98FB98;
}
.bg-i{
/* ivory = #f8f4e6 */
	background-color:#f8f4e6;
}
.bg-y{
/* khaki = #F0E68C */
	background-color:#F0E68C;
}
.bg-s{
/* lightgrey = #D3D3D3 */
	background-color:#D3D3D3;
}
.bg-s2{
	background-color:#88ddff;
}
.bg-mb{
	background-color:#191970;
}

h3{
	font-size: 83%;
   font-weight: bold;
   margin: 4px;
   text-align:left;
   }
      
.ono-h2-l{
	background-image: url('../images/gblue_l.jpg');
	background-repeat: no-repeat;
	border-bottom:#00ffff;
	width:10px;
	margin-left:0;
	/*height: 30px;*/
	
} /*セクションタイトル背景(アクセント部)*/

.ono-h2-m{
	background-image: url('../images/gblue_m.jpg'); 
	background-repeat: repeat-x;
	/*border-bottom:#b5df93;*/
	border-bottom-style:solid;
	/*border-bottom-width:1px;*/
	border-bottom:#00ffff;
	width:100%;
} /*セクションタイトル背景(中央可変)*/

.ono-h2-r{
	background-image: url('../images/gblue_r.jpg');
	background-repeat: no-repeat;
	border-bottom:1px solid #b5df93;
	width:6px;
	} /*セクションタイトル背景(右の角丸)*/

.ono-w10{
	width:10px;
}
.ono-w6{
	width:6px;
}
.ono-wall{
	width:100%;
}
	
.red-h2-l{
	background-image: url('../images/gred_l.jpg');
	background-repeat: no-repeat;
	border-bottom:#f30606;
	/*height: 30px;*/
	
} /*セクションタイトル背景(アクセント部)*/

.red-h2-m{
	background-image: url('../images/gred_m.jpg'); 
	background-repeat: repeat-x;
	/*border-bottom:#b5df93;*/
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom:#f30606;

} /*セクションタイトル背景(中央可変)*/

.red-h2-r{
	background-image: url('../images/gred_r.jpg');
	background-repeat: no-repeat;
	border-bottom:1px solid #f30606;
} /*セクションタイトル背景(右の角丸)*/





@media (max-width: 800px) {
	.i_FlexBox {
		display: block;
	}
	.L_column-i {	
		width: 350%;
		display: none;
	}
	.R_column-i {	
		width: 100%;
	}
	
}