@charset "UTF-8";
@import url(../common/reset.css);



/* pages */
body{
color: #333;
font-size: 90%;
line-height: 1.6;
font-weight: normal;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
font-style: normal;
background: #ddf8e1 url(img/bg.gif) left bottom fixed;
}
#container{
width: 950px;
margin: auto;
position: relative;
background: #fff;
border: 10px solid #ffe5ee;
border-bottom: none;
-webkit-border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
background: url(img/star.gif);
}
#main{
margin: 0 50px;
padding: 5px 0 50px;
}
#contents{
}
#header{
padding-left: 20px;
width: 950px;
margin: auto;
}
#footer{
border-top: 1px dashed #ffe6f3;
margin-top: 50px;
padding-top: 20px;
padding-bottom: 10px;
font-size: 80%;
text-align: center;
color: #666;
}


/* common */
a{
color: #33ccff;
}
a:hover{
color: #40c0ff;
}
h1{
margin: 0;
padding: 16px 0 0 0;
}
h2{
font-size: 180%;
font-weight: bold;
margin-bottom: 10px;
line-height: 1;
}
.event{
padding: 10px 100px 10px 20px;
margin-bottom: 10px;
border: 1px solid #ccc;
background: #ffecd6 url(img/h2_bg.gif) right bottom no-repeat;
color: #737373;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
h3{
font-size: 120%;
margin: 0 0 5px;
padding: 5px 10px;
line-height: 1;
font-weight: bold;
color: #cc006a;
background: #ffe6f3;
border-color: #ccc #ff4da9;
border-style: dotted solid;
border-width: 0 0 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
h4{
font-weight: bold;
font-size: 120%;
}
h5{
margin-top: 1em;
font-weight: bold;
}
.gotop{
margin-top: 100px;
text-align: center;
}
.notice{
margin: 10px;
padding: 20px 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px dotted #999;
background: #ffe6f3;
}
.h3{
margin: 10px 10px 20px;
padding: 20px 80px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px dashed #999;
background: #fff url(img/hatena.jpg) 10px 10px no-repeat;
}
em{
color: red;
font-weight: bold;
}

.fig{
float: right;
text-align: center;
width: 200px;
padding-left: 10px;
}
hr{
clear: both;
width: 0;
height: 0;
visibility: hidden;
border: none;
}

dl{
margin: 20px 0;
}
dt{
margin-top: 1em;
font-weight: bold;
}
dd{
margin-left: 2em;
}
.button{
text-align: center;
}
.add{
margin: 0 1em;
font-size: 90%;
padding-left: 1em;
text-indent: -1em;
color: #666;
}