@charset "UTF-8";
/* CSS Document */

body{
	
	width:100%;
	height:100%;
	
	color:#000;
	
}




#body{


	
	width:auto;
	height:auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:7px;
	padding-left:20px;
	padding-right:20px;
	
}



.kimax{
	color:#FF0;
	font-size:xx-large;
}









#hovaer{
color:#fff;

}

#hovaer:hover{
	 
  color:#fff;
}

#plld li:hover > ul {
  display: block;
 
}
#plld{
opacity:0.8;
  margin: 0;
  padding: 17px 60px 0;
  background:none;
  line-height: 150%;
  border-radius: 2em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
-mos-box-shadow:inset #0F0 0px 0px 5px 3px,inset #0F0 0px 0px 10px 5px,inset #0F0 0px 0px 10px 5px;
	-webkit-box-shadow:inset #0F0 0px 0px 5px 3px,inset #0F0 0px 0px 10px 5px,inset #0F0 0px 0px 10px 5px;
	box-shadow:inset #0F0 0px 0px 2px 2px,inset #0F0 0px 0px 7px 3px,inset #0F0 0px 0px 10px 5px;
}

#plld li {
	
  margin: 0 5px;
  padding: 0 0 8px;
  float: left;
  position: relative;
  list-style: none;
  text-align:left;
}
#bn{
	  color:#FFF;
	text-align:center;

}

#plld #bn {

  display: block;
  padding: 1px;
  margin:0;

 -webkit- text-shadow: 0 0 5px #000,0 1px 10px #F3C,0 1px 10px #F3C,0 1px 10px #F3C,0 1px 10px #F3C;
  text-shadow: 0 0 5px #000,0 1px 10px #F3C,0 1px 10px #F3C,0 1px 10px #F3C,0 1px 10px #F3C;
  color:#FFF;
  text-decoration: none;
}
#plld #bn:hover {
	
 text-shadow: 0 1px 10px #F3C,0 1px 10px #F3C;
  color:#fff;
}
#plld  ul #bn:hover {
	
  background:#000 0 -100px !important;
  color:#F00 !important;

  text-shadow: 0 1px 1px rgba(0,0,0, .1);
  
}
#mar{
 margin-left:5px;
}

#an {
	
  color:#FFF;
  padding-left:5px;
  padding-right:5px;
  
}
/*上部ナビゲーション*/
#plld #an {
  font-weight: bold;
  display: block;
  padding: 1px -10px;
  margin: 0;
/*  -webkit-border-radius: 1.6em;
  -moz-border-radius: 1.6em;
  border-radius: 1.6em;*/
   -webkit-text-shadow:0 0 5px #00F, 0 1px 10px #03F,0 1px 10px #39F,0 1px 10px #F3C,0 1px 10px #00F;
  text-shadow:0 0 5px #00F, 0 1px 10px #03F,0 1px 10px #39F,0 1px 10px #F3C,0 1px 10px #00F;
  color:#FFF;
  text-decoration: none;
}
/*上部ナビゲーションマウスが重なった時の処理*/
#plld #an:hover {
-webkit-text-shadow: 0 1px 10px #F3C,0 1px 10px #F3C;	
 text-shadow: 0 1px 10px #F3C,0 1px 10px #F3C;
  color:#fff;
}

/*プルダウンサブメニューホバー時の処理マウス重なったときバーの色*/

#plld  ul #an:hover {
	
  background:#000 0 -100px !important;
  color:#F00 !important;
-webkit-text-shadow: 0 1px 1px rgba(0,0,0, .1);
  text-shadow: 0 1px 1px rgba(0,0,0, .1);
  
}
/*全プルダウンのプルダウンのポジション*/

#plld ul {

	 
  display: none;
	-mos-box-shadow:inset #FF0 0px 0px 5px 3px;
	-webkit-box-shadow:inset #FF0 0px 0px 5px 3px;
	box-shadow:inset #FF0 0px 0px 2px 2px,inset #c6c 0px 0px 7px 3px;
  padding: 0;
  width: 185px;
  position: absolute;
    
 
 }
 /*表示色や文字の幅など*/
 #plld ul li {
	 
	

  float: none;
  margin: 0;
  padding: 0;
}

/*サブメニューデホルト*/
#plld ul #an {
	color:#fff;
  font-weight:100;
  -webkit-text-shadow: 0 0 5px #000,0 1px 10px #F3C,0 1px 10px #F3C,0 1px 10px #F3C,0 1px 10px #F3C;
  text-shadow: 0 0 5px #000,0 1px 10px #F3C,0 1px 10px #F3C,0 1px 10px #F3C,0 1px 10px #F3C;
}

#plld ul ul {

  left: 181px;
  top: -3px;
}
#plld ul li:last-child > #an {
	
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
}


