/*


<div id="NEWS_BOX">

繰り返し{
	<div class="news_title">
		<div class="last_update">日付</div>
		記事タイトル
	</div>
	<div class="news_body">
		<div class="news_photo_box">
			<img class="news_photo">
		</div>
		記事
	</div>
	<div class="clear_both"></div>
}

</div>
<div id="NUMBER_BOX">ページ番号</div>


*/





/*　ニュースBOX 基本　/////////////////////////////////////////////////////////*/
#NEWS_BOX{
	font-size:14px;
	line-height:1.3em;
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','ＭＳ ゴシック','MS Gothic','SimHei','HiraKakuProN-W3','STHeitiJ-Medium','TakaoExゴシック','TakaoExGothic','MotoyaLCedar','Droid Sans Japanese','Droid Sans Fallback',monospace;
	text-shadow:1px 1px 2px #CCCCCC;
}



/*　ニュースBOX内の　タイトルボックス　*/
.news_title{
	font-size:18px;
	font-weight:bold;
	line-height:130%;
	margin:0px 0px 7px 0px;

	border-top:1px #999999 solid;
	padding:10px 0px 0px 0px;
	border-bottom:0px #999999 solid;
	color:#662200;
}

/*　ニュースBOX内の　タイトルボックス内の　最終更新日　*/
.last_update{
	font-size:10px;
	font-weight:normal;
	float:right;
	color:#DDDDDD;
}

/*　ニュースBOX内の　ボディボックス　*/
.news_body{
	margin:0px 0px 10px 0px;
	line-height:1.5em;
}


