@charset "utf-8";
/* CSS Document */
/****************************************
          General Setting
*****************************************/

html,body			{margin: 0;padding: 0;}

body				{color: #333;font-size: 14px;font-family:'游ゴシック','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',
															'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;line-height: 160%;}
/****************************************
          Typography
*****************************************/

h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1					{margin-bottom: 10px;font-size: 240%;font-family: 'Josefin Sans', sans-serif;}
blockquote			{	margin-bottom: 2em;	margin-left: 20px;padding-left: 20px;border-left: 5px solid #ddd;}
/****************************************
          List
*****************************************/
ul,ol				{margin: 0;padding: 0;list-style: none;}
ul ul,ol ul,ol ol	{margin-left: 1em;}

/****************************************
          Link
*****************************************/
a					{text-decoration: none;}
a:hover				{color: #ff0000;}

@imprt url(grid-blognews.css);
/*---------- 基本構造 ----------*/
#wrap	{margin: 0 auto;width: 960px;}

#logo				{border-bottom: 1px dashed #fe56aa;}
#logo a				{border: none;}
#description		{margin-top: 0;	color: #777;}

#logout						{float:right;}
#logout	a					{display:block;padding:0px 0px 0px 20px;color:#000;text-decoration:none;background:url(../image/listmark.png) left center no-repeat;}

/* ユーザーセレクト表示／消去  */
.visibleTableTr { display: table-row; }
.hideTableTr { display: none; }

@media ( min-width: 768px ){
	/*--- コンテンツとサイドバーを横に並べる設定 ---*/
	#main:after		{ content: ""; display:block; clear:both;}
	
	
	}

/*          */

sub_body			{ margin:0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.5; }


/*  基本構造  */
#header			{ border-bottom: solid 1px #dddddd; background-color:#f6f6f6; padding :1px 1px 1px 1px; }
/* フッター */
#footer			{ padding :1px 1px 20px 1px; border-top: solid 7px #dddddd; background-color:#f6f6f6; }
/* トップメニュー */
#topMenu					{padding:10px 10px 10px 0px;background-color:#f6f6f6;}
#topMenu img				{float:left;}
#topMenu ul					{margin:0;padding:0;font-size:14px;list-style:none;float:right;}
.sectionAA					{border-bottom:#ccc2px solid;margin:8px 0px 5px 0px;}
#topMenu li a				{display:block;padding:0px 0px 0px 16px;color:#000;text-decoration:none;background:url(../image/ico_arw02.gif) left center no-repeat;}
#topMenu li					{padding:0px 20px 0px 5px;text-align:left;float:left;}

/* ボトムメニュー */
#bottomMenu					{margin:0px 0 5px 0;padding:1px 1px 1px 0px;}
#bottomMenu	ul				{margin:0px;padding:0px 0px 0px 5px;font-size:14px;list-style:none;}
#bottomMenu	li				{text-align:left;float:left;}
#bottomMenu	li a			{display:block;padding:0px 0px 0px 20px;color:#000;text-decoration:none;background:url(../image/banner_image/icon-arw01.png) left center no-repeat;}

/*  ボックスの上下の間隔  */
#mainContents		{ padding-top:15px; padding-bottom:20px; padding-right:50px; .moz-box-sizing:border-box; .webkit-box-sizing:border-box; box-sizing:border-box; }

#header, #footer, #main
				{ padding-left:10px; padding-right:10px; }
				
@media ( max-width: 599px ){
#mainContents		{ padding-top:8px; }
	}				
/* 全体の横幅   */			

/* サイト名 */
.sub_site h1 a		{ display: inline-block; padding: 10px; background-color: #00a0e9; color: #ffffff; text-decoration:none }
.sub_site h1		{ margin:0; font-family:"Arial Black", sans-serif; font-size:30px }
/*.site p		{ margin:0; font-size:12px }

/* コピーライト */
.sub_copyright p	{ margin:0; color:#666666; font-size:14px; }

/* 記事 */
.sub_kiji:after		{ content:""; display:block; clear:both; }
.sub_kiji h1		{ margin-top:15px; margin-bottom:10px; font-size:36px }
.sub_kiji p			{ margin-top:5px; margin-bottom:20px; font-size:16px; }


@media ( max-width: 599px ){
	.sub_kiji h1	{ font-size:24px; }
	.sub_kiji p		{ font-size:14px; }
	}



/* 概要 */
.sub_gaiyou a		{ display:block; padding:20px 0; border-bottom:dotted 2px #eeeeee; color:#000000; text-decoration:none; }
.sub_gaiyou a:hover	{ background-color:#eeeeee; }
.sub_gaiyou h1		{ margin-top:0; margin-bottom:10px; font-size:20px; }
.sub_gaiyou p		{ margin:0; font-size:14px; }

@media ( max-width: 599px ){
	.sub_gaiyou h1	{ font-size:16px; }
	.sub_gaiyou p	{ font-size:10px; }
	}
/* サイドバー */
#subMenu h2			{ margin-top:0; margin-bottom:10px; border-bottom:solid 2px #dddddd; color:#666666; font-size:18px; width:auto; }
#subMenu ul			{ margin:0; padding:0; list-style:none;}
#subMenu li a		{ display:block; padding:10px 5px; color:#000000; font-size:14px; text-decoration:none;}
#subMenu li a:hover	{ background-color:#eeeeee;}


/* 画像のキャプション */
.sub_wp-caption-text	{ margin:0; color:#666666; font-size:10px; text-align:center; }
.sub_wp-caption-text a	{ color:#666666; }
/* 画像の配置 */
.sub_aligncenter		{ display:block; margin-top:15px; margin-bottom:15px; margin-left:auto; margin-right:auto; }
/*.alignleft			{ float:left; margin-top:10x; margin-bottom:20px; margin-right:15px; }
.alignright			{ float:right; margin-top:10x; margin-bottom:20px; margin-left:15px; }

/* 大きい画像用の設定 */
img, .sub_wp-caption	{ max-width:100%; height:auto; }

@media ( max-width: 599px ){
	.sub_alignleft , .sub_alignright
					{ display:block; margin-top:15px; margin-bottom:15px; margin-left:auto; margin-right:auto; }
	}

@media ( min-width: 599px ){
	.sub_alignleft 		{ float:left; margin-top:10px; margin-bottom:20px; margin-right:15px; }
	.sub_alignright		{ float:right; margin-top:10px; margin-bottom:20px; margin-left:15px; }
}

/* InternetExplorer 用の設定 */
a img				{ border:none; }
/*ページトップフローアイコン*/
#pagetop			{position:fixed;bottom:50px;right:100px;}
/* パンくず　エリア */	
#pankuzu{
	clear:both;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:#ccc 2px solid; width:930px;
	}
#pankuzu li{
	display:inline;
	font-size:83%;
	}
#pankuzu a{	padding-right:15px;	background:url(../image/ico_arw01.gif) right center no-repeat; }


@media ( max-width: 599px ){
#pankuzu	li:last-child
					{ text-indent:-9999px; }
	}
	
#contentsTitle		{ font-size:20px; padding:0px 0px 1px 0px; }
.mainContent		{ padding:0px 0px 0px 10px; }
.pageTitle			{ font-size:28px; }

.photo_0				{ float:left; margin-right:5px; }	/*left*/
.photo_1				{ margin:0px 0 5px 0;padding:5px; }	/*center*/
.photo_2				{ float:right; margin-left:5px; }  /*right*/
.media_Back_Gray{ background-color:#ddd; border:solid 3px #ccc; margin-bottom:5px; }
.media			{ margin-bottom:5px; }
.media:after	{ content: ''; display:block; clear:both; }

.table1aaa		{ border: 2px solid #000; width:500px; }


.topTable		{ border-collapse:collapse; width:800px; }
.topTable td	{ padding:2px 2px 2px 2px; border:1px solid #fffff0; }


.menu			{ background-color:#ffffff; border-bottom:5px solid #ff9900; border-top:5px solid #000000; }
.menu ul		{ list-style:none; display:flex; margin:0; padding:5px 5px 0px 5px; }
.menu li		{ flex: 1 0 auto; }
.menu li a		{ display:block; padding:5px 5px; text-decoration:none; text-align:center; font-size:14px; color:#000000; }
.menu li a:hover	{ background-color:#ff9900; border-radius: 10px 10px 0px 0px; }

/* jpg Control　*/
.photo_0		{ float:left; margin-right:5px; }	/*left*/
.photo_1		{ margin:0px 0 5px 0;padding:5px; }	/*center*/
.photo_2		{ float:right; margin-left:5px; }  /*right*/

/* main092_access.php map_canvas　*/
#map_canvas		{ padding:10px 10px 100px 10px; }

/* main06_event */
#main_2nd				{width: 74%;float:right;margin:0px 0px 0px 0px;padding:5px 5px 5px 5px} /* メインコンテンツの幅を指定 */  /* 右にフロート */
#sub_2nd				{width: 23%;float:left;margin:0px 0px 0px 0px;padding:5px 5px 5px 5px} /* サブコンテンツの幅を指定 */  /* 左にフロート */

.sub2nd					{ line-height: 5px }

/*  ボックスの上下の間隔  */
.subMenu-header		{ padding-top:5px; }

#mainContents		{ padding-top:15px; padding-bottom:20px; padding-right:10px; .moz-box-sizing:border-box; .webkit-box-sizing:border-box; box-sizing:border-box; }
#subMenu			{ padding-top:15px; padding-bottom:20px; }
/* サイドバー */
#subMenu h2			{ margin-top:0; margin-bottom:10px; border-bottom:solid 2px #dddddd; color:#666666; font-size:18px; width:auto; }
#subMenu ul			{ margin:0; padding:0; list-style:none;}
#subMenu li a		{ display:block; padding:10px 5px; color:#000000; font-size:14px; text-decoration:none;}
#subMenu li a:hover	{ background-color:#eeeeee;}

@media ( min-width: 768px ){
	/*--- コンテンツとサイドバーを横に並べる設定 ---*/
	#main:after		{ content: ""; display:block; clear:both;}
	#mainContents				{ float:left; width: 75%; }
	#subMenu					{ float:right; width: 25%; }
	
	
	}