/* CSS Document */
p,dl,dd,dt,ul,li{margin:0;padding:0;}
dl,ul{ list-style:none;}
img{border:none;}
html{
	width:100%;
	height:100%;
}
body {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/* 	background-color: #DDD; */
}

#wrapper{
	display:none;
}
#banner{
	position:absolute;
	top:10px;
	left:10px;
	z-index:999;
	display:block;
}

#loader{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#FFFFFF;
	z-index:1000;
}
#loader img{
	position:absolute;
	left:50%;
	top:50%;
	
}
.min-w {width:760px !important;}
.min-h {height:680px !important;}

.sub-menu {padding-left:7px;}
.sub-menu li{ float:left; margin:65px 1px 0 0;}


h1,h2,h3{
	padding:0;
	margin:0;
}

#back-1{
	position:absolute;
	left:-13px;
	top:61px;
}

#back-2{
	position:absolute;
	left:986px;
	top:91px;
}
#back-3{
	position:absolute;
	left:394px;
	top:335px;
}

#back-4{
	position:absolute;
	left:-276px;
	top:272px;
}




a{cursor:pointer;color:#c0272d;}




/* top
*********************/
#bg-top{
	position:absolute;
	width: 100%;
	height:100%;
	top:0;
}

#c-top{
	position:absolute;
	width: 100%;
	height:100%;
	overflow:hidden;
}
#c-top .holder{
	position:absolute;
	height:747px;
	width:760px;
}
#c-top .ninja{
	position:absolute;
	top:50px;
	left:245px;
}

#c-top .blink{
  position:absolute;
  top:33px;
  left:118px;
  display:none;
}

#c-top .pose{
  position:absolute;
  top:0;
  left:0;
  display:none;
}

#c-top .makimono{
  position:absolute;
  top:69px;
  left:-296px;
  display:none;
}

#c-top .makimono img{
	position:absolute;
}

#c-top .makimono img{
	position:absolute;
}

#c-top .close{
  position:absolute;
  left:433px;
  top:98px;
  display:none;
}

#c-top .shadow{
	position:absolute;
	top:676px;
	left:245px;
}

#c-top .kawara{
	position:absolute;
	left:0;
	width:2560px;
	height:390px;
	top:100%;
	background:url(../img/kawara2.png) repeat-x center top;
}

/* about
*********************/

#c-about{
	position:absolute;
	top: 100%;
	width: 100%;
	height:100%;
	overflow:hidden;
}
#bg-about{
	position:absolute;
	background:url(../img/about_bg.gif) 0 0;
	width: 100%;
	height:100%;
}

#c-about .sub-menu{
	position:absolute;
	top:0;
	left:50%;
	width:298px;
	height:140px;
	margin-left:-137px;
	background:url(../img/common/subnavi_about_base.png) no-repeat 0 0;
}
#c-about .back1{
	left:1007px;
	top:76px;
	position:absolute;
}
#c-about .back2{
	left:-183px;
	top:410px;
	position:absolute;
}
#c-about .back3{
	left:662px;
	top:-206px;
	position:absolute;
}
#c-about .back4{
	left:2162px;
	top:279px;
	position:absolute;
}
#c-about .back5{
	left:1300px;
	top:-206px;
	position:absolute;
}

#c-about .holder{
	position:absolute;
	height:747px;
	width:1150px;
}
#c-about .ttl{
	position:absolute;
	left:758px;
	top:80px;
}
#c-about .model{
	position:absolute;
	left:424px;
	top:176px;
}
#c-about .table{
	position:absolute;
	left:-705px;
	width:2560px;
	height:800px;
	top:577px;
	background:url(../img/about_table_bg.jpg) repeat-x center top;
}
#c-about .message{
	position:absolute;
	left:79px;
	top:47px;
}
#c-about .profile{
	position:absolute;
	left:859px;
	top:258px;
}
#c-about .btn-blog{
	position:absolute;
	left:861px;
	top:400px;
}
#c-about .btn-blog a{
	display:block;
	width:166px;
	height:26px;
	background:url(../img/about_btn_blog.png) no-repeat 0 0;
}
#c-about .btn-blog a img{
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity:0;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
#c-about .btn-blog a:hover img{
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity:1;
}
#c-about .profile-coment{
	position:absolute;
	left:836px;
	top:436px;
}

