@charset "Shift_JIS";

body{
	/* 余白が上部にできてしまう為 */
	/* 親bodyを初期化 */
	margin : 0;
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

	/*
	HGS創英角ﾎﾟｯﾌﾟ体, 
	Verdana: MS
	游ゴシック:Mac OS(10.9) X, Win8.1
	YuGothic:
	Hiragino Kaku Gothic ProN:Mac OS X, iOS
	Meiryo:和文ゴシック MS標準
	sans-serif:
	*/


}
header, nav, article, aside, section, footer{
	/* HTML5の新要素に未対応のブラウザでは、「インライン要素」になる為、 */
	/* ブロック要 */
	display : block;
}

header > h1, h2{
	/* hタグのmarginがはみ出して、余白が上部にできてしまう為 */
	margin : 0;
}

header
{

	background-image : url("../parts_img/header.png");

	color : white;
	opacity : 1.0;

	width : 100%;
	height : 250px;



}
#h-contents
{
	width : 1280px;
	margin : 0 auto;
}
#h-chara
{
	float : left;

	width : 380px;
	height : 250px;
}
#h-picture
{
	float : left;
	background-image : url("../parts_img/header_pic.png");
	background-repeat : no-repeat;
	background-size : 75% 75%;
	background-position : 140px 40px;

	width : 900px;
	height : 250px;
}
header h1
{
	color : white;
	font-size : 90px;

	margin : 0;
}
header h1 > a
{
	color : white;
	font-size : 90px;
	text-decoration : none;
}

header h2
{
	color : white;
	font-size : 45px;

	margin : 0;
}

/*************************************/
/* 中央部分(左メニュー + 右メニュー)
/*************************************/
#contents
{
	overflow : hidden;
	width : 1280px;		/* A + B */
	height : auto;
	margin : 0 auto;	/* 中央揃え */
}

/*************************************/
/* 左メニュー
/*************************************/
#left-space
{
	width : 380px;		/* A 固定*/
	height : auto;
	float : left;

}
nav
{
	width : 90%;
	height : 700px;
}
nav ul
{
	background : RGB(250, 255, 255);
	list-style-type : none;

	width : 100%;
	height : 100%;

	margin : 0;
	padding : 0;

	

}
nav ul li
{
	/* li(block)をboxに変換 */
	display : -webkit-box;	/* safari, chrome */
	display : -moz-box;		/* firefox */
	display : -o-box;		/* opera */
	display : -ms-flexbox;	/* IE */
	display : box;		/* なし */

	/* liのa要素(ブロック)を縦位置中央揃え */
	-webkit-box-align : center;
	-moz-box-align : center;
	-o-box-align : center;
	-ms-flex-align : center;
	box-align : center;

	/* liのa要素(ブロック)を横位置中央揃え */
	-webkit-box-pack: center;
	-moz-box-pack : center;
	-o-box-pack : center;
	-ms-flex-pack : center;
	box-pack : center;

	border-radius : 50px; /* 丸み具合 */

	width : 100%;
	height : 100px;
	margin : 20px 0px 0;



}

nav ul li a
{
	/* inline →　block化 */
	display : block; 

	color : white;
	font-size : 32px;
	text-decoration : none;


}

#menu-chat
{
	background-image : url("../parts_img/menu_left1.jpg");
}
#menu-chat:hover
{
	background-image : url("../parts_img/menu_left1_on.jpg");
}
#menu-tamariba
{
	background-image : url("../parts_img/menu_left2.jpg");
}
#menu-tamariba:hover
{
	background-image : url("../parts_img/menu_left2_on.jpg");
}
#menu-cafeteria
{
	background-image : url("../parts_img/menu_left3.jpg");
}
#menu-cafeteria:hover
{
	background-image : url("../parts_img/menu_left3_on.jpg");
}
#menu-event
{
	background-image : url("../parts_img/menu_left3.jpg");
}
#menu-event:hover
{
	background-image : url("../parts_img/menu_left3_on.jpg");
}
#menu-blog
{
	background-image : url("../parts_img/menu_left4.jpg");
}
#menu-blog:hover
{
	background-image : url("../parts_img/menu_left4_on.jpg");
}
#menu-link
{
	background-image : url("../parts_img/menu_left5.jpg");
}
#menu-link:hover
{
	background-image : url("../parts_img/menu_left5_on.jpg");
}
/* ナビショートカット*/
#nav-sc
{
	width : 90%;
	height : auto;
}
#navi-sc-table
{
	width : 100%;
	height : 100%;

}
#navi-sc-tbody tr td
{
	text-align : center;
}
#nav2
{
	background : RGB(255	, 240, 235);
	width : 90%;	
	height : auto;
}
#nav2 p
{
	font-size : 20px;
	margin : 5px 20px 0 20px;
	word-wrap:break-word;
	
}
#nav2 a
{
	font-size : 16px;
}
/* 問い合わせ先 */
#nav2 p:nth-of-type(1)
{
	text-align : left;
}
#nav2 p:nth-of-type(2)
{
	font-size : 18px;
	text-align : left;
}
#nav2 p:nth-of-type(3)
{
	text-align : left;
}
#nav2 p:nth-of-type(4)
{
	font-size : 18px;
	text-align : left;
}
#nav2 p:nth-of-type(5)
{
	text-align : left;
}
#nav2 p:nth-of-type(6)
{
	font-size : 18px;
	text-align : left;
}
/* アクセス */
#nav2 p:nth-of-type(7)
{
	font-size : 18px;
	text-align : left;
}
#nav2 p:nth-of-type(8)
{
	font-size : 18px;
	text-align : left;
}
#nav2 p:nth-of-type(9)
{
	font-size : 18px;
	text-align : left;
}
#nav2 p:nth-of-type(10)
{
	font-size : 18px;
	text-align : right;
}
/* Googleマップ */
#nav2 p:nth-of-type(11)
{
	font-size : 18px;
	text-align : right;
}

#h3-letter
{
	font-size : 32px;
	color : RGB(170, 90, 90);

	margin : 0;
	padding : 20px 0 0 20px; /* 調整 */
}
#h3-letter > span
{
	background-image : url("../parts_img/icon_letter.png");
	background-repeat : no-repeat;
	background-size : contain;
	
	font-size : 32px;
	padding-left : 70px;
	margin-right : 0px; /* アイコンと文字の間隔*/
	
}
#h3-access	
{
	font-size : 32px;
	color : RGB(170, 90, 90);

	margin : 0;
	padding-left : 15px;
}
#h3-access > span
{
	background-image : url("../parts_img/icon_car.png");
	background-repeat : no-repeat;
	background-size : contain;
	
	font-size : 32px;
	padding-left : 70px;
	margin-right : 0px;	/* アイコンと文字の間隔*/
}

/*************************************/
/* フッター情報
/*************************************/
footer
{
	background-image : url("../parts_img/footer.png");

	color : white;
	font-size : 20px;

	width : 100%;
	height : 200px;



	text-align : center;
	clear: left;

}