body {
	margin: 0px;
	padding: 0px;
	background-color: #3399FF;
}
div.left_box {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3399FF;
	border-bottom-color: #3399FF;
	background-color: #FFFFFF;
	width: 580px;
	padding:  7px 20px 7px 20px;
	position: absolute;
	top: 0px;
	right: 300px;
	background-image: url(img/ha_big.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.pagetop{
	padding:20px 7px 10px 0;
	text-align:right;
	font-size: small;
}
.pagetop a{
	color:#6666FF;
}
.pagetop a:hover{
	color:#336699;
}
div.right_box {
	background-color: #3399FF;
	width: 300px;
	position: absolute;
	top: 3px;
	right: 0px;
}
h1 {
	font-size: 109%;
	color: #FFFFFF;
	margin: 0px;
	padding: 10px 0px 10px 10px;
	width: 560px;
	background-color: #3399FF;
}
h2 {
	font-size: medium;
	color: #333333;
	background-image: url(img/ha.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 35px;
	height: 25px;
	vertical-align: text-botom;
	padding-top: 10px;
	margin: 15px 0px 0px;
	width: 535px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
h4 {
	font-size: 90%;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	width: 350px;
	background-color: #3399FF;
}
.f1 {
	font-size: small;
	color: #333333;
	line-height: 130%;
	padding: 0px 10px 0px 20px;
}
.f2 {
	font-size: small;
	color: #333333;
	line-height: 150%;
	padding: 7px;
	border: 1px solid #3399FF;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	background-color: #FFFFFF;
}
.f3 {
	font-size: small;
	color: #333333;
	line-height: 150%;
	padding: 7px;
	border: 1px dotted #3399FF;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	background-color: #FFFFFF;
}
.f4 {
	font-size: small;
	color: #333333;
	line-height: 150%;
	padding: 7px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	background-color: #D2E9FF;
}
.f5{
	font-size: small;
	text-align:left;
	width: 537px;
	height: 40px;
	padding: 0.5em;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	overflow: auto;
}
a:link {
	font-weight: bold;
	color: #6666FF;
}
a:visited {
	font-weight: bold;
	color: #6666FF;
}
a:hover {
	font-weight: bold;
	color: #FF3300;
}
a.menu:link {
	font-size: small;
	color: #336699;
	text-decoration: none;
	background-color: #FFFFFF;
	display: block;
	padding: 8px 3px 5px 15px;
	margin-top: 1px;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 10px;
	height: 13px;
}
a.menu:visited {
	font-size: small;
	color: #336699;
	text-decoration: none;
	background-color: #FFFFFF;
	display: block;
	padding: 8px 3px 5px 15px;
	margin-top: 1px;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 10px;
	height: 13px;
}
a.menu:hover {
	font-size: small;
	color: #336699;
	text-decoration: none;
	background-color: #DFEFFF;
	display: block;
	padding: 8px 3px 5px 15px;
	margin-top: 1px;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 10px;
	height: 13px;
}
.right_box1 {
	font-size: small;
	color: #333333;
	background-color: #FFFFFF;
	margin: 10px 10px 10px;
	padding: 5px;
	border: 3px dotted #3399FF;
	line-height: 120%;
}
h3 {
	font-size: small;
	color: #336699;
	margin: 3px;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399FF;
}
.right_box11 {
	font-size: small;
	color: #333333;
	background-color: #FFFFFF;
	margin: 10px 10px 10px;
	padding: 5px;
	border: 3px dotted #3399FF;
	line-height: 120%;
}
h3 {
	font-size: small;
	color: #336699;
	margin: 3px;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399FF;
}
.right_com1 {
	padding: 3px 8px;
}
.right_box2 {

	font-size: small;
	color: #FFFFFF;
	margin: 20px 10px 10px;
	padding: 5px;
	border: 1px solid #FFFFFF;
	line-height: 150%;
}
a.c:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.c:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.c:hover {

	color: #BFDFFF;
	text-decoration: none;
}

#twitter_div {
text-align : left;
}

#twitter_div h2 {
font-size : small;
color : #333333;
text-align : left;
margin : 3px 0;
}

#twitter_div ul {
width : 550px; /* 適宜変更推奨 */
background-color: #F0FFFF;
margin : 10px ;
padding : 7px ;
}

/* ↓ここの設定は、10px×7pxのアイコン画像を基準にした数値になっています。 */
#twitter_div li {
padding : 5px 0px 5px 25px; /* 適宜変更推奨 */
background-image : url("http://kaz-sing.com/gazou/twitter_logo_list_img.gif");
background-repeat : no-repeat;
background-position : left center; /* 適宜変更推奨 */
border-bottom : dotted 1px #6e6055; /* 適宜変更推奨 */
list-style : none ;
}

#twitter_div li a {
font-size : small;
color : #6666FF; /* 適宜変更推奨 */
}

#twitter_div li a:hover {
color : #FF3300;
}

#twitter_div li span {
color : #333333; /* 適宜変更推奨 */
font-size : small;
}

#twitter_div li span a {
color : #6666FF; /* 適宜変更推奨 */
font-size : small;
}

a#twitter-link {
font-size : small;
color : #6666FF; /* 適宜変更推奨 */
text-align : right;
display : block;
}

a#twitter-link:hover {
color : #FF3300;
}