@charset "utf-8";

*{
    margin: 0;
    padding: 0;
    border: 0;
    zoom:1; /* IE　hasLayout対策 */
}

/*スクロールバーによる中心ずれ対策*/
html {
    overflow-y: scroll;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka",  "ＭＳ ゴシック", "MS Gothic", sans-serif;
    font-size: 0.8em;
    text-align:center;
    color: #131b01;
}

/*IE5以外用*/
/* ¥*//*/
/*IE以外のモダンブラウザ用*/
html>/**/body {
    font-size: 12px;
}

/*IE6用*/
* html body {
    font-size: 0.8em;
}
/**/


h2 {
    height: 50px;
    font-size: 120%;
    line-height: 50px;
    text-indent: -9999px;
}

h3, h4, h5, h6 {
    font-size: 100%;
}

/*Firefoxリンク線対策*/
a {
    text-decoration: none;
    overflow: hidden;
}

a:link {
    color: #131b01;
    text-decoration: none;
}

a:visited {
    color: #131b01;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #883535;
    text-decoration: none;
}

a:active {
    position: relative;
    top: 1px;
    left: 1px;
    color: #883535;
    text-decoration: none;
}

/*画像下の隙間消し*/
img {
    vertical-align: top;
}

p, dd {
    text-align: justify;
    text-justify: distribute;
}

ul {
    list-style: none;
}

address, em, dfn, cite {
    font-style: normal;
}

hr {
    height: 0;
    display: none;
}

input, textarea, select {
    border: 1px solid #adad7b;
}

input:focus,
textarea:focus,
select:focus {
    background: #ffffed;
}

/* -------------------------------------------
    topColumn
------------------------------------------- */

#topColumn_wide {
    background:white url(../images/topColumn_wide_bg.gif) repeat-x;
}

#topColumn {
    margin: 0 auto;
    width: 800px;
    background:transparent url(../images/topColumn_bg.jpg) no-repeat;
}

/* -------------------------------------------
    middleColumn
------------------------------------------- */

#middleColumn_wide {
    background:#883535 url(../images/interlace_bg.gif) repeat;
}

#middleColumn {
    margin: 0 auto;
    width: 800px;
    background:transparent url(../images/middleColumn_bg.jpg) repeat-y;
}

/* -------------------------------------------
    bottomColumn
------------------------------------------- */

#bottomColumn_wide {
    background: white;
}

#bottomColumn {
    margin: 0 auto;
    width: 800px;
    background:transparent url(../images/bottomColumn_bg.jpg) no-repeat;
}

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

#header {
    margin: 0 auto;
    width: 770px;
    height: 50px;
    background: white;
}

#header h1 {
    font-size: 0.6em;
    text-align: left;
}
#header #law {
    width: 370px;
    padding: 0px 10px 5px 0;
    text-align: right;
}
#header a:link {
    font-size: 0.8em;
    color: #883535;
    text-decoration: none;
}

#header a:visited {
    font-size: 0.8em;
    color: #883535;
    text-decoration: none;
}

#header a:hover {
    font-size: 0.8em;
    color: #883535;
    text-decoration: underline;
}
#header #searchform {
    padding: 0px 10px 0 0;
    text-align: right;
}

/*IE以外のモダンブラウザ用*/
html>/**/body #header #searchform {
    width: 270px;
}

#header #searchform p,
#header #searchform input {
    font-size: 0.8em;
    float: left;
}

#header #searchform .formfield {
    padding: 0 2px 0 2px;
    width: 100px;
    height: 18px;
    border: 1px solid #883535;
}

#header #searchform input {
    font-size: 0.8em;
    color: gray;
}

#header #searchform input:focus {
    color: #131b01;
    background: #ffffed;
}

#header #searchform .formbutton {
    margin: 0 0 0 5px;
    width: 47px;
    height: 20px;
    border: 0;
}

#header:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
}

/* -------------------------------------------
    gNavi
------------------------------------------- */

