* {
margin : 0; 
padding : 0; 
} 

BODY {
margin:0px auto;
height:100%;
font-size : 75%; 
line-height : 150%; 
letter-spacing : 1px;
bg color:FFFFFF;
color : #666666; 
text-align : center; 
font-family:Hiragino Kaku Gothic Pro, Meiryo, Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック";
margin-top : 20px; 
} 

BR {
letter-spacing : normal; 
} 
A {
color : #6699CC; 
text-decoration : none; 
} 
a:visited {
color : #6699CC; 
} 
a:hover{
color:#6699CC;
visibility:visible;
float:none;
clear:none;
position:relative;
top:1pt;
left:1pt;
text-decoration:none;
background-color : #f3f3f3;
}
h5 {
font-weight : normal; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
font-size : 100%; 
text-align : left; 
padding : 5px 10px;
} 
h6 {
font-weight : bold; 
font-family :Hiragino Kaku Gothic Pro, Meiryo, Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック";
font-size : 120%; 
text-align : left; 
padding : 5px 10px 0px ;
} 
p {
text-align : left; 
padding : 5px 10px 0px ;
}
dl{
padding-bottom : 10px;
}
dt{
padding : 5px 10px;
}
dd{
margin-top:-2em;
margin-left:120px;
}


/* 全体 */
#page {
margin:0px auto;
width : 900px; 
} 
/* ヘッダー */
#head {
width : 570px; 
margin : 5px;
} 
H1 {
font-weight : normal; 
font-size : 200%; 
font-family : "Century Gothic", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, "Trebuchet MS", sans-serif; 
letter-spacing : 3px;
text-align : left; 
} 

H4 {
font-weight : bold; 
font-size : 130%; 
font-family : Hiragino Kaku Gothic Pro, Meiryo, Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック"; 
color : 666666;
margin-bottom: 0px;
margin-top: 8px;
} 

/* トップメニュー */
#topmenu{
width:200px;
font-size : 100%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
}
#topmenu ul {
list-style: none;
text-align : right;
}
#topmenu li {
display: inline;
margin : 0px;
}
#img {
width : 900px; 
height : 150px; 
background :#ffffff url(img/top.png) ;
}

#img2 {
width : 900px; 
height : 150px; 
background :#ffffff url(img/top2.jpg) ;
}

#img3 {
width : 900px; 
height : 150px; 
background :#ffffff url(img/about.png) ;
}

#img4 {
width : 900px; 
height : 150px; 
background :#ffffff url(img/work.png) ;
}

#img5 {
width : 900px; 
height : 150px; 
background :#ffffff url(img/music.png) ;
}

#img6 {
width : 900px; 
height : 150px; 
background :#ffffff url(img/copy.jpg) ;
}

#img7 {
width : 900px; 
height : 150px; 
background :#ffffff url(img/link.png) ;
}

#img8 {
width : 900px; 
height : 150px; 
background :#ffffff url(img/contact.jpg) ;
}

#img9 {
width : 900px; 
height : 150px; 
background :#ffffff url(img/qa.jpg) ;
}

#img10 {
width : 900px; 
height : 150px; 
background :#ffffff url(img/jqv_sc.jpg) ;
}

/* メニュー */
#left{
float : right;
width:320px;
font-size : 110%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
text-align : left;
padding : 25px 0px;
}
#menu {
width:300px;
font-size : 130%;
background :#ffffff;
padding :0px 10px;
}
#menu ul {
list-style: none;
}
#menu li {
list-style: none;
text-align : Center;
margin : 2px;
border-bottom : 1px solid #dddddd;
}
#menu li a{
display:block;
width:200px;
}
#menu li a:hover {
background-color: #f3f3f3;
} 

/* INFO */
#info{
overflow: auto;
width : 300px;
text-align : Center;
margin : 10px 0px 0px 25px; 
}

#info2{
overflow: auto;
width : 300px;
text-align : Center;
margin : 10px 0px 0px 25px; 
}

#link_info{
overflow: auto;
width : 300px;
text-align : Center;
margin : 10px 0px 0px 25px; 
}

#twitter{
overflow: auto;
height : 260px;
width : 320px;
text-align : Center;
margin : 0px 0px 1px 1px; 
}

#movie{
overflow: auto;
height : 250px;
width : 300px;
text-align : Center;
margin : 0px 0px 10px 10px;
font-family:Hiragino Kaku Gothic Pro, Meiryo, Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック"; 
}

#movie2{
overflow: auto;
height : auto;
width : 320px;
text-align : Center;
margin : 0px 0px 0px 0px;
font-family:Hiragino Kaku Gothic Pro, Meiryo, Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック"; 
}

#info3{
overflow: auto;
height : 160px;
width : 560px;
text-align : Left;
margin : 0px 0px 0px 0px;
} 

#info4{
	overflow: auto;
	height : auto;
	width : auto;
	text-align : center;
	padding : 0px 10px;
	line-height: 150%;
	font-size : 120%; 
	font-family:Hiragino Kaku Gothic Pro, Meiryo, Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック"; 
} 
#info4 ul {
list-style: none;
}
#info4 li {
list-style: none;
text-align : Center;
margin : 2px;
border-bottom : 1px solid #dddddd;
}

#ori_info{
overflow: auto;
width : 185px;
text-align : Center;
margin : 10px 0px 0px 10px; 
}

