@charset "UTF-8";

*{
	margin:0; padding:0; 	
	line-height:1.5;	
	color:#333333;

} 
body {background-color:#ffffff;text-align:center;
		-webkit-text-size-adjust: 100%;
		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
		}
		

div#pagebody{width:1060px; margin:0 auto;text-align:left;
background-color:#ffffff;}

div#header {height:207px;
    background-image: url("img/img2016/topimage.gif");
    background-repeat: no-repeat;background-color:white;
    text-align:center;
}

input[type="submit"]{
-webkit-appearance: none;
border-radius: 0;
}

a:hover {
	background-color:#ffffff;	/*リンクにマウスが乗ったら色を変える*/
}
/*============================================
メインメニュー
============================================*/

/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
font-size: 90%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 100%; /* メニューの幅 */
margin: 0;
padding: 4px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width:16.5%;
float: left;
padding-top:4px;
padding-bottom: 4px;
background-color: #DEDEDE; /* ナビゲーションの背景色 */
border-top: 1px #cccccc solid; /* 上境界線 */
border-bottom: 4px #BCBCBC solid; /* 下境界線 */
border-left: 1px #cccccc solid; 

}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 2px 5px; /* リンクエリアのパディング（上下、左右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background-color: #f0ffff; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/*============================================
ブログメニュー
============================================*/

/* --- ナビゲーションバー --- */
div.blognav {
width: 100%; /* ナビゲーションの幅 */

border-left: 1px #cccccc solid; /* 左境界線 */
border-top: 1px #cccccc solid; /* 上境界線 */
font-size: 85%;
}