#gNavi {
    margin: 0 auto;
    width: 770px;
    text-align: left;
}

#gNavi ul {
    width: 770px;
    height: 30px;
    position: relative;
    background:transparent url(../images/gnavi.jpg) no-repeat;
}

#gNavi ul li {
    position: absolute;
    top: 0px;
}
    
#gNavi ul li, #gNavi ul li a {
    height: 30px;
    display: block;
}

#gNavi ul li a {
    text-indent: -9999px;
    text-decoration: none;
}

#li1 {left: 0px; width: 128px;}
#li2 {left: 128px; width: 128px;}
#li3 {left: 256px; width: 129px;}
#li4 {left: 385px; width: 128px;}
#li5 {left: 513px; width: 128px;}
#li6 {left: 642px; width: 128px;}

#li1 a:hover, #li1 a:visited:hover { background: transparent url(../images/gnavi.jpg) -0px -30px no-repeat;}
#li2 a:hover, #li2 a:visited:hover { background: transparent url(../images/gnavi.jpg) -128px -30px no-repeat;}
#li3 a:hover, #li3 a:visited:hover { background: transparent url(../images/gnavi.jpg) -256px -30px no-repeat;}
#li4 a:hover, #li4 a:visited:hover { background: transparent url(../images/gnavi.jpg) -385px -30px no-repeat;}
#li5 a:hover, #li5 a:visited:hover { background: transparent url(../images/gnavi.jpg) -513px -30px no-repeat;}
#li6 a:hover, #li6 a:visited:hover { background: transparent url(../images/gnavi.jpg) -642px -30px no-repeat;}

#li1 a:focus { background: transparent url(../images/gnavi.jpg) -0px -30px no-repeat;}
#li2 a:focus { background: transparent url(../images/gnavi.jpg) -128px -30px no-repeat;}
#li3 a:focus { background: transparent url(../images/gnavi.jpg) -256px -30px no-repeat;}
#li4 a:focus { background: transparent url(../images/gnavi.jpg) -385px -30px no-repeat;}
#li5 a:focus { background: transparent url(../images/gnavi.jpg) -513px -30px no-repeat;}
#li6 a:focus { background: transparent url(../images/gnavi.jpg) -642px -30px no-repeat;}

#li1 a.selected:link, #li1 a.selected:visited { background: transparent url(../images/gnavi.jpg) -0px -30px no-repeat;}
#li2 a.selected:link, #li2 a.selected:visited { background: transparent url(../images/gnavi.jpg) -128px -30px no-repeat;}
#li3 a.selected:link, #li3 a.selected:visited { background: transparent url(../images/gnavi.jpg) -256px -30px no-repeat;}
#li4 a.selected:link, #li4 a.selected:visited { background: transparent url(../images/gnavi.jpg) -385px -30px no-repeat;}
#li5 a.selected:link, #li5 a.selected:visited { background: transparent url(../images/gnavi.jpg) -513px -30px no-repeat;}
#li6 a.selected:link, #li6 a.selected:visited { background: transparent url(../images/gnavi.jpg) -642px -30px no-repeat;}

/* -------------------------------------------
    flash
------------------------------------------- */

#flash {
    margin: 0px 0px 0px 19px;
    padding: 20px 0px 0px 0px;
    width: 530px;
    height: 300px;
    background: transparent;
}

/* -------------------------------------------
    content
------------------------------------------- */

#content {
    margin: 0 auto;
    width: 770px;
    text-align: left;
    background: transparent url(../images/content_bg.jpg) repeat-y;
}

/* -------------------------------------------
    contentL
------------------------------------------- */

#contentL {
    width: 200px;
    line-height: 1.6em;
    float: left;
}

#contentL h2 {
    width: 180px;
}

/* -------------------------------------------
    brandlist
------------------------------------------- */

#brandlist {
    margin: 0 10px;
}

#brandlist h2 {
    background: transparent url(../images/title_brandlist.jpg) no-repeat;
}