#c-about .photo_1{position:absolute;left:206px;top:74px;}
#c-about .photo_2{position:absolute;left:404px;top:372px;}
#c-about .photo_3{position:absolute;left:483px;top:107px;}
#c-about .photo_4{position:absolute;left:690px;top:50px;}
#c-about .photo_5{position:absolute;left:729px;top:321px;}

#c-about .photo_t_1{position:absolute;left:-80px;top:124px;}
#c-about .photo_t_2{position:absolute;left:-21px;top:-13px; z-index:10;}
#c-about .photo_t_3{position:absolute;left:-50px;top:38px;}
#c-about .photo_t_4{position:absolute;left:234px;top:135px;}
#c-about .photo_t_5{position:absolute;left:177px;top:9px;}


#c-about .table_goods{
	position:absolute;
	left:48px;
	top:544px;
}

#c-about .story_ttl{
	position:absolute;
	left:92px;
	top:354px;
}



/* movie
*********************/

#c-movie{
	position:absolute;
	top: 100%;
	width: 100%;
	height:100%;
	overflow:hidden;
}

#bg-movie{
	position:absolute;
	background:url(../img/movie_bg.jpg) repeat 50% 50%;
	width: 100%;
	height:100%;
}

#c-movie .shelf{
	left:-50px;
	top:500px;
	position:absolute;
}

#c-movie .thumb01{
	left:2px;
	top:250px;
	position:absolute;
}

#c-movie .thumb02{
	left:402px;
	top:250px;
	position:absolute;
}

#c-movie .cloud01{
	left:21px;
	top:126px;
	position:absolute;
}

#c-movie .cloud02{
	left:523px;
	top:126px;
	position:absolute;
}

#c-movie .shuriken1{
	left:294px;
	top:102px;
	position:absolute;
}

#c-movie .shuriken2{
	left:397px;
	top:156px;
	position:absolute;
}


#c-movie .holder{
	position:absolute;
	/*height:747px;
	width:880px;*/
}
#c-movie .ttl{
	position:absolute;
	left:103px;
	top:59px;
}

#c-movie .model{
	position:absolute;
	left:182px;
	top:158px;
}


#c-movie .table_goods{
	position:absolute;
	left:98px;
	top:487px;
}

#c-movie .kawara{
	position:absolute;
	left:-705px;
	width:2560px;
	height:260px;
	top:-25px;
/* 	background:url(../img/kawara2.png) repeat-x center top; */
}

#c-movie #youtube{
	position:absolute;
	width:400px;
	height:307px;
	left:542px;
	top:119px;
	background:#000000;
}
#c-movie #thumbs{
	position:absolute;
	left:542px;
	top:440px;
}
#c-movie #thumbs .thumb_1{
	position:absolute;
	height:70px;
	width:124px;
	left:0;
	top:0;
	background:url(../img/movie_thumb_1_off.jpg) no-repeat 0 0;
}
#c-movie #thumbs .thumb_1 span{
	position:absolute;
	display:block;
	height:70px;
	width:124px;
	top:0;
	left:0;
	background:url(../img/movie_thumb_1_on.jpg) no-repeat 0 0;
}
#c-movie #thumbs .thumb_2{
	position:absolute;
	height:70px;
	width:124px;
	left:138px;
	top:0;
	background:url(../img/movie_thumb_2_off.jpg) no-repeat 0 0;
}
#c-movie #thumbs .thumb_2 span{
	position:absolute;
	display:block;
	height:70px;
	width:124px;
	top:0;
	left:0;
	background:url(../img/movie_thumb_2_on.jpg) no-repeat 0 0;
}
#c-movie #thumbs .thumb_3{
	position:absolute;
	height:70px;
	width:124px;
	left:276px;
	top:0;
	background:url(../img/movie_thumb_3_off.jpg) no-repeat 0 0;
}
#c-movie #thumbs .thumb_3 span{
	position:absolute;
	display:block;
	height:70px;
	width:124px;
	top:0;
	left:0;
	background:url(../img/movie_thumb_3_on.jpg) no-repeat 0 0;
}

