@font-face {
  font-family:setfonts;
  src: url(./mplus-2c-light.ttf);
}

/*-------------------------フォントスタイル フォントサイズの指定*/ 
body {
/* ページの文字設定 */

	font-family:setfonts;
	color:#5f5f5f;
	font-weight: bold;
/* ページの背景 */
/* ページの文字サイズ */
  font-size: 90%;
/* ページの文字位置 */
  text-align: center;
/* ページのマージン */
  margin: 0;
/* ページのパディング */
  padding: 0;
}

/*-------------------------wrapperの指定*/ 
#wrapper {
  text-align: left;
  width: 1150px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}

#body {
text-align:	center;
margin:		0px auto;
padding:	0px:
height:		auto;
width:		100%;
position:	relative;
}

#top{
	width:1000px;
	height:100%;
	float:left;
}

#top_rr{
font-size:30px;
width:1000px;
height:60px;
margin-top:25px;
float:left;
}

#top_text_c{
font-size:18px;
line-height:22px;
width:700px;
height:550px;
margin-top:25px;
margin-left:250px;
float:left;
text-align:left;
}

#main_baner1{
float:left;
}
#main_baner2{
float:left;
}
#main_baner3{
float:left;
}
#main_baner4{
float:left;
}


#top_text{
font-size:18px;
width:500px;
height:200px;
margin-top:25px;
margin-left:250px;
float:left;
text-align:left;
}



#main{
	width:1000px;
	height:100%;
	float:left;
}

#top_img{
	width:1000px;
	height:106px;
	float:left;
}

#top_name{
	width:285px;
	height:120px;
	float:left;
}

#top_menu{
	width:625px;
	height:120px;
	float:left;
}

#top_menu_neco{
	width:240px;
	height:120px;
	float:left;
}

#top_menu_set1{
	width:100px;
	height:120px;
	float:left;
}

#top_menu_set2{
	width:175px;
	height:120px;
	float:left;
}

#top_bg{
	text-align: center;
	width:1000px;
	height:386px;
	float:left;
	background-image:url('./../../pic/top_bg_01.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#top_bg2{
	width:1000px;
	height:0px;
	float:left;
}

#top_bg3{
	width:1000px;
	height:46px;
	float:left;
	background-image:url('./../../pic/top_bar_01.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#main_frame{
	width:1150px;
	height:754px;
	float:left;
	background-image:url('./../../image/top/back_top_01.jpg');
}

#main_set{
	width:1150px;
	height:100%;
	float:left;
	background-image:url('./../../image/top/back_01.jpg');
}

#main_left{
	width:780px;
	height:100%;
	float:left;
}

#main_illustration{
	width:710px;
	height:317px;
	margin-left:39px;
	margin-top:15px;
	float:left;
}

#main_infomation{
	width:404px;
	height:122px;
	margin-left:39px;
	float:left;
}
#main_infomation_bar{
	width:434px;
	height:57px;
	margin-top:36px;
	margin-left:24px;
	float:left;
}

#main_left_left{
	width:450px;
	float:left;
}

#main_left_right{
	width:306px;
	float:left;
}


#main_staff_page{
	width:291px;
	height:346px;
	margin-top:36px;
	margin-left:15px;
	float:left;
}

#main_gallaly{
	width:434px;
	height:122px;
	margin-top:30px;
	margin-left:24px;
	float:left;
}


#main_right{
	text-align: left;
	width:365px;
	height:100%;
	float:left;
}

#main_game_info{
	width:320px;
	margin-left:15px;
	height:196px;
	float:left;
}

#main_work_history{
	width:179px;
	margin-left:0px;
	margin-top:32px;
	height:234px;
	float:left;
}

#main_link{
	width:156px;
	margin-left:15px;
	margin-top:32px;
	height:234px;
	float:left;
}

#bottom{
	width:1000px;
	height:311px;
	float:left;
	background-image:url('./../../pic/top_f_01.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#buttons{
	width:153px;
	height:153px;
	float:left;
	margin-top:40px;
	margin-left:423.5px;
}


#tops_menu{
width:106px;
height:106px;
top: 0px;
right:0px;
text-align:	center;
position: fixed;
}

#fixedBox_back{
width:100%; z-index:100; text-align: left; float:left;
}

#fixedBox_Right{
width:50%; text-align: left; float:left;
}

#fixedBox_Right_frame{
cursor:pointer;
	width:106px; height:106px; background:#ff0000; float:left;
}


#fixedBox_Right_content{
width:97px;
height:97px;
font-size:60px;
line-height:14px;
display: flex;
align-items: center;
justify-content: center;
color:#fff;
margin:8px;
background:#ff0000;
float:left;
}



/* クラス */
.thin_green_bar{ background-color:#effeeb; }
.nomal_green_bar{ background-color:#97e580; }
.thin_red_bar{ background-color:#fea3a2; }
.thin_yellow_bar{ background-color:#fff0b9; }
.nomal_yellow_bar{ background-color:#ffd426; }
.nomal_purple_bar{ background-color:#cb85ff; }
.thin_purple_bar{ background-color:#deb9ff; }
.thin_gray_bar{ background-color:#acacac; }
.nomal_gray_bar{ background-color:#f4f4f4; }
.nomal_white_bar{ background-color:#ffffff; }

.m-t_2{ margin-top:   2px !important; }
.m-t_5{ margin-top:   5px !important; }
.m-t_10{ margin-top: 10px !important; }
.m-t_15{ margin-top: 15px !important; }
.m-b_2{  margin-bottom:  2px !important; }
.m-b_5{  margin-bottom:  5px !important; }
.m-b_10{ margin-bottom: 10px !important; }
.m-b_15{ margin-bottom: 15px !important; }
.m-l_2{  margin-left:  2px !important; }
.m-l_5{  margin-left:  5px !important; }
.m-l_10{ margin-left: 10px !important; }
.m-l_15{ margin-left: 15px !important; }
.m-l_20{ margin-left: 20px !important; }
.m-r_5{  margin-right:  5px !important; }
.m-r_10{ margin-right: 10px !important; }
.m-r_15{ margin-right: 15px !important; }

.p-t_2{  padding-top:  2px !important; }
.p-t_5{  padding-top:  5px !important; }
.p-t_10{ padding-top: 10px !important; }
.p-t_15{ padding-top: 15px !important; }
.p-b_2{  padding-bottom:  2px !important; }
.p-b_5{  padding-bottom:  5px !important; }
.p-b_10{ padding-bottom: 10px !important; }
.p-b_15{ padding-bottom: 15px !important; }
.p-b_25{ padding-bottom: 25px !important; }
.p-l_2{  padding-left:  2px !important; }
.p-l_4{  padding-left:  4px !important; }
.p-l_5{  padding-left:  5px !important; }
.p-l_10{ padding-left: 10px !important; }
.p-l_15{ padding-left: 15px !important; }
.p-l_20{ padding-left: 20px !important; }
.p-r_5{  padding-right:  5px !important; }
.p-r_8{  padding-right:  8px !important; }
.p-r_10{ padding-right: 10px !important; }
.p-r_15{ padding-right: 15px !important; }