@charset utf-8;

html {
overflow-y:scroll;
overflow-x:hidden;
scrollbar-face-color:#06C;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#06C;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#06C;
height:100%;
}

body {
font:100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
text-align:left;
background-image:url(img/sora185-2.jpg);
background-attachment:fixed;
background-position:left bottom;
background-repeat:no-repeat;
height:100%;
margin:0;
padding:0;
}

#container {
position:relative;
min-height:100%;
}

#header {
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#0066CC,EndColorStr=#99CCFF);
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAABvUlEQVQYlQXBCUwNAADH4Z8xY0xjxhhjGWOMaRozxhgzxhhjTGOsS0kppaQUb0/eSinlJnLmLKq11pqr0H3fuu+7dNff94FNuphgmy4m2mWISfYZYvKZTDHFIVNMdcwS085mielO2WLGuWxh5pwjZrrkiFnnc8Vs11wxxy1PzL2QJ+a554v5HvliwcUCsdCzQCzyKhSLLxUKc+8iseRykVjqUyyW+RaL5VdKxAq/ErHSv1SsuloqVhvKxBpDmVhrLBcWxnKxLqBCWAZUiPWmSrHBVCk2Bv4Vm4KqxOabVWJLcLXYGlIttt2qEdtDa8SOsFqx83at2BVeJ3ZH1Ik9d+rF3rv1Yt+9BrH/foM48KBRHHzYKA49ahKHHzeJI0+axdHIZnHsaYs4/qxFWEW1ihPPW8XJF23i1Ms2cfpVu7B+3S5s3nQIu+gOYf+2Uzi86xSO77uE04cu4fyxW7h86hauMT3CLbZHuH/uFR5feoVnXJ/wiu8T3gn/hE9iv/BN7Bd+SQPCP2lAXEseFIbkQWFMGRLXU4bEja/DwvRtWAR+HxFBP0ZE8M9REZI6KkLTxkTYrzER/ntcRPwZ13+0bBYn2T2jxAAAAABJRU5ErkJggg==);
background-repeat:repeat-x;
background-color:#9CF;
color:#FFF;
width:100%;
}

#header2 {
width:720px;
margin:0 auto;
padding:10px 0 0 10px;
}

#title {
float:left;
}

#title h1 {
display:block;
text-indent:-9999px;
height:60px;
width:234px;
background-image:url(img/logo2.gif);
background-repeat:no-repeat;
margin:0;
padding:10px 0 2px;
}

#title a {
display:block;
height:60px;
width:234px;
text-decoration:none;
margin:0;
}

.right {
font-size:82%;
float:right;
margin:0;
padding:10px;
}

.right a:hover {
color:#FFF;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF3333,EndColorStr=#CC0000);
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAiElEQVQImQXBgQbCAABF0StLZjObTDObaSbNbKb//4SkJCUlKSkpSUlJr3P4DQbiW9fiU1XiXZbiVRTimefi0e+Le68nblkmrmkqLt2uOCeJOMWxOEaROISh2AeB2HU6Yuv7YtNui7XniZXriqXjiIVti7lliZlpimmrJSbNphgbhhg1GmII+gM1Mz6bKkdIlAAAAABJRU5ErkJggg==);
background-repeat:repeat-x;
background-color:#C00;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
top:2px;
position:relative;
padding:5px;
}

.right a:active {
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffff00,EndColorStr=#ffffff);
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAV0lEQVQImQXBERBCAQBAsXcXpmEapmGahmmYhl/DNEzDNEzTMA3TMFlbjMRYTMRUzMRcLMRSrMRabMRW7MReDOIgjuIkzuIiruIm7uIhnuIl3uIjvuLnDy5JaHk8aKKDAAAAAElFTkSuQmCC);
background-repeat:repeat-x;
background-color:#ff0;
}

#subnavi {
clear:both;
font-size:16px;
padding: 0 0 10px 0;
/padding: 8px 0 2px 0;  /* IE6,7用hack */
/margin: -8px 0 0 0;
}

#subnavi span {
color:#666;
background-color:#fff;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
margin:0;
padding:8px;
}

#subnavi a {
text-decoration:none;
color:#FFF;
margin:0;
padding:8px;
}

#subnavi a:hover {
color:#FFF;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF3333,EndColorStr=#CC0000);
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAiElEQVQImQXBgQbCAABF0StLZjObTDObaSbNbKb//4SkJCUlKSkpSUlJr3P4DQbiW9fiU1XiXZbiVRTimefi0e+Le68nblkmrmkqLt2uOCeJOMWxOEaROISh2AeB2HU6Yuv7YtNui7XniZXriqXjiIVti7lliZlpimmrJSbNphgbhhg1GmII+gM1Mz6bKkdIlAAAAABJRU5ErkJggg==);
background-repeat:repeat-x;
background-color:#C00;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