#plld:after {
  
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#plld {
  display: inline-block;
}















#nava{
	
	padding-left:5%;
	margin-left:auto;
	margin-right:auto;
	width:680px;
	height:30px;
	/*角を丸くする
	  border-radius: 2em;
  -webkit-border-radius: 2em;
 ↑まで*/
	margin-bottom:50px;

	

	
}



#main{
	height:auto;
	

	width:800px;
	margin-left:auto;
	margin-right:auto;
	
	
}
#sidenav{
	 border-radius: 2em;
 	 -webkit-border-radius: 2em;
  	padding-top:20px;
	padding-left:20px;
	margin-left:0px;
	margin-right:auto;
	text-align:left;
	width:230px;
	height:auto;
	background-color:transparent ;
	-mos-box-shadow:inset #3F9 0px 0px 10px 3px;
	-webkit-box-shadow:inset #3F9 0px 0px 10px 3px;
	box-shadow:inset #3F9 0px 0px 10px 3px;
	
	float:left;
}
.kage{
	-webkit-text-shadow:#000 2px 2px 5px;
  	text-shadow:#000 2px 2px 5px;
  	font-size:xx-large;
}
.kage1{
	-webkit-text-shadow:#000 3px 4px 0px;
	 text-shadow:#000 3px 4px 0px;
 	 font-size:xx-large;
}
.siro{
	color:#FFF;
	
}
.kuro{
	color:#000;
}
.sikaku{

}
.shou{
	font-size:small; 
}
.capstar{
	font-size:150%;
	font-weight:bold;
}
.pup{
	color:#800080;
}
#articlesection{
	
	
	height:100%;
	width:480px;
	margin-left:20px;
	float:left;
	text-align:left;
	
	
	

}
/*#bsection{

	height:auto;
	width:360px;
	
	margin-left:20px;
	float:left;
}
#bsection1{

	height:100%;
	width:360px;
	margin-top:280px;
	margin-left:20px;
	float:left;
}

*/

.lefttb{
	text-align:left;
}
.none{
	color:#000;
	background:#FFF;
}
.center{
	text-align:center;
}

.intable{
	text-align:center;
	width:350px;
	height:30px;
	border-style:solid;
  	border-width:thin;
}
h1{
	
	text-shadow: 3px 5px 6px #06F;
	color:#000;
}
span{
	color:#F36;
}
.sp2{
	color:#936;
}
.sp3{
	color:#093;
} 
.red{
	color:red;
}
.murasaki{
	color:#CC66FF;
}
.orange{
 	color:#F60;
}
.ble{
	 color:#03C;
}
.kiiro{
	color:#FF0;
}
.midori{
	color:#3F0;
}
.bb{
	color:#009;
	text-shadow: 3px 5px 6px #333;
}

.modoru{

}
.skyb{
	color:#00BFFF;
}


.opatb{
	width:450px;
	height:500px;
	background-image:url(ss3.jpg);
	background-repeat:no-repeat;
	background-position:70px;
}
.opatb1{
	width:450px;
	height:70px;
	margin:-top:10px;
	background-color:#03F;
	opacity:0.9;
}
.opatb2{
	width:450px;
	height:70px;
	margin:-top:10px;
	background-color:#03F;
	opacity:0.6;
}
.opatb3{
	width:450px;
	height:70px;
	margin:-top:10px;
	background-color:#03F;
	opacity:0.3;
}
.opatb4{
	width:450px;
	height:70px;
	margin:-top:10px;
	background-color:#03F;
	opacity:0.2;
}
.opatb5{
	width:450px;
	height:70px;
	margin:-top:10px;
	background-color:#03F;
	opacity:0.1;
}

