/*コメント*/
#enter{background-color:#fff;
width:520px;
height: 380px;
margin: 100px 100px 100px 100px;
}

#all_e {
background-color:#fff;
width:720px;
height: 580px;
margin: 0 auto 0 auto;
}

#all {
background-color:#333333;
width:900px;
height: 600px;
margin: 0 auto 0 auto;
}


#top {
background-color:#f8f8ff;
float:left;
width:850px;
height: 150px;
margin: 5px 25px 0 25px;
}

#link {
float:right;
width:450px;
height:150px;
}

#link li {
display: inline;
list-style-type: none;
margin-right: 20px;
}

#logo {
float:left;
width:130px;
height:130px;
margin:10px 150px 10px 50px;
}
#logo img{
border-style:none;
width:130px;
height:130px;
-webkit-transition: -webkit-transform 1s ease-in-out, background-color linear 1s, color linear 1s;
	-moz-transition: -moz-transform 1s ease-in-out, background-color linear 1s, color linear 1s;
	-o-transition: -o-transform 1s ease-in-out, background-color linear 1s, color linear 1s;
	transition: transform 1s ease-in-out, background-color linear 1s, color linear 1s;
}
#logo img:hover{
	-webkit-transform: rotateZ(-3240deg);
	-moz-transform: rotateZ(-50deg);
	-o-transform: rotateZ(-20deg);
	color: #326895;
	cursor: pointer;
}


#link1 {
border-style:none;
float:left;
width:120px;
height:50px;
margin:10px 10px 10px 10px;
}

#link1 img{
border-style:none;
width:120px;
height:45px;
}

#link1 img:hover{
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=0 )";
}

#link2 {
border-style:none;
float:left;
width:120px;
height:50px;
margin:80px 7.5px 20px 7.5px;
}

#link2 img{
border-style:none;
width:120px;
height:62px;
}

#link2 img:hover{
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=0 )";
}

#link3 {
border-style:none;
float:left;
width:120px;
height:50px;
margin:30px 7.5px 70px 10px;
}

#link3 img{
border-style:none;
width:120px;
height:53px;
}

#link3 img:hover{
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=0 )";
}

#mid {
background-color:#f8f8ff;
float:left;
width:850px;
height: 35px;
margin: 10px 25px 0 25px;
}


#content{
background-color:#f8f8ff;
float:left;
width:850px;
height: 385px;
margin: 10px 25px 5px 25px;
}

#main{
float:left;
width:480px;
height: 375px;
margin: 5px;
}

#thumb{
/*background-image: url(../img/back2.png);*/
float:left;
width:120px;
height: 354px;
margin: 12px 5px 12px 5px;
}

#thumb td{
text-align: center;
font-family: "Al Bayan";
background-color:#000000;
width:35px;
height:35px;
}

#thumb td:hover{
background-color:#yellow;
}

#thumb th{
background-color:#yellow;
width:35px;
height:35px;
}

#tweet{
float:left;
width:220px;
height: 375px;
margin: 5px;
}

#footer {
font-family: "Al Bayan";
width:850px;
height: 20px;
margin: 10px 25px 5px 25px;
}

a:hover img{
/*opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=0 )";*/
}




/*＊＊メインスライド＊＊*/
div.wrap {
width : 480px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 480px;
height : 50px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 480px;
height : 50px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 500px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 380px;
}
div#header div#slide-holder {
z-index : 40;
width : 480px;
height : 400px;
position : absolute;
}

/*画像サイズ*/
div#header div#slide-holder div#slide-runner {
width : 480px;
height : 375px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
border-style:none;
width : 480px;
height : 375px;
margin : 0;
display : none;
position : absolute;
}

/*メニュー*/
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 30px;
width : 480px;
height : 46px;
display : none;
position : absolute;
background : url(../images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
font-family:"Al Bayan";
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}
div#nav ul li a {
background : url(../images/nav.png) no-repeat;
}
