@charset "utf-8";


a:link{text-decoration:none; color:#696969;}
a:hover{text-decoration:none;}
a:visited{color:#000000;}
a img {border-style:none;}
a:hover img {opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; } 
a:visited img{direction:none;}

body{
/*
     font-family:"???C???I","Meiryo","?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro","?l?r ?o?S?V?b?N","MS PGothic","Osaka,sans-serif";
*/
font-family:Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	 color:#696969;
	 margin:0 auto;
	 margin-top:5px;
	 }
.ttop {
     position: fixed;
     bottom: 20px;
     right: 50px;
	 z-index:1000;
}

/* IE6?p?n?b?N  IE6??????\??????????*/
* html, * html body {
     margin: 0;
     padding: 0;
     width: 100%;
     height: 100%;
     overflow-y: hidden;
     }
 * html div#body {
     height: 100%;
     overflow-y: scroll;
     }
 * html div.ttop {
     position: absolute;
     right: 30px;
     }
/*===================================

           header

====================================*/
#header{
     width:960px;
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom:5px;
	 }
#header ul{
     text-align:right;
	 margin-top:0px;
	 padding-top:30px;
	 margin-right:20px;
	 list-style:none;
	 }
#header ul li{
	 padding-bottom:0px;
	 margin-bottom:0px;
	 display:inline;
	 font-size:11px;
	 }
#header ul li a:hover{
     border-bottom:2px #556b2f solid;
	 }
#header h1{
     font-size:13px;
	 margin-top:3px;
	 margin-bottom:0px;
	 text-align:left;
	 float:left;
	 display:inline;
	 font-weight:normal;
	 } 
#header img{
     margin-top:-40px;
	 margin-bottom:10px;
	 margin-left:10px;
	 float:left;
	 }

/*****?????T?C?Y??X?{?^??*****/
#header div.font{
   float:right;
   margin-bottom:0px;
   }
#header div.font ul{
   margin:0;
   padding:0;
   text-align:right;
   }
#header div.font ul li img{
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   cursor:pointer;
}
/*****?|???????|?????T?C?Y??X*****/

	 
/*===================================

            navbar

====================================*/
#navbg{
     width:100%;
	 min-width:960px;
	 border-bottom:1px #696969 solid;
	 padding-bottom:7px;
	 }
#nav{
     width:960px;
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom:0px;
	 padding-top:3px;
	 padding-bottom:0px;
	 height:52px;
	 }
#nav ul{
     margin:0;
	 margin-top:5px;
	 padding:0;
	 list-style-type:none;
	 font-weight:bolder;
	 letter-spacing:1.5px;
	 text-align:center;
	 }
#nav ul li{
     float:left;
	 width:157px;
	 color:#556b2f;
	 text-align:center;
	 border-left:2px #696969 dotted;
	 font-size:14px;
	 }
#nav ul li a{
     display:block;
	 padding-top:5px;
	 padding-bottom:3px;
	 }
#nav ul li a:hover{
	 color:#556b2f;
	 border-bottom:7px #adff2f solid;
	 display:block;
	 }
#nav ul li small{
     font-size:80%;
	 }

/*ここから右はじの部分*/
#nav ul li.migihaji{
     float:left;
	 width:157px;
	 color:#556b2f;
	 text-align:center;
	 border-right:2px #696969 dotted;
	 font-size:14px;
	 }
#nav ul li.migihaji a{
     display:block;
	 padding-top:5px;
	 padding-bottom:3px;
	 }
#nav ul li.migihaji a:hover{
	 color:#556b2f;
	 border-bottom:7px #adff2f solid;
	 display:block;
	 }
#nav ul li.migihaji small{
     font-size:80%;
	 }
/*=======head2bg========*/
#head2bg{
     width:100%;
	 min-width:960px;
	 }
#head2{
     width:960px;
	 margin:10px auto;
     }
#head2bg p.notfounf{font-size:3em; font-weight:bolder;}
#head2bg p.konopageha{font-size:1.8em;}

