* html  {
  behavior: url(iepngfix.htc);
}

html {
	height:100%;
	overflow:hidden;
}
body {
	margin:0;
	padding:0;
	background:#000000;
	background-attachment:fixed;
	text-align:center;
	color:#cccccc;
	font-size:10pt;
	height:100%;
	overflow:hidden;

	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #FF0000;
}

* html body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	vertical-align: baseline;
	text-align: center;
	line-height:1.5;
} /* for lte ie6 */

*:first-child+html body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.8;
} /* for ie7 */

html>/**/body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.8;
} /* for ie8 */

html:not(:target) body {
	font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	line-height:2.0
} /* for modern browser not ie8 */

img {
	border:0;
	margin:0;
	padding:0;
}

#main {
	margin:0 auto;
	width:960px;
	height:600px;
	text-align:center;
}

#menu {
	float:left;
	background:url(img/menu_title.jpg) top left no-repeat;
	width:200px;
	height:600px;
}
#menu ol {
	margin:0;
	padding:0;
	list-style:none;
	height:325px;
}
#menu li {
	text-align:right;
	margin:0;
	padding;0;
}
.icon {
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
	height: 0 !important;
	background:url(img/menu_title.jpg);
}

#icon_home { 
	background-position:-200px -186px;
	height /**/:31px;
	padding-top:31px;
}
#icon_companion { 
	background-position:-200px -217px;
	height /**/:35px;
	padding-top:35px;
}
#icon_system { 
	background-position:-200px -252px;
	height /**/:33px;
	padding-top:33px;
}
#icon_schedule { 
	background-position:-200px -285px;
	height /**/:34px;
	padding-top:34px;
}
#icon_news { 
	background-position:-200px -319px;
	height /**/:33px;
	padding-top:33px;
}
#icon_mobile { 
	background-position:-200px -352px;
	height /**/:31px;
	padding-top:31px;
}
#icon_melmaga { 
	background-position:-200px -383px;
	height /**/:33px;
	padding-top:33px;
}
#icon_map { 
	background-position:-200px -416px;
	height /**/:33px;
	padding-top:33px;
}
#icon_groupshop { 
	background-position:-200px -449px;
	height /**/:34px;
	padding-top:34px;
}
#icon_job { 
	background-position:-200px -483px;
	height /**/:28px;
	padding-top:28px;
}

#icon_home:hover { 
	background-position:0px -186px;
}
#icon_companion:hover { 
	background-position:0px -217px;
}
#icon_system:hover { 
	background-position:0px -252px;
}
#icon_schedule:hover { 
	background-position:0px -285px;
}
#icon_news:hover { 
	background-position:0px -319px;
}
#icon_mobile:hover { 
	background-position:0px -352px;
}
#icon_melmaga:hover { 
	background-position:0px -383px;
}
#icon_map:hover { 
	background-position:0px -416px;
}
#icon_groupshop:hover { 
	background-position:0px -449px;
}
#icon_job:hover { 
	background-position:0px -483px;
}

#menu #li_home { 
	height:31px;
}
#menu #li_companion { 
	height:35px;
}
#menu #li_system { 
	height:33px;
}
#menu #li_schedule { 
	height:34px;
}
#menu #li_news { 
	height:33px;
}
#menu #li_mobile { 
	height:31px;
}
#menu #li_melmaga { 
	height:33px;
}
#menu #li_map { 
	height:33px;
}
#menu #li_groupshop { 
	height:34px;
}
#menu #li_job { 
	height:28px;
}


#contents {
	float:right;
	/*background:#cccccc;*/
	width:740px;
	height:530px;
	overflow:auto;
	padding:60px 10px 10px 10px;
	overflow:auto;
}

td {
	text-align:left;
	font-size:8pt;
}

a {
	color:#eeeeee;
}

#white_big {
	color:#ffffff;
	font-weight:bold;
}
#red_big {
	color:red;
	font-weight:bold;
}
#white {
	color:white;
}
#red {
	color:red;
}
#blue {
	color:blue;
}

#contents #com_list {
	width:700px;
	margin:0 auto;
}
#contents #com_list ul {
	margin:0;
	padding:0;
	list-style:none;
}
#contents #com_list li {
	float:left;
	margin:0 5px 15px 0;
	padding:0;
	width:168px;
	height:225px;
	border:1px solid #333333;
	text-align:center;
}
#com_list_img {
	margin:15px auto 0 auto;
	display:block;
}