img{
	border:0;
}
iframe{
	border:0;
	}

#bnr_txt{
	width:690px;
	text-align:center;
	font-size:14px;
	padding:30px 0 30px 0;
	margin:0px;
	}
#bnr_txt a{
	text-decoration:underline;
	}
#bnr_txt a:hover{
	text-decoration:none;
	}

/* ���������� 20081016 �p�`���R�ύX ���������� */

#header{
	width:748px;
	height:240px;
	text-align:left;
	background:url(../hokuto_image/header_back.jpg) no-repeat;
	}
#logo{
	width:242px;
	height:100px;
	margin:0 auto 10px 10px;
	padding-top:10px;
	}
#h_l{
	width:101px;
	float:left;
	text-align:left;
	margin-left:10px;
	}
#h_r{
	width:627px;
	float:left;
	text-align:left;
	margin-right:10px;
	}
h3#kishu{
	margin-top:20px;
	font-size:14px;
	text-align:left;
	}
#pic{
	width:468px;
	margin-top:5px;
	font-size:12px;
	}
#pic img{
	margin-top:5px;
	}
.mode_box01{
	width:469px;
	font-size:12px;
	padding-top:30px;
	}
.both{
	clear:both;
	}

/* ���������� 20081016 �p�`���R�ύX ���������� */

/* ���������� 20090615 �Z�O�E�v���~�A ���������� */

.segu_img01{
	margin-top:30px;
	}
.segu_img02{
	margin-top:30px;
	margin-bottom:60px;
	}
.pre_img01{
	margin-top:5px;
	}
.tit_area{
	width:470px;
	text-align:center;
	margin-top:5px;
	}
.tit_area2{
	width:470px;
	text-align:center;
	margin-top:30px;
	margin-bottom:60px;
	}

/* ���������� 20090615 �Z�O�E�v���~�A ���������� */







/* ���������� 20071119 LINK ���������� */
#site_link{
	padding-top : 3px;
	width : 190px;
	height:36px;
	cursor : pointer;
	color : #996666;
	background-color : #ccc;
	margin-top:15px;
	margin-bottom:5px;
	text-align:left;
	background:url(../../image_c/r_link2.gif) no-repeat;
	}
#site_link span{
	display:none;
	}
.submenu{
	width:160px;
	display:none;
	text-align:left;
	margin:0 0 0 15px;
	padding:0;
	}
.submenu li{
	background:url(../../image_c/r_arrow.gif) no-repeat left center;
	padding-left:10px;
	font-size:10px;
	list-style:none;
	text-align:left;
	}
/* ���������� 20071119 LINK ���������� */

/*
========================================
�������@2006�N3��11���lj��@������
========================================
*/

#ssl{
	width:160px;
	margin:30px 15px 0 15px;
	text-align:centrer;
	}

/*
========================================
�������@2006�N3��11���lj��@������
========================================
*/


body {
	color: #FFFFFF;
	background:url(../hokuto_image/back.jpg) repeat-x center fixed #000;
}

.txt10 {
	font-family: "�l�r �o�S�V�b�N", "Osaka";
	font-size: 10px;
}

.txt10gray {
	font-family: "�l�r �o�S�V�b�N", "Osaka";
	font-size: 10px;
	color: #666666;
}

.txt12 {
	font-family: "�l�r �o�S�V�b�N", "Osaka";
	font-size: 12px;
	line-height: 120%;
}

.txt14 {
	font-family: "�l�r �o�S�V�b�N", "Osaka";
	font-size: 14px;
	line-height: 120%;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
}

h1#HeaderTxt {
	width:748px;
	background:#f00;
	font-weight:normal;
	padding:3px 0 3px 0;
	text-indent:10px;
	margin: 0;
	font-size: 10px;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

h3.contents {
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 1em;
}

h3.kishu {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	font-weight:normal;

}

strong.header {

	font-size: 1em;

}

a:link { color: #FFFFFF; text-decoration: none; }

a:visited { color: #FFFFFF; text-decoration: none; }

a:activ { color: #FFFFFF; text-decoration: none; }

a:hover { color: #FFFFFF; text-decoration: underline; }

#navi a:link { color: #FFFFFF; text-decoration: none; }

#navi a:visited { color: #FFFFFF; text-decoration: none; }

#navi a:activ { color: #FFFFFF; text-decoration: none; }

#navi a:hover { color: #FFFF00; text-decoration: underline; }

.tbline { border: 1px solid #CCCCCC; }

/* --link page-- */
#linkleftside {
	float: left;
	width: 355px;
}

#linkrightside {
	float: right;
	width: 355px;
	}
ul.site{
	list-style-type:circle;
	margin:0;
	padding:10px 0 30px 28px;
	}
li.inde{
	margin:0 0 8px 0;
	line-height:110%;
	}
.inde span{
	font-size:10px;
	line-height:110%;
	}
.inde span a{
	color:#fff;
	text-decoration:underline;
	line-height:110%;
	}
.inde span a:active{
	color:#fff;
	text-decoration:underline;
	}
.inde span a:visited{
	color:#fff;
	text-decoration:underline;
	}
.inde span a:hover{
	color:#f90;
	text-decoration:underline;
	}
.inde a{
	color:#f00;
	text-decoration:underline;
	line-height:110%;
	}
.inde a:active{
	color:#f00;
	text-decoration:underline;
	}
.inde a:visited{
	color:#f00;
	text-decoration:underline;
	}
.inde a:hover{
	color:#f90;
	text-decoration:underline;
	}
#stl{
	width:517px;
	text-align:left;
	}