@charset "Shift_JIS";



body{
	font-family: メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Myriad Pro,Verdana,Arial, sans-serif;
color: #000000;
text-align: center;
margin: 0;
padding: 0;
background: transparent;
background-size: auto auto;
background-origin: padding-box;
background-clip: border-box;
}

img{
	border: 0;
}

a:link,a:visited{
	color : #bf3f00;
text-decoration: none;
}

a:hover,a:active{
	color : #db4700;
text-decoration: underline;
}

hr{
	visibility: hidden;
clear: both;
margin: 0;
padding: 0;
}

.Clear{
	clear: both;
}

.Bold{
	font-weight: bold;
}

.clearfix::after{
	content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{
	min-height: 1%;
display: block;
}

* html .clearfix{
	height: 1%;
}

#Wrapper{
	width: 960px;
margin-left: auto;
margin-right: auto;
}


.float-R{
	float: right;
}

.float-L{
	float: left;
}

.txt-c{
	text-align: center;
}

.txt-r{
	text-align: right;
}

.txt-l{
	text-align: left;
}

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

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

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

.indent1{
	padding-left: 1em;
}

.indent2{
	padding-left: 2em;
}

.ind-1{
	text-indent: 1em;
}

#GroBtn{
	height : 36px;
margin: 0px 0px auto;
padding: 0;
clear: both;
}

#GroBtn li{
	float: left;
vertical-align: bottom;
display: inline;
overflow: hidden;
margin: 0px;
padding: 0px;
font-size : 14px;
 }

#GroBtn li a{
	height : 36px;
display : block;
margin: 0px;
padding: 0px;
width : 120px;
line-height : 36px;
background-color : rgba(128,111,98,0.65);
color : #ffffff;
text-shadow: 1px 1px 1px #342015;
text-align : center;
text-decoration: none;
}

#GroBtn li a:hover{
	height : 36px;
display : block;
margin: 0px;
padding: 0px;
width : 120px;
line-height : 36px;
background-color : rgba(128,111,98,0.8);
color : #ffffff;
text-shadow: 1px 1px 1px #342015;
text-align : center;
text-decoration: none;
}

#GroBtn li a#hv{
	background-color : rgba(128,111,98,0.9);
}
#Head1{
	width: 960px;
height : 512px;
text-align : center;
margin-left: auto;
margin-right: auto;
background: url(../img_top/main.jpg) 0px 1px no-repeat;
   }#Head{
	width: 960px;
height : 560px;
text-align : center;
margin-left: auto;
margin-right: auto;
   margin-top : 15px;
}
#Header2{
	width: 960px;
height : 90px;
text-align : center;
margin-left: auto;
margin-right: auto;
background : transparent;
}

#logo{
	float : left;
margin-left: 0px;
padding-top : 12px;
padding-bottom : 12px;
margin-top: 0px;
margin-bottom: 0px;
 padding-right : 10px;
}

table{
	border-collapse: collapse;
empty-cells: show;
}

h1,h2,h3,h4,h5,h6,p,form{
	margin: 0;
padding: 0;
}

li,ul{
	list-style: none;
margin: 0;
padding: 0;
}

#Foot{
	margin-left: auto;
margin-right: auto;
width: 960px;
 padding-top : 6px;
}

#Copy{
	font-size: 10px;
line-height: 16px;
color: #484848;
padding-top: 8px;
padding-bottom: 12px;
}


#Foot li{
	font-size: 12px;
padding-left: 1em;
padding-right: 1em;
border-left-width: 1px;
border-left-style: solid;
border-left-color: gray;
float: left;
}

#Foot ul{
	border-right-width: 1px;
border-right-style: solid;
border-right-color: gray;
float: right;
}

#Foot li a{
	color : #000000;
text-decoration: none;
}
#Foot li a:hover{
	color : #999999;
text-decoration: none;
}



#Box4 li a,#Box4 li a:hover{
	display: block;
font-size : 18px;
line-height: 20px;
padding-top : 141px;
padding-bottom : 25px;
text-decoration: none;
text-align : center;
color : white;
text-shadow: 1px 1px 1px #000000;
}

#Box4 li{
	float: left;
}

#Box4{
	margin-top: 0px;
text-align: left;
}

#Box4 li a#b1{
	width: 239px;
background : url(../img_top/1a.jpg) no-repeat transparent;background-position : 0px 0px;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
}

#Box4 li a#b2{
	width: 238px;
background : url(../img_top/2a.jpg) no-repeat transparent;background-position : 0px 0px;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
 margin-left : 2px;
}

#Box4 li a#b3{
	width: 238px;
background : url(../img_top/3a.jpg) no-repeat transparent;background-position : 0px 0px;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
 margin-left : 2px;
}

#Box4 li a#b4{
	width: 239px;
background : url(../img_top/4a.jpg) no-repeat transparent;background-position : 0px 0px;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
 margin-left : 2px;
}

#Box4 li a:hover#b1{
	width: 239px;
background : url(../img_top/1b.jpg) no-repeat transparent;background-position : 0px 0px;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
}

#Box4 li a:hover#b2{
	width: 238px;
background : url(../img_top/2b.jpg) no-repeat transparent;background-position : 0px 0px;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
 margin-left : 2px;
}

#Box4 li a:hover#b3{
	width: 238px;
background : url(../img_top/3b.jpg) no-repeat transparent;background-position : 0px 0px;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
 margin-left : 2px;
}

#Box4 li a:hover#b4{
	width: 239px;
background : url(../img_top/4b.jpg) no-repeat transparent;background-position : 0px 0px;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
 margin-left : 2px;
}





#Sn_Vege{
 margin-left : auto;
 margin-right : auto;
 width : 918px;
 height : 129px;
 padding-bottom : 20px;
 margin-top : 20px;
}

#Sn_Vege li{
 float : left;
}

#Pankuzu{
 font-size : 12px;
 line-height : 18px;
 text-align : left;
 padding-left : 20px;
 padding-top : 20px;
 padding-bottom : 60px;
}

#Pankuzu div{
 width : 25%;
 float : left;
}

#Pankuzu li{
 font-weight : bold;
 padding-top : 15px;
}

#Pankuzu li li{
 font-weight : normal;padding : 0px;
}

#Header2 h1{
 font-size : 12px;
}

.totop{
 font-size : 12px;
 line-height : 16px;
 text-align : right;
 padding-left : 20em;
 padding-right : 20px;
}

#Head1 p{
 font-size : 22px;
 line-height : 36px;padding : 45px;
 color : #ffffff;
 text-shadow: 1px 1px 1px #000000;
}
#Head1 h2 img{
   text-align : center;
   margin-left : auto;
   margin-right : auto;
}

#Header2 p a{
    background : linear-gradient(transparent 60%, #ccff62 60%) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
    color : #000000;
    text-decoration: none;
    padding-bottom: 0px;
   font-size : 12px;
   line-height : 24px;
   padding-top : 12px;
   float : right;
   display : block;
   padding-left : 5px;
   padding-right : 5px;
}
#Header2 p a:hover{
    background : linear-gradient(transparent 60%, #ffff00 60%) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
    color : #000000;
    text-decoration: none;
    padding-bottom: 0px;
   font-size : 12px;
   line-height : 24px;
   padding-top : 12px;
   float : right;
   display : block;
   }
}

#Header2 p a{
   text-decoration : none;
}