/* ===== 横幅 ===== */

.w10{
	width: 100px;
}

.w20{
	width: 200px;
}

.w30{
	width: 300px;
}

.w40{
	width: 400px;
}

.w50{
	width: 500px;
}

.w60{
	width: 600px;
}

.w75{
	width: 750px;
}

.w8{
	width: 80px;
}




/* ===== 色 ===== */
.bgc{
	background-color: #018243;
}

.green{
	color: #018243;
}

.blue{
	color: #0000cc;
}

.c1{
	color : #336699;
}



/* ===== フォントサイズ ===== */

.f80{
	font-size: 80%;
}

.f95{
	font-size: 95%;
}

.f110{
	font-size : 110%;
}

/* ===== フォント太さ ===== */

span#fw10{
	font-weight: 100;
}

span#fws20{
	font-weight: 200;
}


span#fw30{
	font-weight: 300;
}


span#fw40{
	font-weight: 400;
}


span#fw50{
	font-weight: 500;
}


span#fw60{
	font-weight: 600;
}


span#fw70{
	font-weight: 700;
}

span#fw80{
	font-weight: 800;
}


span#fw90{
	font-weight: 900;
}


/* ===== 囲み線 ===== */
.frame1{
   margin-left : 20px;
   border-width : 2px;
   border-style : solid;
   border-color : #336699;
}


/* ===== テーブル ===== */

.tb1{
	margin-left: 5%;
	font-size: 80%;
}

/* ===== 横線 ===== */

.hr4{
	width : 400px;
	margin-top : 1px;
 	margin-bottom : 1px;
	clear : both;
}

.hr5{
	width : 400px;
	margin-top : 1px;
 	margin-bottom : 1px;
        clear : both;
}


/* ===== 位置 ===== */

.right{
	text-align: right;
}

.center{
	text-align: center;
}

.left{
	text-align: left;
}

/* ===== ページの見出し ===== */
/*(headの略）青色の見出し*/
.hd1{
	font-size : 120%;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	text-align : center;
	margin-top : 3px;
	margin-left : 3px;
	margin-right : 3px;
	margin-bottom : 3px;
	background-color : #336699;
	color : #ffffff;
}

/*(headの略）薄緑色の見出し*/
.hd2{
	font-size : 120%;
	padding : 5px;
	text-align : center;
	margin : 3px;
	background-color : #009999;
	color : #ffffff;
}

/* ===== リスト ===== */
.li1{
	list-style-type : none;
	list-style-position : outside;
}

.li2{
	list-style-type : none;
	list-style-position : outside;
  	margin-top : 10px;
  	margin-bottom : 10px;
  	margin-left : 5px;
	text-align: center;
}

.li3{
	list-style-type : none;
	list-style-position : outside;
  	margin-left : 2px;
}


/* ===== マージン（余白） ===== */
/*左に20px*/
.mg1{
	margin-left : 20px;
}

/*左に15px*/
.mg2{
	margin-left : 15px;
}

/*左に40px*/
.mg3{
	margin-left : 40px;
}

	
/* ===== テキストのフォーマット ===== */
/*コピーライト*/
.cr{
	background-color : #018243;
	color : #ffffff;
	text-align: center;
	font-size: 80%;
}

/*掲載日付*/
.date{
	font-size : 80%;
	text-align : right
}

/*太字、右寄せ*/
.br{
	font-weight : bold;
	text-align : right;
}

.tx1{
  	margin-left : 40px;
  	width : 500px;
  	font-size : 80%;
  	color : #333333;
  	line-height : 1.3;
}



/* ===== 中項目の書式 ===== */
.item1{
	border-width : 1px 1px 1px 10px;	/*枠線の幅*/
	border-style : solid;			/*枠線のスタイル*/
	border-color : #ffffff #ffffff #71bff9 #71bff9;
	color : #0979cc;			/*水色*/
	margin : 10px 10px 5px 10px;
	padding : 4px 10px;
}

.item2{
	border-width : 0px 0px 2px 0px;
	border-style : solid;
	border-color : #71bff9;
	margin : 4px 30px 4px 20px;
	padding : 4px 4px;
}