*{
margin:0px;
padding:0px;
}

html{
background: #fff url(../images/site_bg.jpg) top repeat-x;
}

body{
width: 800px;
margin: auto;
padding-bottom: 15px;
text-align: center;
font-family: verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Sans-Serif;
font-size: 12px;
color: #555;
background: #fff;
line-height: 1.5em;
border-left: #ccc 1px solid;
border-right: #ccc 1px solid;
border-bottom: #bf0000 3px solid;
}

p{
text-align: left;
margin: 5px 50px;
color: black;
}

img{
border: 0;
}

img.left{
float: left;
margin: 15px;
}

img.right{
float: right;
margin: 15px;
}

table{
margin-left: auto;
margin-right: auto;
}

hr{
margin: auto;
}

a:link{color: #333366; text-decoration: none;}
a:visited{color: #333366; text-decoration: none;}
a:hover{color: #999; text-decoration: underline;}

a:link.category{color: #bf0000 ; text-decoration: none; padding: 0 20px;}
a:visited.category{color: #bf0000 ; text-decoration: none; padding: 0 20px;}
a:hover.category{color: #bf0000; text-decoration: underline; padding: 0 20px;}

a:link.subcategory{color: #000; text-decoration: none;}
a:visited.subcategory{color: #000; text-decoration: none;}
a:hover.subcategory{color: #999; text-decoration: underline;}

/* ---------------------------------------------------------------
      header
--------------------------------------------------------------- */

div.first{
height: 120px;
}

h1.title{
float: left;
padding: 15px 0 0 25px;
}

p.head{
color: #fff;
background: #bf0000;
margin: 0;
padding: 0 5px 2px 5px;
}

p.search{
color: #555;
font-size: 10px;
margin: 0;
padding: 0;
background: url(../images/icon_search.gif) left no-repeat;
text-indent: 13px;
}

form.search{
color: #555;
float: right;
padding: 30px;
}

/* ---------------------------------------------------------------
      navi
--------------------------------------------------------------- */

div.second{
clear: both;
height: 50px;
margin-bottom: 10px;
background: #fff url(../images/category_bg.jpg) top center no-repeat;
}

ul.category{
width: 800px;
margin: auto;
padding-top: 11px;
}

ul.category li{
display: inline;
color: #555;
font-weight: bold;
border-style: dotted;
border-width: 0 1px 0 0;
border-color: #ccc;
}

/* ---------------------------------------------------------------
      left
--------------------------------------------------------------- */

div.third{
background: #fff;
}

div.left_menu{
float: right;
width: 239px;
background: #fff;
}

h1.category{
width: 220px;
height: 25px;
margin: 0 auto;
background: url(../images/subcategory_bg.gif) top left no-repeat;
font-size: 12px;
font-weight: bold;
color: #bf0000;
text-align: left;
padding: 5px 0 0 8px;
letter-spacing: 0.2em;
}

ul.subcategory{
width: 220px;
margin: auto;
list-style: none;
text-align: left;
}

ul.subcategory li{
border-bottom: #ccc 1px dotted;
padding: 3px 0 3px;
margin-bottom: 2px;
text-indent: 15px;
background: url(../images/icon_list.gif) left no-repeat;
}

ul.subcategory li.subcategory02{
border: none;
color: #ccc;
font-size: 10px;
text-align: right;
padding: 0 5px 0 0;
margin-bottom: 10px;
background: none;
}

p.leftbanner{
margin: 10px auto;
padding: 0;
text-align: center;
}

h1.link{
width: 220px;
height: 25px;
margin: 0 auto;
background: url(../images/link_bg.gif) top left no-repeat;
font-size: 12px;
font-weight: bold;
color: #555;
text-align: left;
padding: 5px 0 0 8px;
letter-spacing: 0.2em;
}

ul.link{
width: 220px;
text-align: left;
margin: auto;
}

ul.link li{
font-size: 10px;
list-style: none;
border-bottom: #ccc 1px dotted;
padding: 3px 0 3px;
margin-bottom: 2px;
text-indent: 5px;
}

h1.qr{
width: 220px;
height: 25px;
margin: 0 auto;
background: url(../images/link_bg.gif) top left no-repeat;
font-size: 12px;
font-weight: bold;
color: #555;
text-align: left;
padding: 5px 0 0 8px;
}

/* ---------------------------------------------------------------
      main
--------------------------------------------------------------- */

div.main{
width:558px;
float:right;
border-left: #ccc 1px dotted;
}

h1.new{
text-align: left;
border-left: #bf0000 3px solid;
border-bottom: #ccc 1px solid;
width: 510px;
margin: 0 auto;
padding: 0 5px 2px 7px;
font-weight: bold;
color: #bf0000;
font-size: 14px;
}

h1.main{
text-align: left;
border-left: #bf0000 3px solid;
border-bottom: #ccc 1px solid;
font-size: 14px;
padding: 0 5px 2px 7px;
margin: 15px 25px 5px 25px;
color: #bf0000;
}

h2{
font-size:14px;
}

p.icon{
text-indent: 15px;
background: url(../images/icon_list.gif) left no-repeat;
}

p.bottomsearch{
color: #555;
width: 500px;
font-size: 10px;
margin: 0 5px;
padding: 0;
background: #fff url(../images/icon_search.gif) left no-repeat;
text-indent: 13px;
}

form.bottomsearch{
color: #555;
width: 500px;
margin: 0 20px 20px;
text-align: left;
}

/* ---------------------------------------------------------------
      footer
--------------------------------------------------------------- */

div.fourth{
clear:both;
}

p.copy{
border-top: #ccc 1px solid;
margin: 13px 0 0;
padding: 5px;
color: #555;
font-size: 10px;
text-align: center;
}