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


body {
	height : 100%;
	margin : 0 auto;
	font-family : serif;
	}

#container {
	margin: 0 auto;
        width : 1000px;
	font-family : serif;
	}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}



/*「あいさつ」の箱*/
p.aisatsu{
	line-height : 25px;
	}


/*「お知らせ」の箱*/
.sep {
	padding : 20px 50px;
	width : 800px;
	border : solid thin #aaaaaa;
	text-align : left;
	}

/*「お知らせ」の各タイトル*/

h1.title{
	font-size: 4ex;
	line-height : 60px;
	text-align : center;
	color : #996633;
	font-weight: bolder
	}

/*トップページ用「お知らせ」の各タイトル*/

h2.title{
	font-size: 3.5ex;
	line-height : 30px;
	text-align : center;
	color : #996633;
	font-weight: bolder
	}

/*トップページの「お知らせ」の本文*/
p.top-oshirase {
	font-size: 2.5ex;
	line-height : 25px;
	font-family : serif;
	}



/*「お知らせ」の本文*/
p.oshirase {
	line-height : 25px;
	font-family : serif;
	}

/*過去の「お知らせ」の本文*/
p.oshirase_kako {
	font-size : 16px;
	line-height : 2.0em;
	font-family : serif;
	}



/*「宗像窯について」の（区切り）*/
.sep2 {
	padding : 20px 10px;
	width : 900px;
	border : none;
	text-align: left;
	line-height : 25px;
	}
/*「宗像窯について」の画像（真ん中）*/
p.image_center {
	text-align: center;
	}

/*「注文」のにしん鉢説明文*/
div.chumon{
	width : 450px;
	line-height : 25px;
	float: right;
	font-family : serif;
}

/*「注文」の画像（左寄せ）*/
p.image_left {
	float: left;
	}


/*[注文]用作品の各タイトル*/

h3.s_title{
	font-size: 2.5ex;
	line-height : 30px;
	//text-align : center;
	//color : #996633;
	font-weight: bolder
	}




/*「アクセス」の画像（右寄せ）*/
p.image_right {
	float: right;
	}

/*「アクセス」の連絡先テキスト用の箱*/
div.text{
	float: right;
	padding : 30px 10px;
	}

/*「アクセス」の連絡先テキスト*/
p.access{
	text-align: left;
	line-height : 25px;
	}



p.title {
	text-align: center;
	font-size : 18px;
   　   line-height : 1.5em;
        text-indent : 3em;
        font-family : serif;
        font-weight : bold;
	}



.sep3 {
	padding : 20px 5px;
	width : 800px;
	}

.header {
        width : 900px;
        height: auto;
	margin: 0 auto;
	text-align: center;
	}

.headmain {
	margin: 0 auto;
	width : auto;
	text-align: center;
        }

.main {
	border : none/*1px solid*/;
	/*width : 900px;*/
	margin: 0 auto;
	}

.footer {
         margin : 10px 0px;
         padding-top : 0px;
         bottom : 0px;
         width : 100%;
	}

.foottxt {
	padding-top : 10px;
	}

td.menu {
	font-size : medium;
	font-family : serif;
	/*font-weight: bolder;*/}


img.left {float : left}

/* 通常のリンク */
a:hover {color : #ee0000}

p.message {
	/*font-size : 15px;*/
	line-height : 2.0em;
 }

p.title {
	font-size : 18px;
   　   line-height : 1.5em;
        text-indent : 3em;
        font-family : serif;
        font-weight : bold;
	}


p.message2 {font-size : 15px;
            line-height : 1.5em;
            font-family : serif}

p.message3 {font-size : 15px;
            line-height : 1.5em;
            font-family : serif;
            padding : 0px 1.5em}


div.sakuhin {font-size : 13px;
             font-family : serif;
             padding-top : 5px;
             text-indent : 4em
}

div.sakuhin2 {font-size : 13px;
             font-family : serif;
             padding-top : 10px;
             width : 250px;
             text-align: left}

div.sakuhin3 {font-size : 13px;
             font-family : serif;
             padding-top : 5px;
             width : 300px;
             text-align: left;}

/* main.html「お知らせ」用のスタイル */
div.sakuhin4 {	
		font-size : 13px;
		font-family : serif;
		text-align: center;
		line-height:150%
}

/* main.html「お知らせ」リンク用のスタイル */
a.title:link { color: #b8860b; } 
a.title:visited { color: #b8860b; }
a.title:hover { color: #b8860b; } 
a.title:active { color: #b8860b; } 

div.sakuhincom {font-size : 13px;
             font-family : serif;
             text-align: center;}

div.noborigama {
	font-size : 14px;
	font-family : serif;
	padding-top : 5px;
	width : 300px;
	text-align: left;
	line-height:130%;
	}


div.bun {font-size : 13px;
             font-family : serif;
             padding-top : 5px;
             }

td.space {
	padding : 50px 0px;
	}

a { 
text-decoration: none; 
}
a:link { color: #7A7D7F; } 
a:visited { color: #7A7D7F; } 
a:hover { color: #CC9900; } 
a:active { color: #CC9900; } 


/*作家紹介のリンクのためのマージン*/
p.hiro{margin-left: 10px;}
p.nori{margin-left: 210px;}
p.ryou{margin-left: 330px;}


/*ギャラリーのためのＣＳＳ部分_0525　http://css-eblog.com/csstechnique/css-remote-rollover.html　より拝借*/
#imgHover {   
    position: relative;   
    margin-top: 50px;   
    width: 710px;   

}   
    #imgHover #imgFrame {   
        border: solid 3px #999;   
        position: absolute;   
        right: 0;   
        top: 0;   
        line-height: 124px;   
        text-align: center;   
        width: 200px !important;   
        width: 206px;   
        height: 124px !important;   
        height: 130px;   
    }   
  
    #imgHover #imgHoverList {   
        list-style: none;   
        position: relative;   
    }   
        #imgHover ul li {   
            float: left;   
            margin-right: 5px;   
        }   
            #imgHover ul li img {   
                border: none;   
            }   
               
            #imgHover ul li a {   
                display: block;   
            }   
               
            #imgHover ul li a:hover {   
                position: static;   
            }   
               
            #imgHover ul li a .mainImage {   
                display: none;   
            }   
               
            #imgHover ul li a:hover .mainImage {   
                display: block;   
                position: absolute;   
                top: 3px;   
                left: 507px !important;   
                left: 83px;   
            }