#copy_info{
overflow: auto;
width : 185px;
text-align : Center;
margin : 10px 0px 0px 10px; 
}

#enq{
overflow: auto;
width : 185px;
text-align : Center;
margin : 10px 0px 0px 10px; 
}

#play{
overflow: auto;
width : 150px;
text-align : Center;
margin : 0px 0px 0px 45px; 
}

/*新メニュー
-----------------------------------------------------------------------*/
#newmenu{
	clear:both;
	height:50px;	
	margin:0px 0px 0px 0px;
	width:899px;
	}
#newmenu:after{
    content: "";
    display: block;
    clear: both;
}

#newmenu ul{
	list-style-type:none;
	height:56px;
	_height:58px;
	padding:1px;
	}
#newmenu ul li {
	position: relative;
	float:left;
	text-align:center;
	height:56px;
}
#newmenu ul li.on{}
#newmenu ul li a {
	display:block;
	color:#333;
	font-size:130%;
	margin:0 0 0 0px;
	text-decoration:none;
	height:56px;
	line-height:56px;
	font-family:Hiragino Kaku Gothic Pro, Meiryo, Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック";
	border-left:1px solid #CCC;	
}
#newmenu ul li.last{}

#newmenu ul li.last a{
	border-right:1px solid #CCC;
	}
#newmenu ul li a:hover{
	background-color:#CCC;
	}
#newmenu ol{
	width:100%;
	list-style-type:none;
	position: absolute;
	display:none;	
	top:56px;
	left:0px;
	z-index:3;
	background-color:#FFF;
	border:1px solid #CCC;	
}
#newmenu ol li{
	float:none;
	border-width:0;
	height:auto;
	}
#newmenu ol li a{
	text-align:left;
	margin:0;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-size:100%;
	line-height:1.1em;
	height:auto;
	border-bottom:1px solid #CCC;
	}	
#newmenu ol li a:hover{
	background-color:#CCC;
	color:#FFF;
	}
#newmenu ol li.last a{
	border-width:0;
	}
#newmenu ol li.last a:hover{}


/* メイン */
#main {
float : left;
width :  560px; 
text-align : left; 
padding : 0px 0px 0px 0px; 
} 
#main h2 {
font-weight : normal; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
font-size : 130%; 
color : #000000; 
text-align : left; 
background-color : #E5E5E5; 
padding : 5px 10px 5px;
margin : 15px 0px 0px 0px;
} 

#main h3 {
font-weight : normal; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
font-size : 120%; 
color : #000000; 
text-align : left; 
padding : 5px 10px;
text-decoration:underline;
}  

#main hr {
height:0px;
border:0px;
border-bottom:1px dotted #414141;
}
 
#main ul {
list-style : none; 
padding : 10px 10px 0px 25px;
margin-bottom : 20px;
} 
#main li {
list-style-type:circle; 
text-align : left; 
} 

/* メイン works */
#mainwork {
float : left;
width :  895px; 
text-align : left; 
padding : 0px 0px 0px 5px; 
} 
#mainwork h2 {
font-weight : normal; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
font-size : 130%; 
color : #000000; 
text-align : left; 
background-color : #E5E5E5; 
padding : 5px 10px 5px;
margin : 15px 0px 0px 0px;
} 

#mainwork h3 {
font-weight : normal; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
font-size : 120%; 
color : #000000; 
text-align : left; 
padding : 5px 10px;
text-decoration:underline;
}  

#mainwork hr {
height:0px;
border:0px;
border-bottom:1px dotted #414141;
}
 
#mainwork ul {
list-style : none; 
padding : 10px 10px 0px 25px;
margin-bottom : 20px;
} 
#mainwork li {
list-style-type:circle; 
text-align : left; 
} 

/* ページトップ */
#pagetop{
text-align : right;
padding : 0px 0px 10px 0px;
}
/* フッター */
#foot {
clear:both;
border-top : 1px solid #AAAAAA;
padding : 5px 0;
}

/*ランキング*/
#rank {
clear:both;
border-top : 1px dotted #414141;
padding : 0px;
text-align : center;
}

html{
scrollbar-face-color:#f6f6f6;
scrollbar-track-color:#f6f6f6;
scrollbar-highlight-color:#616161;
scrollbar-3dlight-color:#f6f6f6;
scrollbar-shadow-color:#616161;
scrollbar-darkshadow-color:#f6f6f6;
scrollbar-arrow-color:#616161;
}

#conts {
width: 400px;
height: 400px;
margin: -150px 0px 0px -200px;
left: 50%;
top: 50%;
position: absolute;
}


/*スタイル*/
.style1 {font-size: 75%}
.style2 {background-color : #E5E5E5}
.style3 {font-family: "Lucida Sans Unicode"}
.style4 {color: #656565}
.style5 {color: #FF0000;font-weight: bold;}
.style6 {font-size: 85%;font-family:Hiragino Kaku Gothic Pro, Meiryo, Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック"}

/*Back to top*/
.backtotop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 9000;
    display: none;
}    

.backtotop a {
    display: block;
    color: #777777;
    padding: 14px 6px;
    margin: 0;
    background-color: #DDDDDD;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

.backtotop a:hover {
    background: #666666;
    color: #FFFFFF;
}

hr.style-two {
    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)); 
}