/* CSS Document サユラ様 */



body{

 margin:0px;

 background-color:#D5F1FF;

 background-image:url(../img/bg.jpg);

 background-repeat: repeat-x;

 background-position: top;

 text-align:center;

 line-height:140%;

 }

 

p{ margin:0px; }

 

img{ border-style:none; }

 



h1{margin:0px auto;}

h1 span{display:none;}

h2#h2title{margin:0px auto; padding-bottom:8px;}



h3#title-s{margin:8px auto;}



p.topcopy{margin:0px auto 16px auto; text-align:left;}

 



table,td,th { border-collapse: collapse; }



div#head{

 width:800px;

 height:76px;

 background-image:url(../img/header/head.jpg);

 margin:0px auto;}

 

div#head-menu{

 width:800px;

 margin:0px auto;

 }

 

div#head-menu p{float:left;}



/* ナビ */

#navi-h {

  width:800px;

  height:34px ;

  margin:0 auto; padding:0;

  background:url(../img/navitop_bg.gif) repeat-x ;

  clear:both;

  }

#navi-h:after {

  content:".";

  height:0;

  clear:both;

  visibility:hidden;

  display:block;}

  

#navi-h ul {

  width:800px;

  margin:0; padding:0;

  list-style-type:none;

  }

  

#navi-h li {

  height:34px; 

  margin:0; padding:0;

  float:left; 

  }

  

#navi-h li a{

  height:34px; 

  margin:0; padding:0;

  overflow:hidden; display:block ; 

  text-indent:-9999px;

  }

  

#navi-h li a#navi01 {

  width:100px;

  background:url(../img/navi.jpg) 0 0 no-repeat;

  }

#navi-h li a#navi01:hover {

  background-position:0 -34px;

  }

#navi-h li a#navi01-f {

  width:100px;

  background:url(../img/navi.jpg) 0 -34px no-repeat;

  }



#navi-h li a#navi02 {

  width:119px;

  background:url(../img/navi.jpg) -100px 0 no-repeat;

  }

#navi-h li a#navi02:hover {

  background-position:-100px -34px;

  }

#navi-h li a#navi02-f {

  width:119px;

  background:url(../img/navi.jpg) -100px -34px no-repeat;

  }

  

#navi-h li a#navi03 {

  width:191px;

  background:url(../img/navi.jpg) -218px 0 no-repeat;

  }

#navi-h li a#navi03:hover {

  background-position:-218px -34px;

  }

#navi-h li a#navi03-f {

  width:191px;

  background:url(../img/navi.jpg) -218px -34px no-repeat;

  }

  

#navi-h li a#navi04 {

  width:145px;

  background:url(../img/navi.jpg) -409px 0 no-repeat;

  }

#navi-h li a#navi04:hover {

  background-position:-409px -34px;

  }

#navi-h li a#navi04-f {

  width:145px;

  background:url(../img/navi.jpg) -409px -34px no-repeat;

  }

  

#navi-h li a#navi05 {

  width:117px;

  background:url(../img/navi.jpg) -554px 0 no-repeat;

  }

#navi-h li a#navi05:hover {

  background-position:-554px -34px;

  }

#navi-h li a#navi05-f {

  width:117px;

  background:url(../img/navi.jpg) -554px -34px no-repeat;

  }

  

#navi-h li a#navi06 {

  width:129px;

  background:url(../img/navi.jpg) -671px 0 no-repeat;

  }

#navi-h li a#navi06:hover {

  background-position:-671px -34px;

  }

#navi-h li a#navi06-f {

  width:129px;

  background:url(../img/navi.jpg) -671px -34px no-repeat;

  }







 

div#head-shadow{

 width:800px;

 height:10px;

 background-image:url(../img/header/head_shadow.jpg);

 margin:0px auto;

 clear:both;

 }

 

div#main{

 width:800px; 

 background-color:#FFFFFF;

 margin:0px auto;

  background-image:url(../img/navi_bg.gif);



 }

 

div#main-in{

 width:768px;

 margin:0px auto;

 }

 

div#in-left{

 width:604px;

 float:left;

 text-align:left;

 }

 

div#in-right{

 width:148px;

 height:100%;

 float:right;

 text-align:center;

 }



 

div#foot{

 width:800px;

 background-color:#FFFFFF;

 margin:0px auto;

 }

 

div#foot2{

 width:768px;

 background-color:#FFFFFF;

 margin:0px auto;

 }



 

p#foot-link{

 margin:0px auto; padding:0;
 font-size:12px;
 text-align:center;

 }

 

p#copyright{

 margin:0px auto; padding:10px 0;

 text-align:center;

 }

 

div#bg-rose{

 width:100%; 

 height:100%; 

 background-image:url(../img/bg_rose.jpg); 

 background-repeat: no-repeat; 

 background-position:left top;

 text-align:center;

 }



div#up{

 width:800px;

 height:32px; 

 clear:both;

 margin:0px auto;

border-bottom:1px solid #999999;

 }

p.uplink{

 width:768px;

 margin:0px auto 4px auto;

 text-align:right;

 font-size:12px;

 }





p.space{

 clear:both;

 }

 

p.price{

 font-size:80%;

 line-height:150%;

 margin:8px 0px 16px 0px;

 }



div#in-right #navi {

	margin-bottom:10px ; }



div#in-right #navi2 {

	margin-bottom:4px ; }



div#in-right #banner p {

	margin-bottom:4px ; }

	

p.under-link{margin:8px auto 24px auto;}

	

div#ashiato{

width:774px;

padding:8px 0px;

text-align:right;

font-size:x-small;

}





/* ---------------------------------------------------------- */

span.head-coppy{line-height:150%; color:#666666;}

p.product-name{color:#339999; font-weight:bold; margin-bottom:8px;}

p.product-price{line-height:130%; color:#000000; margin-bottom:8px;}



p.text-s{line-height:130%; color:#333333;}



p.mainimg{margin:0px auto;}

/* クリックで拡大メッセージ */
p.zoom-txt{
	text-align:center;
	margin:5px 0 30px 0;
	color:#666;
	font-size:85%}
p.zoom-txt img{
	margin-right:6px;
	vertical-align:middle;
}