/*=======slideshow========*/
@charset "utf-8";
#slideshow {
	width: 960px;
	position: relative;
}
#slideshow div {
	width: 960px;
	height: 250px;
	position: relative;
}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow ul {
	padding-bottom:5px;
	padding-left:10px;
	position: absolute;
	z-index: 100;
	left: 400px;
	top: 207px;
	width: 175px;
}

#slideshow ul li {
	width: 30px;
	float: left;
	display: inline;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
/* =======================================
	ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}

/*===================================

            contents

?@contents???A?????T?C?Y????w??
?@?@ex)13px=1.3em / 20px=2em???

====================================*/
#contents{
     width:960px;
	 background-color:#FFFFFF;
	 position:relative;
	 margin: 0 auto;/*?S?????????*/
	 font-size:62.5%;/* 10px????*/
	 }
/*===================================

            main

====================================*/

#main h2{ font-size:1.7em;}
#main h3{ font-size:1.5em;}
#main p{ font-size:1.3em;}
#main p.impact:first-letter {
     font-size: 3.8em;
	 line-height:1;
     float: left;
	 color:#adff2f;
	 font-weight:bold;
	 padding:4px 8px;
	 padding-bottom:2px;
	 }
#main ul li{ font-size:1.3em;}


#main{
     width:690px;
	 float:left;
	 margin-top:10px;
	 margin-right:10px;
	 text-align:left;
	 }

/*========コメント==========*/

.cf{border-bottom:1px solid #556b2f; display:block; width:95%; height:100%;}
.comments{
        height:200px;
        width:650px;
}
.comments img{
        float:left;
        height:160px;
}
.comments ul{
        margin:10px;
        list-style:none;
}
.comments ul li {
        margin-bottom:5px;
}
.comments ul li.gure {
        color:#b3b3b3;
}



#main h2{
     border-left:15px solid #adff2f;
	 border-bottom:1px solid #556b2f;
	 text-align:left;
	 padding-left:10px;
	 padding-top:5px;
	 padding-bottom:5px;
	 margin-top:0; 
	 } 
.bleft{
     float:left;
	 width:215px;
	 margin-left:3px;
	 margin-bottom:20px;
	 }
.bnaka{
     float:left;
	 width:215px;
	 margin-left:20px;
	 margin-bottom:20px;
	 }
.bright{
     float:left;
	 width:215px;
	 margin-left:20px;
	 margin-bottom:20px;
	 }
.clearit{
     clear:left;
	 margin:0;
	 padding:0;
	 line-height:0;
	 }
h3{
     border-bottom:2px dotted #556b2f;
	 text-align:center;
	 margin-top:10px;
	 margin-bottom:3px;
	 }


/*========候補==========*/
.hoge {margin-bottom:40px; clear:both; 
        }
.dashwaku {
        background:#f9f9f9;
        padding:20px;
        border: 2px dashed #fff;
        border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
        box-shadow:0 0 0 8px #f9f9f9, 0 5px 8px 10px #f1f1f1;		/* CSS3草案 */
	-webkit-box-shadow:0 0 0 8px #f9f9f9, 0 2px 3px 5px #696969;	/* Safari,Google Chrome用 */
	-moz-box-shadow:0 0 0 8px #f9f9f9, 0 2px 3px 5px #696969;	/* Firefox用 */
        clear:both;
        margin-bottom:50px;
        }

.hoge p, .dashwaku p {line-height:1.8em;}

#main h2.ost {
        border:none;
        padding:0;
        color:#000;
        margin-bottom:0;
        font-size:2em;
        font-weight:normal;
        }
#main h2.ost span.hugelet {
        font-size:1.5em;
        color:#6495ed;
        }
#main h2.ost span.huge {
        font-size:2em;
        font-weight:bold;
        letter-spacing:10px;
        color:#adff2f;
        }
#main h2.ost span.hugesafe {
        font-size:2em;
        font-weight:bold;
        letter-spacing:10px;
        color:#ff7f50;
        }
#main h3.bigfont{
        color:#6495ed;
        border-bottom:none;
        font-weight:normal;
        margin:0;
        text-align:left;
        padding-top:15px;
        }
