/* ---------------------------------------------------------------------------------------- 

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

---------------------------------------------------------------------------------------- */



body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height: 1.6em;
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #37C7FB;

}

#container {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	width: 90%;
}




a {
	color:#555;
        text-decoration: none;

}

a:hover {
	color:#000;

}

img {
	border:none;
}

p {
	margin-bottom: 15px;
	margin-top: 0px;

}

#header h1 {
	font-size: 85%;
	color: #fff;
	line-height: 1.5em;
	font-weight: normal;	
	padding: 5px;
        margin:0 auto 25px;
	background-color:rgba(255,255,255,0.2);
	position:relative;
	behavior: url( http://mimi.oc.to/angel/PIE.php ) ;

}




h2 {

	font-size:114%;
	margin-top: 20px;
	margin-bottom: 10px;

}




h3 {

	font-weight: bold;
	font-size:107%;
	color:#fff;
	margin: 20px auto 5px;
	padding: 3px;

}

.big {

        width: 90%;
	font-size:114%;
	color:#fff;
	margin: 20px auto 0px;
	padding: 0px;

}

.square {

	font-size:114%;
	margin-top: 10px;
	margin-bottom: 10px;


}


.square a {
	color:#555;
	padding: 0px 5px 0px 5px;
        text-decoration: none;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	background-color:rgba(255,255,255,0.6);
	position:relative;
	behavior: url( http://mimi.oc.to/angel/PIE.php ) ;

}

.square a:hover {
	color:#000;
        text-decoration: none;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	background-color:rgba(255,255,255,0.9);
	position:relative;
	behavior: url( http://mimi.oc.to/angel/PIE.php ) ;

}

hr {
	margin: 0px auto;
        border: solid 1px #eee;
        border-top-color: #20BBF7;
        color: #eee;
        width: 80%;
}

.pict1 {
	margin: 0px auto 50px;
	width: 533px;
	padding: 0px;
	border:5px solid #fff;
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	position:relative;
	behavior: url( http://mimi.oc.to/angel/PIE.php ) ;

}

.pict2 {
	margin: 0px auto 50px;
	width: 328px;
	padding: 0px;
	border:5px solid #fff;
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	position:relative;
	behavior: url( http://mimi.oc.to/angel/PIE.php ) ;

}



.atten {
  color: #cc0000;
	font-weight: bold;
	font-size:114%;
}

.atten a {
  color: #555;
}

.atten a:hover {
  color: #000;
}

.niji {
	width: 90%;
	line-height: 2em;
	font-size:107%;
	color:#fff;
	margin: 20px auto 30px;
	padding: 10px;
	background-color:rgba(5,108,203,0.4);
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */

}

#footer {
	clear: both;
	font-size:77%;
	margin: 3px auto 0px;
	text-align: center;
	line-height: 2.0em;
	color:#555;
	padding: 5px 0 5px 0;
	background-image:url(images/footer.png);background-repeat:repeat-x;

}

#banner {
	clear: both;
	margin: 0px auto 20px;
	text-align: center;

}
/* menu */


* {
margin:0;
padding:0;
}

#footerMenu {
text-align:center;
padding-top:10px;

}
#footerMenu ul {
display:inline;
border-left:1px solid #555;
}
#footerMenu li {
display:inline;
padding-left:5px;
padding-right:5px;
border-right:1px solid #555;
font-size:92%;
}



#pr {
	padding: 2px;
	font-size: 12px;
	color:#555;
	width: 100%;
	margin: 5px auto;
}

#pr a{
	color:#555;
	font-size: 12px;
text-align:center;
}
#pr a:hover {

	color:#000;

}



