@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,div{
margin: 0;
padding: 0;
color: #333333;
}


br {
   letter-spacing:normal;
}

p{
line-height: 1.4;
}

img{
border: 0;
vertical-align: middle;
}

a{
text-decoration: none;
}

table,th,td{
table-layout: fixed;
border-collapse: collapse;
border: 1px solid #000000;
}

.right{
text-align: right;
}

.left{
text-align: left;
}

.center{
text-align: center;
}


.indent{
text-indent: 1em;
}

.cap{
padding-left: 1em;
text-indent: -1em;
}

.floatleft{
float: left;
margin: 5px;
}

.floatright{
float: right;
margin: 5px;
}

.clear{
clear: both;
}

body{
	background: url(../img/bk.jpg) top repeat;
	font- family:"メイリオ","Meirio",sans-serif;
}

#content{
width: 960px;
margin: auto;
background: #ffffff;
}

#header{
background: #800000;
padding-bottom: 0;
}

#main{
     float: left;
     display: inline;/*IEのバグ回避*/
	 width: 660px;
	 padding: 10px;
	 margin-left: 0;/*sub1のブロック幅+margin分*/
	 background: #ffffff;
}

#sub{
     float: right;
	 display: inline;/*IEのバグ回避*/
     width: 260px;
	 margin-left: 0;/*mainのブロック幅+左margin分*/
	 padding: 10px;
	 background: #deb887;
}

#footer{
clear: both;
background: #800000;
}

#header h1{
padding: 10px;
margin-left: 10px;
margin-bottom: 10px;
float: left;
}

#counter{
float: right;
color: #ffe4c4;
margin: 20px;
vertical-align: middle;
}

#thumbnail{
clear: both;
}


ul#gnav li{
float: left;
padding: 0px;
margin: 0;
text-align: center;
list-style: none;
border-right: 1px solid #333333;
}

ul#gnav:after{
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
font-size: 0.1em;
}

ul#gnav{
clear: both;
width: 960px;
margin: 0;
padding: 0;
font-weight: bold;
background: #8b4513;
color: #ffffff;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
}

ul#gnav a{
display: block;
padding: 10px;
}

ul#gnav a:link{
background: #8b4513;
color: #ffffff;
border-right: 1px solid #660000;
}

ul#gnav a:visited{
background: #8b4513;
color: #ffffff;
}

ul#gnav a:hover{
background: #ffe4c4; 
color: #800000;
}

#main h2{
padding: 4px;
margin-bottom: 5px;
text-indent: 1em;
background: #800000;
color: #ffffff;
}

#main h3{
text-indent: 1em;
color: #cc3300;
}

.item-container{
margin: 5px;
margin-bottom: 10px;
padding:5px;
border: 2px solid #800000;
border-radius: 0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
}

.item-container h4{
color: #800000;
}

.item-container .item-pic{
float: left;
margin: 5px;
padding: 0;
}

.item-container ul{
list-style: none;
}

.widget-container{
margin-bottom: 10px;
padding: 5px;
background: #ffe4c4; 
border: 1px solid #800000;
border-radius: 0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
}

.widget-container h3{
padding: 2px;
text-align: center;
background: #800000;
color: #ffffff;
}

#footer p{
text-align: center;
color: #ffffff;
}

/*clearfix*/
.clearfix,#container:after{
    display: block;
    clear: both;
    height: 1px;
    line-height: 0;
    visibility: hidden;
    content: ".";
    font-size: 0.1em;
}

/*\*/
* html #container {
    height: 1em;
    overflow: visible;
}
/**/