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

body {
	color: #333333;
	background: #FFFFFF;
	height: auto;
}

#container {
  background: transparent;
  width: 680px;
  margin: 0 auto;
}

#header {
  background: #FE9900;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

#navi {
  margin: 0px;
  padding-left: 1px;
  height: 20px;
  background-color: #666666;
}

#navi ul {
  margin: 0;
  padding: 0;
}

#navi ul li {
  margin: 0;
  padding: 0;
  float: left;
}

#navi ul li a {
    display:block;
    width:113px;
    height:20px;
    text-indent:-1000px;
    background-image:url(../img/home.jpg);
    overflow:hidden;
}

a.navi1{
    background-position:0px 0px;
}
a:hover.navi1{
    background-position:0px -20px;
}
a.navi2{
    background-position:-113px 0px;
}
a:hover.navi2{
    background-position:-113px -20px;
}
a.navi3{
    background-position:-225px 0px;
}
a:hover.navi3{
    background-position:-225px -20px;
}
a.navi4{
    background-position:-337px 0px;
}
a:hover.navi4{
    background-position:-337px -20px;
}
a.navi5{
    background-position:-449px 0px;
}
a:hover.navi5{
    background-position:-449px -20px;
}
a.navi6{
    background-position:-561px 0px;
}
a:hover.navi6{
    background-position:-561px -20px;
}

#main {
  padding-left: 220px;
  padding-right: 0px;
  background: tranparent;
  margin-top: 0;
  margin-bottom: 0;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
}

#sidenavi {
  width: 190px;
  left: 0;
  right: auto;
  padding-top: 15px;
  padding-bottom: 0;
  z-index: 1;
  padding-left: 15px;
}

#sidenavi ul {
  margin: 0;
  padding: 0;
}

#sidenavi ul li {
  margin-top: 0px;
  padding-top: 2px;
  list-style-type: none;
  font-size: 11px;
}

#sidenavi a{
    display:block;
    width:180px;
    height:30px;
    text-indent:-100px;
    overflow:hidden;
}

a.navi01{
    background-image:url(../img/ban/kisetu.jpg);
}
a:hover.navi01{
    background-position:0px -30px;
}
a.navi02{
    background-image:url(../img/ban/ippin.jpg);
}
a:hover.navi02{
    background-position:0px -30px;
}
a.navi03{
    background-image:url(../img/ban/yakimono.jpg);
}
a:hover.navi03{
    background-position:0px -30px;
}
a.navi04{
    background-image:url(../img/ban/agemono.jpg);
}
a:hover.navi04{
    background-position:0px -30px;
}
a.navi05{
    background-image:url(../img/ban/niku.jpg);
}
a:hover.navi05{
    background-position:0px -30px;
}
a.navi06{
    background-image:url(../img/ban/sakana.jpg);
}
a:hover.navi06{
    background-position:0px -30px;
}
a.navi07{
    background-image:url(../img/ban/yasai.jpg);
}
a:hover.navi07{
    background-position:0px -30px;
}
a.navi08{
    background-image:url(../img/ban/gohan.jpg);
}
a:hover.navi08{
    background-position:0px -30px;
}
a.navi09{
    background-image:url(../img/ban/teishoku.jpg);
}
a:hover.navi09{
    background-position:0px -30px;
}
a.navi010{
    background-image:url(../img/ban/morning.jpg);
}
a:hover.navi010{
    background-position:0px -30px;
}
a.navi011{
    background-image:url(../img/ban/mugi.jpg);
}
a:hover.navi011{
    background-position:0px -30px;
}
a.navi012{
    background-image:url(../img/ban/imo.jpg);
}
a:hover.navi012{
    background-position:0px -30px;
}
a.navi013{
    background-image:url(../img/ban/sake.jpg);
}
a:hover.navi013{
    background-position:0px -30px;
}
a.navi014{
    background-image:url(../img/ban/beer.jpg);
}
a:hover.navi014{
    background-position:0px -30px;
}
a.navi015{
    background-image:url(../img/ban/sonota.jpg);
}
a:hover.navi015{
    background-position:0px -30px;
}

[id="sidenavi"]#sidenavi {
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  margin-top: 0;
}

.contents {
	background: #FFFFFF;
	margin-top: 0;
	padding-top: 8px;
	padding-right: 15px;
	height: auto;
}

.contents .listbox01 {
	float: right;
	width: 230px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-bottom: 25px;
	height: 200px;
	margin-top: 3px;
	position: relative;
}

.contents .listbox01 dl {
  margin: 0px 0px 0px 0px;
  border-top: 1px solid #C3C3C3;
}

.contents .listbox01 dt{
	line-height: 1.6;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 5px;
	padding-top: 2px;
	padding-left: 5px;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px dotted #C3C3C3;

}

.contents .listbox01 dd {
  margin-left: 5px;
  line-height: 1.5;
  padding-left: 5px;
  font-size: 11px;
}

#thumbslist {
	margin: 0px;
	height: auto;
	width: 420px;
}

#thumbslist li {
	width: 200px;
	padding: 0;
	margin-right: 10px;
	margin-top: 10px;
	height: auto;
}

.thumbnail {
	background: transparent;
	margin-bottom: 4px;
	padding: 0px;
	height: auto;
	width: auto;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

#thumbslist li p {
  margin-top: 0;
  margin-right: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  font-size: 11px;color: #FF0000;
  font-weight: lighter;
  text-align: right;
  line-height: 1.5;
  border-top: 1px solid #C3C3C3;
}

.contents img.box1 {
	float: left;
	margin-bottom: 5px;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 25px;
	position: relative;
}

.contents img.box {
  float: right;
  margin: 0px;
}

.contents img.fig {
  margin-top: 0px;
  margin-bottom: 5px;
}

.contents img.figbox {
  margin-top: 0px;
  margin-bottom: 15px;
  padding-left: 350px;
}

.info {
  width: 450px;
  margin-bottom: 15px;
}

.info th {
  padding: 0px;
  background: #FFE0B3;
  font-size: 11px;
}

.info tr {
  padding:0px;
  font-size: 11px;
}

.info td {
  padding-left: 10px;
  line-height: 1.5;
  font-size: 11px;
}


#listbox02 {
  margin: 0px 0px 0px 0px;
}

#listbox02 dl {
  margin: 0px 0px 0px 0px;
}

#listbox02 dt{
  margin-top: 1px ;
  margin-bottom: 1px;
  margin-left: 10px;
  padding-top: 2px;
  padding-left: 5px;
  font-weight: bold;
  font-size: 11px;
}

#listbox02 dd {
  margin-left: 10px;
  line-height: 1.5;
  padding-left: 12px;
  font-size: 11px;
}

/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox {
  margin:0;
}

#footer {
  background: #FFFFFF url(../img/footer.jpg) no-repeat right top;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 10px;
}