#c-movie #thumbs .ttl_1{
	position:absolute;
	left:6px;
	top:57px;
}
#c-movie #thumbs .ttl_2{
	position:absolute;
	left:139px;
	top:57px;
}
#c-movie #thumbs .ttl_3{
	position:absolute;
	left:278px;
	top:57px;
}



/* global
*********************/
#c-global{
	position:absolute;
	top: 200%;
	width: 100%;
	height:100%;
	overflow:hidden;
}

#bg-global{
	position:absolute;
	background:url(../img/global_bg.png) repeat 0 0;
	width: 100%;
	height:100%;
}

#c-global .p-holder{
	position:absolute;
	width:100%;
}

#c-global .belt{
	position:absolute;
	height:320px;
	top:210px;
	width:100%;
	background-color:#ebe3db;
	border-top:5px solid #8b6239;
	border-bottom:5px solid #8b6239;
}

#c-global .article{
	position:relative;
	width:400px;
	padding-left:460px;
	margin:0 auto;
	font-size:13px;
}

#c-global .article h3{
  line-height:0;
  padding-top:42px;
  padding-bottom:22px;
}

#c-global .article p{
	/*margin:0;
	padding:0;*/
	padding-bottom:13px;
	line-height: 1.75;
/* 	background-color: #f00; */
}

#c-global .img_sub{
	position:absolute;
	left:143px;
	top:207px;
}

#c-global .sk{
/* 	display:none; */
}

#c-global .txt_sub{
	position:absolute;
	left:143px;
	top:535px;
	width:250px;
	font-size:12px;
	line-height:18px;
	color:#111111;
}



/* contact
*********************/

#c-contact{
	position:absolute;
	top: 300%;
	width: 100%;
	height:100%;
	overflow:hidden;
}

#bg-contact{
	position:absolute;
	background:url(../img/contact_bg.jpg) repeat 50% 50%;
	width: 100%;
	height:100%;
}

#c-contact .paper{
	left:20px;
	top:244px;
	position:absolute;
}

#c-contact .paper p{
	position:absolute;
	width:720px;
	text-align:center;
	top:48px;
	font-size:14px;
	line-height:1.75;
}

#c-contact .paper2{
	left:20px;
	top:220px;
	position:absolute;
	display:none;
}

#c-contact .paper2 p{
  position:absolute;
  width:720px;
  text-align:center;
  top:60px;
  font-size:14px;
  line-height:1.66;
}

#c-contact .leaf{
	left:294px;
	top:154px;
	position:absolute;
}

#c-contact .copyright{
	left:50%;
	margin-left:-150px;
	top:100%;
	position:absolute;
}

#c-contact .holder{
	position:absolute;
}
#c-contact .ttl{
	position:absolute;
	left:743px;
	top:63px;
}

#c-contact .table_goods{
	position:absolute;
	left:95px;
	top:529px;
}
#c-contact .model{
	position:absolute;
	left:662px;
	top:169px;
}

#c-contact .table{
	position:absolute;
	left:-705px;
	width:2560px;
	height:800px;
	top:577px;
	background:url(../img/about_table_bg.jpg) repeat-x center top;
}
#c-contact .list-frame{
	position:absolute;
	left:130px;
	top:67px;
	background:url(../img/contact_frame.png) no-repeat 0 0;
	width:603px;
	height:488px;
}

