﻿@charset "utf-8";
/* [ 社会法人　北海道さけ・ます増殖事業協会 ] CSS Document  */



/* 全体基本設定
*************************************************************/

*{
	margin:0px;
	padding:0px;
	line-height:1.8;
	font:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:12px;
	color:#333333;
	}

html{
	overflow-y:scroll;
	}

body{
	background-color:#ffffff;
	}


img{border-width:0px;}
img.sasie{padding:0px 0px 0px 10px;}


hr{border-bottom:0.5px solid #257ce5;}


h3{color:#0a50a1; font-size:14px; font-weight:bold;} 
h4{color:#ffffff; font-size:12px; font-weight:bold; background-color:#257ce5; padding:1px 5px;}
h5{color:#333333; font-size:12px; font-weight:bold; background-color:#99D9E8; padding:1px 5px;}

p.ao{color:#257ce5; font-weight:bold;}

p.sub{padding:5px 0px 0px 0px;}

p.text{padding:3px 0px 10px 20px;}

p.text00{padding:0px 0px 10px 20px;}

p.topi{padding:0px 20px 0px 40px;}

samp.02-01{color:#257CE5;}

p.mini{font-size:9px;}

font.ao{color:#0a50a1; font-weight:bold;}


/* div 基本設定
*************************************************************/

#site-box {
	width:805px;
	height:auto;
	border-style:solid;
	border-color:#257ce5;
	border-width:11px 1px 0px 1px;
	margin:10px auto 50px auto;
	}


#header{
	width:785px;
	height:45px;
	padding:5px 10px 5px 10px;
	}


#menu00{
	float:left;
	width:17%;
	height:auto;
	padding:10px 10px 10px 10px;
	}


#menu01{
	width:785px;
	height:396px;
	background-image:url(../img/bg.jpg);
	padding:90px 10px 0px 10px;
	}


#menu02{
	width:780px;
	height:501px;
	padding:40px 10px 0px 10px;
	}



#tub{
	float:right;
	width:614px;
	height:auto;
	padding:11px 0px 0px 0px;
	margin:0px 30px 0px 0px;
	}

#tub00{
	height:12px;
	}


#main{
	float:right;
	width:592px;
	height:auto;
	border-style:solid;
	border-color:#257ce5;
	border-width:1px 1px 1px 1px;
	margin:-1px 30px 20px 0px;
	padding:10px 10px 10px 10px;
	}


#main_lock{
	float:right;
	width:592px;
	height:412px;
	border-style:solid;
	border-color:#257ce5;
	border-width:1px 1px 1px 1px;
	margin:-1px 30px 20px 0px;
	padding:10px 10px 10px 10px;
	}


#main_lock_kaiin{
	float:right;
	width:592px;
	height:312px;
	border-style:solid;
	border-color:#257ce5;
	border-width:1px 1px 1px 1px;
	margin:-1px 30px 20px 0px;
	padding:110px 10px 10px 10px;
	}


#main_lock_bg{
	float:right;
	width:592px;
	height:412px;
	background-image:url(../img/bg.jpg);
	border-style:solid;
	border-color:#257ce5;
	border-width:1px 1px 1px 1px;
	margin:-1px 30px 20px 0px;
	padding:10px 10px 10px 10px;
	}





div#footer{
	clear:both;
	width:795px;
	height:auto;
	background-color:#257ce5;	
	padding:5px;
	}


#copyright{
	text-align:right;
	color:#ffffff;
	font-size:9px;
	padding:8px 5px 0px 0px;
	}


#count{
	text-align:right;
	color:#333333;
	font-size:11px;
	padding:10px 5px 0px 0px;
	}






/* table 基本設定
*************************************************************/

table{
	border-width:0px;
	border-collapse:collapse;
	}

/**** botton/tub ****/

td.botton{
	padding:0px 0px 8px 0px;
	}


td.tub{
	padding:0px 2px 0px 0px;
	}


/**** footer-table ****/

td.footer00,td.footer01{
	width:55px;
	height:15px;
	font-size:9px;
	text-align:center;
	border-style:solid;
	border-color:#ffffff;
	}


