@charset "UTF-8";

/* entrance 
---------------------------------------------------- */

#container {
	width: 820px;
	height: 1050px;
	background: url(../images/container.png) no-repeat top;
	overflow: hidden;
	margin: 0 auto;
}
#logo {
	width: 83px;
	height: 61px;
	margin-left: 60px;
	margin-top: 45px;
	background: url(../images/logo.png) no-repeat;
}
#logo p {
	text-indent: -10000px;
	font-size: 0px;
}
#logo a {
	width: 83px;
	height: 61px;
	display: block;
}
.inner {
	padding: 40px;
}
#logo a:hover {
	background: url(../images/logo_o.png) no-repeat;
	width: 83px;
	height: 61px;
	display: block;
}
#menu {
	height: 390px;
	padding-top: 70px;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu li {
	margin-bottom: 5px;
}
#menu p {
	text-indent: -10000px;
	font-size: 0px;
}
#menu a {
	display: block;
}
#menu a.ideology {
	width: 162px;
	height: 12px;
	background: url(../images/ideology.png) no-repeat;
}
#menu a:hover.ideology {
	width: 162px;
	height: 12px;
	background: url(../images/ideology_o.png) no-repeat;
}
#menu a.message {
	width: 168px;
	height: 12px;
	background: url(../images/message.png) no-repeat;
}
#menu a:hover.message {
	width: 168px;
	height: 12px;
	background: url(../images/message_o.png) no-repeat;
}
#menu a.introduction1 {
	width: 170px;
	height: 12px;
	background: url(../images/introduction1.png) no-repeat;
}
#menu a:hover.introduction1 {
	width: 170px;
	height: 12px;
	background: url(../images/introduction1_o.png) no-repeat;
}
#menu a.introduction2 {
	width: 210px;
	height: 12px;
	background: url(../images/introduction2.png) no-repeat;
}
#menu a:hover.introduction2 {
	width: 210px;
	height: 12px;
	background: url(../images/introduction2_o.png) no-repeat;
}
#menu a.introduction3 {
	width: 199px;
	height: 12px;
	background: url(../images/introduction3.png) no-repeat;
}
#menu a:hover.introduction3 {
	width: 199px;
	height: 12px;
	background: url(../images/introduction3_o.png) no-repeat;
}
#menu a.shop1 {
	width: 145px;
	height: 12px;
	background: url(../images/shop1.png) no-repeat;
}
#menu a:hover.shop1 {
	width: 145px;
	height: 12px;
	background: url(../images/shop1_o.png) no-repeat;
}
#menu a.shop2 {
	width: 156px;
	height: 12px;
	background: url(../images/shop2.png) no-repeat;
}
#menu a:hover.shop2 {
	width: 156px;
	height: 12px;
	background: url(../images/shop2_o.png) no-repeat;
}
#menu a.shop3 {
	width: 145px;
	height: 12px;
	background: url(../images/shop3.png) no-repeat;
}
#menu a:hover.shop3 {
	width: 145px;
	height: 12px;
	background: url(../images/shop3_o.png) no-repeat;
}
#menu a.shop4 {
	width: 194px;
	height: 12px;
	background: url(../images/shop4.png) no-repeat;
}
#menu a:hover.shop4 {
	width: 194px;
	height: 12px;
	background: url(../images/shop4_o.png) no-repeat;
}
#menu a.shop5 {
	width: 194px;
	height: 12px;
	background: url(../images/shop5.png) no-repeat;
}
#menu a:hover.shop5 {
	width: 194px;
	height: 12px;
	background: url(../images/shop5_o.png) no-repeat;
}
#menu a.plan {
	width: 193px;
	height: 12px;
	background: url(../images/plan.png) no-repeat;
}
#menu a:hover.plan {
	width: 193px;
	height: 12px;
	background: url(../images/plan_o.png) no-repeat;
}
#menu a.guide {
	width: 160px;
	height: 12px;
	background: url(../images/guide.png) no-repeat;
}
#menu a:hover.guide {
	width: 160px;
	height: 12px;
	background: url(../images/guide_o.png) no-repeat;
}
#menu a.company {
	width: 182px;
	height: 12px;
	background: url(../images/company.png) no-repeat;
}
#menu a:hover.company {
	width: 182px;
	height: 12px;
	background: url(../images/company_o.png) no-repeat;
}
#menu a.invitation {
	width: 179px;
	height: 12px;
	background: url(../images/invitation.png) no-repeat;
}
#menu a:hover.invitation {
	width: 179px;
	height: 12px;
	background: url(../images/invitation_o.png) no-repeat;
}
#mobile {
	width: 303px;
	height: 95px;
	margin-left: 14px;
	background: url(../images/mobile.png) no-repeat;
}
* html #mobile {
	behavior: expression(IEPNGFIX.fix(this));
	width: 303px;
	height: 95px;
	margin-left: 14px;
	background: url(../images/mobile.png) no-repeat;
}
#blog_banner {
	width: 303px;
	height: 95px;
	margin-left: 14px;
}
#movie_banner {
	width: 303px;
	height: 95px;
	margin-left: 14px;
}
#mobile p {
	text-indent: -10000px;
	font-size: 0px;
}
#footer {
	margin-top: 52px;
	text-align: center;
}
#footer ul {
	width: 760px;
	margin: 0 auto;
}
#footer li {
	display: inline;
	color: #CCCCCC;
	font-size: 10px;
	line-height: 180%;
}
#footer p {
	text-align: center;
	color: #CCCCCC;
	font-size: 10px;
}
#footer a {
	color: #CCCCCC;
}
#footer a:hover {
	color: #000000;
}
#footer .after {
	color: #000000;
	text-decoration: none;
}
#footer_index {
	margin-top: 16px;
	text-align: center;
}
#footer_index ul {
	width: 760px;
	margin: 0 auto;
}
#footer_index li {
	display: inline;
	color: #CCCCCC;
	font-size: 10px;
	line-height: 180%;
}
#footer_index p {
	text-align: center;
	color: #CCCCCC;
	font-size: 10px;
}
#footer_index a {
	color: #CCCCCC;
}
#footer_index a:hover {
	color: #000000;
}
#footer_index .after {
	color: #000000;
	text-decoration: none;
}