/*table
----------------------------------------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0px auto;
}


#binmail-table{
	width:90%;
	text-align:center;
	border:0px solid #eee;
	margin: 0px auto;
	line-height: 1.5em;


}

#binmail-table th{
	text-align: left;
	border:1px solid #eee;
	padding:10px;
	font-size:92%;
	background-color:rgba(255,255,255,0.2);
	width:180px;
	color:#fff;

}

#binmail-table td{
	border:1px solid #eee;
	padding:10px;
	text-align:left;
	margin:0px 0px 5px 0px;
	font-size:92%;
	color:#fff;

}

#binmail2-table{
	width:60%;
	text-align:center;
	border:0px solid #eee;
	margin: 0px auto;
	line-height: 1.5em;


}

#binmail2-table th{
	text-align: left;
	border:1px solid #eee;
	padding:8px;
	font-size:92%;
	background-color:rgba(255,255,255,0.2);
	width:170px;
	color:#fff;

}

#binmail2-table td{
	border:1px solid #eee;
	padding:8px;
	text-align:left;
	margin:0px 0px 5px 0px;
	font-size:92%;
	color:#fff;

}
.mix-table{
	width:98%;
	border:0px solid #eee;
	margin: 0px auto 20px;

	text-align: center;
}


.info-table{
	width:205px;
	text-align:center;
	border:0px solid #eee;



}

.info-table th{
	text-align:center;
	border:1px solid #eee;
	padding:5px;



}

.info-table td{
	border:1px solid #eee;
	padding:5px;
	text-align:left;
	margin:0px 0px 5px 0px;
	color:#fff;
	background-color:rgba(5,108,203,0.2);

}
.info-table td a {
	color:#fff;
	padding: 0px 2px 0px 5px;
        text-decoration: none;



}

.info-table td a:hover {
	color:#000;
        text-decoration: none;
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	background-color:rgba(255,255,255,0.6);
	position:relative;
	behavior: url( http://mimi.oc.to/angel/PIE.php ) ;


}
.poem-table{

	margin: 20px auto 10px;
	border:0px solid #eee;


}

.poem-table th{
	text-align:center;
	border:0px solid #eee;
	padding:5px;
	vertical-align: top;


}

.poem-table td{
	border:0px solid #eee;
	padding:10px;
	text-align:center;
	color:#fff;

}

.roomnumber{
	font-size: 114%;
	background: #eee;
	color:#0082E2;


}
.number{
	width:15px;
	background-color:rgba(5,108,203,0.2);

}
.clear { clear:both; } 

.to-top { 
	text-align:right;
	padding: 0px 10% 0px 0px;

} 
.to-top a{ 

	color:#555;
} 

.to-top a:hover {

	color:#000;

}

.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.classname:active {
	position:relative;
	top:1px;
}



.classname2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 6px;
	margin-bottom:4px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.classname2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.classname2:active {
	position:relative;
	top:1px;
}



form p
{font-size:100%;}
input,select
{width:100%; font-size:100%; padding:5px;}
input:focus,input:hover
{background:#acf3ff;}
textarea
{width:90%; font-size:114%; padding:5px; height:150px;}
textarea:focus,textarea:hover
{height: 150px;background:#acf3ff;}
input[type="submit"]
{width: 100%; font-size:85%; margin: 0; padding: 5px; background: -webkit-gradient(linear, left top, left bottom, from(#FFAA33), to(#FF8800)); border: 1px #F27300 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; text-shadow: 1px 2px 3px #C45C00;}
.focus
{background:#acf3ff;}
.wd33per
{width:30%;}

input {
 padding: 5px;
 width: 250px;
 font-size: 14px;
}

input[type="email"],
input[type="file"] {
 width: 250px;
}

input[type="radio"] {
 width: auto;
}
input[type="checkbox"] {
 width: auto;
}

input[type="submit"] {
 padding: 5px 10px;
 border: 1px solid #FFFFFF;
 width: auto;
 color: #FFFFFF;
 background-color: #D9F5F3;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9900), color-stop(48%, #FF8600), color-stop(52%, #FF7700), to(#FF6600));
 font-size: 16px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 0 0 3px #333333;
 box-shadow: 0 0 3px #333333;

}

input[type="reset"] {
 width: 150px;
}


.submit {
 text-align: center;
}

/*clearfix
----------------------------------------------------------------------------------*/
#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#container { display: inline-block; }

/* Hides from IE-mac \*/
*html #container { height: 1%; }
#container { display: block; }
/* End hide from IE-mac */

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
　　display:block;
}