/* CSS Document */
.all {
width:812px;
margin:0;
padding:0;
}
p {
margin:0 0 5px 0;
padding:0;
line-height:135%;
color:#333333;
font-size:0.85em;
}
a {
color:#2686F0;
text-decoration:none;
outline:none;
}
a:hover {
color:#FF9900;
text-decoration:none;
outline:none;
}

#cont{
height:auto;
width:812px;
margin:0;
padding:0;
background:url(../img/pub/shadow2.gif) repeat-y;
}
h1#maincont {
height:110px;
width:812px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/pub/cover.jpg) no-repeat 0 0;
display:block;
}
h1#maincont a {
height:110px;
width:812px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/pub/cover.jpg) no-repeat 0 0;
display:block;
}


.body{
height:auto;
width:800px;
margin:0;
padding:0 0 0 6px;
    overflow: hidden;
}

.body:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .body {
    height: 1em;
    overflow: visible;
}
/**/
/*left*/
.left{
float:left;
width:560px;
margin:0;
padding:0 0 0 15px;
}
/*right*/
.right{
float:right;
width:182px;
margin:0;
padding:0 15px 0 0;
}

ul.s-list {
clear:both;
width:180px;
margin:0;
padding:10px 0;
list-style:none;
}
ul.s-list li {
clear:both;
width:176px;
height:69px;
margin:0 0 7px 0;
padding:0;
text-indent:-9999em;
display:block;
}
ul.s-list li a {
width:176px;
height:69px;
margin:0;
padding:0;
text-indent:-9999em;
display:block;
}
ul.s-list li a:hover {
width:176px;
height:69px;
margin:0;
padding:0;
text-indent:-9999em;
display:block;
}
ul.s-list li#s-about2 {
background:url(../img/pub/s-yasailist.jpg) no-repeat 0 0;
}
ul.s-list li#s-about2 a {
background:url(../img/pub/s-yasailist.jpg) no-repeat 0 0;
}
ul.s-list li#s-about2 a:hover {
background:url(../img/pub/s-yasailist.jpg) no-repeat -181px 0;
}
ul.s-list li#s-yuki2 {
background:url(../img/pub/s-yasailist.jpg) no-repeat 0 -75px;
}
ul.s-list li#s-yuki2 a {
background:url(../img/pub/s-yasailist.jpg) no-repeat 0 -75px;
}
ul.s-list li#s-yuki2 a:hover {
background:url(../img/pub/s-yasailist.jpg) no-repeat -181px -75px;
}
ul.s-list li#s-sawaiwave2 {
background:url(../img/pub/s-yasailist.jpg) no-repeat 0 -150px;
}
ul.s-list li#s-sawaiwave2 a {
background:url(../img/pub/s-yasailist.jpg) no-repeat 0 -150px;
}
ul.s-list li#s-sawaiwave2 a:hover {
background:url(../img/pub/s-yasailist.jpg) no-repeat -181px -150px;
}


p#s-yasai {
width:181px;
height:173px;
margin:0 0 20px 0;
padding:0;
text-indent:-9999em;
background:url(../img/pub/s-yasai.jpg) no-repeat top left;
display:block; 
}
p#s-yasai a {
width:181px;
height:173px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/pub/s-yasai.jpg) no-repeat top left;
display:block; 
}
p#s-yasai a:hover {
width:181px;
height:173px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/pub/s-yasai.jpg) no-repeat top right;
display:block; 
}

p#s-blog {
width:180px;
height:85px;
margin:0 0 20px 0;
padding:0;
text-indent:-9999em;
background:url(../img/index/s-blog.jpg) no-repeat top left;
display:block; 
}
p#s-blog a {
width:180px;
height:85px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/index/s-blog.jpg) no-repeat top left;
display:block; 
}
p#s-blog a:hover {
width:180px;
height:85px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/index/s-blog.jpg) no-repeat bottom left;
display:block; 
}

