@charset "UTF-8";
/* Base Weblog (base-weblog.css) */

/* basic elements */

@import url(base.css);

body {
   background: url(images/back.gif) repeat-y top center;
   z-index: 2;
}

/***** containerの設定 ここから *****/
#container {
   width: 720px;
   margin: 0px auto; /* center on everything else */
   padding: 0px;
   text-align: left;
}

/***** containerの設定 ここまで *****/

/***** headerの設定 ここから *****/
#header {
   margin: 0px;
   padding: 0px;
}

/***** headerの設定 ここまで *****/

/***** contentの設定 ここから *****/
#content {
   float: left;
   width: 720px;
   margin: 0px;
   padding: 0px 0px 30px;
   background: url(images/c-back.gif) repeat-y 0 0;
   border-top: solid #336600 4px;
   border-bottom: solid #336600 4px;
   z-index: 1;
}

/***** contentの設定 ここまで *****/

/***** mainの設定 ここから *****/
#main {
   display: inline;   /* IE フロートさせた時マージンが２倍になるバグの回避 */
   float: right;
   width: 450px;
   margin: 0px 40px 0px 0px;
   padding: 0px;
}

.main-content {
   margin-bottom: 10px;
   padding: 5px 5px 10px;
   position: static;
   clear: both;
}

.main-content {
   margin: 0px;
   padding-top: 30px;
   background: url(images/contents.gif) no-repeat 0 0;
}

.main-content dl {
   margin: 0px 0px 0px 15px;
   padding: 5px 0px;
}

.main-content dt {
   background: url(images/main-list1.gif) no-repeat 0 50%;
   margin: 8px 0px;
   padding: 0px 0px 0px 18px;
   color: #336633;
   font-weight: bold;
   font-size: 120%;
}

.main-content dd {
   margin: 0px;
   padding: 0px;
}

.main-content dt a {
   text-decoration: none;
   color: #336633;
   font-weight: bold;
}

.main-content dt a:hover {
   text-decoration: underline;
}

.main-content ul {
   margin: 0px 0px 0px 30px;
   padding: 0px;
   list-style-type: none;
}

.main-content li {
   margin: 10px 0px;
   padding: 0px 0px 0px 15px;
   background: url(images/main-list2.gif) no-repeat 0 50%;
   line-height: 1.2;
   color: #336633;
}

.main-content li a {
   color: #336633;
   text-decoration:none;
}

.main-content li a:hover {
   text-decoration: underline;
}

/***** mainの設定 ここまで *****/

/***** subの設定 ここから *****/
#sub {
   display: inline;   /* IE フロートさせた時マージンが２倍になるバグの回避 */
   float: left;
   width: 166px;
   margin: 0px 0px 0px 12px;
   padding: 15px 0px 0px;
}

/* sub-content-category */
#sub-content-category {
   margin: 10px 0px;
   padding: 30px 0px 10px;
   background: url(images/sub-category.gif) no-repeat 0 0;
}

/*
#sub-content-category ul {
   margin: 5px;
   padding: 0px;
   list-style: none;
}

#sub-content-category li {
   list-style: none;
   background: url(images/sub-list1.gif) no-repeat 0 50%;
   margin: 8px 0px;
   padding: 0px 0px 0px 15px;
   color: #336633;

}
*/
#sub-content-category ul {
   margin: 5px 0px;
   padding: 0px;
   list-style: none;
}

#sub-content-category li {
   list-style: none;
   background: url(images/sub-list1.gif) no-repeat;
   margin: 8px 0px;
   padding: 0px 0px 0px 15px;
   color: #336633;

}

#sub-content-category li a {
   text-decoration: none;
   color: #336633;
   font-weight: bold;
}

#sub-content-category li a:hover {
   text-decoration: underline;
}

/* sub-content-new */
#sub-content-new {
   margin: 10px 0px;
   padding: 30px 0px 10px;
   background: url(images/sub-new.gif) no-repeat 0 0;
}

#sub-content-new ul {
   margin: 5px;
   padding: 0px;
   list-style: none;
}

#sub-content-new li {
   background: url(images/sub-list2.gif) no-repeat 0 50%;
   list-style: none;
   margin: 8px 0px;
   padding: 0px 0px 0px 15px;
   text-decoration: none;
   color: #336633;

}

#sub-content-new li a {
   text-decoration: none;
   color: #336633;
}

#sub-content-new li a:hover {
   text-decoration: underline;
}

/***** subの設定 ここまで *****/

/***** footerの設定 ここから *****/
#footer {
   clear: both;
   width: 720px;
   text-align: center;
}

address {
   font-style: normal;
   font-size: smaller;
   clear: both;
   padding: 5px 0px;
   margin: 0px;
   text-align: center;
}
/***** footerの設定 ここまで *****/

/***** パンくずの設定 ここから *****/
#pan {
   clear: both;
   margin: 0;
   padding: 0 0 10px;
   font-size: smaller;
}

#pan ul {
   display: inline;
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}

#pan li {
   display: inline;
   list-style-type: none;
   margin: 0;
   padding: 0px 15px 0px 5px;
   background: url(images/pankuzu.gif) no-repeat right center;
   color: #333333;
}

#pan li a {
   text-decoration: none;
   color: #333333;
}

#pan li a:hover {
   text-decoration: none;
   color: #336633;
}

#pan li.arrow-none {
    background: none;
}
/***** パンくずの設定 ここまで *****/

/* 文字修飾の設定 */
h1 {
   margin: 0px;
   padding: 0px;
}

h2 {
   font-size: 16px;
   margin-bottom: 20px;
   padding: 5px 0px 5px 25px;
   color: #336633;
   background: url(images/htag-list.gif) no-repeat 0 50%;
   border-bottom: solid #666666 1px;

}

h3 {
   font-size: 14px;
   padding: 3px 0px 3px 10px;
   color: #000000;
   border-left: solid #ff9933 5px;
}

h4 {
   font-size: 14px;
   background: url(images/h4-list.gif) no-repeat left 50%;
   color: #ff6633;
   font-weight: bold;
   padding: 5px 0 5px 20px;
}

h5 {
   font-size: 12px;
   color: #cc0000;
}

p {
   line-height: 1.7;
}

.red {
   color: #ff0000;
}

.copy {
   display: block;
   width: 720px;
   margin: 0px auto;
   padding: 0px;
   text-align: right;
   font-size: smaller;
   color: #ffffff;
   background: #12435f;
}

.bold {
   font-weight: bold;
}

.line-through {
   text-decoration: line-through;
}

.large {
   font-size: 140%;
}

#sub-midasi {
   margin-bottom: 10px;
}

#to-mailad {
   padding-top: 10px;
}