@charset "utf-8";
/* CSS Document */

body{
font-family:ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, serif;
font-size:90%;
color:#666;
line-height:120%;
margin: 0px;
padding: 0px;
}

img{border:0px;}

li{list-style-position:inside;}

#wrapper{
width: 900px;
margin-left: auto;
margin-right: auto;
border: 1px none #000;
text-align: left;
padding-top: 0px;
padding-left: 30px;
padding-right: 30px;
margin-top: 15px;
margin-bottom: 15px;
}

#contents, #contentsbox, #contentsbox1, #contentsbox2, #contentsbox3, #contentsbox4, #contentsbox5, #contentsbox6{
clear:both;
height: 400px;
}

#contents{
text-align:center;
overflow:hidden;
}
#contentsbox1{
background-image:url(../pict/wool_big.jpg);
background-repeat: no-repeat;
}
#contentsbox2{
background-image:url(../pict/map.jpg);
background-repeat: no-repeat;
}
#contentsbox3{
background-image:url(../pict/wool.jpg);
background-repeat: no-repeat;
}
#contentsbox4{
background-image:url(../pict/sewing_machine.jpg);
background-repeat: no-repeat;
}
#contentsbox5{
background-image:url(../pict/katzen.jpg);
background-repeat: no-repeat;
}
#contentsbox6{
background-image:url(../pict/errorpict.jpg);
background-repeat: no-repeat;
}

#box0{
width:75px;
float:left;
}
#box{
width:250px;
text-align:left;
float:left;
}

#logo {
margin: 0px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 15px;
padding-left: 20px;
width: 760px;
clear:both;
}

#footer{
margin: 0px;
width: 900px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
clear:both;
}

/*table*/
#slidebox {
width:560px;
height:320px;
overflow:auto;
padding:0 1em;
border:0px solid #000000;
}
td, th {
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
border-bottom: #003 1px solid;
}
#cell{
width:550px;
margin:0px;
border-collapse: collapse;
border-style: solid;
border-width: 0px;
}
#cell-left{
width:20%;
text-align:left;
}
#cell-right{
width:80%;
text-align:left;
}

/*apparel*/
a:link { color: #000066; } 
a:active { color: #003366; } 
a:visited { color: #0000CC; } 
a:hover { color: #0066CC; } 
a {text-decoration: none;}
.red {color: #cc3300;}
.blue {color: #333399;}
.yellowgreen {color: #b8d200;}
.limegreen {color: #a3b26e;}
.shockingpink {color: #FF0099;}
.royalblue {color: #3D4D9C;}
.purple {color: #800080;}

/*slinding panels*/
.SlidingPanels {
position: relative;
height: 200px;
padding: 0px;
border: none;
float: left;
width: 400px;
}
.SlidingPanelsContentGroup {
position: relative;
width: 100%;
margin: 0px;
padding: 0px;
border: none;
float: left;
width: 4000px;
}
.SlidingPanelsContent {
height: 200px;
overflow: hidden;
margin: 0px;
padding: 0px;
border: none;
float: left;
width: 400px;
}
.SlidingPanelsAnimating * {
overflow: hidden !important;
}
.SlidingPanelsCurrentPanel {
}
.SlidingPanelsFocused {
}

.p1 {}
.p2 {background-image:url(../pict/link/l1.gif);}
.p3 {background-image:url(../pict/link/l2.gif);}
.p4 {background-image:url(../pict/link/l3.gif);}
.p5 {background-image:url(../pict/link/l4.gif);}
.p6 {background-image:url(../pict/link/l5.gif);}
.p7 {background-image:url(../pict/link/l6.gif);}
.p8 {background-image:url(../pict/link/l7.gif);}
.p9 {}

/*smoothgallery*/
.content
{
}

.content a
{
color: #fff;
}

.content p.linkage
{
margin-top: 2em;
text-align: right;
font-size: 1.7em;
color: #ddd;
}

.content p.linkage a { color: #fff; }

/*.content p.linkage a
{
color: #fff;
background: url('../images/bg/biglink_off.gif') center right no-repeat;
padding: 10px 20px;
text-decoration: none;
}

.content p.linkage a:hover
{
background: url('../images/bg/biglink_on.gif') center right no-repeat;
font-style: italic;
}*/

#myGallery
{
text-align: left;
margin: 0 auto;

/*highslide*/

.highslide-container table {
background: none;
}
.highslide {
outline: none;
text-decoration: none;
}
.highslide img {
border: 2px solid silver;
}
.highslide:hover img {
border-color: white;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default;
}
.highslide-image {
border-width: 2px;
border-style: solid;
border-color: white;
background: white;
}
.highslide-wrapper, .highslide-outline {
background: white;
}
.glossy-dark {
background: #111;
}

.highslide-image-blur {
}
.highslide-number {
font-weight: bold;
color: white;
font-size: .9em;
}
.highslide-caption {
display: none;
font-size: 1em;
padding: 5px;
/*background: white;*/
}
.highslide-heading {
display: none;
font-weight: bold;
margin: 0.4em;
}
.highslide-dimming {
position: absolute;
background: black;
}
a.highslide-full-expand {
background: url(../pict/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
.highslide-loading {
display: block;
color: black;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: white;
padding-left: 22px;
background-image: url(../pict/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: white;
}
.highslide-move, .highslide-move * {
cursor: move;
}

.highslide-viewport {
display: none;
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
z-index: 1;
background: none;
left: 0;
top: 0;
}
.highslide-overlay {
display: none;
}
.hidden-container {
display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: pointer;
background: url(../pict/graphics/close.png);
/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}