body
{ 
  	background-color:#333333; /*文書全体暗いグレーのバック*/
    margin: 0pt;
    background-image: url('img/bg_pattern.png');
    background-repeat: repeat-y;
    background-position: center;
/*    border: 1px solid#00CC33; */
}
div#body
{
	width: 1079px;
    margin-right: auto;
    margin-left: auto;
    max-width:1079px;
    margin: auto;
/*	border: 1px solid#00FF99;*/
/*各要素の基礎部分 内容の横幅と左右のマージンをあけて中央に表示*/


}

#header 
{
    width: 1079px;
    height: 40px;
 /*  border: 1px solid #0060AA; */
    position: fixed; /* このタグで囲まれてるコンテンツはすべて親要素の左上画面を基準に固定になる。　*/
    background-image: url('./img/hantoumei.png');
    top: -18px;
    z-index: 10;
/*    border: 1px solid #0060AA;*/
}

ul#nav 
{
    height: 40px;
    width: auto;
    background-color: #333333;
    position: relative;
    z-index: 3;
    top: -0px;
/*    border: 1px solid #FF0000;*/
}


#list_wego a
{
    display: block;
    height: 40px;
    width:164px;
    background-image: url('./img/menu_top_en_off.png');
    background-repeat:no-repeat;
    position: absolute;
    left: 8px;
    top: -0px;
/*   border: 1px solid #33FFFF;*/
}
#list_wego a:hover
{
    display:block;
    background-image: url('./img/menu_top_en_on.png');
    background-repeat:no-repeat;
}

li#list_wego a span {
	display: none; /*display要素でテキストの表示を殺す。*/
}

#list_function a
{
    display:block;
    height: 40px;
    width:164px;
    background-image: url('./img/menu_function_en_off.png'); 
    background-repeat:no-repeat;
    position:absolute;
    left:188px;
    top: -0px;
/*   border: 1px solid #33FFFF;*/
}
#list_function a:hover
{
    display:block;
    background-image: url('./img/menu_function_en_on.png');
    background-repeat:no-repeat; 
}

li#list_function span
{
	display: none; /*display要素でテキストの表示を殺す。*/
}

#list_custom a
{
    list-style-type:none;
    height: 40px;
    width:164px;
    background-image: url('./img/menu_custom_en_off.png');
    background-repeat:no-repeat;
    position: absolute;
    left:368px;
    top: -0px;
/*   border: 1px solid #33FFFF;*/
}

#list_custom a:hover
{
    display: block;
    background-image: url('./img/menu_custom_en_on.png');
    background-repeat:no-repeat;
}


li#list_custom span {
	display: none; /*display要素でテキストの表示を殺す。*/
}

#list_camera a 
{
    list-style-type:none;
    height: 40px;
    width:164px;
    background-image: url('./img/menu_camera_en_off.png');
    background-repeat:no-repeat;
    position: absolute; 
    left:548px;
    top: -0px;
/*   border: 1px solid #33FFFF;*/
}
#list_camera a:hover
{
    display:block;
    background-image: url('./img/menu_camera_en_on.png');
    background-repeat:no-repeat;
}


li#list_camera span {
	display: none; /*display要素でテキストの表示を殺す。*/
}

#list_option a 
{
    list-style-type: none;
    height: 40px;
    width:164px;
    background-image: url('./img/menu_option_en_off.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 728px;
    top: -0px;
/*   border: 1px solid #33FFFF;*/
}

#list_option a:hover
{
    display: block;
    background-image: url('./img/menu_option_en_on.png');
    background-repeat:no-repeat;
}



li#list_option span
{
	display: none; /*display要素でテキストの表示を殺す。*/
}

#list_data_imex a 
{
    list-style-type: none;
    height: 40px;
    width:164px;
    background-image: url('./img/menu_import_en_off.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 908px;
    top: -0px;
/*   border: 1px solid #33FFFF;*/
}

#list_data_imex a:hover
{
    display: block;
    background-image: url('./img/menu_import_en_on.png');
    background-repeat:no-repeat;
}



li#list_data_imex span
{
	display: none; /*display要素でテキストの表示を殺す。*/
}




/*マイメカトロウィーゴ無料配信中*/
div#wego
{
/*	position: relative;*/
/*	top: 38px;*/
	height: 656px;
	width: 1079px;
	background-image: url('img/top_title.png');
/*	border: 1px solid #33FFFF;*/
	
}
h1#wego
{
	display: none; /*display要素でテキストの表示を殺す。*/
}


#language a
{
    position: relative;
    top: 80px;
    left: 909px;
    height: 37px;
    width: 170px;
    background-image: url('img/japanese_icon_off.png');
    background-repeat: no-repeat;
    display: block;
}
#language a:hover
{
    display:block;
    background-image: url('img/japanese_icon_on.png');
    background-repeat:no-repeat;
}

#language a span {
	display: none; /*display要素でテキストの表示を殺す。*/
}


#appstore a
{
    position: relative;
    top: 540px;
    left: 677px;
    height: 55px;
    width: 187px;
    background-image: url('img/app_store.png');
    background-repeat: no-repeat;
    display: block;
}

#appstore a span {
	display: none; /*display要素でテキストの表示を殺す。*/
}