#hanbai{
background-image:url(../img/index/s-hanbai.jpg);
background-repeat:no-repeat;
background-position:0 0;
width:180px;
height:181px;
margin:10px 0 0 0;
padding:0;
}
#hanbai a{
background-image:url(../img/index/s-hanbai.jpg);
background-repeat:no-repeat;
background-position:0 0;
width:180px;
height:181px;
outline:none;
display:block;
text-indent:-9999em;
}
#hanbai a:hover{
background-image:url(../img/index/s-hanbai.jpg);
background-repeat:no-repeat;
background-position:-220px 0;
text-decoration:none;
outline:none;
}

ul.s-list2 {
width:180px;
margin:0 0 20px 0;
padding:0;
list-style:none;
}
ul.s-list2 li {
width:175px;
margin:0 0 3px 0;
padding:0;
text-indent:15px;
background:#e9e9e9;
line-height:150%;
font-size:0.75em;
background:#e9e9e9;
display:block;
}
ul.s-list2 li a {
width:165px;
padding:5px;
background:url(../img/index/s-list.jpg) no-repeat 6px 6px;
display:block;
}


/*end*/
p.black{
clear:both;
background:url(../img/pub/shadow3.gif) no-repeat 0 0;
width:812px;
height:20px;
margin:50px 0 0 0;
text-indent:-9999em;
}
.undermenu {
width:812px;
margin:0;
    overflow: hidden;
}

.undermenu:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .undermenu {
    height: 1em;
    overflow: visible;
}
/**/
.undermenu ul {
clear:both;
margin:0;
padding:0;
list-style:none;
}
.undermenu li {
margin:0;
padding:0;
font-size:0.7em;
display:block;
} 
.undermenu li a {
margin:0;
padding:0;
color:#666666;
text-decoration:none;
display:block;
} 
.undermenu li a:hover {
margin:0;
padding:0;
color:#FF9900;
text-decoration:none;
display:block;
} 
li.u-con {
clear:both;
position:relative;
float:right;
margin:0;
padding:0;
background:url(../img/pub/f-contact.gif) no-repeat 0 0;
display:block;
}
li.u-con a {
margin:0;
padding:8px 10px 6px 25px;
display:block;
}
li.u-con a:hover {
margin:0;
padding:8px 10px 6px 25px;
display:block;
}
li.u-com {
float:right;
margin:0 10px 0 0;
padding:0;
background:url(../img/pub/f-gaiyo.gif) no-repeat 0 0;
display:block;
}
li.u-com a {
margin:0;
padding:8px 0 6px 22px;
display:block;
}
li.u-com a:hover {
margin:0;
padding:8px 0 6px 22px;
display:block;
}


/* pageup
------------------ */
.pageup {
clear:both;
width:533px;
margin:0;
padding:40px 0 0 0;
text-align:right;
font-size:0.75em;
color:#660000;
}
.pageup a {
color:#660000;
text-decoration:none;
}
.pageup a:hover {
color:#cc3300;
}


/* パンくず
----------------------------- */
p.pan {
clear:both;
margin:0 0 2px 20px;
padding:0;
font-size:10px;
color:#666666;
}
p.pan a {
margin:0;
padding:0;
font-size:10px;
color:#666666;
}
p.pan a:hover {
margin:0;
padding:0;
font-size:10px;
color:#FF9900;
}


/*QR
----------------------------- */
.qrbox {
margin:20px 0 0 0;
padding:10px 10px 5px 10px;
border:#FF0066 3px solid;
}
.qrbox h4 {
width:156px;
height:31px;
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
background:url(../img/pub/a-mail.jpg) no-repeat 0 0;
}
.qrbox p {
font-size:12px;
}
p.mail-btn {
width:150px;
height:30px;
margin:0 auto 10px auto;
padding:0;
text-indent:-9999em;
background:url(../img/pub/a-mail-btn.jpg) no-repeat top left;
display:block;
}
p.mail-btn a {
width:150px;
height:30px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/pub/a-mail-btn.jpg) no-repeat top left;
display:block;
}
p.mail-btn a:hover {
width:150px;
height:30px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/pub/a-mail-btn.jpg) no-repeat bottom left;
display:block;
}
.qrbox h5 {
margin:0 0 5px 0;
padding:0;
line-height:150%;
color:#333333;
font-size:0.85em;
}
