body {	
	font-family:sans-serif;  
	font-size: 15; line-height: 1.5;  background-image : url("../img/fabric_plaid.png");
}

/*ボックス外枠*/

.grid {  background-image : url("../img/kabe-7.jpg");

   margin: 0 auto;  padding:0;}

/*ボックスのレイアウト*/
div.grid-item { 
	 } 

/*テキスとイメージのトリンク*/
 a:link {font-size: 12; color: white; font-weight: bold;   text-decoration: none; }
a:visited { color: white; font-weight: bold;}

a:hover {
 color: red;font-weight: bold;}
a:hover img {
 opacity: 0.5;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;}

a:visited {}




h1 {padding: 5 ; color: white; text-shadow: 4px 4px 3px rgba(0,0,0,0.8); text-align: center;   }
p {font-size: 12;color: white;  padding: 5 ;}
/*スライドのサイズ*/
#top_slideshow {width:600px; height:400px; }
#top_slideshow2 {width:180px; height:180px;  padding: 10;}

/*フッターの設定*/ 
footer {  margin: 0 auto; 
	text-align: center; width: 600;
	 background-color: rgb(230, 126, 34);
	 }






/*ボックスの種類　 overflow: autoを取ると縦の隙間が出来てしまう overflow-y: hidden; */
.waku {width: 200; height: 200;  overflow:  hidden;   background-color: rgb(52, 152, 219);  }
.waku-k {width: 200; height: 200;   overflow:  hidden;  }
.waku-p {width: 200; height: 200;   overflow:  hidden;  background-color: white; }
.waku-g1 {width: 200; height: 200;   overflow:  hidden;  }
.waku-g2 {width: 200; height: 200;   overflow:  hidden;  }
.waku-g3 {width: 200; height: 200;  overflow: auto;  }
.waku-g4 {width: 200; height: 200;  overflow:  hidden; background-color: #ffd42a;  }
.waku-g5 {width: 200; height: 200;  overflow:  hidden; background-color: white;  }
.waku-g6 {width: 200; height: 200;   overflow:  hidden;   }

.waku-w2 {width: 400; height: 200;  overflow: auto;  background-color: rgb(46, 204, 113); }
.waku-w3 {width: 600; height: 200;  overflow: auto;  }
.waku-h2 {width: 200; height: 400;  overflow: auto;  background-color: rgb(52, 152, 219);  }
.waku-h2-jigoku {width: 200; height: 400;  overflow: auto;  background-color: rgb(149, 165, 166);  }
.waku-h2-kaidan {width: 200; height: 400;  overflow: auto;  background-color: rgb(241, 196, 15);  }
.waku-h3 {width: 200; height: 600;  overflow: auto;   background-color : rgb(241, 196, 15);}
.waku-w2-h2 {width: 400; height: 400;  overflow:  hidden;  background-color : rgb(155, 89, 182);   }
.waku-w3-h2 {width: 600; height: 400; overflow: auto;    }

 a:hover {
	text-decoration : none;
	outline: none;
}
ul {
	list-style : none;
	list-style-type: none;
}



/* Navi */
#navi { padding: 6px 10px 10px 10px; 
	float: light; margin: 0 0 30 0;  
}
#navi ul {padding: 0 0 0 50;
	margin: 0;
}	
#navi ul li {
	float : left;padding: 0px 1px;
}
#navi ul li a {font-size: 18;
	margin: 0;
	display : block;
	text-align: center;
	color: rgb(241, 196, 15);
	font-weight:bold;
	padding: 10px;
	text-shadow: 4px 4px 3px rgba(0,0,0,0.8);
	 
}
#navi ul li a:hover, #navi ul li a.selected {
	color: #98f4f0;
}

/* Navi　end */

/* メイン・タイトルの位置*/
#taitoru{position:absolute; top:10px;left:10px; z-index: 3;}
#sabutaitoru{	position:absolute; top:80px;left:200px;
		 z-index: 3;
		color: white;
		font-weight:bold;
		text-shadow: 4px 4px 3px rgba(0,0,0,0.8);}

#sabutaitoru-1{	position:absolute; top:10px;left:10px;
		font-size: 30;
		color: white;
		font-weight:bold;
		text-shadow: 4px 4px 3px rgba(0,0,0,0.8);}


/*タイトル・文字 */

#moji-1 a {font-size: 50;font-weight : bold;
	 padding: 0; color: white;
	 text-shadow: 4px 4px 3px rgba(0,0,0,0.8); }

/*横スライド*/
#slide-container,#slide-containerx {
	position: relative;
	width: 600px;
	height: 200px;
	overflow: hidden;
}

#slide-containerx {width: 400px;}

.item {
	display: none;
	position: absolute;
	top:  0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.item a {
	display: block;
	width: 600px;
	height: 200px;
}
.item .background img {
	max-width: 600px; /* to avoid max-width: 100% of Twitter Bootstrap */
}
.foreground {
	position: absolute;
}
.foreground .element {
	position: relative;
	left: 50px;
	width: 300px;
	color: #fff;
	text-shadow: 1px 1px 2px #000000;
}

.background {
	position: absolute;
	overflow: hidden;
}

.foreground .element.title {
	top: 100px;
	font-size: 15px;
	text-transform: uppercase;
}
.foreground .element.subtitle {
	top: 110px;
	font-size: 12px;
}





/*横スライド終わり*/

#ozu {margin :30 ;}

.lemon {background-color: rgb(241, 196, 15);}
.oraa { height: 200px; width: 200px; margin: auto }
#eat {width:170;  height: 170; float :right; }
.waku-w2 >h1 { color : red;}
#beach {width:170;  height: 100;  padding: 0 15 0 15;}
#jigoku{width:170;  height: 113;  padding: 0 15 0 15;}

/*連続横スライド枠*/
 ul,li.infiniteslide1 { list-style: none; margin: 0; }

/*マウスオンで変わる*/
.pum {
    background: url("../img/pum-x.png") no-repeat; }

.pum a {
    display: inline-block;
}

.pum a:hover {
	background-color: transparent; /* IE6対応 */
}

.pum a:hover img {
    visibility: hidden;
}

.glass {
    background: url("../img/glass-b.png") no-repeat; }

.glass a {
    display: inline-block;
}

.glass a:hover {
	background-color: transparent; /* IE6対応 */
}

.glass a:hover img {
    visibility: hidden;
}

.hito {
    background: url("../img/hito-b.png") no-repeat; }

.hito a {
    display: inline-block;
}

.hito a:hover {
	background-color: transparent; /* IE6対応 */
}

.hito a:hover img {
    visibility: hidden;
}

.kid {
    background: url("../img/kid-b.jpg") no-repeat; }

.kid a {
    display: inline-block;
}

.kid a:hover {
	background-color: transparent; /* IE6対応 */
}

.glass a:hover img {
    visibility: hidden;
}
.thai {
    background: url("../img/thai-b.png") no-repeat; }

.thai a {
    display: inline-block;
}

.tahi a:hover {
	background-color: transparent; /* IE6対応 */
}

.thai a:hover img {
    visibility: hidden;
}

.kaset {
    background: url("../img/indonesia.png") no-repeat; }

.kaset a {
    display: inline-block;
}

.kaset a:hover {
	background-color: transparent; /* IE6対応 */
}

.kaset a:hover img {
    visibility: hidden;
}


/*拡大*/
.cssAnim {
	width: 170px;
	height: 170px;
	display: inline-block;
	overflow: hidden;
	margin : 15px;
	 float :right;
	position: relative;
	
}

.cssAnim img {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	transition: all 0.3s linear;
		
 
}

.imgScale img {
	transform: scale(2);

}