h3.edai{
        color:#adff2f;
        padding:0;
        padding-top:15px;
        margin-top:10px;
        margin-bottom:-5px;
        border-bottom:none;
        text-align:left;
        }
h3.edaisafe{
        color:#ff7f50;
        padding:0;
        padding-top:15px;
        margin-top:10px;
        margin-bottom:-5px;
        border-bottom:none;
        text-align:left;
        }
.naiyo { margin:0 40px;}

#main h2.koe {
        background:url(http://www.ocean-sound.com/img/midasigazo-koe.png) no-repeat left center;
        border:none;
        line-height:60px;
        padding:5px 0px 5px 70px;
        color:#000;
        margin-bottom:0;
        font-size:2em;
        font-weight:bold;
        }

.snkoe {height:200px; padding:10px 30px;}
.comments{
        width:620px;
        height:180px;
        margin:0auto;
}
.comments h3.pinfo {
        font-size:1.8em;
        margin-bottom:15px;
        text-align:left;
        font-weight:normal;
        }
.comments h3.pinfo span{ font-size:0.8em; color:#ccc; padding-left:15px;}

.grid3{/*----------------info-buy*/
	 width:680px;
	 list-style:none;
	 margin:0;
	 margin-top:10px;
	 margin-bottom:30px;
	 }
.grid3 .gridbuy{/*----------------info-buy*/
     float: left;
     display: inline;
	 width:192px;
	 height:230px;
	 overflow:auto;
	 text-align:center;
	 font-size:1.3em;
	 border:2px solid #ccc;
	 padding:10px;
	 margin:5px;
	 }
.grid3 .gridbuy a:link{/*----------------info-buy*/
	 color:#000000;
	 display:block;
	 }
.grid3 .gridbuy:hover{/*----------------info-buy*/
	 cursor:pointer;
	 display:block;
	 border:2px solid #6495ed;
	 color:#6495ed;
	 }
.gridbuy span{/*----------------info-buy*/
     color:#696969;
	 display:block;
	 margin:0 auto;
	 margin-top:10px;
	 }
.gridbuy span:hover{/*----------------info-buy*/
	 color:#696969;
	 }
.gridbuy img{/*----------------info-buy*/
	 display:block;
	 margin:20px auto;
	 margin-bottom:15px;
	 border:1px solid #ffffff;
	 }
.clearit{
     clear:both;
	 margin:0;
	 padding:0;
	 }
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*========候補おわり==========*/

ul.menu{
     margin-left:0px;
	 margin-top:10px;
	 margin-bottom:20px;
	 padding-left:0px;
	 text-align:left;
	 list-style:none;
	 }
ul.menu li.detail{
	 margin-bottom:5px;
	 margin-left:0px;
	 background-image:url(img/top-listm.png);
	 background-repeat:no-repeat;
	 background-position:left;
	 display:block;
	 }
ul.menu li.detail a{
     padding-left:12px;
	 display:block;
	 }
ul.menu li.detail a:hover{
	 text-decoration:underline;
	 background-image:url(img/top-listm-a.png);
	 background-repeat:no-repeat;
	 background-position:left;
	 }
dl.news{
    margin-left:13px;
	margin-bottom:0px;
	margin-top:0px;
	width:95%;
	overflow:hidden;
	zoom:1;
	}
dl.news dt{
    margin-bottom: 5px;
	padding-bottom: 3px;
	padding-top:2px;
	width: 100px;
	height:100%;
	float: left;
	color:#999999;
	font-size:1.1em;
	clear: both;
	}
dl.news dd{
    border-bottom:#9acd32 dotted 1px;
    color:#999999;
	font-size:1.2em;
	margin-bottom: 5px;
	padding: 0 0 5px;
	margin-left:0;  
	}
.tonews{
    text-align:right;
	font-size:90%;
	font-weight:bold;
	color:#999999;
	margin-bottom:30px;
    }
#intro{
    float:left;
	width:320px;
    margin-bottom:30px;
	padding:5px;
	}
