/******　box shadow部分　******/

 .box { width:70%; text-align:left;
background:#FFF; margin:40px 20% 40px 20% auto; }



.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
behavior: url(PIE.htc);
}




a{text-decoration:none}
a:link{color:#606060}
a:active{color:#606060}
a:visited{color:#606060}
a:hover{color:#cccccc}
br{letter-spacing:normal}
p{padding:0 0 1.5em 0}

li {
margin-left:0px;
list-style-type: none;
}

/******　メイン　******/

.main{
padding:35px;
text-align:left;
behavior: url(PIE.htc);
}
.note{
text-align:left;
padding:20px 7px 50px 20px;
font-size:100%;
font-family:Tahoma,verdana,meiryo,'ＭＳ Ｐゴシック','ms ui gothic',osaka;
line-height:170%;
letter-spacing:1px;
behavior: url(PIE.htc);
}
.note a{text-decoration:none;}
.note a:hover{color:#cccccc;border-bottom:1px solid #ff9900}


.t{
  filter:dropshadow(offx=2,offy=2,color=#d7d7d7);
  position:relative;
  width:100%;
  height:0%;
  font-weight:bold;
  font-Family:Verdana, Arial, Helvetica;
  text-decoration:none;
}

.line { border-bottom:solid 1px #ff9900;}



/******　回り込み解除　******/
.clear { clear:both; } 
}  
.clear hr { display:none; }  


/******　お知らせ用　******/

#left{
	float:right;;
	width:30%;
	height:260px;
	margin:0px 25px 20px 0px;
	}

#info{float:left;
	background-color:#fff;
	width:65%;
	height:200px;
	-webkit-border-radius:6px;
	-moz-border-radius: 6px;
	margin:0 25px 25px 0;
	}

.info_text{
	width:65%;
	height:200px; 
	padding:0px 10px;
	font-size: 100%;
	line-height: 1.5em;
	overflow:auto;
	}

	.info_text h1{
	margin: 5px 0px;
	padding: 5px 0 0 0;
	border-bottom: 1px #999999 solid;
	font-size: 110%;
	}

	.info_text h2{
	margin: 5px 0px;
	padding: 5px 0 0 0;
	border-bottom: 1px #999999 solid;
	font-size: 110%;
	}

#twitter{float:left;
        width:300px;
	height:200px;}




.info_drink{
	width:90%;
	height:200px; 
	padding:0px 10px;
	font-size: 100%;
	line-height: 1.5em;
	overflow:auto;
	}

	.info_text h1{
	margin: 5px 0px;
	padding: 5px 0 0 0;
	border-bottom: 1px #999999 solid;
	font-size: 110%;
	}

	.info_text h2{
	margin: 5px 0px;
	padding: 5px 0 0 0;
	border-bottom: 1px #999999 solid;
	font-size: 110%;
	}

#c { clear:left;}

/******　見出し　******/

h1{
padding:27px 20px 25px 20px;
color:#606060;
font-size:120%;
font-family:century;
font-weight:normal;
letter-spacing:3px;
float:left;
}
h1 a{
text-decoration:none;
border:none;
}
h2{
padding:7px 10px;
color:#606060;
font-size:100%;
font-family:'courier new','century gothic','Trebuchet MS',Tahoma,verdana,sans-serif;
font-weight:bold;
letter-spacing:1px;
border-left:10px solid #eeeeee;
}
h3{
margin:13px 0px 20px 0px;
padding:3px 0px;
color:#99cc00;
font-size:100%;
font-family:Tahoma,verdana,meiryo,'ＭＳ Ｐゴシック','ms ui gothic',osaka;
font-weight:normal;
letter-spacing:1px;
border-bottom:1px solid #cccccc;
}


/******　区切り線　******/

hr{
border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin: 0 6 0 6;
}


/******　メニューバー　******/
/* Main */
#menu {
    width: 100%;
    margin: 10px 0 10px 0;;
    padding: 10px 0 0 0;
    list-style: none;  
    background-color: #111;
    background-image: linear-gradient(#444, #111);
   -pie-background: linear-gradient(#444, #111);
    border-radius: 50px;
    box-shadow: 0 2px 1px #9c9c9c;
behavior: url(PIE.htc);
}

#menu li {
    float: left;
    padding: 0 0 10px 0;
    position: relative;
}

#menu a {
    float: left;
    height: 25px;
    padding: 0 25px;
    color: #999;
    text-transform: none;
    font: bold 12px/25px Georgia,Times New Roman;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
behavior: url(PIE.htc);
}

#menu li:hover > a {
    color: #fafafa;
}

*html #menu li a:hover { /* IE6 */
    color: #fafafa;
}

#menu li:hover > ul {
    display: block;
}

/* Sub-menu */
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
    background-color: #444;   
    background-image: linear-gradient(#444, #111);
    -pie-background: linear-gradient(#444, #111);    
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul li {
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    box-shadow: 0 1px 0 #111111, 
                0 2px 0 #777777;
}

#menu ul li:last-child { 
    box-shadow: none;    
}

#menu ul a {    
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a { /* IE6 */   
    height: 10px;
    width: 150px;
}

*:first-child+html #menu ul a { /* IE7 */    
    height: 10px;
    width: 150px;
}

#menu ul a:hover {
    background-color: #0186ba;
    background-image: linear-gradient(#04acec, #0186ba);
}

#menu ul li:first-child a {
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after {
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}

#menu ul li:last-child a {
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
}




/* 小さい画面での表示 */
@media all and (max-width: 768px) {
	main, #menu, #footer {
		float: none;
		width: 90%;
	}
	#wrapper, main, #side, ul#menu{
	height: auto;padding: 0;margin: 0 auto;border: none;}

	#wrapper{background-color: transparent;text-align: center;}

	#side{width: 60%;background-color: rgba(0,0,0,0.3);margin: 40px auto 20px;padding: 20px 0;}

	#menu li{margin: 5px 0;}

	#main{text-align: left;height: 350px;}

	#footer{position: relative;top: 30px;left: 5%;width: 85%;}

	#copy{position: relative;top: 60px;padding: 0 0 30px 30px;}
}