body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  text-align:center;
background-color:#eee;
  color: #333;
  font-family : 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
  font-size: 80%;
  line-height: 140%;
}

th,td {
  font-size: 80% !important;
  font-size /**/: 80%;
}


h1 { font-size: 300%;height:32px;padding-top:8px;overflow:visible;font-weight:bold; }
h2,h3,h4,h5,h6 { font-size: 100%;font-weight:normal; }

.clear {
  clear: both;
  height: 0px;
  margin:0px;padding:0px;
  visiblity:none;
}

a { color:#4444ff; }
a:link { text-decoration: underline;}
a:visited {text-decoration: underline;color:#8888aa;}
a:hover, a:active {text-decoration: underline;}

#outline {
width:100%;
z-index: 0;
margin:0;
}

#header{
padding-top:4px;
height: 40px;
width:100%;
background-color:#ccc;
margin:0;
}
#main {
width:100%;
margin:0;
}
#center{
margin:0 auto 0 auto;
width:800px;
float:center;
}
#right {
margin:0;
width:300px;
float:left;
}
#footer {
font-size:80%;
width:100%;
background-color:#ccc;
color:#000;
margin:0;
}

#footer .info{
 color:#555;
}
.contents800{
text-align: left;
width:800px;
margin-left: auto;
margin-right: auto;
}
.contents900{
text-align: left;
width:900px;
margin-left: auto;
margin-right: auto;
}
.contents{
padding:4px;
text-align: left;
margin: 0;
}
.contents a{
}

p, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
#stylized{
width:300px;
float:left;
}
.q-button{
 float:left;
 border:solid 1px #444;
 margin:5px;
 width:100px;
 height:24px;
}
.q-text{
 float:left;
 padding-left:4px;
 margin:5px;
 border:solid 1px #444;
 width:200px;
 height:24px;
}

.category-menu{
  padding-top:8px;
  padding-bottom:8px;
}
.category-detail{
  background-color:#fff;
  height:160px;
  width:396px;
  margin:2px; 
  overflow:hidden;
  float:left;
}
.image-frame-130{
  color:#333;
  background-color:#fff;
  height:160px;
  width:140px;
  padding:auto;
  float:left;
  text-align:center;
  margin:4px;
}
.webservice-credit{
  font-size:80%;
  float:left;
}
.webservice-credit a{
  color:#333;
}

.pi{background-color:#ffffff;color:#222;border-bottom:1px solid #999;clear:both;height:24px;overflow:hidden;line-height:140%;}
.pi-ama{background-color:#ffffff;color:#222;border-bottom:1px solid #999;clear:both;overflow:hidden;line-height:140%;}
.pititle{background-color:#ffee88;color:#222;border:1px solid #999;clear:both;height:24px;overflow:hidden;}
.pi-name{float:left;width:500px;padding:5px;overflow:hidden;}
.pi-name a{text-decoration:none;color:#222;}
.pi-price{float:left;width:60px;text-align:right;padding:5px;}
.pi-120{float:left;width:120px;text-align:center;padding:5px;}
.pi-80{float:left;width:80px;text-align:center;padding:5px;}
.pi-60{float:left;width:60px;text-align:center;padding:5px;}
.pi-40{float:left;width:40px;text-align:center;padding:5px;}
.pit-name{float:left;width:500px;padding:5px;overflow:hidden;text-align:center;}
.pit-price{float:left;width:60px;text-align:center;padding:5px;}