#intro img{
    float:left;
    padding-right:12px;
	padding-bottom:5px;
	}
#intro p{
	color:#696969;
	margin-top:0px;
	line-height:1.6;
	margin-bottom:10px;
	}
#intro p a{
    color:#000000;
	}
#intro p a:hover{
	text-decoration:underline;
	}
#intro-r{
    float:left;
	margin-left:30px;
	margin-bottom:30px;
	width:320px;
	padding:5px;
	}
#intro-r img{
    float:left;
    padding-right:12px;
	padding-bottom:5px;
	}	
#intro-r p{
	color:#696969;
	margin-top:0px;
	line-height:1.6;
	}
#intro-r p a{
    color:#000000;
	}
#intro-r p a:hover{
	text-decoration:underline;
	}
	
h4.share{
     font-weight:normal;
	 font-size:1.4em;
	 border-left:2px solid #adff2f;
	 padding:5px 10px;
	 }


/*===================================

            side

====================================*/
#side h3{ font-size:1.6em;}
#side p{ font-size:1.3em;}
#side ul li{font-size:100%;}

#side{
     width:230px;
	 float:left;
	 margin-top:10px;
	 margin-left:30px;
	 text-align:center;
	 }
#side img{
     margin-bottom:10px;
	 }
#side h3{
     padding-left:5px;
	 padding-top:0px;
	 padding-bottom:5px;
	 text-align:left;
	 border-bottom:3px solid #696969;
	 margin-top:20px;
	 }
ul.sns{
    list-style:none;
	margin-left:0px;
	padding:0;
	}
ul.sns li{
	float:left;
	margin-left:15px;
	}
p.sm{
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	clear:both;
	}
/*===================================

            visit malaysia

====================================*/
#visitmbg{
     width:100%;
	 min-width:960px;
	 background-color:#ffffff;
	 margin:0 auto;
	 margin-top:20px;
	 padding-top:30px;
	 }
#visitm{
     width:960px;
	 height:100%;
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom:20px;
	 padding-bottom:30px;
	 color:#696969;
	 }
.logoh{
     width:300px;
	 float:left;
	 margin-right:10px;
	 }
.bun{
     padding:5px 10px;
	 }
.bun p{
     margin:0;
	 padding:0;
	 margin-bottom:3px;
	 font-size:0.8em;
	 }
.bun span{
	 font-size:0.8em;
	 }
.vtrr{
     width:640px;
	 float:right;
	 }
     

/*===================================

            ftue

====================================*/
#ftuebg h2{ font-size:14px;}
#ftuebg h3{ font-size:13px;}
#ftuebg p{ font-size:11px;}
#ftuebg ul li{ font-size:11px;}



#ftuebg{
     width:100%;
	 min-width:960px;
	 background-color:#696969;
	 margin:0 auto;
	 margin-top:50px;
	 padding-top:40px;
	 }
#ftue{
     width:960px;
	 height:100%;
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom:0;
	 padding-bottom:30px;
	 color:#FFFFFF;
	 }
.boxft-left{
     float:left;
	 width:280px;
	 margin-left:5px;
	 margin-right:15px;
	 padding-left:5px;
	 }
.boxft-left h2{
     color:#f2f2f2;
	 font-weight:bolder;
	 margin-bottom:0px;
	 }
.boxft-left p{
     color:#f2f2f2;
	 font-size:11px;
	 margin-top:0px;
	 margin-bottom:0px;
	 margin-left:10px;
     }
.boxft-left p.est{
     margin-left:200px;
	 font-weight:bolder;
	 color:#f2f2f2;
     }
.boxft-left ul.ftlef{
     margin-left:30px;
	 padding:0;
	 margin-top:10px;
	 list-style:none;
	 position:relative;
     }
.boxft-left ul.ftlef li a{
     text-decoration:none;
	 color:#FFFFFF;
     }
.boxft-left ul.ftlef li a:hover{
     text-decoration:underline;
	 color:#CCCCCC;
	 }
