﻿body {
	background-color: #000;
	background-image:url(main_bg.jpg);
	background-repeat:repeat;
	text-align: center;
	margin: 0px;
	padding: 0px;

	scrollbar-face-color: #f7f7f7;
	scrollbar-3dlight-color: #f7f7f7;
	scrollbar-highlight-color: #aaa;
	scrollbar-shadow-color: #aaa;
	scrollbar-darkshadow-color: #f7f7f7;
	scrollbar-arrow-color: #aaa; 
	scrollbar-track-color: #f7f7f7;
}


.body_top{
	width:100%;
	height:100%;
	background:url(main_top_bg.jpg) repeat-x;
	background-position:top center;
}

.body_bottom{
	width:100%;
	height:100%;
	background:url(main_bottom_bg.jpg) repeat-x;
	background-position:bottom center;
}

.main_frame {
	width: 900px;
	margin:auto;
}


.link_excite{ text-align:left; padding-left: 200px; padding-top: 263px;}
.link_diary{ text-align:left; padding-left: 182px; padding-top: 161px;}
.link_logo{ text-align:left; padding-left: 110px; padding-top: 95px;}
.link_logo_d{ text-align:left; padding-left: 115px; padding-top: 30px;}
.link_logo_c{ text-align:left; padding-left: 115px; padding-top: 458px;}


.bg_01{	background-image:url(bg01.jpg);	width: 900px; height:175px; text-indent: -5000px;}
.bg_02{ background-image:url(bg02.jpg); width: 900px; height:330px; text-indent: -5000px;}
.bg_03{ background-image:url(bg03.jpg); width: 900px; height:580px; text-indent:}
.bg_04{ background-image:url(bg04.jpg); width: 900px; height:385px; text-indent: -5000px;}
.bg_05{ background-image:url(bg05.jpg); width: 900px; height:464px;}


.d_bg_01{ background-image:url(develop_1.jpg);	width: 900px; height:190px;text-indent: -5000px;}
.d2_bg_01{ background-image:url(develop_2.jpg);	width: 900px; height:190px;text-indent: -5000px;}
.d3_bg_01{ background-image:url(develop_3.jpg);	width: 900px; height:190px;text-indent: -5000px;}
.d4_bg_01{ background-image:url(develop_4.jpg);	width: 900px; height:190px;text-indent: -5000px;}
.d5_bg_01{ background-image:url(develop_5.jpg);	width: 900px; height:190px;text-indent: -5000px;}
.d6_bg_01{ background-image:url(develop_6.jpg);	width: 900px; height:190px;text-indent: -5000px;}
.d7_bg_01{ background-image:url(develop_7.jpg);	width: 900px; height:190px;text-indent: -5000px;}
.d8_bg_01{ background-image:url(develop_8.jpg);	width: 900px; height:190px;text-indent: -5000px;}

.d_bg_02{ background-image:url(develop_bg.jpg); width: 765px; height:868px; text-align:left; padding: 0px 0px 0px 135px;}
.d_bg_03{ background-image:url(develop_footer.jpg); width: 900px; height:103px;}

.noteline{ background-image:url(develop_bg.gif); font-size:12px; line-height:23px; padding-left:20px;}


.menu{
	height:39px;
	width:900px;
	margin:0px;
	padding:0px;
	background:url(develop_menu_bg.jpg) no-repeat;
}

.menu ul{
	height:39px;
	margin:0px;
	padding-left:107px;
}

.menu li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0px;
	height:39px;
}

.menu li a{
	display:block;
	float:left;
	height:39px;
	text-indent:-9877em;
	text-decoration:none;
	border:none;
	margin:0;
	padding:0;
}

/*------off*/
.menu li.menu_01 a {
	background:url(develop_menu.jpg) no-repeat 0px 0px;
	width:82px;
	position: relative;
}


.menu li.menu_02 a {
	background:url(develop_menu.jpg) no-repeat -82px 0px;
	width:82px;
	position: relative;
}

.menu li.menu_03 a {
	background:url(develop_menu.jpg) no-repeat -164px 0px;
	width:83px;
	position: relative;
}


.menu li.menu_04 a {
	background:url(develop_menu.jpg) no-repeat -247px 0px;
	width:82px;
	position: relative;
}


.menu li.menu_05 a {
	background:url(develop_menu.jpg) no-repeat -329px 0px;
	width:82px;
	position: relative;
}

.menu li.menu_06 a {
	background:url(develop_menu.jpg) no-repeat -411px 0px;
	width:82px;
	position: relative;
}

.menu li.menu_07 a {
	background:url(develop_menu.jpg) no-repeat -493px 0px;
	width:82px;
	position: relative;
}

.menu li.menu_08 a {
	background:url(develop_menu.jpg) no-repeat -575px 0px;
	width:82px;
	position: relative;
}



/*------hover*/
.menu li.menu_01 a:hover {
	background:url(develop_menu2.jpg) no-repeat 0px 0px;
}

.menu li.menu_02 a:hover {
	background:url(develop_menu2.jpg) no-repeat -82px 0px;
}

.menu li.menu_03 a:hover {
	background:url(develop_menu2.jpg) no-repeat -164px 0px;
}

.menu li.menu_04 a:hover {
	background:url(develop_menu2.jpg) no-repeat -247px 0px;
}

.menu li.menu_05 a:hover {
	background:url(develop_menu2.jpg) no-repeat -329px 0px;
}

.menu li.menu_06 a:hover {
	background:url(develop_menu2.jpg) no-repeat -411px 0px;
}

.menu li.menu_07 a:hover {
	background:url(develop_menu2.jpg) no-repeat -493px 0px;
}

.menu li.menu_08 a:hover {
	background:url(develop_menu2.jpg) no-repeat -575px 0px;
}


.c_bg_01{ background-image:url(d_bg01.jpg);	width: 900px; height:175px; text-indent: -5000px;}
.c_bg_02{ background-image:url(d_bg02.jpg); width: 900px; height:480px; text-indent: -5000px;}
.c_bg_03{ background-image:url(d_bg03.jpg); width: 900px; height:520px; text-indent:}