/* initialize and formatting */
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "Osaka", "メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Myriad, Helvetica, Arial, sans-serif;
}


body {
	margin: 10px; padding: 0;
	text-align: center;
	background: #e8dec1 url(./image/back.gif) repeat center top;
	background-attachment: normal;
	}
  



a {
 text-decoration: none;
 outline: none;
 }

a:link {
	color: #289f78;
	font-weight: bold;
}

a:visited {
	color: #289f78;
	font-weight: bold;
}

a:active {
	text-decoration: underline;
	color: #afcf3b;
}

a:hover {
	text-decoration: underline;
	color: #f04673;
}

img{
	border: none;
}

a:link img {
    border: none;
}

a:hover img {
    border: none;
	filter:alpha(opacity=80);
	opacity:0.5;
	-moz-opacity:0.5;
}

a:visited img {
    border: none;
}

hr { 
	width: 485px;
	border-top: 2px dotted #cccccc;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	margin: 5px auto 10px auto;
}


#container {
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	border: #000000 solid 0px;
}

/*-- レイアウトヘッダー--*/
#header {
	width: 900px;
	margin: 0 auto;
	height: 120px;
	background: url(image/header.png) repeat-x;
}


#top-bnr {
	width: 900px;
	height: 120px;
	margin: 1px 0 0 0;
	border: #000000 solid 0px;
}

#tbnr-l {
	width: 480px;
	text-align: left;
	float: left;
	border: #000000 solid 0px;
}

#tbnr-l img{
	margin: 33px 0 0 72px;
}



#tbnr-r {
	float: right;
	border: #000000 solid 0px;
}

#tbnr-r a#p-size {
	width: 253px;
	height: 110px;
	margin: 9px 5px 0 0px;
	display: block;
	background: url(image/print-size.png) no-repeat 0% 0%;
	text-indent: -9999px;
}

#tbnr-r a#p-size:hover{
	background: url(image/print-size-ov.png) no-repeat 0% 0%;
}



h1 {
	margin: 0;
	padding: 0;
}


#top-navi {
	width: 900px;
	height: 40px;
	margin: 0px 0 0 0;
    border-top: 3px solid #ffa742;
    border-bottom: 1px solid #cccccc;
	text-indent: -9999px;
}

#top-navi li{
	display: inline;
	float: left;
	height: 40px;
}

#top-navi li a#btn-top{
	width: 180px;
	height: 40px;
	display: block;
	text-align: center;
	background: url(image/menu-top.png) no-repeat 100% 50%;
}

#top-navi li a#btn-top:hover {
	background: url(image/menu-topov.png) no-repeat;
}

#top-navi li a#btn-pop{
	width: 180px;
	height: 40px;
	display: block;
	text-align: center;
	background: url(image/menu-pop.png) no-repeat 100% 50%;
	text-indent: -9999px;
}

#top-navi li a#btn-pop:hover {
	background: url(image/menu-popov.png) no-repeat;
}


#top-navi li a#btn-site{
	width: 180px;
	height: 40px;
	display: block;
	text-align: center;
	background: url(image/menu-about.png) no-repeat 100% 50%;
	text-indent: -9999px;
}

#top-navi li a#btn-site:hover {
	background: url(image/menu-aboutov.png) no-repeat;
}




#top-navi li a#btn-camp{
	width: 180px;
	height: 40px;
	display: block;
	text-align: center;
	background: url(image/menu-cam.png) no-repeat 100% 50%;
	text-indent: -9999px;
}

#top-navi li a#btn-camp:hover {
	background: url(image/menu-camov.png) no-repeat;
}


#top-navi li a#btn-men{
	width: 180px;
	height: 40px;
	display: block;
	text-align: center;
	background: url(image/menu-men.png) no-repeat 100% 50%;
	text-indent: -9999px;
}

#top-navi li a#btn-men:hover {
	background: url(image/menu-menov.png) no-repeat;
}

#top-navi li a#btn2:hover {
	background: url(image/li-aboutov.png) no-repeat;
}

#top-navi li a#btn3:hover {
	background: url(image/li-naviov.png) no-repeat;
}

#top-navi li#left {
	background: none;
}


/*-- レイアウトメイン--*/
#main{
	width: 900px;
	text-align: left;
	margin: 0px auto 0px auto;
	background: #ffffff no-repeat  0% 0%;
    border-top: 0px solid #cccccc;
 }

/*-- レイアウト右--*/
#rightside { 
	float: right;
	text-align: left;
	margin: 0px 0px 30px auto;
	width: 570px;
	background:  #ffffff;
    border: 0px dashed #E6E6E6;
}


.kiji-main {
	width: 570px;
	margin: 5px auto 0 auto;
	padding: 0 0 5px 0;
    border:  0px dashed #E6E6E6;
}

.kiji-main h2 {
	width: 550px;
	font-size: 17px;
	background: url(image/h2bnr.png) no-repeat;
	text-align: left;
 	margin: 20px 0 0 3px;
	height: 65px;
	letter-spacing: 1px;
	color: #46454d;
	padding: 14px 0px 0px 55px;
}


.kiji-main h3 {
	width: 520px;
	height: 23px;
	text-align: left;
	background: url(./image/komidasi.gif) no-repeat;
 	margin: 6px 0 0 18px;
	font-size: 14px;
	color: #5d5642;
	padding: 4px 0px 0px 15px;
	line-height: 21px;
}