#subnavi a:active {
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffff00,EndColorStr=#ffffff);
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAiklEQVQImQXBEVQDAABAwZ8kSZRMJkkySZJoMpkkSZKMJkkySZIkiZIkmUwmSZQkySRJkiRKkt677mJLbIsdsSv2xEAMxb44ECNxKI7EsRiLiZiKE3EqzsS5mIm5uBCXYiGuxLW4EbfiTtyLB/EolmIl1uJJPIsX8SrexEa8iw/xKb7Et/gRv+LPPwT5rh1XrTBLAAAAAElFTkSuQmCC);
background-repeat:repeat-x;
background-color:#fff;
}

#mainContent {
color:#333;
line-height:180%;
padding-bottom:200px;
}

#mainContent2 {
width:720px;
margin:0 auto;
padding:0 20px;
}

.top {
padding-top:30px;
font-size:300%;
}

.top2 {
font-size:180%;
}

#mainContent2 h2 {
margin:20px 0 0;
}

#mainContent2 h3 {
margin:50px 0 0;
}

#mainContent2 p {
font-size:92%;
}

.box1 {
width:230px;
float:left;
margin:10px 8px 10px 0;
padding:0;
}

.box2 {
width:230px;
float:left;
margin:10px 7px;
padding:0;
}

.box3 {
width:230px;
float:left;
margin:10px 0 10px 8px;
padding:0;
}

#archive img {
background-color:#fff;
border-color:#dce3e3 #c1c1c1 #c1c1c1 #dce3e3;
border-style:solid;
border-width:2px;
margin:5px 10px;
padding:10px 10px 40px;
}

#mainContent2 a {
color:#666;
text-decoration:none;
padding:5px;
}

#mainContent2 a:hover {
color:#ff7f8f;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
top:2px;
position:relative;
padding:5px;
}

#archive a {
padding:0;
}

#archive a:hover {
top:2px;
position:relative;
padding:0;
}

.saturday {
font-weight:700;
color:#00C;
}

.sunday {
font-weight:700;
color:#C00;
}

#mainContent2 textarea {
font-size:80%;
border:3px solid #ccc;
margin:10px 0;
padding:5px;
}

#footer {
clear:both;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACWCAYAAAAfduJyAAABRElEQVQokT3EZyMWABSG4fs/hXjtkV1WQ0ZZ/SiS0pYSIWmIRBmVkbJHoTJCZonHF+dcHy44US6Oq7CCrgqCKgXB17wqQch174bgZLV3UxB6SxB62wq7Iwi7awXuCQL3rfAaQfgDK6JWEPHQinwkiKyzoh4Louqt6AZB9BMrplEQ02TFNgtin1pxLYK4Z1Z8qyD+uSDhhfdScOqV1yZIfO21C5I6BElvrOROQfJbK6VLkNJtpb4TpL630noEab1Wep8gvd86/cH7KDjzyRsQZAx6Q4LMYUHmZytrRJD1xcr+KsgetXLGBDnjgrMT3qTg3JQ3LTg/480KLsx53wS53715wcUFb1GQ98P7Kcj/5S0JCpa9FUHhqvdbcGnNWxdc3vD+CIo2BUVbVvG2oHjHKtkVlOxZpX8Fpf8EZfvef8GVA+9QR5vdOP1Hi+CkAAAAAElFTkSuQmCC);
background-repeat:repeat-x;
background-color:#06F;
opacity:0.6;
filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=60);
color:#FFF;
overflow:auto;
width:100%;
position:absolute;
bottom:0;
padding:0 0 20px;
}

#footer2 {
font-size:82%;
width:720px;
margin:0 auto;
padding:0 30px;
}

#footer p {
float:left;
margin:0;
padding:20px 30px 0 0;
}

#footer a:hover {
color:#FF0;
border:2px dotted #FF0;
top:2px;
position:relative;
}

.slide {
display:block;
width:320px;
height:240px;
float:left;
list-style-type:none;
margin:0 50px 50px 0;
padding:0;
}

.slide img {
position:absolute;
top:0;
left:0;
background:#fff;
padding:10px;
}

.small {
font-size:90%;
}

strong {
font-weight:700;
}

em {
font-weight:700;
font-style:normal;
font-size:116%;
color:#D00;
}

#mobile,#title p {
display:none;
}

#title a:hover,#title h1:hover,html>/**/body #subnavi span,html>/**/body #subnavi a:hover {
top:2px;
position:relative;
}

.right a,#footer a {
color:#FFF;
text-decoration:none;
padding:5px;
}




/* IE6 css fixer v0.7: Wed, 20 Jan 2010 13:41:30 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#title,
.right,
.box1,
.box2,
.box3,
#footer p,
.slide {display:inline;}

/* fix negative margins */
#subnavi {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
#container,
.right a:hover,
#mainContent2 a:hover,
#archive a:hover,
#footer a:hover {zoom:1;}

/* add transparancy */
#footer {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}