@charset "UTF-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	color:#333333;		/*文字色*/
} 
body {
	background-color:#eeddff;	/*ページ全体の背景色#ffffff*/
	/*	text-align:center;		IE6以下でセンタリングするための対策*/
	height: 100%;
	max-width:1130px; /* 最大幅　*/
}
.pagebody {
	margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
}

/*============================================
ヘッダ
============================================*/
div#header {
	height:77px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/bg_header.jpg" );	/*ヘッダ部分の背景画像*/
	/*background-image:url("images/bg_header01.jpg" );	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#cccccc;		/*ヘッダ部分の背景色*/
}
h1 {
	padding:20px 10px 10px 	30px;		/*見出し内容の位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
h1 a {text-decoration:none;} 			/*リンクの下線を無くす*/
h1 a：hover {background-color:#333333;} 			/*マウス*/

/*============================================
SNS
============================================*/
.follow ul {	margin: 0;
				padding: 0;
				list-style: none ; }
.follow li a {	display: block ;
				padding: 5px ;
				text-decoration: none ; }
.follow li a:hover { opacity: 0.8; }
.follow li	{float: left;
			width: auto; }

/*============================================
メインメニュー
============================================*/
.menu ul {	margin: 0;
			padding: 0;
			background-color:#6462A1;			/*ヘッダーメニュー部分の背景色竜胆色*/
/*			list-style: none; } */
			list-style: none }
.menu li a	{ display:block;		/*リスト項目をブロック表示にする*/
			margin: 5px;  padding: 0px 20px 0px 10px;		/* 	余白　10ピクセル*/
			color: #ffffff;			/*文字色　黒#000000→白#ffffff*/
/*			text-decoration: none; 	/*文字飾りなし*/	
			text-decoration: none 	/*文字飾りなし*/	
}
.menu li a:hover {
/*	background-color: #C0AFCB;	/*　オンマウス時の背景色　*/
	background-color: #A09FCB	/*　オンマウス時の背景色　*/
}
.menu ul:after	{content:"";
				display: block;
				clear: both; }
.menu li	{float: left;
			width: auto; }
/*============================================
サブメニュー（左カラム）
============================================*/
div#submenu {
	margin:10px 10px 10px 25px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#submenu_header {
	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;
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
div#submenu_body {
	padding-bottom:6px;
	background-image:url("images/bg_submenu_footer.gif");
	background-repeat:no-repeat; background-position:bottom;
	background-color:#cccccc;
}
ul#submenu_body li {
	font-size:90%;			/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}
ul#submenu_body li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 20px;	/*サブメニュー項目のパディング*/
	background-color:#eeeeee;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
}
ul#submenu_body li a:hover {
	background-color:#000000;	/*リンクにマウスが乗ったら色を変える*/
}
/*============================================
ピックアップ（左カラム）
============================================*/
div#submenyu_pickup {
	background-image:url("images/bar_pickup.gif");	/*右カラムの背景画像*/
	background-repeat:no-repeat;		 /*背景画像を繰り返さない*/
}
ul#submenu_pickup {
	font-size:80%;			/*フォントサイズを90%にする*/
}
ul#submenu_pickup li {
	list-style-type:none; 		/*リストマーカー無しにする*/
	line-height:1.8;		/*行の高さを1.8倍にする*/
	text-decoration:none;		/*リンクの下線を無くす*/
}
ul#submenu_pickup li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 20px;	/*サブメニュー項目のパディング*/
	background-color:#eeddff;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
}
ul#submenu_pickup li a:hover {
	background-color:#C0AFCB;	/*リンクにマウスが乗ったら色を変える*/
}

/*============================================
コンテンツ（中央と右の2カラム全体）
============================================*/
div#content {
	margin:10px 10px 10px 0px;	/*幅の指定と位置調整*/
	float:right;				/*2カラム全体を右寄せにする*/
}