/* --- メニューエリア --- */
div.blognav ul.nl {
width: 100%; /* メニューの幅 */
margin: 0;
padding: 0px; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.blognav ul.nl li {
width:20%;
float: left;
border-bottom: 2px #B0C4DE solid; /* 下境界線 */
background-color: #E6E6FA; /* ナビゲーションの背景色 */
}

/* --- リンク --- */
div.blognav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 2px 5px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #cccccc solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */

div.blognav ul.nl li a:hover {
background-color: #FFFFFF; /* ポイント時の背景色 */
}

div.blognav ul.nl li a:active {
background-color: #FFFFFF;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/*============================================
里親メニュー
============================================*/

/* --- ナビゲーションバー --- */
div.satooyanav {
width: 100%; /* ナビゲーションの幅 */

border-left: 1px #cccccc solid; /* 左境界線 */
border-top: 1px #cccccc solid; /* 上境界線 */
font-size: 85%; font-weight: bold;
}

/* --- メニューエリア --- */
div.satooyanav ul.nl {
width: 100%; /* メニューの幅 */
margin: 0;
padding: 0px; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.satooyanav ul.nl li {
width:33.3%;
float: left;
border-bottom: 2px #66CC99 solid; /* 下境界線 */
background-color: #CCFFCC; /* ナビゲーションの背景色 */
}

/* --- リンク --- */
div.satooyanav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 2px 5px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #cccccc solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */

div.satooyanav ul.nl li a:hover {
background-color: #FFFFFF; /* ポイント時の背景色 */
}

div.satooyanav ul.nl li a:active {
background-color: #FFFFFF;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/*============================================
飼育法メニュー
============================================*/

/* --- ナビゲーションバー --- */
div.breedingnav {
width: 100%; /* ナビゲーションの幅 */

border-left: 1px #cccccc solid; /* 左境界線 */
border-top: 1px #cccccc solid; /* 上境界線 */
font-size: 85%; font-weight: bold;
}

/* --- メニューエリア --- */
div.breedingnav ul.nl {
width: 100%; /* メニューの幅 */
margin: 0;
padding: 0px; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.breedingnav ul.nl li {
width:20%;
float: left;
border-bottom: 2px #FF9966 solid; /* 下境界線 */
background-color: #FFCC99; /* ナビゲーションの背景色 */
}

/* --- リンク --- */
div.breedingnav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 2px 5px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #cccccc solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */

div.breedingnav ul.nl li a:hover {
background-color: #FFFFFF; /* ポイント時の背景色 */
}

div.breedingnav ul.nl li a:active {
background-color: #FFFFFF;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/*============================================
サブメニュー（左カラム）
============================================*/
div#submenu{
width:210px;margin:15px 0px 5px 0px;float:left;border:solid 1px #999999;}

div.submenu_header {
	border-bottom:solid 1px #999999;
	height:26px; padding:4px 0px 0px 0px;
	background-image:url("images/bg_submenu_header.gif");
	background-repeat:no-repeat; background-position:top;
	background-color:#cccccc;
	font-size:90%; font-weight:bold; text-align:center;
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul.submenu_body {
	padding-bottom:6px;
	background-color:#cccccc;
}

ul.submenu_body li {
	font-size:80%;			/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
}

ul.submenu_body li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 10px;	/*サブメニュー項目のパディング*/
	background-color:#eeeeee;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
}
ul.submenu_body li a:hover {
	background-color:#ffffff;	/*リンクにマウスが乗ったら色を変える*/
}

.atag{	display:block;			/*リンクをブロック表示にする*/
	text-decoration:none;		/*リンクの下線を無くす*/
	}



/*============================================
ニュース（中央カラム）
============================================*/
div#news{
	width:605px; margin:15px 15px 15px 15px;
	float:left;
	}
	

div#toiawase{
	width:605px; margin: 0 auto;
	text-align:center;
	}


	
h1 {
	margin:10px 15px 20px 15px;
	font-weight: bold; text-align:left;font-size:100%; 
	border-bottom: solid 2px #999999;
	}
	
h2 {
	margin:20px 20px 20px 20px;
	font-weight: bold; text-align:left;font-size:95%;
	border-bottom: solid 1px #999999;
	}

h2.newsminititle{margin:10px 25px 10px 25px;
 font-weight: bold; text-align:left;font-size:100%; text-indent:7px;
border-bottom: solid 2px #999999;}


h2.newsminititle2{margin-top: 25px; margin-bottom: 
6px; font-weight: bold; text-align:left;font-size:100%; 
border-bottom: solid 1px #999999;}

h2.title2{margin: 25px 30px 10px 35px; font-weight: bold; text-align:left;font-size:90%; 
border-bottom: solid 1px #999999;}

h3.newsminititle2{font-weight: bold; text-align:left;font-size:95%; margin:20px 0px 10px 5px;
}

h3.news3 {
	text-align: left; font-size: 87%;
	overflow:hidden; margin:15px 5px 5px 5px;
	}

img.w1{width:370px; height:auto; float:left; margin:5px 10px 5px 5px;}



img.w2{width:590px; height:auto; display: block; 
	margin-top:40px; margin-left: auto; margin-right: auto; 
	margin-bottom:10px;
	}

img.w3 {
	width:150px; height:auto; float:left;
	margin:5px 12px 5px 15px;
	}
	

img.w4{width:600px; height:auto; display: block;
margin-left: auto; margin-right: auto;}

img.w5 {
	width:160px; height:auto; float: right;
	margin:5px 12px 5px 15px; padding-top:60px;
	}	
	
img.w6 {
	width:220px; height:auto; float:left;
	margin:5px 12px 5px 40px;
	}
	
img.w7 {
	width:290px; height:auto; float:left;
	margin:5px 12px 5px 20px;
	}	
	
img.w8 {width:570px; height:auto; display: block; 
	margin-top:12px; margin-bottom:12px; margin-left: auto; margin-right: auto;
	}
	
img.w9 {width:350px; height:auto; display: block; float:center;
	margin-top:12px; margin-bottom:12px; margin-left: auto; margin-right: auto;
	}
	
img.right {width:280px; height:auto;float:right; padding: 5pt 0pt 5pt 5pt;}

img.right2 {width:350px; height:auto;float:right; margin:5px 15px 10px 5px;}

img.right3 {width:200px; height:auto;float:right; margin:5px 15px 10px 10px;}


p{text-align:left;font-size:85%; overflow:hidden; margin:0px 5px 5px 5px; text-indent:5px;}
p.p1{text-align:left; font-size:85%; overflow:auto;}
p.p2{text-align:center; font-size:85%; overflow:hidden;}
p.p3{text-align:left; font-size:60%; margin:0px 5px 5px 10px; text-indent:0px;}

p.p4 {
	text-align: left; font-size: 85%; 
	overflow: hidden; margin: 0px 25px 5px 5px; 
	text-indent:0px;
	}
	
p.p5{text-align:left; font-size:85%;overflow:hidden; 
	margin:7px 5px 0px 5px; text-indent:2px;}
	
p.p6{text-align:left; font-size:85%;overflow:hidden; 
	margin:25px 5px 0px 5px; text-indent:2px;}

p.center{text-align:left; font-size:85%; margin:0px 40px 10px 40px;text-indent:7px;}

p.center1{text-align:left; font-size:85%; margin:0px 14px 10px 40px;text-indent:7px;}

p.center2 {
	text-align:left; font-size:85%;
	margin:0px 40px 10px 20px;text-indent:7px;
	}
	
p.center3 {
	text-align:center; font-size:95%;
	margin:60px 0px 60px 0px;
	}
	
p.center4 {
	text-align:left; font-size:85%;
	margin:40px 40px 10px 40px;
	}	

p.center5 {
	text-align:left; font-size:75%;
	margin:0px 120px 10px 120px;
	}	


p.circle  {
	margin: 50px 40px 30px 40px;
	padding: 15px;
	border: solid 1px #999999;
	border-radius: 15px;
	}
	
	
p.caution {
	font-weight: bold;
	text-align:center; font-size:95%;
	margin:40px 0px 0px 0px;
	}

p.satooya {text-align:left; font-size:95%; color: #FF6600;
	text-indent:30px;}
	
p.satooya2 {text-align:left; font-size:95%; color: #33CC00;
	text-indent:30px;}
	
p.p9 {text-align:left; font-size:85%; color: #FF6600;
margin:0px 55px 10px 55px;text-indent:0px;}


p.oomozi{text-align:left; font-size:110%; margin:0px 40px 10px 40px;text-indent:7px;}
p.oomozicenter{text-align:center; font-size:115%; margin:20px 40px 10px 40px;}

figcaption {text-align:center; font-size:80%;
	margin:0px 0px 20px 0px;}

.clear {
    clear: both;
}

h3.newsminititle3{text-align:left; font-size:95%; margin:15px 40px 5px 40px;}
h3.newsminititle4{text-align:left; font-size:95%; margin:20px 0px 5px 35px;}
h3.newsminititle5{text-align:center; font-size:125%; margin-top:60px;}


h4.newsminititle{text-align:left; font-size:60%; padding-top:50px;
margin:20px 0px 5px 10px;border-bottom: solid 1px #999999;}

p.main{text-align:left;
	font-size:85%; margin:0px 0px 30px 10px; text-indent:5px;}

	
p.line{text-align:left;font-size:80%; overflow:hidden; 
margin:0px 0px 5px 10px; text-indent:5px;border-bottom: solid 1px #999999;}

p.line2{text-align:center; font-size:95%; overflow:hidden; 
margin:0px 0px 40px 0px; border-bottom: solid 1px #999999;}

p.phototitle{text-align:left; font-size:100%; overflow:hidden; 
	margin:0px 0px 13px 90px; }
	
p.phototext{text-align:left; font-size:80%; overflow:hidden; 
margin:0px 80px 50px 80px; padding: 0px 10px 8px 12px;
border-bottom: solid 1px #999999;
 border-bottom-left-radius: 8px; }
 
p.photoday {text-align:right; font-size:85%; 
	margin-right: 15px;}

hr{
	height:1px; border:solid 1px #cccccc; margin-bottom:20px;
}

p.title{text-align:left; font-size:85%; font-weight: bolder; margin:20px 0px 5px 37px;}

hr.top{
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #999999;
height: 1px;
margin:5px 10px 5px 10px;
}

hr.line3{
	border-width: 1px 0px 0px 0px;height:1px; border-style: solid;
	 border-color:#cccccc; margin:30px 5px 20px 30px;
}



p.textleft {float:left; margin:0px 40px 10px 40px; text-indent:0px;}

/* --- ページングエリア --- */
div.paging {
margin: 20px 0;
}

/* --- メニューエリア --- */
div.paging ul.nl {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center; /* メニューのセンタリング */
font-size: 100%; /* メニューの文字サイズ */
}
/* --- メニュー項目 --- */
div.paging ul.nl li {
display: inline;
margin-right: 15px; /* 項目の右マージン */
}

/* --- アクティブな項目 --- */
div.paging ul.nl li strong {
color: #cc0000; /* 項目の文字色 */
}

/* --- リンクしない項目（前へ・次へ） --- */
div.paging ul.nl li span {
color: #808080; /* 項目の文字色 */
}


p.topix {
margin: 30px 30px;
padding: 10px;
border: medium solid #FF9900;
}

ol{text-align:left; font-size:85%; margin:0px 40px 10px 30px;text-indent:3px;}

ol.number{text-align:left; font-size:85%; padding: 20px 40px;}



ul.dot{text-align:left; font-size:85%; padding:10px 40px;}

li.ul{margin:0px 40px 10px 40px; text-indent:0px;}

li.att {font-size:85%; margin:10px 50px 10px 60px; text-indent:0px;list-style: none;}

li.number{text-align:left; font-size:60%; margin:0px 5px 5px 0px; text-indent:0px;}



table.form { border:1px solid #7777bb; border-collapse:collapse; margin:5px 15px 10px 30px; font-size:85%;}
table.form th,td { text-align:left; border:1px solid #7777bb; padding:8px; font-weight:normal; font-size:85%;}
table.form th { background:#cccce6; font-size:85%;}
table.form td { background:#f0f0f0; font-size:85%;}
strong.ttl 
{ text-align:left; border-center:solid 4px #cc0000;
 display:block; padding:2px 5px; margin:10px 15px 10px 10px; font-size:85%;}

input[type="submit"] {
background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd);
border: 1px solid #3c7fb1;
border-radius: 0.3em;
}

input[type="reset"] {
background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd);
border: 1px solid #3c7fb1;
border-radius: 0.3em;
}

input[type="button"] {
background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd);
border: 1px solid #3c7fb1;
border-radius: 0.3em;
}

input[type="submit"]:hover {
background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
border: 1px solid #2c628b;
}
input[type="submit"]:active {
background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
border: 1px solid skyblue;
}

input[type="reset"]:hover {
background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
border: 1px solid #2c628b;
}
input[type="reset"]:active {
background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
border: 1px solid skyblue;
}

input[type="button"]:hover {
background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
border: 1px solid #2c628b;
}
input[type="button"]:active {
background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
border: 1px solid skyblue;
}


/*============================================
ピックアップ（右カラム）
============================================*/
div#blog{width:210px;margin:15px 0px 5px 0px;float:right;border:solid 1px #999999;}

div.blog_header {
	border-bottom:solid 1px #999999;
	border-top:solid 1px #999999;
	height:26px; padding:4px 0px 0px 0px;
	background-color:#cccccc;
	font-size:90%; font-weight:bold; text-align:center;
}




ul.blog {
	font-size:85%;
	padding-bottom:6px;
	padding-top:6px;
	background-color:#FFFFFF
}

ul.blog li{
	margin:0px 2px 0px 10px;
	font-size:85%;
	list-style-type:none;
}

ul.blog li a {
	margin:0px 2px 0px 2px;
	padding:2px 0px 2px 2px;
	background-color:#FFFFFF;
	text-decoration:none;
}
ul.blog li a:hover {
	color:#FF9900;	/*リンクにマウスが乗ったら色を変える*/
}


/*============================================
フッタ
============================================*/

div#footer {
	height:50px; text-align:center;
	clear:both;					/*回り込みを解除する*/
	background-color:#cccccc;			/*フッタ部分の背景色*/
}
p.footer{text-align:center;font-size:80%; overflow:hidden; 
margin:0px 0px 5px 10px; text-indent:0px;}

}