.kiji-main p{
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #2d3132;
	margin: 10px 30px 2px 30px;
}

.kiji-main p.data1{
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 1px;
	color: #2d3132;
	margin: 10px 35px 2px 35px;
}


.kiji-main p.img-l {
	font-size: 13px;
	float: left;
	margin: 15px 12px 1px 30px;
	width: auto;
	height: auto;
	border: 0px dotted #cccccc;
}

.kiji-main p.img-l img {
  border: none;
}


.kiji-main p.img-r {
	font-size: 13px;
	float: right;
	margin: 15px 35px 1px 12px;
	width: auto;
	height: auto;
}

.kiji-main p.img-r img {
  border: none;
}

.kiji-main p.fclear {
  clear: both;
  height: 0;
}

.kiji-line {
	text-align: left;
	margin: 10px auto 20px 15px; 
}


.kiji-main span.good {
	font-size: 11px;
	color: #ee3426;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	}
	
	
.text-right {
	font-size: 13px;
	color: #333333;
	margin: 10px 9px 8px 0;
	text-align: right;
	padding: 8px 13px 2px 28px;
	background: url(./image/next-r.gif) no-repeat 0% 50%;	
	float: right;
}

.center-bnr{
	text-align: center;
	margin: 10px auto 10px auto; 
}



/*-- レイアウト左--*/
#leftside { 
    margin: 22px 0 20px 0;
	float: left;
	width: 330px;
	text-align: left;
	background: #ffffff ;
}


/*-- コンテンツ画像 --*/
.left-cont {
	margin: 0px 0px 5px 1px;
	text-align : left;
}


.menu-cont{
	width : 330px;
	margin: 0px 0 0px 8px;
	text-align : left;
	border: #000000 solid 0px;
	text-indent: -9999px;
}

.menu-cont li{
	display: inline;
	float: left;
}

.menu-cont li a#side-print{
	width: 308px;
	height: 50px;
	display: block;
	text-align: center;
	background: url(image/side-print.png) no-repeat 100% 50%;
}

.menu-cont li a#side-print:hover {
	background: url(image/side-printov.png) no-repeat;
}


.menu-cont li a#side-book{
	width: 308px;
	height: 50px;
	display: block;
	text-align: center;
	background: url(image/side-book.png) no-repeat 100% 50%;
}

.menu-cont li a#side-book:hover {
	background: url(image/side-bookov.png) no-repeat;
}

.menu-cont li a#side-post{
	width: 308px;
	height: 50px;
	display: block;
	text-align: center;
	background: url(image/side-post.png) no-repeat 100% 50%;
}

.menu-cont li a#side-post:hover {
	background: url(image/side-postov.png) no-repeat;
}


.menu-cont li a#side-links{
	width: 308px;
	height: 50px;
	display: block;
	text-align: center;
	background: url(image/side-links.png) no-repeat 100% 50%;
}

.menu-cont li a#side-links:hover {
	background: url(image/side-linksov.png) no-repeat;
}


/*-- コンテンツ文字 --*/
.menu-small{
	margin: 0px 0 5px 6px;
	float: left;
	width : 300px;
	text-align : left;
}

.menu-small ul {
	padding: 0;
	margin: 0px 1px 0 15px;
}

.menu-small ul li { 
	list-style: none;
	font-size: 12px;
	line-height: 1.5;
	margin: 3px auto 3px 0;
	color:#4c4c4c;
	letter-spacing: 1px;
	background: url(./image/side-point.gif) no-repeat;

}


.menu-small a {
	display: block;
	padding: 6px 10px 5px 26px;
	border-bottom: 1px solid #cccccc;
}

.menu-small a:hover {
	background: #fcffd7 url(./image/side-point.gif) no-repeat 2% 20%;
	font-weight: bold;
}


.left-image300 {
	margin: 10px 0px 20px 12px;
	width: 300px;
	height: 250px;
	text-align : left;
	display: block;
	border: #000000 solid 0px;
}


/*-- 広告ー --*/
.spns {
	width: 300px;
	color: #2d3132;
	margin: 7px 0px 1px 13px;
	text-align : right;
	font-size: 10px;
	clear: both;
}

.ads-336 {
	margin: 5px 0 30px 30px;
	width: 336px;
	height: 280px;
	text-align : left;
	border: #000000 solid 0px;
}

.ads-300 {
	margin: 8px 0px 20px 12px;
	width: 300px;
	height: 250px;
	text-align : left;
	display: block;
}


.ads-468 {
	margin: 10px 0 10px 0;
	text-align: center;
}

.ads-728 {
	margin: 10px auto 0px auto;
	text-align: center;
	clear: both;
	background: #ffffff;
	height: 30px;
}

/*-- フッター --*/
#footer {
	margin: 1px auto 1px auto;
	clear: both;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #ffffff url(./image/footer.gif) repeat-x 0% 0%;
	height: 50px;
}

.copyright {
	font-size: 12px;
	font-weight: bold;
	margin: 20px auto 20px auto;
	line-height: 1.3;
	text-align: center;
	padding: 0px 0 0px 0; 
	color: #fcffd7;
}

.copyright a:link, .copyright a:visited, .copyright a:active {
	color: #ffffff;
	text-decoration:none; 

}

.copyright a:hover { 
	color: #AFD2DE;
	text-decoration: underline;
}
