@charset "UTF-8";

/* ========BASIC======== */
* {
    font-family:"MS P ゴシック",sans-serif;
   color:#666;
}

body {
   background:url(images/vc_mid_2.gif) center 0;
   text-align:center;
   letter-spacing:1px;
   line-height:1.0;
   padding:0;
   margin:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
   padding:0;
   font-weight:normal;
   font-size:14px;
}

p {
   margin:0 0 1em 0;
   padding:0;
   font-size:14px;
}

br {
   letter-spacing:normal;
}

img {
   border:0;
}
a {
   color:#000000;
   text-decoration:none;
}

a:hover {
   color:#000000;
  
}

strong{
   color:#cc33cc;
   font-weight:bold;
   font-size:16px;
   
}

em{
   color:#000000;
   font-style:normal;
   font-weight:bold;
   font-size:14px;
   text-decoration:none;
   
}

dl,ol,ul {
   margin:0 0 1em 0;
   padding:0;
   font-size:14px;
}

li {
   margin:0 0 0 40px;
   padding:0;
}

.clear{
	clear:both;
}

/* ========TEMPLATE WIREFRAME======== */
div#wrapper {
  text-align: left;
  width: 900px;
  margin: 0 auto;
  
}

div#header {
   width: 844px;
  margin-top:0;
  margin-left:28px;
  height:150px;
  padding:0px;
  background:url(images/top.gif);
  border-bottom:1px solid #fee8f0;
  
}

div#billboard {
   width:844px;
   height:00px;
 margin: 0 28px;
   padding:0px;
   
}

div#contents {
   width:810px;
   clear:both;
  padding: 0px 44px;
   line-height:1.6;
}


div#menu {
   float:left;
   width:844px;
   margin: 0px 28px;
   background-color:#d15858;
}


div#totop {
   clear:both;
}



div#footer {
  width: 810px;
  margin: 30px auto 10px auto;
  padding: 2em 0 0.5em;
  color:#000;
  line-height:2.0;
}


/* ========HEADER CUSTOMIZE======== */
div#header h1{
   padding:10px 50px 20px 0px;
   margin:0px 20px;
   font-weight:bold;
   font-size:16px;
   color:#fff;
}

.logo {
  font-size:12px;
  padding: 0 0 5px 0;
}

.logo a {
  color: #fff;
  text-decoration: none;
}

.logo a:hover {
  color: #fff;
  text-decoration: none;
}


div#header h2{
   margin:20px 0px 0px 0px;
   padding:0 0 0px 0px;
   font-size:11px;
   color:#fff;
}

.description {
  bottom: 5px;
  color: #fff;
  font-size:11px;
  font-weight:bold;
  padding: 80px 0 0 250px;
}

/* ========MENU CUSTOMIZE======== */
div#menu ul {
   list-style:none;
   margin:0;
   padding:0 0 0 40px;
   font-size:12px;
}
div#menu li {
   float:left;
   margin:0;
   padding:0;
}
div#menu li a {
   display:block;
   padding:8px 20px;
   color:#fff;
}

div#menu li a:hover {
   color:#fff;
   background-color:#ff6666;
   border:none;
}

div#menu .on {
   background-color:#ff6666;
   color:#fff;
}


/* ========CONTENTS CUSTOMIZE======== */
div#contents h2 {
   color:#000000;
   font-weight:bold;
   font-size:20px;
   margin:10px 0 0px 10px;
   padding:5px 0 10px 10px;
   line-height:1.6;
   
}

div#contents h3 {
   color:#000000;
   font-weight:bold;
   font-size:16px;
   margin:30px 10px 20px 20px;
   padding:4px 0 2px 35px;
   line-height:1.4;
   background:url(images/sakura-s2.gif) no-repeat ;
   
}

div#contents p{
   margin:15px 40px 25px 40px;
   line-height:1.8;
}



div#cart {
   width:844px;
   padding: 20px 34px;
   line-height:1.6;
  
}




div.iframe{
    margin:0px 10px 15px 40px;
}


   
/* Polaroid style photo */
div.pola {
   float:right;
   margin-left:10px;
   padding-bottom:16px;
}

div.pola img{
   padding:10px;

}

div.pola p{
   margin:0;
   padding:0 10px 10px 10px;
   font-size:13px;
   line-height:1.4;

}

div.pola1 {
   float:left;
   margin:0px 0px 0px 20px;
   padding-bottom:16px;
   
}

div.pola1 img{
   padding:10px;

}

div.pola1 p{
   margin:0;
   padding:0px 10px 10px 0px;
   font-size:13px;
   line-height:1.4;

}

div.pola1 a {
   color:#000000;
   text-decoration:none;
}

div.pola1 a:hover {
   color:#000000;
   border-bottom:0px solid #92C45B;
}

div.order {
   text-align:center;
   height:60px;
}

div.order a {
   color:#44780b;
   text-decoration:none;
}

div.order a:hover {
   color:#44780b;
}




div.center {
   margin-left:12px;
   height:220px;
}



div.example{
   margin-left:30px;
}


div.example2{
   padding:0 10px 10px 10px;
   margin:10px 60px;
   background:#e4fce2;
}

div.example3{
   padding:10px 10px 10px 10px;
   margin:10px 60px;
   background:#fdf9d9;
   font-size:11px;
}

.table1{
    border-bottom:1px solid #000000;
}

.td1{
    font-size:11px;
    width:150px;
    text-align:left;
    font-weight:bold;
    padding-top:5px;
}

.td2{
    font-size:11px;
    width:150px;
    text-align:right;
    vertical-align:top;
    font-weight:bold;
}

.td3{
    font-size:11px;
    width:485px;
    text-align:left;
    padding-left:10px;
    padding-bottom:5px;
}


div.ps{
   padding:10px 10px 10px 10px;
   margin:10px 40px;
   font-size:13px;
   font-weight:bold;
   line-height:1.8;
}


.style1 {
	color: #FF0000;
	font: bold;
}

/* ========TOTOP CUSTOMIZE========= */
div.totop {
   padding:10px 20px;
   margin-top:10px;
   text-align:right;
   font-size:13px;
}

div.totop a{
   padding:0 0 0 15px;
   background: url(images/bg_totop.gif) no-repeat center left;

}

div.totop a:hover {
   border-bottom:1px solid #000000;
}




/* ========FOOTER CUSTOMIZE======== */
div#footer{
   text-align:center;
   font-size:10px;
   padding:10px 37px;
   
}