/*============================================
ニュース（中央カラム）
============================================*/
div#news {
	margin-left:10px; padding-top:10px; /*幅の指定と位置調整*/
	float:left;					/*カラムを左寄せにする*/
	background-image:url("images/bar_news.gif");	/*中央カラムの背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
	}

/*見出し・段落・水平線のスタイル指定*/
h2 {
	font-size:100%; margin-bottom:10px; padding-left:25px;
	font-size:95%; border-bottom:solid 1px #6462A1;
	background-image:url("images/icon.gif");
	background-repeat:no-repeat; background-position:left;
}
h3 {font-size:95%; margin-left:5px;}
rubi {font-size:50%; margin-left:5px;}
p {font-size:90%; margin:10px 10px 10px 10px; text-indent:10px;}
p1 {font-size:85%; margin:10px 0px 10px 0px; text-indent:0px;}
hr {height:1px; border:solid 1px #6462A1; margin-bottom:10px;}

div#map_canvas {
	width:100%; margin-right:5px;
	margin-left:5px;  padding-top:10px; /*幅の指定と位置調整*/
	float:left;					/*カラムを左寄せにする*/
	}

div#t1 {
	width:80px;  					/*幅の指定と位置調整*/
	float:right;					/*カラムを右寄せにする*/
	}
ul#t1 {
	font-size:80%;			/*フォントサイズを90%にする*/
}
ul#t1 li {
	list-style-type:none; 		/*リストマーカー無しにする*/
	text-decoration:none;		/*リンクの下線を無くす*/
}
ul#t1 li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:2px 5px 2px 5px;		/*サブメニュー項目のマージン*/
/*	padding:2px 0px 2px 0px;	サブメニュー項目のパディング*/
	background-color:#eeddff;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
}
ul#t1 li a:hover {
	background-color:#C0AFCB;	/*リンクにマウスが乗ったら色を変える*/
}

			
/*============================================
フッタ
============================================*/
div#footer {
	height:42px; text-align:right;
	clear:both;					/*回り込みを解除する*/
	background-color:#6462A1;			/*フッタ部分の背景色*/
}
address {
	font-style:normal;			 /*フォントスタイルを標準にする*/
	font-size:small;			 /*フォントサイズを小さくする*/
	color: #ffffff;			/*文字色　黒#000000→白#ffffff*/
	padding:10px 10px 10px 10px;		 /*要素内容の位置調整*/
}
/*============================================
 ＰＣ用ボックス構造の定義　
 ============================================*/
@media (min-width:768px) {
.boxA:after {	content: "";
			display: block;
			clear: both;	}
.box1 {		float: left;
			width: 100%;	}
.box2 {		float: left;
			width: 100%;	}
.box3 {		float: left;
			width: 25%;	}
.box4 {		float: left;
			width: 75%;	}
}
@media (min-width:600px){
.boxB1:after {	content: "";
			display: block;
			clear: both;	}
.boxB11 {		float: left;
			width: 50%;	}
.boxB12 {		float: left;
			width: 50%;	}
}
@media (min-width:600px) {
.boxB2:after {	content: "";
			display: block;
			clear: both;	}
.boxB21 {		float: left;
			width: 50%;	}
.boxB22 {		float: left;
			width: 50%;	}
}
@media (min-width:600px) {
.boxB3:after {	content: "";
			display: block;
			clear: both;	}
.boxB31 {		float: left;
			width: 50%;	}
.boxB32 {		float: left;
			width: 50%;	}
}
@media (min-width:600px) {
.boxB4:after {	content: "";
			display: block;
			clear: both;	}
.boxB41 {		float: left;
			width: 50%;	}
.boxB42 {		float: left;
			width: 50%;	}
}
@media (min-width:600px) {
.boxB5:after {	content: "";
			display: block;
			clear: both;	}
.boxB51 {		float: left;
			width: 50%;	}
.boxB52 {		float: left;
			width: 50%;	}
}