/* Copyright(c) www.k2-s.com */
body {
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(img/body_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-family: "ＭＳ Ｐゴシック", Osaka;
}
.cl {
	clear: both;
}
a:hover {
	color: #FF0000;
}
div#box {
	text-align: center;
	padding: 0px;
	width: 720px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div#t_box {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 260px;
}
div#hr_box {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 460px;
}
h1#h {
	font-size: small;
	font-weight: normal;
	color: #333333;
	text-align: right;
	padding: 0px;
	margin-top: 7px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 30px;
}
div#hm_box {
	background-image: url(img/h_menu_bg.gif);
	background-repeat: no-repeat;
	padding: 25px 5px 5px 40px;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 20px;
	text-align: left;
	color: #FFFFFF;
	font-size: small;
}
div#r_box {
	margin: 0px;
	padding: 0px;
	width: 520px;
	float: right;
	text-align: left;
}
h1.pg1 {
	font-size: medium;
	color: #003366;
	background-color: #AAC6FF;
	margin: 0px;
	padding: 7px 7px 7px 10px;
}
h1.pg2 {
	font-size: medium;
	color: #FFFFFF;
	background-color: #FF3300;
	margin: 0px;
	padding: 7px 7px 7px 10px;
}
h1.pg3 {
	font-size: medium;
	color: #FFFFFF;
	background-color: #0066CC;
	margin: 0px;
	padding: 7px 7px 7px 10px;
}
h2.pg1 {
	font-size: small;
	color: #FF3300;
	text-decoration: underline;
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
h2.pg2 {
	font-size: small;
	color: #0066CC;
	text-decoration: underline;
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
h2.pg3 {
	font-size: small;
	color: #003366;
	text-decoration: underline;
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.r_f1 {
	font-size: small;
	line-height: 180%;
	color: #333333;
	margin: 5px 20px 15px;
	padding: 0px;
}
.r_f2 {
	font-size: small;
	line-height: 180%;
	color: #333333;
	margin: 5px 20px 15px;
	padding: 7px;
	border: 1px solid #333333;
}
.r_f3 {
	font-size: small;
	line-height: 180%;
	color: #FF3300;
	margin: 5px 20px 15px;
	padding: 0px;
}
.r_f4 {
	font-size: small;
	line-height: 180%;
	color: #333333;
	margin: 5px 20px 15px;
	padding: 7px;
	border: 1px solid #0066CC;
	background-color: #AAD5FF;
}
.r_f5 {
	font-size: small;
	line-height: 180%;
	color: #FFFFFF;
	margin: 5px 20px 15px;
	padding: 7px;
	background-color: #FF6600;
}
.r_f6 {
	font-size: x-small;
	font-family: Osaka;
	line-height: 150%;
	color: #0066CC;
	margin: 5px 20px 15px;
	float: right;
	padding-left: 0px;
}
.r_f7 {
	font-size: x-small;
	font-family: Osaka;
	line-height: 150%;
	color: #333333;
	margin: 5px 20px 15px;
	float: right;
	padding-left: 0px;
}
.l_img {
	margin: 0px;
	float: left;
	margin-right: 7px;
        border-style: hidden;
}
.r_img {
	margin: 0px;
	float: right;
	margin-left: 7px;
        border-style: hidden;
}
div#l_box {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
	background-image: url(img/l_box_bg.gif);
	background-repeat: repeat-y;
	text-align: left;
}
a.hm:link , a.hm:visited {
	font-size: small;
	color: #FFFFFF;
	text-decoration: none;
}
a.hm:hover {
	color: #003366;
}
h2.mn1 {
	font-size: small;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	background-image: url(img/h2_mn1_bg.gif);
	background-repeat: repeat-y;
}
h2.mn2 {
	font-size: small;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	background-image: url(img/h2_mn2_bg.gif);
	background-repeat: repeat-y;
}
h2.mn3 {
	font-size: small;
	color: #003366;
	margin: 0px;
	padding: 5px;
	background-image: url(img/h2_mn3_bg.gif);
	background-repeat: repeat-y;
}
dl.mn {
	margin: 2px 0px 7px;
	padding: 0px;
}
a.mn:link , a.mn:visited {
	color: #003366;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #DEE3ED;
	font-size: small;
	height: 40px;
	line-height: 200%;
	margin: 0px 0px 0px 7px;
	text-decoration: none;
}
a.mn:hover {
	border-left-color: #FF3300;
}
.l_f1 {
	font-size: small;
	color: #003366;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	line-height: 140%;
}
.l_f2 {
	font-size: small;
	color: #003366;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	line-height: 140%;
	background-image: url(img/h2_mn3_bg.gif);
	background-repeat: repeat-y;
}
div#footer {
	font-size: small;
	color: #FFFFFF;
	margin: 0px auto;
	clear: both;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	width: 720px;
	background-color: #0066CC;
	text-align: center;
}

<!--
テロップ用CSS http://seasaw.eek.jp/wordpress/?p=29
スクリーンの作り方
CSSの範疇となりますが、スクリーンの作成にはこれらを設定します

position：absoluteでスクリーンを絶対値で指定すること 
overflow：hiddenでスクリーン範囲外にはみ出た要素を非表示にする 
width：スクリーンの幅（position:absoluteを指定したときには必須設定値でもある） 
height：スクリーンの高さ（position:absoluteを指定したときには必須設定値でもある） 
-->
* {
    margin: 0;
    padding:0;
}
.screen, .screen_ {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    width     : 240px;
    height    : 160px;
    margin-left:-120px;
    margin-top: -80px;
    background-color:black;
    overflow: hidden;
}
#telop, #telop_ {
    position: absolute;
    top: 50px;
    left: 240px;
    width: 120px;
    color: white;
}
.screen_ {
    /* ボックス範囲外の非表示を解除 */
    overflow: visible;
}
#telop_ {
    /*  背景色を追加 */
    background-color: silver;
}