@charset "UTF-8"; 


body	{font-family: 'メイリオ',
	'Hiragino Kaku Gothic Pro', sans-serif;
	font-size:90%;
	color: #333;
	text-align: center;
}

/* サイト名 */
.box1 h1	{margin: 0;
		font-size:200%; 
		font-weight:bold; 
		background-color:indigo;
		color:thistle;
		padding:20px;
		text-align: center}

/* ナビゲーション */
.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 15px;
	color: #ffFFFF;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none}

.menu li a:hover	{background-color:#FFCCFF }

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}


/* ========================================  紹介文 */
.syokai {
	background-color:#CCFFFF;}

/* ========================================  紹介文 */
.symbol {
	background-color:#FFFFFF;}

/* ========================================  #main ページの本文 */
.main .img 	{ /* 図 */
		max-width:100%;
		height: auto;}

.main p	{font-size: 20px}

.main3 p	{margin: 0;
		padding:15px;
		background-color:violet}

/* ========================================  発表団体メニュー */


.subinfo .label { /* サイドボックスのメニュー:ラベルthistle */
	color:000000;
	font-size: 14px;
	font-weight: bold;
	background-color:#99FFCC; /*#644034副題の色*/
	margin: 0px;
	padding-top:7px;
	padding-bottom:7px;}

/* メニュー（縦並び） */
.subinfo ul	{margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	list-style: none;
	background: #EEFFFF}

.subinfo li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.subinfo li a:hover	{background-color: #bbFFff}


/* ========================================  #footer 画面下部 */
#footer {

	border-top: 5px solid#FF6699;/*FFDAB9*/
	text-align: center;
	
}

/* ========================================  発表団体ラベル */


#footer p {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* BOX2をバーの形にする */
.box2	{
	background-color:#FF6699;} 
.box3	{
		background-color:#b4886c;
		text-align: center;} 
	

/* レスポンシブデザインの設定 */
@media (min-width: 768px) {


/* ########### 1040px以上 ########### */
@media (min-width: 1040px) {

/* 全体の横幅を固定 */

.box1, .box2, .contents, #footer, .syokai, .subinfo
	{width: 1000px;
		padding-left: 25px;
		padding-right: 25px;
	margin-left: auto;
	margin-right: auto;}
}