.guratb{
	width:470px;
	height:100px;
	background: -moz-linear-gradient(#FF1493, #FFD700);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF1493), to(#FFD700));
}
.guratb1{
	width:470px;
	height:100px;
	background: -moz-linear-gradient(#0000CD, #fff 50%, #FF1493);
	background: -webkit-gradient(linear, left top, left bottom, from(#0000CD), color-stop(50%,#fff), to(#FF1493));
}
.enguratb{
	width:470px;
	height:100px;
	background: -moz-radial-gradient(#FFD700, Blue);
	background: -webkit-gradient(radial, center center, 15, center center, 100, from(#FFD700), to(Blue));
				
}
.gura{
	background: -webkit-gradient(radial, center center, 15, center center, 100, from(red), color-stop(20%,#0000CD), color-stop(20%, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
}

.enguratb2{
	width:470px;
	height:200px;
	background: -webkit-gradient(radial, center top, 100, center top, 500, from(rgba(0,0,139,1)), to(rgba(255,255,255,0)));
    background: -moz-radial-gradient(center top, circle farthest-side, rgba(0,0,139,1), rgba(255,255,255,0));

}
.tb0{
	border-style:solid;
	border-width:1px;
	color:#000;
}

.tb{
	width:470px;
	color:#000;
	
}
.tbb{
	width:500px;
	color:#000;
}
.tb3{
	

	border-style:solid;
	border-width:1px;
	border-color:#F3F;
	color:#000;
}
.tb2{
	width:460px;
	color:#000;
	height:150px;
	
	background-image:url(tt.jpg);
}
.tb4{
	width:460px;
	color:#000;
	height:550px;
	background-repeat:repeat-y;
	background-image:url(tt.jpg);
}
.tb5{
	width:270px;
	color:#000;
	height:250px;
	background-repeat:no-repeat;
	background-image:url(tt.jpg);
	border-radius:10px;
}
.tb666{
		width:460px;
	text-align:center;
	height:250px;	
	border-style:solid;
	border-width:2px;
	border-color:#F3F;
}
.tb66{
		
	text-align:center;
	
	border-style:solid;
	border-width:2px;
	border-color:#F3F;
}
.td6{
	width:460px;
	text-align:center;
	height:250px;
	
	
	border-style:solid;
	border-width:2px;
	border-color:#F3F;
	color:#336699;
}
.td7{
	border-style:solid;
	border-width:2px;
	border-color:#F3F;
	color:#336699;
}
.tb8{
	width:270px;
	color:#000;
	height:250px;
	background-repeat:no-repeat;
	background-image:url(tt.jpg);
	border-top-left-radius:20px;
}

.boxs{
	width:350px;
	height:100px;
	box-shadow:inset #3F9 0px 0px 10px 3px;

}
.boxs1{
	width:350px;
	height:100px;
	box-shadow:#3F9 0px 0px 10px 3px;

}
.border{
	width:200px;
	height:200px;
	background-repeat:no-repeat;
	background-image:url(tt.jpg);
	-webkit-border-image:url("sqb.jpg")0/50px;
	-o-border-image:url("sqb.jpg")0/50px;
	-moz--border-image:url("sqb.jpg")0/50px;
	-ms-border-image:url("sqb.jpg")0/50px;
	border-image:url("sqb.jpg")1/50px stretch round;
	

}
.border2{
	width:200px;
	height:200px;
	background-repeat:no-repeat;
	background-image:url(tt.jpg);
	-webkit-border-image:url("sqb.jpg")20/24px stretch round;
	
	

	
}
.border25{
	width:200px;
	height:200px;
	background-repeat:no-repeat;
	background-image:url(tt.jpg);
	-webkit-border-image:url("sqb.jpg")49/24px stretch round;
	
	

	
}
.border3{
		width:200px;
		height:200px;
		background-repeat:no-repeat;
		background-image:url(tt.jpg);
		-webkit-border-image:url("sqb.jpg")50/24px stretch round;

		margin:-left:100px;


	
}
.border4{
		width:200px;
		height:200px;
		background-repeat:no-repeat;
		background-image:url(tt.jpg);
		-webkit-border-image:url("sqb.jpg")60/24px stretch round;

	
	
}
.border5{
		width:200px;
		height:200px;
		background-repeat:no-repeat;
		background-image:url(tt.jpg);
		-webkit-border-image:url("sqb.jpg")60/24px stretch round;

	
}
.borkuri{
		width:200px;
		height:200px;
		background-repeat:no-repeat;
	
	

}

.left{
	float:left;
	

}

.right{
	float:right;
	background:#00ffff;

}
.under{
	text-decoration:underline;
}

.table{
	width:480px;
	
	color:#000;
	
}

h4{
	color:#000;
}

.table2{

	margin-top:400px;

}

a{
	color:#FFF;
	text-decoration: none;
}
a:link{
	color:#FFF ;
	text-shadow: 0 0 2px #F3C,0 1px 10px #00F,0 1px 15px #00F;
	background-color:000 ;
}
a:hover{
	text-shadow: 0 1px 10px #F3C,0 1px 10px #F3C;
	color:#FFF;
	
}
footer{
	width:auto;
	height:200px;
	 clear:both;
	}
#foot{
	margin-top:50px;
	text-align:center;

}
.box{
	color:#F00;
	border-style:solid;
	border-color:#369;
}
.box2{
	color:#F00;
	border:solid #369 1px;
	margin-right:300px;
	padding-left:3px;
	padding-right:3px;
	
}
.box3{
	color:#F00;
	border:solid #369 8px;
	margin-right:355px;
	
}
#cm{

 	width:450px;
}
.fl{
	float:right;
}
.cinema{
	margin-top:-270px;
	width:360px;
	border-style:solid;
	border-width:1px;
	clear:all;
}
#f{
	clear:left;
	background:#0F0;
}
#js{
	text-align:center;


}