#googleplay a
{
    position: relative;
    top: 485px;
    left: 875px;
    height: 55px;
    width: 187px;
    background-image: url('img/google_play.png');
    background-repeat: no-repeat;
    display: block;
}

#googleplay a span {
	display: none; /*display要素でテキストの表示を殺す。*/
}










/*マイメカトロウィーゴって*/
div#whats
{
    position: relative;
 	height: 1031px;
	width: 1079px;
	background-image: url('img/whats_mmwg_en.png');
	background-repeat: no-repeat;
/*	border: 1px solid #33FFFF;*/
}
h2#whats
{
	display: none; /*display要素でテキストの表示を殺す。*/
}

#moderhythm a
{
    position: relative;
    top: 265px;
    left: 616px;
    height: 22px;
    width: 359px;
    background-image: url('img/go_to_moderhythm_off.png');
    background-repeat: no-repeat;
    display: block;
}

#moderhythm a:hover
{
    display:block;
    background-image: url('img/go_to_moderhythm_on.png');
    background-repeat:no-repeat;
}


#moderhythm a span {
	display: none; /*display要素でテキストの表示を殺す。*/
}


/*機能紹介*/
div#function
{
	position: relative;
   	height: 1127px;
	width: 1079px;
	background-image: url('img/function_en.png');
	background-repeat: no-repeat;
/*	border: 1px solid #33FFFF;*/
}
h2#function_h2
{
	visibility: hidden; /*visibility要素でテキストを非表示。*/
	position: absolute;
	top: -57px;
	border: 1px solid #33FFFF;
}

#custom_link a
{
    position: relative;
    top: 119px;
    left: 41px;
    height: 25px;
    width: 184px;
    background-image: url('img/function_custom_off_en.png');
    background-repeat: no-repeat;
    display: block;
}

#custom_link a:hover
{
    display:block;
    background-image: url('img/function_custom_on_en.png');
    background-repeat:no-repeat;
}


#custom_link a span {
	display: none; /*display要素でテキストの表示を殺す。*/
}

#option_link a
{
    position: relative;
    top: 236px;
    left: 813px;
    height: 25px;
    width: 207px;
    background-image: url('img/function_option_off_en.png');
    background-repeat: no-repeat;
    display: block;
}

#option_link a:hover
{
    display:block;
    background-image: url('img/function_option_on_en.png');
    background-repeat:no-repeat;
}

#option_link a span {
	display: none; /*display要素でテキストの表示を殺す。*/
}

#camera_link a
{
    position: relative;
    top: 270px;
    left: 30px;
    height: 25px;
    width: 164px;
    background-image: url('img/function_camera_off_en.png');
    background-repeat: no-repeat;
    display: block;
}

#camera_link a:hover
{
    display:block;
    background-image: url('img/function_camera_on_en.png');
    background-repeat:no-repeat;
}


#camera_link a span {
	display: none; /*display要素でテキストの表示を殺す。*/
}

#data_ex_link a
{
    position: relative;
    top: 378px;
    left: 43px;
    height: 25px;
    width: 164px;
    background-image: url('img/function_export_off_en.png');
    background-repeat: no-repeat;
    display: block;
}

#data_ex_link a:hover
{
    display:block;
    background-image: url('img/function_export_on_en.png');
    background-repeat:no-repeat;
}


#data_ex_link a span {
	display: none; /*display要素でテキストの表示を殺す。*/
}

#data_im_link a
{
    position: relative;
    top: 522px;
    left: 74px;
    height: 25px;
    width: 164px;
    background-image: url('img/function_import_off_en.png');
    background-repeat: no-repeat;
    display: block;
}

#data_im_link a:hover
{
    display:block;
    background-image: url('img/function_import_on_en.png');
    background-repeat:no-repeat;
}

#data_im_link a span {
	display: none; /*display要素でテキストの表示を殺す。*/
}


/*カスタムモード紹介*/
div#custom
{
	position: relative;
	top: 0px;
	width: 1079px;
	height:1791px;
	background-image: url('img/custom_mode_en.png');
	background-repeat:no-repeat;
/*	border: 0.1px solid#00FF99;*/
}

h2#custom_h2
{
	visibility: hidden; /*visibility要素でテキストを非表示。*/
	position: absolute;
	top: -57px;
	border: 0.1px solid#00FF99;
}


/*カメラモード紹介*/
div#camera
{
	position: relative;
	height: 1501px;
	width: 1079px;
	background-image: url('img/camera_mode_en.png');
/*	border: 1px solid#00FF99;*/
}
h2#camera_h2
{
	visibility: hidden; /*visibility要素でテキストを非表示。*/
	position: absolute;
	top: -57px;
}


