body{ 
margin: 0px 0px 0px 0px;
}

.left{ 
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	border-color: #808183;
}

.side{ 
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #808183;
}

.copyright {
   font-size: 10px; 
}


/*　　気象予報士　　*/


.yohoushi_p12_black {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
}


.yohoushi_p10_black {
	color: #808183;
	font-size: 10px;
	line-height: 17px;
	letter-spacing: 0.1px;
}


.yohoushi_p12_blue {
	color: #1EA4E9;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
}


/*　　専門天気図　　*/

.pro_p10_black {
	color: #808183;
	font-size: 10px;
	font-weight: bold;
}

.pro_p11_black {
	color: #808183;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}

.pro_p12_black {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
}


/*　　専門天気図アーカイブ　　*/

.pro-a_p10_black {
	color: #808183;
	font-size: 10px;
	font-weight: bold;
}


.pro-a_p12_black {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
}

.pro-a_p12_black a:link {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.pro-a_p12_black a:visited {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
    font-weight: bold;
	text-decoration: none;
}

.pro-a_p12_black a:hover {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
    font-weight: bold;
	text-decoration: none;
}

.pro-a_p12_black a:active {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
    font-weight: bold;
	text-decoration: none;
}

/*　　ＨＢＣウェザーセンター　　*/

.hwc_p12_black {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
}

.hwc_p12_white {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

/*　　お天気番組　　*/

.program_p12_black {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
}

.program_btn {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
}

.program_btn a:link {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.program_btn a:visited {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
    font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1px;
}

.program_btn a:hover {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
    font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1px;
}

.program_btn a:active {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
    font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1px;
}




.btn05 {
	color: #1EA4E9;
	font-size: 12px;
	    font-weight: bold;
}

.btn05 a:link {
	color: #3DB1EC;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn05 a:visited {
	color: #3DB1EC;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
    font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1px;
}

.btn05 a:hover {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
    font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1px;
}

.btn05 a:active {
	color: #3DB1EC;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
    font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1px;
}

.p9 {
	font-size: 9px;
}

.p10 {
	font-size: 10px;
}

.p10_white {
	font-size: 10px;
	color: #FFFFFF;
}

.p12 {
	font-size: 12px;
}

.p12_blue {
	color: #1EA4E9;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
}

.p12_blue_nomal {
	color: #1EA4E9;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
}

.p11_brown_nomal {
	color: #653F00;
	font-size: 11px;
	letter-spacing: 0.1px;
	line-height: 14px;
}

.p12_brown_nomal {
	color: #653F00;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
}

.p10_black_nomal {
	color: #808183;
	font-size: 10px;
}

.p10_black_height {
	color: #808183;
	font-size: 10px;
	line-height: 17px;
}

.p10_black_height02 {
	color: #808183;
	font-size: 10px;
	line-height: 13px;
}

ul.info {
	list-style:disc;
	margin: 0px 0px 0px 20px;
	color: #4d4d4d;
}

.p10_black {
	color: #808183;
	font-size: 10px;
	font-weight: bold;
}

.p11_black {
	color: #808183;
	font-size: 11px;
	line-height: 14px;
}

.p11_black_nomal {
	color: #808183;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
}

.p12_black03 {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
}

.p12_black {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
}

.p12_black04 {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
	text-decoration: underline;
}


.p12_black02 {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 17px;
}

.p11_white {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	}

.p12_white {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

.p11_blue2 {
	color: #1EA4E9;
	font-size: 11px;
	line-height: 14px;
}

.p11_blue {
	color: #1EA4E9;
	font-size: 11px;
	font-weight: bold;
		line-height: 14px;
}

.p14_blue {
	color: #1EA4E9;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.p14_white {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}

.p14_darkblue {
	color: #1a5071;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}

.p18_white {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 27px;
}

.p20_white {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 27px;
}

.main{
margin: 5px 5px 0px 5px;
}

.main02{
margin: 0px 5px 5px 5px;
}

.btn {
	font-size: 10px;
	letter-spacing: 0.1px;
}

.btn a:link {
	color: #808183;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1px;
}

.btn a:visited {
	color: #808183;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1px;
}

.btn a:hover {
	color: #FF0000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1px;
}

.btn a:active {
	color: #808183;
	font-size: 10px;
    font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1px;
}

.btn02 {
	color: #808183;
	font-size: 11px;
}

.btn02 a:link {
	color: #808183;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn02 a:visited {
	color: #808183;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn02 a:hover {
	color: #FF0000;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn02 a:active {
	color: #808183;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn03 {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

.btn03 a:link {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn03 a:visited {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn03 a:hover {
	color: #FF0000;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn03 a:active {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn04 {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
}

.btn04 a:link {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn04 a:visited {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn04 a:hover {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn04 a:active {
	color: #808183;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn05 {
	color: #1EA4E9;
	font-size: 12px;
	font-weight: bold;
}

.btn05 a:link {
	color: #1EA4E9;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn05 a:visited {
	color: #1EA4E9;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn05 a:hover {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.btn05 a:active {
	color: #1EA4E9;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1px;
	text-decoration: none;
}

/*　　気象予報士への道　　*/

.btn06 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}

.btn06 a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.btn06 a:visited {
	color: #FFFFFF;
	text-decoration: none;;
}

.btn06 a:hover {
	color: #FF0000;
	text-decoration: none;
}

.btn06 a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.line_dott_r {
	border-width: 1px 1px 0px 0;
	border-style: dotted solid dotted;
	border-color: #1EA4E9;
}

.line_dott_l {
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #1EA4E9;
}

.line_top_r {
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #1EA4E9;
}

.line_top_l {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #1EA4E9;
}

.line_under {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #1EA4E9;
}

.line_dott_r02 {
	border-width: 1px 1px 0px 0;
	border-style: solid dotted;
	border-color: #1EA4E9;
}

.line_dott_l02 {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #1EA4E9;
}
.text085 {
	font-size: 0.85em;
	color: #333333;
	line-height: 1.5em;
}
.text085 a:link {
	color: #3DB1EC;
	font-size: 0.85em;
	line-height: 1.5em;
}
.text085 a:visited {
	color: #3DB1EC;
	font-size: 0.85em;
	line-height: 1.5em;
}
.text085 a:hover {
	color: #FF0000;
	font-size: 0.85em;
	line-height: 1.5em;
}
.text085 a:active {
	color: #3DB1EC;
	font-size: 0.85em;
	line-height: 1.5em;
}
.red {
        color: #FF0000;
}
