@charset "utf-8";
@import "./common.css";

/* コメントを入れたらUTF-8化ヲ忘れずに */
/* override *************************************************************/
#main {
	display:block;
	width:956px;
	margin:0 auto;
	padding:0 0 0 20px;
}

/************************************************************************/
h1 {
	display:none;
}

#aboutkomeko {
	display:block;
	width:974px;
	height:425px;
	margin:0 auto 24px;
	padding:0 0 0 2px;
}
#aboutkomeko img {
	display:block;
	margin:0;
	padding:0;
}


#main .whatsnew {
	float:left;
	display:block;
	width:251px;
	/*height:321px;*/
	height:413px;
	margin:0;
	padding:80px 7px 0 19px;
	line-height:1.5;
	background:url(../images/top-whatsnew2.gif) no-repeat 0 0;
	overflow:hidden;
}

#main .whatsnew h2 {
	display:none;
}
#main .whatsnew .post {
	display:block;
	width:246px;
	/*height:270px;*/
	height:362px;
	margin:0 0 7px 0;
	padding:0 5px 0 0;
	overflow:auto;
}
#main .whatsnew .post a:link	{ color:#cc6633; text-decoration:underline; }
#main .whatsnew .post a:visited	{ color:#cc6633; text-decoration:underline; }
#main .whatsnew .post a:active	{ color:#cc6633; text-decoration:none; }
#main .whatsnew .post a:hover	{ color:#cc6633; text-decoration:none; }

#main .whatsnew .date {
	display:block;
	color:#330000;
}
#main .whatsnew .title {
	display:block;
	color:#cc6633;
}
#main .whatsnew .content {
	display:block;
	color:#cc6633;
}
#main .whatsnew .content p {
	display:block;
	margin:0;
	padding:0;
}

#main .whatsnew .foot {
	display:block;
	width:152px;
	height:32px;
	margin:0;
	padding:0 0 0 100px;
	color:#cc6633;
}
#main .whatsnew .foot a {
	display:block;
	width:152px;
	height:32px;
	text-indent:-9000em;
}
#main .whatsnew .foot a:hover {
	background:url(../images/top-whatsnew.gif) no-repeat -119px -401px;
}

#main .menu {
	float:left;
	display:block;
	width:657px;
	margin:0;
	padding:0 0 0 20px;
	line-height:1.4;
}
#main .menu a:link		{ color:#666666; text-decoration:none; }
#main .menu a:visited	{ color:#666666; text-decoration:none; }
#main .menu a:active	{ color:#666666; text-decoration:none; }
#main .menu a:hover		{ color:#666666; text-decoration:none; }

#main .menu .banner {
	display:block;
	width:637px;
	height:92px;
	margin:0;
	padding:0;
	overflow:hidden;
}
#main .menu .banner a {
	display:block;
	width:609px;
	height:39px;
	margin:0;
	padding:53px 0 0 28px;
	text-indent:-9000em;/*テキストを出す場合はここを外す*/
	background:url(../images/top-banner01.gif) no-repeat 0 0;
}
#main .menu .banner a:hover {
	background:url(../images/top-banner01.gif) no-repeat 0 -92px;
}

#main .menu .banner02 a {
	background:url(../images/top-banner02.gif) no-repeat 0 0;
}
#main .menu .banner02 a:hover {
	background:url(../images/top-banner02.gif) no-repeat 0 -92px;
}

#main .menu h3 {
	display:none;
}
#main .menu .menu01 {
	float:left;
	display:block;
	width:320px;
	height:153px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(../images/top-menu01.gif) no-repeat 0 0;
}
#main .menu .menu01 a {
	float:left;
	display:block;
	width:156px;
	height:77px;
	margin:0;
	padding:65px 143px 13px 22px;
}
#main .menu .menu01 a:hover {
	background:url(../images/top-menu01.gif) no-repeat 0 -153px;
}



#main .menu .menu02 {
	float:left;
	display:block;
	width:320px;
	height:153px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(../images/top-menu05.gif) no-repeat 0 0;
}
#main .menu .menu02 a {
	float:left;
	display:block;
	width:156px;
	height:77px;
	margin:0;
	padding:65px 143px 13px 22px;
}
#main .menu .menu02 a:hover {
	background:url(../images/top-menu05.gif) no-repeat 0 -153px;
}



#main .menu .menu03 {
	float:left;
	display:block;
	width:320px;
	height:153px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(../images/top-menu02.gif) no-repeat -2px 0;
}
#main .menu .menu03 a {
	float:left;
	display:block;
	width:156px;
	height:77px;
	margin:0;
	padding:65px 143px 13px 22px;
}
#main .menu .menu03 a:hover {
	background:url(../images/top-menu02.gif) no-repeat -2px -153px;
}



#main .menu .menu04 {
	float:left;
	display:block;
	width:320px;
	height:153px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(../images/top-menu03.gif) no-repeat 0 0;
}
#main .menu .menu04 a {
	float:left;
	display:block;
	width:263px;
	height:77px;
	margin:0;
	padding:65px 35px 13px 22px;
}
#main .menu .menu04 a:hover {
	background:url(../images/top-menu03.gif) no-repeat 0 -153px;
}