/*
Copyright (C) 2008 desgin magf http://designmaf.com/
*/


* {
margin : 0;
padding : 0;
}

body {
color :#fff;
font:12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
text-align: center;
background: #000 url(../img/yokoWall.jpg) no-repeat 95% 95% fixed;
border-top: 7px solid #7f4242;
}


a{
color: #808080;
text-decoration: none;
outline: 0;
}

a:hover{
border:0;
}


img{border: 0;}

.clear{clear: both;}

#header{
position: relative;
margin: 0 auto;
text-align: left;
width: 900px;
height:60px;
}

#content{
width: 820px;
margin: 0 auto;
}

#main{
float:right;
width:550px;
padding-bottom:40px;
text-align:left;
color: #fff;
background: url(../img/transparent.png) repeat;
}

#sidebar{
float:left;
width:230px;
}


#footer{
clear:both;
padding: 5px 0;
background: #311a1a;
}

ul#menu {
position: absolute;
top: 5px;
right: 0;
list-style: none;
white-space: nowrap;
font-size: 1.1em;
font-variant:small-caps;
}

* html ul#menu{top: 0;}

ul#menu li {float: right;}

ul#menu li.last a{
border-right: 1px solid #7f4242;
}

ul#menu a {
display: inline;
height: 20px;
padding: 5px 9px 5px 9px;
color: #fff;
border-left: 1px solid #7f4242;
border-bottom: 1px solid #7f4242;
background: url(../img/link.gif) repeat-x;
}

ul#menu li#active a, ul#menu a:hover {
background-position: 0 -32px;
}

h1{
position:absolute;
top: 10px;
left:10px;
}


h1 a{
display:block;
width: 446px;
height: 55px;
background: url(../img/yokotani.png) no-repeat;
/*\*//*/
  overflow: hidden;
  display:inline-table;
/**/
}

h1 a strong{
display:block;
position:relative;
z-index:-1;
width: 446px;
height: 55px;
  overflow: hidden;
/*\*//*/
  display:inline-table;
/**/
}

h3{
margin-top:20px;
height: 56px;
text-indent: -5000px;
background: url(../img/profile.png) no-repeat;
}


h4{
font-size: 16px;
padding: 0 0 14px 14px;
text-shadow: 1px 1px 2px #fff;
}


#main a{
color:#ccc;
border-bottom:1px dashed #ccc;
}

#main a:hover{border:0}

#main p{
padding-bottom: 7px;
font-size: 14px;
text-indent:1em;
text-shadow: 1px 1px 2px #fff;
}

#main .link{
padding-top:10px;
}

#main .link a{text-shadow: none;font-size: 14px;}

.article{
padding:0 1em;
font-size: 14px;
text-shadow: 1px 1px 2px #fff;
}


h3#schedule{background-image: url(../img/schedule.png);}
h3#charity{background-image: url(../img/charity.png);}
h3#video{background-image: url(../img/video.png);}


#sidebar img{margin-bottom: 20px;}

h5{
margin:10px 0;
padding-top: 10px;
font-size:18px;
color:#fff;
text-shadow: 1px 1px 2px #fff;
border-top:1px solid #999;
}

h5 span{font-family:Georgia, "Times New Roman", Times, serif}