body,html {
font-size: 90% ;
font-weight: normal ;
font-family:'Lucida Grande',
'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3',
Meiryo, ���C���I, sans-serif;
line-height:1.5;
background-image: url("img/bg2.jpg")
}

a{/*リンクされた文字*/
    color:#40712d;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:#40712d;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#3f7bde;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#ff7676;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}


h1 {
	border-bottom: 5px #ffa800 solid;
	padding-bottom: 5px;
	font-size : 1.7em ;
	color : #3e3e3e;
	font-weight: normal;
    }
		span{
		margin-left:20px;
		font-size:80%;
		color: #ccc;
		position: relative;
		}

h2{  
color : #3a3937 ;
    background:#f0d8b9;  
    border-left:7px solid #cd9042;  
    padding:.4em .4em  
}  

.haikei {
width: 100%;
background-image:url(img/garland.gif);
background-repeat:repeat;
}

#wrap {
width:1000px;
margin:0px auto;
position:relative;top:-50px;
display: none;
}

header {
border:none;
}

.logo {
float : left;
margin:10px;
}

.logoyokoadress {
float : left;
position:relative;top:100px;
padding : 5px;}

#slides {
margin:10px;
box-shadow: 3px 3px 3px rgba(0,0,2,0.1);
}

#leftnavi {
clear : both;
float:left;
width:198px;
height:498px;
margin:10px 10px 10px 0px;
padding: 0px;
}

ul {
list-style-type: none;
padding : 8px;
}

li {
padding :10px;
}

.navionlineshop a {
    display: block;
    overflow: hidden;
    height: 25px;
    width: 160px;
    background-image: url(img/navi_onlineshop.gif);
    text-align: center;

}
.navionlineshop a:hover {
    background-image: url(img/navi_onlineshop_on.gif);
}

.naviblog a {
    display: block;
    overflow: hidden;
    height: 25px;
    width: 160px;
    background-image: url(img/navi_blog.gif);
    text-align: center;

}
.naviblog a:hover {
    background-image: url(img/navi_blog_on.gif);
}

.naviartist a {
    display: block;
    overflow: hidden;
    height: 25px;
    width: 160px;
    background-image: url(img/navi_artist.gif);
    text-align: center;

}
.naviartist a:hover {
    background-image: url(img/navi_artist_on.gif);
}

.navievent a {
    display: block;
    overflow: hidden;
    height: 25px;
    width: 160px;
    background-image: url(img/navi_event.gif);
    text-align: center;

}

.navievent a:hover {
    background-image: url(img/navi_event_on.gif);
}
.naviworkshop a {
    display: block;
    overflow: hidden;
    height: 25px;
    width: 160px;
    background-image: url(img/navi_workshop.gif);
    text-align: center;
}

.naviworkshop a:hover {
    background-image: url(img/navi_workshop_on.gif);
}

.naviabout a {
    display: block;
    overflow: hidden;
    height: 25px;
    width: 160px;
    background-image: url(img/navi_about.gif);
    text-align: center;
}

.naviabout a:hover {
    background-image: url(img/navi_about_on.gif);
}

.navifreepaper a {
    display: block;
    overflow: hidden;
    height: 25px;
    width: 160px;
    background-image: url(img/navi_freepaper.gif);
    text-align: center;
}

.navifreepaper a:hover {
    background-image: url(img/navi_freepaper_on.gif);
}

.navimailmagazine a {
    display: block;
    overflow: hidden;
    height: 25px;
    width: 160px;
    background-image: url(img/navi_mailmagazine.gif);
    text-align: center;
}

.navimailmagazine a:hover {
    background-image: url(img/navi_mailmagazine_on.gif);
}

.navicontact a {
    display: block;
    overflow: hidden;
    height: 25px;
    width: 160px;
    background-image: url(img/navi_contact.gif);
    text-align: center;
}

.navicontact a:hover {
    background-image: url(img/navi_contact_on.gif);
}

.navilink a {
    display: block;
    overflow: hidden;
    height: 25px;
    width: 160px;
    background-image: url(img/navi_link.gif);
    text-align: center;
}

.navilink a:hover {
    background-image: url(img/navi_link_on.gif);
}

.twitter-timeline {
float:left;
width:240px;
border:none;
margin:10px 0px 10px 10px;
}



.osirase {
margin : 20px 0px 20px 0px ;
}

.shop {
margin : 20px 0px 150px 0px ;
}

dl,dt,dd {
line-height : 1;
margin : 0px;
padding : 0px;
}


dl {
width : 142px;
border-width : 1px ;
border-style : solid ;
border-color : #999999;
margin-right : 12px;
padding : 5px 5px 10px;
float : left;
}

dt {
font-weight : bold;
text-align : center ;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #999999;
padding-bottom : 3px ;
}

dt img {
margin-bottom : 10px;
display : block;
}

dd.text1 {
font-size : 90%;
font-weight : bold;
text-align : center;
border-bottom-width : 1px;
border-bottom-style : dotted ;
border-bottom-color : #999999;
margin-bottom : 10px;
padding-top : 4px;
padding-bottom : 3px;
}

dd.text2 {
font-size : 80%;
line-height : 1.6;
padding-left : 10px;
padding-right : 10px;
height : 4.8em;
}

.calender {
clear:both;
margin: 150px 0px 30px 0px;
}

.calenderillust {
margin: 0 auto;
width : 380px;
}

.calendertitle {
text-align : center;
}

.contents {
background-color: #ffffff;
float:left;
width:538px;
height : 100% ;
border-radius: 8px;
margin:10px 0px 10px 0px;
}

.contents1 {
width:500px;
margin: 0 auto;  
}

.map {
text-align : center ;
}

.twitter-timeline {
height : 680px;
}

#facebook {
float : right;
}
footer {
color : #574735 ;
clear:both;
text-align : center ;
}

small {
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

#doorwrap {
width:1000px;
margin:0px auto;}

#imagerandom {
border-radius: 8px;
margin:0px auto;
text-align : center ;
width: 640px;
height: 480px;
}

#imagerandom img {
border-radius: 10px;
}

#pagewrap {
width:1000px;
margin:0px auto;
position:relative;top:0px; left:-8px;
}


#pagenavi {
clear:both;
float:left;
width:198px;
height:498px;
border:dashed 1px #999;
margin:10px 10px 10px 0px;
padding: 0px;
}

#pagecontents {
float : right ;
background-color: #ffffff;
float:left;
width:782px;
height:498px;
border-radius: 8px;
margin:10px 0px 10px 0px;
}

.pagecontents1 {
width:710px;
margin:10px;
}









p.about {
background-color : #dedede ;
padding : 3px ;
width : 40% ;
border-radius: 6px;
}

.pagecontents {
background-color: #ffffff;
float:left;
width:750px;
border-radius: 8px;
margin:10px 0px 10px 0px;
}






dl,dt,dd {
line-height : 1;
margin : 0px;
padding : 0px;
}