/* mycss.css */

html{
    height: 100%;
}

body {
    height: 150%;
    font-family: Verdana, Arial;
    font-size: 14px;
}

body>#container {
    height: auto;
}


#container {
    min-height: 100%;
    height: 100%;
    width: 800px;
    margin: 0 auto;
    padding: 0 10px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);

}

#header {
    margin-height: 15px;
    padding: 10px 0 20px;
    overflow: hidden;
    border-top: #FF9900 6px solid;
}

#logo {
    float: left;
}

#hnavi {
   float: right;
   margin-right: 20px;
   font-weight: bold;
}

#menu {
    margin-bottom: 15px;
    overflow: hidden;
}

#main {
     overflow: hidden;
     margin-bottom: 15px;
}

#contents {
    float: left;
    width: 600px;
}

#sidebar {
    float: right;
    width: 180px;
}

#footer {
     font-size: 12px;
     color: #ccc;
     text-align: center; 
     border-top: 1px solid #ccc;
     padding: 10px 0 20px;
}

#menu ul>li {
     float: left;
     width: 105px;
     font-size: 12px;
     text-align: center;
     padding: 3px;
     background: #ccc;
     margin-right: 10px;
     border-radius: 4px;
     text-shadow: 0 1px 0 #fff;
}

#menu ul>li:hover{
     background: #ddd;
}

#menu ul>li>a {
     text-decoration: none;
     display: block;
}

h2, h3 {
  font-weight: bold;
}     

h2 {
     font-size: 16px;
     border-left: 5px solid #ccc;
     padding: 3px 0 3px 10px;
     margin-bottom: 10px;
      text-shadow:
         0px  1px 0 #fff,
        -1px -1px 0 #fff,
         1px -1px 0 #fff,
         1px  1px 0 #fff,
        -1px  0px 0 #fff;
	background: -webkit-gradient(linear, left top, right bottom, from(#FF9900), to(#FFcc00));
} 

h3 {
     border-bottom: 1px solid #ccc;
     padding: 3px 0;
     margin-bottom: 10px;
}

p {
     margin-bottom: 14px;
}

ul.products {
     margin-bottom: 15px;
}

ul.products>li {
     overflow: hidden;
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom: 2px dotted #ccc;
}

ul.products>li:last-child {
     border: none;
}

ul.products>li>img {
    float: left;
    margin-right: 30px;
}

ul.products>li>p {
     margin-left: 70px;
     font-size: 13px;
}

div.sample {
      float: right;
      width: 146px;
      margin-left: 10px;
}

div.sanple>img {
      padding: 2px;
      background: #fff;
      border: 1px solid #ccc;
}



.syousai {
	overflow: hidden;
	float: right;
	padding-right: 20px;
}

.daihyou {
	font-size: 20px;
	font-family:'HG行書体';
	

.syozaichi1 {
	border-left: #FF9900  5px solid;
}

.syozaichi2 {
	border-left: #FF9900  5px solid;
}

#formmail { width: 100%; }

#formmail th,
#formmail td {
  vertical-align: top; /* セルの上に配置 */
  border-bottom: 1px solid #999999;
}

#formmail th {
  padding: 5px 0 10px 10px;
  background-color: #ccccff;
}

#formmail th span {
  font-weight: normal; /* (必須) */
  color: #ff0000;
  padding: 0 0 0 1em;
}

#formmail td{ padding: 5px 0 10px 10px; }