a { 
text-decoration: none; 
color:#0000ff; 
} 

a:hover { 
text-decoration: underline; 
} 

a img {
border:none;
}

div#contents{
width:900px;
background:#fff;
}

div#title{
width:900px;
height:250px;
background-image: url(images/title.jpg)
}

div#title h1{
text-indent: -9999px;

}

div#title img{
width:163px;
height:67px;
margin:145px 20px 0 720px;
}

div#main{
width:580px;
height:640px;
float: left;
}

div#main p{
font-size: 13px;
line-height:1.6;
padding:20px 20px 0 20px;
}

div#main img {
width:550px;
height:550px;
margin:10px 20px;
border:none;
}


div#sub{
width:290px;
height:640px;
float: left;
border-left: 2px dotted #666;
}

div#sub dl{
padding:20px;
}

div#sub dt{
border-left: 10px solid #f60;
font-size: 18px;
color: #f60;
padding:3px;
}

div#sub dd{
font-size: 14px;
line-height:1.6;
padding:5px 20px;
}

div#sub dd li#qr{
list-style-image: url(images/QR.gif);
}

div#sub dd li#touhyou{
list-style-image: url(images/touhyou-QR.gif);
}

#thumbnailbox{
	width:850px;
	height:250px;
}

ul.thumbnail{
clear: both;
width:830px;
height:230px;
background:#ccc;
padding-top: 20px;
padding-left: 23px;
margin-left: 20px;
margin-bottom: 20px;
list-style-type: none;
border-right: 10px solid #ccc;
}

ul.thumbnail li{
width:150px;
height:100px;
float: left;
background:#fcf;
margin-right:15px;
margin-bottom:10px;
}



ul.thumbnail li#th01 a {
display : block ;
width : 150px ;
height : 100px ;
background-repeat : no-repeat ;
background: url(images/01-s.jpg);
}

ul.thumbnail li#th01 a:hover {
background-repeat : no-repeat ;
background: url(images/check.gif);
}

ul.thumbnail li#th02 a {
display : block ;
width : 150px ;
height : 100px ;
background-repeat : no-repeat ;
background: url(images/02-s.jpg);
}

ul.thumbnail li#th02 a:hover {
background-repeat : no-repeat ;
background: url(images/check.gif);
}


ul.thumbnail li#th03 a {
display : block ;
width : 150px ;
height : 100px ;
background-repeat : no-repeat ;
background: url(images/03-s.jpg);
}

ul.thumbnail li#th03 a:hover {
background-repeat : no-repeat ;
background: url(images/check.gif);
}

ul.thumbnail li#th04 a {
display : block ;
width : 150px ;
height : 100px ;
background-repeat : no-repeat ;
background: url(images/04-s.jpg);
}

ul.thumbnail li#th04 a:hover {
background-repeat : no-repeat ;
background: url(images/check.gif);
}

ul.thumbnail li#th05 a {
display : block ;
width : 150px ;
height : 100px ;
background-repeat : no-repeat ;
background: url(images/05-s.jpg);
}

ul.thumbnail li#th05 a:hover {
background-repeat : no-repeat ;
background: url(images/check.gif);
}

ul.thumbnail li#th06 a {
display : block ;
width : 150px ;
height : 100px ;
background-repeat : no-repeat ;
background: url(images/06-s.jpg);
}

ul.thumbnail li#th06 a:hover {
background-repeat : no-repeat ;
background: url(images/check.gif);
}

ul.thumbnail li#th07 a {
display : block ;
width : 150px ;
height : 100px ;
background-repeat : no-repeat ;
background: url(images/07-s.jpg);
}

ul.thumbnail li#th07 a:hover {
background-repeat : no-repeat ;
background: url(images/check.gif);
}

ul.thumbnail li#th08 a {
display : block ;
width : 150px ;
height : 100px ;
background-repeat : no-repeat ;
background: url(images/08-s.jpg);
}

ul.thumbnail li#th08 a:hover {
background-repeat : no-repeat ;
background: url(images/check.gif);
}

ul.thumbnail li#th09 a {
display : block ;
width : 150px ;
height : 100px ;
background-repeat : no-repeat ;
background: url(images/09-s.jpg);
}

ul.thumbnail li#th09 a:hover {
background-repeat : no-repeat ;
background: url(images/check.gif);
}

ul.thumbnail li#th10 a {
display : block ;
width : 150px ;
height : 100px ;
background-repeat : no-repeat ;
background: url(images/10-s.jpg);
}

ul.thumbnail li#th10 a:hover {
background-repeat : no-repeat ;
background: url(images/check.gif);
}