.boxft{
     float:left;
	 width:190px;
	 margin-top:30px;
	 margin-left:20px;
	 padding-left:5px;
	 }
h3.ft{
     width:190px;
	 text-align:left;
	 padding-left:5px;
	 padding-top:3px;
	 padding-bottom:1px;
	 border-bottom:1px dotted #CCCCCC;
	 margin-top:0px;
	 }
ul.ftmenu{
	 position:relative;
	 margin-left:2px;
	 margin-top:10px;
	 list-style:none;
	 padding-left:0;
	 text-align:left;
	 }
ul.ftmenu li{
     padding-left:18px;
	 font-size:11px;
	 background-image:url(img/top-listft.png);
	 background-position:left;
	 background-repeat:no-repeat;
	 margin-bottom:2px;
	 position:relative;
	 }
ul.ftmenu li a{
	 text-decoration:none;
	 color:#FFFFFF;
     }
ul.ftmenu li a:hover{
	 text-decoration:underline;
	 color:#CCCCCC;
	 }
#adgif{
	 margin-bottom:20px;
	 margin-top:50px;
	 text-align:center;
	 position:relative;
	 }
#adgif ul.ftyoko{
	 list-style:none;
	 color:#FFFFF;
	 }
#adgif ul.ftyoko li{
	 display:inline;
	 }
#adgif ul.ftyoko li img{
     margin-left:20px;
	 margin-right:20px;
	 }
#adgif ul.ftyoko li a{
	 color:#FFFFF;
	 }
#adgif ul.ftyoko li a:hover{
     text-decoration:none;
	 }
/*===================================

            footer

====================================*/
#footerbg{
     width:100%;
	 min-width:960px;
	 background-color:#FFFFFF;
	 }
#footer{
     width:960px;
	 margin-left:auto;
	 margin-right:auto;
	 margin-top:30px;
	 color:#696969;
	 }
#footer p{
	 text-align:center;
	 margin-top:0px;
	 font-size:12px;
	 }

/*===============================================
●画面の横幅が640pxまで
===============================================*/

