#outer {
	/*border:solid 1px red;*/
	/*width:320px;*/
	background-color:darkseagreen;
	margin:0 auto;
}

#header {
	/*border:solid 1px red;*/
	/*width:320px;*/
}

#slideshow {
	/*border:solid 1px red;*/
	position: relative;
	width:  320px; /* 画像の横幅に合わせて記述 */
	height: 102px; /* 画像の高さに合わせて記述 */
	margin:0 auto;
}

#slideshow img {
	position: absolute;
	display:inline-block;
	width:  100%; /* 画像の横幅に合わせて記述 */
	height: 100%; /* 画像の高さに合わせて記述 */
	top: 0;
	left:0;
	z-index: 8;
	opacity: 0.0;
}

#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}

#slideshow img.last-active {
	z-index: 9;
}

#contents {
	/*width:300px;*/
	margin:10px;
	
}

#contents h4 {
	color:yellow;
	background-color:gray;
	line-height:25px;
	margin:5px 5px;
}

#contents h5 {
	font-size: 1.0em;
	color:forestgreen;
	border-left: solid 20px forestgreen;
	border-bottom: solid 2px forestgreen;
	background-color: azure;
	margin: 0 5px 5px 5px;
	padding: 10px 10px;
}

.btn {
	text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    display: block;
    width: 150px;
    padding: 10px 0;
    background: -moz-linear-gradient(top,#8bd1e3 0%,#99b3ff 50%,#526fc4 50%,#3385ff);
    background: -webkit-gradient(linear, left top, left bottom, from(#8BD1E3),color-stop(0.50, #99B3FF),color-stop(0.50, #526FC4),to(#3385FF));
    color: #FFF;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #4D5FD6;
    -moz-box-shadow: 0px 1px 4px rgba(000,000,000,0.8),inset 0px 0px 13px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0px 1px 4px rgba(000,000,000,0.8),inset 0px 0px 13px rgba(255,255,255,0.5);
    text-shadow: 0px -1px 5px rgba(000,000,000,0.3),0px 1px 0px rgba(255,255,255,1);
}

.menubtn {
    display: block;
    background-color: blue;
    padding: 5px 8px;
    z-index:2;
}

.menubtn a {
    display: block;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    z-index:2;
}

.nav-global {
    display: none;
    z-index:2;
    position:absolute;
}

.nav-global li {
	background-color:floralwhite;
    float: left;
    width: 230px;
    text-align: left;
    border: 1px solid skyblue;
    padding: 8px;
    z-index;2:
} 

#footer {
	/*width:305px;*/
	border-top:solid 1px blue;
	padding:0px 0px 1px 15px;
	/*text-align:right;*/
}


/*ここから*/

/*@charset 'utf-8';

 body {
	width: 100%;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 14px;
	line-height: 26px;
	
	
}
#wrapper {
	width: 100%;
	max-width: 1080px;
	min-width: 312px;
	margin: 0.8% auto;
	
	
}
h1 {font-size: 24px;	padding: 0.8% 0;}
p {margin-bottom: 0.8%;}
a {color: #000000;	text-decoration: none;}
a:visited {color: #000000;}

*/


  .btn_menu {
    display: block;
    background-color: blue;
    padding: 5px 8px;
   
}	
     
/*  .btn_menu {
	display: table;
	width: 160px;
	height: 35px;
	border-radius: 8px;
	background: blue;
        margin-left:50%;        	
}
*/

.btn_menu a {
	display: block;
	color: white;
	text-align: center;
	vertical-align: middle;
	font-size: 17px;
	font-weight: bold;
}
 .menu ul {
	list-style: none;
	margin:0px ;
	padding:0px ;
	z-index:2;
       position:absolute;
       right:36%;
      
}
.menu ul li {
	display: none;
	width: 160px;
	height: 35px;
	background: #33ccff;
	border-bottom: dashed 1px #000000;
       

       
       
}
.menu ul li:last-child {
	border-bottom: none;
	
}
.menu ul li a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

