@charset "utf-8";

/*--------------------------------------------------------------------
Base
--------------------------------------------------------------------*/

/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

html,body {
width:100%;
margin:0px;
padding:0px;
color:#696969;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
Meiryo, sans-serif;
font-weight: bold;	
}

iframe { 
overflow:hidden; 
}

body{
background-color:white;
margin: 0px;
padding: 0px;
}

html {
height:100%;
}

img {border:0;}

a:link{ Color:#696969; text-decoration: none; }
a:visited{ color: #696969; text-decoration: none; }
a:hover{ color:#696969; text-decoration: underline; }
a:active{ color:#696969; text-decoration: none; }

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

  
/*--------------------------------------------------------------------
header
* --------------------------------------------------------------------*/  


 .logo{
	 padding:50px 0 10px 20px;
	 float: left;
  }

 .icon{	
	padding:130px 20px 0 0;
	text-align: right;
	float: right;
} 

/*--------------------------------------------------------------------
menu
* --------------------------------------------------------------------*/
.menu{
background-image: url(img/head.jpg);
	height:86px;
	padding:53px 0 110px;
	}


ul#globalnavi{
width:1200px;
height:49px;
margin:0 auto;
background-image: url(img/menub.jpg);
overflow:hidden;
}

ul#globalnavi li{
    float:left;
    height:49px;
    display:block;

}

ul#globalnavi li a {
    display: block;
    overflow: hidden;
    background-image: url(img/menu1.jpg);
    padding-bottom:100px;
}



/* global navi normal
---------------------*/
    #navi1 a { width:120px; background-position:0px   0;}
    #navi2 a { width:125px; background-position:-125px  0;}
    #navi3 a { width:125px; background-position:-250px  0;}
    #navi4 a { width:125px; background-position:-390px  0;}
    #navi5 a { width:140px; background-position:-525px  0;}
    #navi6 a { width:105px; background-position:-665px  0;}
    #navi7 a { width:140px; background-position:-770px  0;}

/* global navi rollover
----------------------*/
    #navi1 a:hover { width:120px; background-position:0px    -50px;}
    #navi2 a:hover { width:125px; background-position:-125px  -50px;}
    #navi3 a:hover { width:125px; background-position:-250px  -50px;}
    #navi4 a:hover { width:125px; background-position:-390px  -50px;}
    #navi5 a:hover { width:140px; background-position:-525px  -50px;}
    #navi6 a:hover { width:105px; background-position:-665px  -50px;}
    #navi7 a:hover { width:140px; background-position:-770px  -50px;}
        





/*--------------------------------------------------------------------
contents
--------------------------------------------------------------------*/

div#top_space{
	height:60px;
}

div#contents {

border-style:none;
background-color:white;
width: 1200px;
margin-left:auto;
margin-right:auto;
overflow: hidden;
position:relative;
box-shadow: 2px 2px 10px #000; /* CSS3 */
	-moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/
	}


div#main{
width:1200px;
margin-top:35px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
}


hr.hr{
	width:100%;
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/*--------------------------------------------------------------------
index
--------------------------------------------------------------------*/

div#topmain{
	width:1200px;
	height:400px;
	background-image: url(img/top.jpg);
    margin:0 auto;
    font-size:100%;
	overflow:auto;
}


/*--------------------------------------------------------------------
about
--------------------------------------------------------------------*/


#about_main{
	width:1200px;
	height:870px;
	background-image: url(img/about_back.jpg);
    margin:0 auto;
    font-size:100%;
	overflow:auto;
}

.about_text{
	width:840px;
	color:black;
	margin-left:340px;
	}

.about_hr{
	border-width: 3px;
	border-color: black;
	}

.about td.space{
	width:50px;
}

.about td.name{
	width:100px;
}


/*--------------------------------------------------------------------
topics
--------------------------------------------------------------------*/

div#topics_main{
width:1200px;
height:665px;
margin-top:35px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
text-align:center;
vertical-align:middle;
}

/*--------------------------------------------------------------------
event
--------------------------------------------------------------------*/
#event_main{
width:1200px;
height:600px;
margin-left:auto;
margin-right:auto;
text-align:center;
vertical-align:middle;
background-image: url(img/event.jpg);
font-size:95%;
line-height: 120%;
}


/*--------------------------------------------------------------------
release
--------------------------------------------------------------------*/


div#release_main{
width:1200px;
height:665px;
margin-top:35px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
text-align:center;
vertical-align:middle;
}

/*--------------------------------------------------------------------
works
--------------------------------------------------------------------*/

#works_main{
width:1200px;
height:665px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
text-align:center;
vertical-align:middle;
background-image: url(img/work_back.jpg);
font-size:95%;
line-height: 120%;
}

.work_left{
	color:black;
	text-align:left;
	width:570px;
	padding-left:30px;
	padding-top:100px;
	display: table-cell;
	}

.work_right{
	color:black;
	text-align:left;
	width:680px;
	padding-left:20px;
	padding-top:100px;
	display: table-cell;
	}

/*--------------------------------------------------------------------
link
--------------------------------------------------------------------*/

#link_main{
width:1200px;
height:665px;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
text-align:center;
vertical-align:middle;
}


/*--------------------------------------------------------------------
contact
--------------------------------------------------------------------*/

#contact_main{
width:1200px;
height:665px;
margin-top:20px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
font-size:95%;
}

.form{
	padding-left:320px;
}

/*--------------------------------------------------------------------
footer
--------------------------------------------------------------------*/

/* フッター*/
#footer      {
font-family: Arial,Helveticsa, sans-serif;
background-color:black;;
color:white;
width:1200px;
margin-right: auto;
margin-left: auto;
float:auto;
font-size:95%;
padding:0px 0 0 0 ;

clear: both;
}

hr.fhr{
width:98%;
margin-left:15px;
}

table.flink{
	width:1200px;
	}

.footer_link_left{
	letter-spacing:  0.5em;
	line-height: 120%;
	float:left;
	padding:20px 0 30px 20px;
	text-align:left;
	
}


.footer_link{
	float:right;
	padding:10px 15px 0px 0px;
	margin-bottom:10px;
}

.footer_b{
	float:right;
	text-align:right;
	padding:0px 15px 0px 0px;
	margin-top:-20px;
}

#footer a:link {
text-decoration : none;
color:white;
}
#footer a:visited {
text-decoration : none;
color:white;
}
#footer a:active {
text-decoration : underline;
color:white;
}
#footer a:hover {
text-decoration :underline;
color:white;
}


@font-face {
 font-family: 'JapanSans80';
 src: url('http://webfontfan.com/fontcss/font/JapanSans80.eot');
 src: url('http://webfontfan.com/fontcss/font/JapanSans80.eot?#iefix') format('embedded-opentype'),
 url('http://webfontfan.com/fontcss/font/JapanSans80.woff') format('woff'),
 url('http://webfontfan.com/fontcss/font/JapanSans80.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
 }