@import "fontsize.css";

/* +++++++++++++++++++++ ベース設定 +++++++++++++++++++++ */

/* ++++++ 横幅設定 ++++++ */


#three #container {
		width: 792px;
		}

	/* 左サイドバーの横幅 */
#three #left	{
		width: 36px;
		}

	/* 中央コンテンツ部分の横幅 */
#three #center	{
		width: 720px;
		}

	/* 右サイドバーの横幅 */
#three #right	{
		width: 36px;
		}



/* ++++++ その他設定 ++++++ */


#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}

#left {
	float: left;
	}

#center {
	float: left;
	text-align:center;
	}
	

#right {
	float: right;
	}

#footer	{
	clear: both;
	margin: 0 0 20px 0;
	}




/* +++++++++++++++++++++ レイアウトのデザイン設定 +++++++++++++++++++++ */


/*イベントページなど、縦に長くなると、背景が縦に繰り返されていたので修正しました。 */


body	{
	padding:0; 
	margin:0; 
	font-family:Osaka,"ＭＳ Ｐゴシック"; 
	background: url(../img_top/bg01.jpg) top repeat-x;
	text-align: center;
 }

a { color: #D04774; text-decoration: none; line-height: 150%; }
a:hover { text-decoration: underline; color: #D04774; }


#main	{
	background-image: url(../img_top/bg02.jpg);
	background-color: #ffffff;
	margin-top:0; 
	text-align: center;
	}


/* ++++++ 段の間隔 ++++++ */

	/* 左サイドバーの左右の余白 */
	#left div {
		margint: 0px;
		}

	/* コンテンツ部分の左右の余白 */
	.content div	{
		padding-left: 11px;
		padding-right: 11px;
		}

	/* 右サイドバーの左右の余白 */
	#right div	{
		margin: 0px;
		}

	#left div div, .content div div, #right div div {
		margin-left: 0;
		margin-right: 0;
		}