td.footer00{
	border-width:0px 1px 0px 0px;
	}


td.footer01{
	border-width:0px 1px 0px 1px;
	}


td.footer02{
	width:110px;
	height:15px;
	font-size:9px;
	text-align:center;
	border-style:solid;
	border-color:#ffffff;
	border-width:0px 0px 0px 1px;
	}

td.footer03{
	border-width:0px 0px 0px 1px;
	width:90px;
	height:15px;
	font-size:9px;
	text-align:center;
	border-style:solid;
	border-color:#ffffff;
	}



/* link 設定
*************************************************************/


/**** footer ****/

a:link.footer,a:visited.footer{
	text-decoration:none;
	color:#ffffff;
	font-size:9px;
	}

a:hover.footer,a:active.footer{
	text-decoration:underline;
	color:#FF6699;
	font-size:9px;
	}


/**** maru ****/

a:link.maru,a:visited.maru{
	text-decoration:underline;
	font-size:12px;
	color:#257ce5;
	font-weight:bold;
	}

a:hover.maru,a:active.maru{
	text-decoration:underline;
	font-size:12px;
	color:#FF6699;
	font-weight:bold;
	}

/**** maru01 ****/

a:link.maru01,a:visited.maru01{
	text-decoration:underline;
	font-size:10px;
	color:#257ce5;
	font-weight:bold;
	}

a:hover.maru01,a:active.maru01{
	text-decoration:underline;
	font-size:10px;
	color:#FF6699;
	font-weight:bold;
	}




/**** koukai ****/

a:link.koukai,a:visited.koukai{
	text-decoration:none;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	}

a:hover.koukai,a:active.koukai{
	text-decoration:underline;
	color:#FF6699;
	font-size:14px;
	font-weight:bold;
	}


/**** koukai ****/

a:link.link,a:visited.link{
	text-decoration:none;
	color:#333333;
	font-size:12px;
	}


a:hover.link,a:active.link{
	text-decoration:underline;
	color:#FF6699;
	font-size:12px;
	}


/* 01 設定
*************************************************************/

/**** botton01 ****/

td.botton01{
	padding:25px 35px 25px 35px;
	}


/**** 01-02 ****/

td.ennkaku00{
	width:70px;
	border-style:solid;
	border-color:#000000;
	border-width:0px 1px 0px 0px;
	vertical-align:top;	
	font-weight:bold;
	}


td.ennkaku01{
	padding:0px 0px 0px 5px;
	vertical-align:top;	
	}


td.ennkaku02{
	padding:0px 0px 0px 5px;
	vertical-align:top;	
	}


/* 02 設定
*************************************************************/

td.02-01{
	font-size:8px;
	}



/* 03 設定
*************************************************************/

.c1{
	text-align:left;
	width:250px;
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	font-size:9pt;
	color:#333333; 
	background-color:#CCECF4;
	layer-background-color:#CCECF4;
	border:2px solid #257ce5;padding:5px;
	}



/* 04 設定
*************************************************************/

div#topics{
	width:550px;
	height:70px;
	 background-image:url(../img/topi_bg.jpg);
	border-style:solid;
	border-color:#999999;
	border-width:1px;
	padding:5px 10px;
	margin:13px 0px;
	}


p.topics{
	padding:0px 0px 5px px;
	}



/* 05 設定
*************************************************************/

p.midori{
	font-size:13px;
	color:#006D2C;
	font-weight:bold;
	}

p.mame{
	font-size:11px;
	}


td.mame{
	width:33%;
	padding:5px 10px 5px 10px;
	}



/* 06 設定
*************************************************************/

td.koukai{
	padding:6px;
	}



/* 07 設定
*************************************************************/

td.jisseki{
	padding:19px;
	}


/* 08 設定
*************************************************************/

td.link{
	width:270px;
	padding:2px;
	}




/* 各準備中 設定
*************************************************************/

/* プライバシーポリシー */

p.pla{
	color:#ffffff;
	font-size:9px;
	}

/* 07-01 準備中文字 */

p.jyunnbi{
	font-size:36px;
	}