/*オプションモード紹介*/
div#option
{
	position: relative;
	height: 1500px;
	width: 1079px;
	background-image: url('img/option_mode_en.png');
/*	border: 1px solid#00FF99;*/
}
h2#option_h2
{
	visibility: hidden; /*visibility要素でテキストを非表示。*/
	position: absolute;
	top: -57px;
}
#wego_link a
{
    position: relative;
    top: 297px;
    left: 32px;
    height: 25px;
    width: 320px;
    background-image: url('img/option_wego_en_off.png');
    background-repeat: no-repeat;
    display: block;
}

#wego_link a:hover
{
    display:block;
    background-image: url('img/option_wego_en_on.png');
    background-repeat:no-repeat;
}

#wego_link a span {
	display: none; /*display要素でテキストの表示を殺す。*/
}

#chunk_link a
{
    position: relative;
    top: 366px;
    left: 727px;
    height: 25px;
    width: 320px;
    background-image: url('img/option_chunk_en_off.png');
    background-repeat: no-repeat;
    display: block;
}

#chunk_link a:hover
{
    display:block;
    background-image: url('img/option_chunk_en_on.png');
    background-repeat:no-repeat;
}

#chunk_link a span {
	display: none; /*display要素でテキストの表示を殺す。*/
}


/*データ入出力説明*/
div#data_imex
{
	position: relative;
	height: 7835px;
	width: 1079px;
/*	border: 1px solid#00FF99;*/
}
h2#data_imex_h2
{
	visibility: hidden; /*visibility要素でテキストを非表示。*/
	position: absolute;
	top: -57px;
}

#imex_title
{
	height: 466px;
	width: 1079px;
	background-image: url('img/im_ex_title_en.png');
	background-repeat: no-repeat;
}

#iOSimex_link a
{
	background-image: url('img/iOS_off.png');
	background-repeat: no-repeat;
	display: block;
	width: 164px;
	height:164px;
	position: relative;
    top: 32px;
    left: 850px;
	
}
#iOSimex_link a:hover
{
	background-image: url('img/iOS_on.png');
	background-repeat: no-repeat;
}

#iOSimex_link a span
{
	display: none;
}

#Androidimex_link a
{
	background-image: url('img/Android_off.png');
	background-repeat: no-repeat;
	display: block;
	width: 164px;
	height:164px;
    position: relative;
    top: 196px;
    left: 65px;
}

#Androidimex_link a:hover
{
	background-image: url('img/Android_on.png');
	background-repeat: no-repeat;
}

#Androidimex_link a span
{
	display: none;
}

#imex_iOSem
{
	background-image: url('img/iOS_import_en.png');
	background-repeat: no-repeat;
	width: 1079px;
	height: 1862px;
}

#iOSem_h3
{
	visibility: hidden; /* visibility要素でテキストを非表示。*/
	position: absolute; /* 表示を浮かす　こうしないと背景の表示に割り込んで邪魔。*/
	top: 420px;
}

#imex_iOSex
{
	background-image: url('img/iOS_export_en.png');
	background-repeat: no-repeat;
	width: 1079px;
	height: 1845px;
}

#iOSex_h3
{
	visibility: hidden; /*visibility要素でテキストを非表示。*/
	position: absolute; /* 表示を浮かす　こうしないと背景の表示に割り込んで邪魔。*/
	top: 0px;
}

#iOS_apple_link a
{
	background-image: url('img/Apple_site_off_en.png');
	background-repeat: no-repeat;
	display: block;
	width: 207px;
	height: 41px;
	position: absolute;
	top: 4065px;
	left: 388px;
}

#iOS_apple_link a:hover
{
	background-image: url('img/Apple_site_on_en.png');
	background-repeat: no-repeat;
}

#iOS_apple_link a span
{
	display: none; /*display要素でテキストを無効。*/
}

#imex_Anem
{
	background-image: url('img/Android_import_en.png');
	background-repeat: no-repeat;
	width: 1079px;
	height: 2148px;
}

#Anem_h3
{
	visibility: hidden; /*visibility要素でテキストを非表示。*/
	position: absolute; /* 表示を浮かす　こうしないと背景の表示に割り込んで邪魔。*/
	top: 4191px;
}

#imex_Anex
{
	height: 1514px;
	width: 1079px;
	background-image: url('img/Android_export_en.png');
	background-repeat: no-repeat;
}

#Anex_h3
{
	visibility: hidden; /*visibility要素でテキストを非表示。*/
	position: absolute; /* 表示を浮かす　こうしないと背景の表示に割り込んで邪魔。*/
	top: 0px;
}


/*フッダー*/
div#fooder
{
  	position: relative;
  	top: 0px;
	height: 169px;
	width: 1079px;
	background-image: url('img/under_tex.png');
/*	border: 1px solid#00FF99;*/
}
#fooder a
{
  padding: 0;
  position: relative;
  display: block;
  top: 32px;
  left: 815px;
  height: 57px;
  width: 242px;
  background-image: url('img/trigger_rogo.png');
}

#fooder a span
{
	display: none; /*display要素でテキストの表示を殺す。*/
}
div#copy
{
	color: #000000;
	font-weight: 800;
	position: relative;
	top: 40px;
	left: 830px;
	width: 280px;
}