body {
	font-size: 12px;font-weight:bold;color: #333333;
	font-family:sans-serif;
	 line-height: 1.5;   background-image : url("../img/fabric_plaid.png");
}



#wrap {width:600px; margin:0 auto;}

ul.hyou a {display: block;}
ul.hyou a:link {font-size: 12; color: white;  text-decoration: none;}
ul.hyou a:visited{ color: white;}
ul.hyou a:hover { color: red;}

/*テキスとイメージのトリンク*/
 a:link {font-size: 12; color: blue; font-weight: bold;   text-decoration: none; }
a:visited { color: blue; 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 {}



#navi a:link {font-size: 12; color: rgb(44, 62, 80);  text-decoration: none;}
#navi a:visited{ color: rgb(44, 62, 80);}
#navi a:hover { color: red;}



header {width:600px;} 

.contents {background-color:white;
width:600px;
margin:50px 0px 20px 0px;
padding: 10px 0px 10px 0px;

}

.contents-1 {float:left;
 background-image : url("../img/fabric_plaid.png");

width:295px;

margin:0px 5px 20px 0px;

}

.contents-2 {float:left;
 background-image : url("../img/fabric_plaid.png");

width:295px;

margin:0px 0px 20px 5px;

}
.bab { border-radius: 1em; background-color:white; padding-bottom:10px; }

footer {clear:both; margin-top: 30px;
} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

h1 {font-size: 3em; padding-left: 10px; border-left: solid 60px; border-top: solid 3px;  border-color:  rgb(231, 76, 60);  color: rgb(231, 76, 60);text-shadow: 4px 4px 3px rgba(0,0,0,0.8); }

p,h2,h3 { padding-left: 20px; padding-right: 20px;  color: rgb(44, 62, 80);  }




#pageTop{
	background-color: rgb(231, 76, 60);
	/*background:#DDD;*/
	border-radius:5px;
	font-size: 30px;
	font-weight:bold;
	color:white;
	 text-decoration: none;
	padding:20px;
	position:fixed;
	bottom:20px;
	right:20px;
	}
#pageTop:hover{ opacity: 0.5;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
	
	}


/* 最低限必要なリセット */
	ul,li {
		list-style: none;
		margin: 0;
		padding: 0;
	}



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



.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;
}

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

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






body{z-index:-1;	
}


/* 位置 */



.sl_examples a > span{position:absolute;top:0px;left:50px;
   float:left;
	position:relative;
	overflow:hidden;
}



.sl_examples a span span{
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	text-align:center;
}


/* 元の時の文字色 */

.sl_examples a span span.sl-w1{
	color: #ff8080; text-shadow: 4px 4px 3px rgba(0,0,0,0.8);
		z-index:2;
}


.sl_examples{
	padding-top:20px;
 
	margin:20px;
	clear:both;
	display:block;
}

.sl_examples a{
	margin:15px;
}


#example5{
		font-size:45px;
	line-height: 47px; }

.sl_examples a#example5 > span{
	height:55px;
}


/* オーバーの時の文字色 */
.sl_examples a#example5 span span.sl-w2{
	color:darkkhaki; text-shadow: 2px 2px 1px rgba(0,0,0,0.8);	z-index:3;
}


 



.sl_examples {width:700px; 	 margin:0 auto;}

/* tabiのトップ */

#wrap{
    position: relative;
}

#box1,#box2,#box3,#box4 {
    position: absolute;
    width: 150px;
    height: 150px;
	
}
#maru-1 {
	position: absolute;
    width: 600px;
    height: 600px;
	left: -900px;
	top: 100px;
   
}
.tooltip-nightly-2 {background:  rgb(231, 76, 60); }
.tooltip-nightly-2:before {background-image:   linear-gradient(to bottom, rgba(0,128,0,0),rgb(231, 76, 60));  } 
h1 { border-color:  rgb(231, 76, 60); color: rgb(231, 76, 60);}
h2 {color: rgb(231, 76, 60);}

/* ------------------------------
   スクロール
------------------------------ */ 
.page-top p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top
{
	display: block ;
	background:  rgb(231, 76, 60) ;
	width: 50px ;
	height: 50px ;
	cursor: pointer ;

	border-radius:5px;
	font-size: 30px;

	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}


@media screen and ( min-width:1130px )
{
	.move-page-top:hover
	{
		opacity: 0.85 ;
	}
}