#brandlist ul li {
    margin: 0px 0px 10px 0px;
    width: 180px;
    height: 40px;
    font-family: sans-serif;
    font-size: 90%;
    letter-spacing: 0.1em;
    background: transparent url(../images/brandlist_bg.gif) top no-repeat;
    display: block;
}

/*IE6以下用*/
* html #brandlist ul li {
    letter-spacing: 0em;
}

/*IE7用*/
*+html #brandlist ul li {
    letter-spacing: 0em;
}

#brandlist ul li dfn {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka",  "ＭＳ ゴシック", "MS Gothic", sans-serif;
    font-size: 95%;
    font-weight: normal;
    letter-spacing: 0em;
}

/*IE6以下用*/
* html #brandlist ul li dfn {
    letter-spacing: -0.3em;
}

/*IE7用*/
*+html #brandlist ul li dfn {
    letter-spacing: -0.3em;
}

#brandlist ul li a {
    padding: 0px 0px 0px 30px;
    height: 40px;
    font-weight: bold;
    line-height: 20px;
    display: block;
}

#brandlist ul li a:hover,
#brandlist ul li a:focus {
    background: transparent url(../images/brandlist_bg.gif) bottom no-repeat;
}

#brandlist .active {
    background: transparent url(../images/brandlist_bg.gif) bottom no-repeat;
}

#brandlist .active a {
    color: #883535;
}

/* -------------------------------------------
    calendar
------------------------------------------- */

#calendar h2 {
    background: transparent url(../images/title_calendar.jpg) no-repeat;
}

.calendar {
    width: 180px;
    font-family: sans-serif;
    font-size: 80%;
}

.calendar th, .calendar td {
    width:  16px ;
    text-align: center;
    background: #f2f5eb;
}

.calendar th {
    font-size: 90%;
}

.calendar td a {
    font-weight: bold;
    color: #883535;
    display: block;
}

.calendar td a:hover,
.calendar td a:focus {
    background: #c6cbbc;
}

/* -------------------------------------------
    entries
------------------------------------------- */

#entries  h2 {
    background: transparent url(../images/title_entries.jpg) no-repeat;
}

#entries ul li {
    margin: 0 0 1px 0;
    width: 180px;
}

#entries ul li a {
    padding: 5px 5px 5px 25px;
    background: #f2f5eb url(../images/arrow.gif) no-repeat;
    background-position: 0em 50%;
    display:block;
}

#entries ul li a:hover,
#entries ul li a:focus {
    background: #c6cbbc url(../images/arrow_on.gif) no-repeat;
    background-position: 0em 50%;
}


/* -------------------------------------------
    contentR
------------------------------------------- */

#contentR {
    margin-left: 200px;
    line-height: 1.6em;
}

#contentR h2 {
    margin: 0 20px;
    width: 530px;
}

/*IE6以下用*/
* html #contentR h2 {
    width: 525px;
}

#contentR p {
    padding: 5px 0px 0px 0px;
    display: block;
}

/* -------------------------------------------
    go2top
------------------------------------------- */

#go2top {
    padding: 0 20px 20px 0;
    clear: left;
}

#go2top a {
    margin-left: 710px;
    width: 40px;
    height: 20px;
    text-indent: -9999px;
    background: transparent url(../images/go2top.gif) top no-repeat;
    display: block;
}

#go2top a:hover,
#go2top a:focus {
    background: transparent url(../images/go2top.gif) bottom no-repeat;
}

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

#footer {
    margin: 0 auto;
    width: 770px;
    line-height: 180%;
    text-align: right;
    background: #84877c;
}

#footer address {
    margin:0px 20px 0px 0px;
    font-family: sans-serif;
    font-size: 80%;
    color: #555d5d;
    text-decoration: none;
}

/* -------------------------------------------
    search
------------------------------------------- */

#search h2 {
    background: transparent url(../images/title_searchresult.jpg) no-repeat;
}

#search .content_body {
    margin: 0 40px 20px 40px;
}

#search img{
    padding: 0 0 0 10px;
    float: right;
}