/*　ニュースBOX内の　 テキストの記号着色　*/
/* ● */.txA{color:darkorange;} 
/* ◎ */.txB{color:red;} 
/* ■ */.txC{color:green;}
/* ◆ */.txD{color:blue;} 
/* ★ */.txE{color:red;} 
/* ♪ */.txF{color:#0066FF;} 
/* 《 */.txG{color:#005500;} 
/* 『 */.txH{color:crimson;} 
/* 【 */.txI{color:#0033CC;} 
/* ＜ */.txJ{font-family:'ＭＳ Ｐゴシック';font-weight:bold;} 


/*　ニュースBOX内の　写真ボックス　*/
.news_photo_box{
	max-width:45%;
	float:right;
	margin:0px 0px 10px 10px;
}


/*　ニュースBOX内の　写真ボックス内の　写真の形状　*/
.news_photo{
	width:100%;
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
	    -ms-border-radius:6px;
	     -o-border-radius:6px;
	     	border-radius:6px;

}




/*　ニュースBOX内の　周り込み解除　若干高さをつけとく　*/
.clear_both{
	padding:5px;
	clear:both;
}

/*　ページ番号ボックス　/////////////////////////////////////////////////////////*/
#NUMBER_BOX{
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','ＭＳ ゴシック','MS Gothic','SimHei','HiraKakuProN-W3','STHeitiJ-Medium','TakaoExゴシック','TakaoExGothic','MotoyaLCedar','Droid Sans Japanese','Droid Sans Fallback',monospace;
	font-weight:bold;
	font-size:10px;
	line-height:1.2em;
	margin:0px 8px 1px 5px;
	text-align:right;
}


/*　ページ番号ボックス内の　リンク系　グラデーション　*/
.p_link,.p_link_L,.p_link_R,.search_button,.reset_button,.search_ok_button{

	color:#444444;
	cursor:pointer;
	border-top:1px #DDDDDD solid;
	border-right:1px #999999 solid;
	border-left:1px #FFFFFF solid;

	text-shadow:1px 1px 2px #FFFFFF;
		
	background-color:#CCCCCC;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EEEEEE), color-stop(0.51, #CCCCCC), color-stop(0.50, #DDDDDD), color-stop(0.00, #FFFFFF));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #DDDDDD 50%, #CCCCCC 51%, #EEEEEE 100%);
	background:    -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 50%, #CCCCCC 51%, #EEEEEE 100%);
	background:     -ms-linear-gradient(top, #FFFFFF 0%, #DDDDDD 50%, #CCCCCC 51%, #EEEEEE 100%);
	background:      -o-linear-gradient(top, #FFFFFF 0%, #DDDDDD 50%, #CCCCCC 51%, #EEEEEE 100%);
	background:         linear-gradient(top, #FFFFFF 0%, #DDDDDD 50%, #CCCCCC 51%, #EEEEEE 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,startcolorstr=#EEEEEE,endcolorstr=#CCCCCC
	);
	zoom:1;
	
}


/*　ページ番号ボックス内の　リンク系マウスオーバーの際　グラデーション　*/
.p_link:hover,.p_link_L:hover,.p_link_R:hover,.search_button:hover,.reset_button:hover,.search_ok_button:hover{
	background-color:#DDDDDD;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFFFFF), color-stop(0.51, #DDDDDD), color-stop(0.50, #EEEEEE), color-stop(0.00, #FFFFFF));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 50%, #DDDDDD 51%, #FFFFFF 100%);
	background:    -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 50%, #DDDDDD 51%, #FFFFFF 100%);
	background:     -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 50%, #DDDDDD 51%, #FFFFFF 100%);
	background:      -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 50%, #DDDDDD 51%, #FFFFFF 100%);
	background:         linear-gradient(top, #FFFFFF 0%, #EEEEEE 50%, #DDDDDD 51%, #FFFFFF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,startcolorstr=#FFFFFF,endcolorstr=#DDDDDD
	);
	zoom:1;
	
}


/*　ページ番号ボックス内の　リンク系アクティブ時　グラデーション　*/
.p_active,.p_link:active,.p_link_L:active,.p_link_R:active,.search_button:active,.reset_button:active,.search_ok_button:active{

	border:1px #666666 solid;



	background-color:#666666;
	background: -webkit-gradient(linear, left top, left bottom, from(#666666 ), to( #999999 ));
	background: -webkit-linear-gradient( #666666 , #999999 ); 
	background:    -moz-linear-gradient( #666666 , #999999 ); 
	background:     -ms-linear-gradient( #666666 , #999999 ); 
	background:      -o-linear-gradient( #666666 , #999999 ); 
	background:         linear-gradient( #666666 , #999999 );
	filter:progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,startcolorstr=#666666,endcolorstr=#999999
	);
	zoom:1;
}

/*　ページ番号ボックス内の　アクティブのみの　フォントカラー*/
.p_active{
	color:white;
	text-shadow:1px 1px 2px #000000;
}

/*　ページ番号ボックス内の　リンクとアクティブ　パッディング　*/
.p_link,.p_active{
	padding:3px 5px 2px 5px;
	font-family:monospace;
}


/*　ページ番号ボックス内の　リンク左端　角まる　*/
.p_link_L{
	-webkit-border-radius: 9px 0px 0px 0px;
	   -moz-border-radius: 9px 0px 0px 0px;
	    -ms-border-radius: 9px 0px 0px 0px;
	     -o-border-radius: 9px 0px 0px 0px;
	     	border-radius: 9px 0px 0px 0px;
	border-left:1px #CCCCCC solid;
	     
}

/*　ページ番号ボックス内の　リンク右端　角まる　*/
.p_link_R{
	-webkit-border-radius: 0px 9px 0px 0px;
	   -moz-border-radius: 0px 9px 0px 0px;
	    -ms-border-radius: 0px 9px 0px 0px;
	     -o-border-radius: 0px 9px 0px 0px;
	     	border-radius: 0px 9px 0px 0px;
	border-right:1px #BBBBBB solid;
}

/*　ページ番号ボックス内の　リンク左端右端のパッディング　ちょっと色を薄く　*/
.p_link_L,.p_link_R{
	padding:3px 7px 2px 7px;
	color:#777777;
	font-family:monospace;
}


/*　ニュースBOX内の　検索入力フォーム　検索ボタン　検索リセットボタン　検索結果OKボタン　*/
.search_input_text,.search_button,.reset_button,.search_ok_button{
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','ＭＳ ゴシック','MS Gothic','SimHei','HiraKakuProN-W3','STHeitiJ-Medium','TakaoExゴシック','TakaoExGothic','MotoyaLCedar','Droid Sans Japanese','Droid Sans Fallback',monospace;
	height:31px;
	font-weight:bold;
	font-size:16px;	
	margin:0px 0px 0px 0px;
}


.search_input_text,.search_button,.reset_button,.search_ok_button{
	height:24px;
	font-size:14px;	
	font-weight:normal;	
}

.p_link,.p_link_L,.p_link_R,.p_link_L2,.p_link_R2,.p_active,.p_active_L,.p_active_R{
	font-size:10px;
	
}


/* スマホ対策 */
@media screen and (max-width:640px){
	.search_input_text,.search_button,.reset_button,.search_ok_button{
		height:31px;
		font-weight:bold;
		font-size:16px;	
	}
	.p_link,.p_link_L,.p_link_R,.p_link_L2,.p_link_R2,.p_active,.p_active_L,.p_active_R{
		font-size:16px;
	
	}
	.news_title{
		font-size:18px;
	}
	#NEWS_BOX{
		font-size:16px;
	}
}



/*　ニュースBOX内の　検索入力フォーム　*/
.search_input_text{

	width:100px;
	padding:0px 0px 0px 0px;
	-webkit-border-radius: 9px 0px 0px 9px;
	   -moz-border-radius: 9px 0px 0px 9px;
	    -ms-border-radius: 9px 0px 0px 9px;
	     -o-border-radius: 9px 0px 0px 9px;
	     	border-radius: 9px 0px 0px 9px;
	border-top:1px #CCCCCC solid;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
	border-left:1px #BBBBBB solid;
}

/*　ニュースBOX内の　検索ボタン　*/
.search_button{
	padding:0px 10px 0px 10px;
	cursor:pointer;
	-webkit-border-radius: 0px 0px 0px 0px;
	   -moz-border-radius: 0px 0px 0px 0px;
	    -ms-border-radius: 0px 0px 0px 0px;
	     -o-border-radius: 0px 0px 0px 0px;
	     	border-radius: 0px 0px 0px 0px;
	border-top:1px #CCCCCC solid;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
	border-left:1px #EEEEEE solid;
}

/*　ニュースBOX内の　検索リセットボタン　*/
.reset_button{

	padding:0px 10px 0px 10px;
	cursor:pointer;
	-webkit-border-radius: 0px 9px 9px 0px;
	   -moz-border-radius: 0px 9px 9px 0px;
	    -ms-border-radius: 0px 9px 9px 0px;
	     -o-border-radius: 0px 9px 9px 0px;
	     	border-radius: 0px 9px 9px 0px;
	border-top:1px #CCCCCC solid;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
	border-left:1px #EEEEEE solid;
}

/*　ニュースBOX内の　検索結果OKボタン　*/
.search_ok_button{

	padding:0px 10px 0px 10px;
	cursor:pointer;
	-webkit-border-radius: 9px 9px 9px 9px;
	   -moz-border-radius: 9px 9px 9px 9px;
	    -ms-border-radius: 9px 9px 9px 9px;
	     -o-border-radius: 9px 9px 9px 9px;
	     	border-radius: 9px 9px 9px 9px;
	border-top:1px #CCCCCC solid;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
	border-left:1px #BBBBBB solid;
}



