@charset "utf-8";

/* 基本 */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,
blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,
th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

* {
 margin: 0;
 padding: 0;
 font-style: normal;
 font-weight: normal;
 font-size:100%;
 color: #000;
 background:transparent;
 list-style-type:none;
} 

body {
 background: #f9d4d6;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
 background-color: transparent;
}

/* ヘッダ要素 */
#header {
 width: 900px;
 color: #333;
 padding: 10px;
 border: 0px;;
 margin: 10px 0px 0px 0px;
 background-color: transparent;
}

#navigation {
 width: 900px;
 color: #333;
 padding: 10px;
 border: 0px;
 margin: 0px 0px 0px 0px;
 background-color: transparent;
}

#content { 
 width: 900px;
 border: 0px;
 background-color: transparent;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}

#product { 
 width: 450px;
 margin: 0 auto;
 left:50%
}

#footer { 
 width: 900px;
 color: #333;
 border: 0px;
 background-color: transparent;
 margin: 20px 0px 20px 0px;
 padding: 10px;
 height: 110px;
 background-image: url('img/logo.gif');
 background-position: 50% 100%;
 background-repeat: no-repeat;
 text-align:center;
 font-size:80%;
}

h1#headtext span {
 font-size:80%;
}

h2#logo span {
 display: none;
}

h2#logo {
 height: 463px;
 background-image: url('img/top.gif');
 background-repeat: no-repeat;
 background-position: center center;
}

.mo { 
 width:auto;
 border: 0px;
 background-color: #fff;
 padding: 3px 5px;
}

.mb20 {
margin-bottom: 20px;
}

.mt20 {
margin-top: 20px;
}

.s {
font-size: small;
}

 /* navi */

#nav{
text-align:center;
overflow:hidden;
}

.nav{
padding:0;
margin:0 auto;
list-style-type:none;
float:left;
position:relative;
left:50%;
}
.nav li{
float:left;
position:relative;
right:50%;
}
.nav a{
width:auto;
display:block;
}

 /* text */
.text_center{
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 line-height: 1.5;
}

.back_w {
 background-color:#fff;
}

 /* table */
table.table01 {
 width:100%;
 margin-top: 20px;
 margin-bottom: 20px;
 border-collapse: collapse;
 border: solid 1px #000;
 font-size:90%;
 margin-left:auto;
 margin-right:auto;
}

table.table01 caption {
 margin-top: 20px;
 margin-bottom: -20px;
 text-align: left;
 padding: 0 0 4px 1px ;
}

table.table01 th,
table.table01 td {
 border: solid 1px #000;
 padding: 5px 10px;
 text-align: left;
}

table.table01 th {
 white-space: nowrap;
}