@media screen and (max-width: 640px){


img{max-width:100%; width:auto; vertical-align:bottom;  height:auto; float:none; margin:0 auto;}
a img{max-width:100%; width:auto; vertical-align:bottom;  height:auto; float:none; margin:0 auto;}

#container{width:100%; margin:0px auto; padding:0px; font-size;1.4rem; font-family:Helvetica; }
#navbg, #head2bg, #visitmbg, #ftuebg, #footerbg {width:100%; min-width:0px;}
#header, #nav, #head2, #slideshow, #contents, #visitm, .logoh, .vtrr, #ftue, #footer {width:98%; height:auto;}
#main {width:90%; margin:0px auto; float:none;}
#side {width:90%; float:none; margin:0px auto; margin-top:30px; padding-top:20px; border-top:1px solid #696969;}

#header h1{font-size:1em; margin:10px; float:right; color:#696969;}
#header img{margin-top:0px; display:inline; width:70%;}
#header ul, #header div.font {visibility: hidden; display:none;}

#navbg{ border-bottom:none;}
#nav ul{margin:0; padding:0;}
#nav ul li {width:48%; margin:3px; border:none; font-size:0.8em; line-height:1.2em;}
#nav ul li a{padding:1em; background-color:#fff; color:#696969; border:1px #556b2f solid; min-height:2.5em;}
#nav ul li a:hover{ border:1px #556b2f solid;}
#nav ul li a:visited{ color:#000000;}
#nav ul li small{font-weight:normal; color:#556b2f;}
#nav ul li.migihaji {width:48%; margin:3px; border:none; font-size:0.8em; line-height:1.2em;}
#nav ul li.migihaji a{padding:1em; background-color:#fff; color:#696969; border:1px #556b2f solid; min-height:2.5em;}
#nav ul li.migihaji a:hover{ border:1px #556b2f solid;}
#nav ul li.migihaji a:visited{ color:#000000;}
#nav ul li.migihaji small{font-weight:normal; color:#556b2f;}


#head2bg {border-bottom:none;}
#head2bg p.notfound, #head2bg p.konopageha{font-size:1em;}
#head2{width:95%;}
#slideshow {width:100%; padding: 26% 0 0 0;}
#slideshow div {position: absolute; top: 0; left: 0; width:100%; height:100%; }
#slideshow ul {position:static; display:block; width:100%; padding-left:0; margin-left:auto; margin-top:0.5em;}
#slideshow ul li {width:1em; margin:0 0.3em;}

#main h2{font-size:1.7em; border:none; margin:0px; padding:1em 0; color:#696969; border-top:1px solid #696969;}
#main h3{font-size:1.4em;}
#main p {font-size:1.4em;}
.bleft, .bnaka, .bright {width:98%; float:none; margin:0px auto; margin-bottom:10px; clear:both;}
.bleft img, .bnaka img, .bright img {visibility: hidden; display:none;}
.bleft h3, .bnaka h3, .bright h3 {background-color:#adff2f; color:#696969; border:none; padding:1em; padding-left:15px; text-align:left; margin-top:0px;}
ul.menu{float:none; width:98%; font-size:1.2em; margin:0px; padding:0px;}
ul.menu li.detail{margin:0; text-align:left; background-image:none; padding-left:20px; border-bottom:1px #696969 dotted;}
ul.menu li.detail a{display:block; padding:1em 0px;}
ul.menu li.detail a:hover{background-image:none;}
p.tonews{text-align:left; margin-left:50px;}
#intro, #intro-r {width:98%; padding:0; margin:0 auto;}
dl.news{margin:0 auto;}
dl.news dt{float:none; display:block; margin-bottom:0;}
dl.news dd{display:block;}

/*=変更点=*/
#main h2.ost {font-size:1.5em; margin-bottom:0.5em;}
#main h2.ost span.hugelet {font-size:1em;}
#main h3.bigfont{padding-top:1em;}
#main h2.ost span.huge, #main h2.ost span.hugesafe {font-size:1.2em;}
.naiyo {margin:0 0;}
#main h2.koe {background:none; padding: 0 0 0 0;}
.snkoe {width:100%; height:21em; margin:0; padding:0; background:none;}
.comments {width:90%; height:21em; margin:0; margin-top:-1.5em;}
.comments h3.pinfo span{display:block;}
.grid3{width:100%; margin-bottom:1em;}
.grid3 .gridbuy{display:inline-block; width:46%; box-sizing:border-box;}


#side h3 {font-size:1.7em; border:none; margin:0px; margin-top:20px; padding:1em 0; color:#696969; border-top:1px solid #696969;}

.TwitterWidget{ width:90% !important; margin:0 auto;} 

#visitmbg{visibility:hidden; display:none;}

#ftuebg{background-color:#cccccc; margin-top:30px;}
#ftuebg h2{ font-size:1em; color:#696969;}
#ftuebg h3{ font-size:1em; color:#696969;}
#ftuebg p{ font-size:1em; color:#696969;}
.boxft-left p.est{margin-left:10%;}
#ftuebg ul li{font-size:0.8em;}
.boxft-left, .boxft {width:85%; float:none; margin:0 auto; padding:0;}
#ftuebg h3.ft{border:none; color:#696969f; padding:1em 0; padding-bottom:0; margin:0;}
.boxft-left ul.ftlef, ul.ftmenu{margin:0 auto; padding:0; margin-bottom:20px;}
.boxft-left ul.ftlef li, ul.ftmenu li{ margin:5px 0px; padding-left:0;text-align:left; background-image:none; background-color:#ffffff;}
.boxft-left ul.ftlef li a, ul.ftmenu li a{display:block; padding:1em 0px; padding-left:10px; color:#696969;}
.boxft-left ul.ftlef li a:visited, ul.ftmenu li a:visited{color:#000000;}
#footer p{font-size:0.8em;}

#adgif{margin:0 auto;}
#adgif ul.ftyoko{ margin:0; padding:0;}
#adgif ul.ftyoko li img{ margin:0 2px;}
#footer{margin-bottom:50px;}

}