@charset 'UTF8';

body { margin: 0; color: #333; font-size: 12px; line-height: 22px; font-family: "メイリオ","MS ゴシック","ヒラギノ角ゴシック", sans-serif; background: #2E1906  url('img/background.jpg') repeat-x;}
td { padding:0; vertical-align: top;}
div,p,ul { padding: 0px; margin: 0px;}
img { border: 0px;}
a { display: inline; text-decoration: none;}
div#credit { text-align: center; padding: 10px 0 18px 0; color: gold;}

div#top { position: relative; margin: 20px auto; width: 878px; padding: 5px 15px; color: rgba(54, 45, 24, 1.0000); font-size: 17px; line-height: 25px; box-shadow: 3px 3px 7px 0 #222; text-shadow: 3px 3px 7px #333; background: ivory url('img/head.jpg'); font-family: MS 明朝; font-weight: bold;}
div#top a { color: saddlebrown;}
div#top a:hover { color: #990000;}

h1 { display: inline; font-size: 17px; color: saddlebrown; padding: 0 0 0 55px; margin: 0; font-weight: bold;}
h1 span { font-size: 13px; font-weight: normal; padding: 10px;}
h2 { position: absolute; top: 7px; right: 15px; font-size: 14px; font-weight: bold; padding: 0; margin: 0;}

div#nav { margin: 0 auto; width: 900px; box-shadow: 3px 3px 7px 0 #222;}
div#bottom {height: 25px; background: darkgoldenrod;}

div#leftside { float: left; width: 250px; background: rgba(0, 0, 0, 0.3); height: 330px; box-shadow: 3px 3px 5px #aaa;}
div#rightside { float: right; width: 650px;  height: 330px;  margin-bottom: 20px;}
div#photo { width:650px; height: 330px; background: #372f28;}
div#photo img { width:650px; height: 330px; }

div#main { background: ivory  url('img/back.jpg');}

ul#toplink { list-style: none;}
ul#toplink li { float: left; width: 179px; border-right: #d5ceab 1px solid; border-bottom: 1px solid #d5ceab;}
ul#toplink li img { width: 179px; height: 91px; margin-top: 4px;}
ul#toplink a { display: block; background: #ede3c4; padding: 5px 0 8px 0; color: #5a4d41; font-size: 14px; text-align: center;}
ul#toplink a:hover { color: #993300; background: gold;}

div#leftarea { float: left; width: 250px;}
div#leftarea a { display: inline; padding: 0; background: transparent;}
div#leftarea a:hover { background: transparent;}

div#sidelink { border-bottom: 1px solid #d5ceab;}
div#sidelink a { display: block; padding: 12px 0 10px 15px; color: #5a4d41; font-size: 15px; background: #ede3c4; text-align: left;}
div#sidelink a:hover { color: saddlebrown; background: ivory;}

div#sidelink1 { border-bottom: 1px solid #d5ceab;}
div#sidelink1 a { display: block; padding: 12px 0 10px 15px; color: #5a4d41; font-size: 15px; background: #ede3c4; text-align: left;}
div#sidelink1 a:hover { color: saddlebrown; background: ivory;}

div#rightarea { float: right; width: 650px;}
p#title { padding: 30px 30px 20px 45px; font-size: 17px; color: saddlebrown; text-shadow: 3px 3px 5px #aaa;}
p#subtitle { margin: 10px 20px; padding: 5px 25px; font-size: 15px; color: ivory; background: #94762C;}
p#txt1 { padding: 0 40px 0 30px; font-size: 14px;}

p#news{ margin: 35px 40px 18px 30px; padding: 5px 18px; font-size: 15px; color: #775742; background: #EEE7C1 url('img/head.jpg'); box-shadow: 2px 2px 3px #bbb;}
p#caption { padding: 0 40px 0 40px; font-size: 14px;}
ul#news { margin: 0 20px; padding: 10px 35px 40px 35px;}
ul#news li { margin: 0 0 5px 0; padding: 0 0 5px 0; font-size: 14px; border-bottom: 1px solid #E6DFBA;}
ul#news li span { color: darkred; padding-right: 40px;}

p#menu { margin: 0 20px; padding: 5px 30px; color: saddlebrown; font-size: 15px; background: gold;}

div#menu { padding: 10px; margin: 8px 25px; border-bottom: 1px solid grey;}
div#menu p#goods { font-size: 15px; color: crimson; padding: 0;}
div#menu p#price { font-size: 13px; color: coral; padding: 0 0 10px 0;}
div#menu span { font-size: 13px;}
div#menu img { float: right; width: 120px; height: 87px; margin: 0 0 5px 20px;}

ul#picture { list-style: none; margin: 25px; padding-bottom: 20px;}
ul#picture li { float: left; border: none; margin-right: 20px;}
ul#picture li a { display: inline; padding: 0; background: none;}
ul#picture li a:hover { background: none;}
ul#picture li img { border: 1px solid grey; padding: 2px; background: white;}

div#map { float: right; margin: 0 20px 10px 20px;}
div#map a { display: inline; background: none;}
div#map a:hover { background: none;}
/*---CSS3---*/

.mask { overflow: hidden;}

/*--radius gradient--*/

.radius4 {
	border-radius: 4px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	overflow: hidden;
	}
.radius8 {
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	overflow: hidden;
	}

.gradient1 {
background: -webkit-linear-gradient(270deg,gold 0%, darkgoldenrod 100%);
background: -moz-linear-gradient(270deg,gold 0%, darkgoldenrod 100%);
background: -ms-linear-gradient(270deg,gold 0%, darkgoldenrod 100%);
background: -o-linear-gradient(270deg,gold 0%, darkgoldenrod 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='gold', endColorstr='darkgoldenrod'); 
}


.gradient2 {
background: -webkit-linear-gradient(-30deg,#990 0%, #c36 30%, #f60 55%, black 75%, #066 100%);
background: -moz-linear-gradient(-30deg,#990 0%, #c36 30%, #f60 55%, black 75%, #066 100%);
background: -ms-linear-gradient(-30deg,#990 0%, #c36 30%, #f60 55%, black 75%, #066 100%);
background: -o-linear-gradient(-30deg,#990 0%, #c36 30%, #f60 55%, black 75%, #066 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#990', endColorstr='#066'); 
}


/*-----javascript------*/
	 div.wrap {
	    width:650px;
	    height: 330px;
	    background-color:#ffffff;
	}
         div.wrap.three {
            width:650px;
            height:330px;
            border:none;
            margin:0;
            padding:0;
         }
         /* example3 */
         div.example3_container a.slider_prev,
         div.example3_container a.slider_next {
            color: #cccccc;
            margin-top: 0px;
         }
         ul#example3 {
            list-style: none;
            margin:0; padding:0;
         }
         ul#example3 li {
            list-style: none;
            margin:0; padding:0;
         }
         ul#example3 li img {
         	border: none;
			height: 330px; /*google chrome用*/
         }