#search .content_body:after {
    content: "";
    height: 0;
    display: block;
    clear: right;
}

.highlight {
    margin: 1px;
    padding: 1px;
    background: #ffffed;
}

/* -------------------------------------------
    Class
------------------------------------------- */

.module {
    margin: 0 10px 20px 10px;
}

.content_head,
.content_body,
.content_foot  {
    margin: 0 20px 20px 20px;
}

.title {
    margin-bottom: 1px;
    padding: 10px;
    font-weight: bold;
    background: #c6cbbc;
    display: block;
}

.title_link {
    font-weight: bold;
}

.title_link a {
    margin-bottom: 1px;
    padding: 10px 10px 10px 25px;
    background: #c6cbbc url(../images/arrow.gif) no-repeat;
    background-position: 0em 50%;
    display: block;
}

/*IE6以下用*/
* html .title_link  a {
    padding: 5px 5px 5px 25px;
    line-height: 160%;
}

.title_link  a:hover,
.title_link  a:focus {
    background: #f2f5eb url(../images/arrow_on.gif) no-repeat;
    background-position: 0em 50%;
}

.sub_title {
    margin-bottom: 1px;
    padding: 5px 10px;
    font-weight: bold;
    background: #c6cbbc;
    display: block;
}

.subtitle_link {
    font-weight: bold;
}

.subtitle_link  a {
    margin: 0 0 0 25px;
    margin-bottom: 1px;
    padding: 5px 5px 5px 25px;
    font-family: sans-serif;
    font-size: 80%;
    font-weight: normal;
    background: #c6cbbc url(../images/arrow.gif) no-repeat;
    background-position: 0em 50%;
    display: block;
}

.subtitle_link  a:hover,
.subtitle_link  a:focus {
    background: #f2f5eb url(../images/arrow_on.gif) no-repeat;
    background-position: 0em 50%;
}

.subtitle_link dfn {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka",  "ＭＳ ゴシック", "MS Gothic", sans-serif;
    font-size: 90%;
}

.more {
    padding: 4px 0px 4px 20px;
    background: transparent url(../images/arrow.gif) no-repeat;
    background-position: 0 50%;
}

.more:hover,
.more:focus {
    padding: 4px 0px 4px 20px;
    background: transparent url(../images/arrow_on.gif) no-repeat;
    background-position: 0 50%;
}

.formlink {
    text-align: right;
}

.formlink a {
    padding: 4px 0px 4px 20px;
    font-size: 90%;
    background: transparent url(../images/arrow.gif) no-repeat;
    background-position: 0 50%;
}

.formlink a:hover,
.formlink a:focus {
    padding: 4px 0px 4px 20px;
    background: transparent url(../images/arrow_on.gif) no-repeat;
    background-position: 0 50%;
}

.pagelink {
    margin: 20px 0 20px 0;
    text-align:center;
}

.pagelink li {
    display: inline;
}

.pagelink li.return {
    margin: 0 4px 0 4px;
    padding: 0 4px 0 4px;
    border-left: 1px solid #adad7b;
    border-right: 1px solid #adad7b;
}

#contentR .trackback h4,
#contentR .comment h4 {
    margin: 0 0 20px 0;
    padding: 0.5em;
    font-weight: bold;
    background: #c6cbbc;
}

#contentR .trackback p {
    text-align: center;
}

#contentR .trackback input {
    padding: 2px;
}

#contentR .trackback dl,
 #contentR .comment dl {
    margin: 0 10px;
}

#contentR .trackback dt,
#contentR .comment dt {
    padding: 0 0 2px 0;
}

#contentR .trackback dd,
#contentR .comment dd {
    margin: 0 0 20px 0;
    font-size: 80%;
    text-align: right;
    border-top: 2px dotted #c6cbbc;
}

#commentform {
    margin: 10px 10px 0 10px;
}

#commentform .formfield {
    width: 100%;
    border: 1px solid #84877c;
}

.slidedown, .slideup {
    font-size: 80%;
}