#imgHover2 {   
    position: relative;   
    margin-top: 5px;   
    width: 710px;   
}


   
    #imgHover2 #imgFrame {   
        border: solid 3px #999;   
        position: absolute;   
        right: 0;   
        top: 0;   
        line-height: 124px;   
        text-align: center;   
        width: 200px !important;   
        width: 206px;   
        height: 124px !important;   
        height: 130px;   
    }   
  
    #imgHover2 #imgHoverList2 {   
        list-style: none;   
        position: relative;   
    }   
        #imgHover2 ul li {   
            float: left;   
            margin-right: 5px;   
        }   
            #imgHover2 ul li img {   
                border: none;   
            }   
               
            #imgHover2 ul li a {   
                display: block;   
            }   
               
            #imgHover2 ul li a:hover {   
                position: static;   
            }   
               
            #imgHover2 ul li a .mainImage {   
                display: none;   
            }   
               
            #imgHover2 ul li a:hover .mainImage {   
                display: block;   
                position: absolute;   
                top: -100px;   
                left: 507px !important;   
                left: 83px;   
            }

#imgHover3 {   
    position: relative;   
    margin-top: 5px;   
    width: 710px;   
}
    #imgHover3 #imgFrame {   
        border: solid 3px #999;   
        position: absolute;   
        right: 0;   
        top: 0;   
        line-height: 124px;   
        text-align: center;   
        width: 200px !important;   
        width: 206px;   
        height: 124px !important;   
        height: 130px;   
    }   
  
    #imgHover3 #imgHoverList3 {   
        list-style: none;   
        position: relative;   
    }   
        #imgHover3 ul li {   
            float: left;   
            margin-right: 5px;   
        }   
            #imgHover3 ul li img {   
                border: none;   
            }   
               
            #imgHover3 ul li a {   
                display: block;   
            }   
               
            #imgHover3 ul li a:hover {   
                position: static;   
            }   
               
            #imgHover3 ul li a .mainImage {   
                display: none;   
            }   
               
            #imgHover3 ul li a:hover .mainImage {   
                display: block;   
                position: absolute;   
                top: -200px;   
                left: 507px !important;   
                left: 83px;   
            }


#imgHover4 {   
    position: relative;   
    margin-top: 5px;   
    width: 710px;   
}
    #imgHover4 #imgFrame {   
        border: solid 3px #999;   
        position: absolute;   
        right: 0;   
        top: 0;   
        line-height: 124px;   
        text-align: center;   
        width: 200px !important;   
        width: 206px;   
        height: 124px !important;   
        height: 130px;   
    }   
  
    #imgHover4 #imgHoverList4 {   
        list-style: none;   
        position: relative;   
    }   
        #imgHover4 ul li {   
            float: left;   
            margin-right: 5px;   
        }   
            #imgHover4 ul li img {   
                border: none;   
            }   
               
            #imgHover4 ul li a {   
                display: block;   
            }   
               
            #imgHover4 ul li a:hover {   
                position: static;   
            }   
               
            #imgHover4 ul li a .mainImage {   
                display: none;   
            }   
               
            #imgHover4 ul li a:hover .mainImage {   
                display: block;   
                position: absolute;   
                top: -310px;   
                left: 507px !important;   
                left: 83px;   
            }

#imgHover5 {   
    position: relative;   
    margin-top: 5px;   
    width: 710px;   
}
    #imgHover5 #imgFrame {   
        border: solid 3px #999;   
        position: absolute;   
        right: 0;   
        top: 0;   
        line-height: 124px;   
        text-align: center;   
        width: 200px !important;   
        width: 206px;   
        height: 124px !important;   
        height: 130px;   
    }   
  
    #imgHover5 #imgHoverList5 {   
        list-style: none;   
        position: relative;   
    }   
        #imgHover5 ul li {   
            float: left;   
            margin-right: 5px;   
        }   
            #imgHover5 ul li img {   
                border: none;   
            }   
               
            #imgHover5 ul li a {   
                display: block;   
            }   
               
            #imgHover5 ul li a:hover {   
                position: static;   
            }   
               
            #imgHover5 ul li a .mainImage {   
                display: none;   
            }   
               
            #imgHover5 ul li a:hover .mainImage {   
                display: block;   
                position: absolute;   
                top: -210px;   
                left: 507px !important;   
                left: 83px;   
            }