@charset "utf-8";



body div#container {
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

h1{
	margin-bottom: 60px;
}

a:link		{ color: #336666; text-decoration: underline; }
a:visited { color: #336666;text-decoration: underline; }
a:hover   { color: #CC0000; text-decoration: underline; }
a:active  { color: #CC0000; text-decoration: underline; }

/* =========================================================
top menu
========================================================= */

div#menu{
	width: 492px;
	margin-right: auto;
	margin-left: auto;
	height: 83px;
	margin-bottom: 60px;
}
div#menu h2{
	float: left;
}
a#menuworks{
	display: block;
	height:83px;
	width:98px	;
	background-image: url(../img/bt_works_up.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 33px;
}
a#menushop{
	display: block;
	height:83px;
	width:98px;
	background-image: url(../img/bt_shop_up.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 64px;
}
a#menuprofile{
	display: block;
	height:83px;
	width:98px;
	background-image: url(../img/bt_profile_up.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 64px;
}
div#menu a:hover{
background-color:#E1E1A6; /*IE6対策*/
}
div#menu a:hover img{
visibility:hidden;
}


/* =========================================================
today
========================================================= */
#today{
	background-color: #CCD9CC;
	padding-top: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}


#today img{
	margin: 0px 0px 10px;
}

#menu_01,#menu_02,#menu_03,#menu_04,#menu_05,#menu_06,#menu_07,#menu_08{
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 13px;
	line-height: 110%;
}

div#menu_01 h3{
	background-color: #FF9900;
}
div#menu_02 h3{
	background-color: #FF3300;
}
div#menu_03 h3{
	background-color: #669933;
}
div#menu_04 h3{
	background-color: #6699CC;
}
div#menu_05 h3{
	background-color: #BB7E00;
}

div#menu_06 h3{
	background-color: #FF6633;
}

div#menu_07 h3{
	background-color: #FF6666;
}

div#menu_08 h3{
	background-color: #CC9966;
}

div#today h3{
	float: left;
	width: 120px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding: 2px;
	margin-right: 2px;
}

div#today h3 a{
	color: #FFFFFF;
	text-decoration: none;
}
div#today h3 a:hover{
	color: #FFFF66;
}
div#today p{
	font-size: 13px;
	text-align: left;
	background-color: #FFFFFF;
	padding:2px;
}

/* =========================================================
month
========================================================= */

#month{
	background-color: #ECC6D9;
	padding-top: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#month img{
	margin: 0px 0px 10px;
}

div#month#menu_01,div#month#menu_02,div#month#menu_03,div#month#menu_04,div#month#menu_05,div#month#menu_06,div#month#menu_07,div#month#menu_08{
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 13px;
}

div#month#menu_01 h3{
	background-color: #FF9900;
}
div#month#menu_02 h3{
	background-color: #FF3300;
}
div#month#menu_03 h3{
	background-color: #669933;
}
div#month#menu_04 h3{
	background-color: #6699CC;
}
div#month#menu_05 h3{
	background-color: #BB7E00;
}

div#month#menu_06 h3{
	background-color: #FF6633;
}

div#month#menu_07 h3{
	background-color: #FF6666;
}

div#month#menu_08 h3{
	background-color: #CC9966;
}

div#month h3{
	float: left;
	width: 120px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding: 2px;
	margin-right: 2px;
}
div#month h3 a{
	color: #FFFFFF;
	text-decoration: none;
}
div#month h3 a:hover{
	color: #FFFF66;
}
div#month p{
	font-size: 13px;
	text-align: left;
	background-color: #FFFFFF;
	padding:2px;
}

/* =========================================================
more
========================================================= */

#more{
	background-color: #F9F5BB;
	padding-top: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
}
#more img{
	margin: 0px 0px 10px;
}

.null{
	height: 30px;
}