#c-contact .list-menu{
	position:absolute;
	left:48px;
	top:51px;
	background:url(../img/contact_menu_base.png) no-repeat 0 0;
	width:507px;
	height:46px;
}
#c-contact .list-menu li{
	float:left;
	margin:1px 0 0 1px;
}

#c-contact .frame-tl{
	position:absolute;
	top:0;
	left:0;
}
#c-contact .frame-tr{
	position:absolute;
	top:0;
	right:0;
}
#c-contact .list-main{
	position:absolute;
	left:49px;
	top:97px;
	width:505px;
	height:364px;
	border:none;
}






/* common
*********************/

#footer{
	position:fixed;
	bottom:0;
	left:50%;
	width:800px;
	height:76px;
	margin-left:-400px;
	background:url(../img/common/gnave_base.png) no-repeat 0 0;
}
#footer a{display:block; line-height:0;position:absolute;}
#footer .c-top{
	left:65px;
	top:7px;
}
#footer .c-about{
	left:145px;
	top:7px;
}
#footer .c-howto{
	left:243px;
	top:7px;
}
#footer .c-lineup{
	left:420px;
	top:7px;
}
#footer .c-movie{
	left:525px;
	top:7px;
}
#footer .c-contact{
	left:618px;
	top:7px;
}

#footer .copyright{
	display:block;
	position:absolute;
	left:50%;
	top:59px;
	width:428px;
	margin-left:-214px;
}

#header{
	position:fixed;
	top:0;
	right:153px;
	width:160px;
	height:39px;
/* 	background:url(../img/common/base_sosial.png) no-repeat 0 0; */
	text-align: right;
}
#header .logo{
	position:fixed;
	top:12px;
	left:16px;
	cursor:pointer;
}
#header .sns{
  width:55px;
  height:24px;
  background-color:#000;
  border-top:2px solid #FFF;
  border-right:2px solid #FFF;
  border-bottom:2px solid #FFF;
	position:fixed;
	left:0;
	top:50%;
	margin-top:-22px;
	padding:8px 16px 8px 19px;
}

#header .language {
  width:70px;
  height:24px;
  background-color:#000;
  border-top:2px solid #FFF;
  border-left:2px solid #FFF;
  border-bottom:2px solid #FFF;
	position:fixed;
	right:0;
	top:50%;
	margin-top:-22px;
	padding:8px 10px;
	cursor:pointer;
}

#header .lang-select {
  width:70px;
/*   height:52px; */
  background-color:#000;
  border-top:2px solid #FFF;
  border-left:2px solid #FFF;
  border-bottom:2px solid #FFF;
	position:fixed;
	right:0;
	top:50%;
	margin-top:-40px;
	padding:8px 10px;
	text-align: left;
	display:none;
	line-height:0;

}

#header .lang-select img{
  cursor:pointer;
  vertical-align: bottom;
}

.en, .es{
	display:none;
}

#menu {
  position:fixed;
  top:12px;
  right:32px;
  height:38px;
  background: url(../img/navi_bg.png) repeat-x 0 0;
/*   filter:alpha(opacity=85); */
  -moz-opacity:0.85;
  -khtml-opacity: 0.85;
  opacity:0.85;
}

#menu .c-top,
#menu .c-about,
#menu .c-movie,
#menu .c-global,
#menu .c-contact
{
  position:relative;
}

#menu .c-top .select,
#menu .c-about .select,
#menu .c-movie .select,
#menu .c-global .select,
#menu .c-contact .select
{
  position:absolute;
  left:0;
/*   top:-4px; */
  /top:0;
  display:none;
  vertical-align:bottom;
}

@-moz-document url-prefix() {
  #menu .c-top .select,
  #menu .c-about .select,
  #menu .c-movie .select,
  #menu .c-global .select,
  #menu .c-contact .select
    {
      top:-4px;
    }
}