@charset "utf-8";
/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
layout
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#top_container {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 611px 0 0;
background: url(../img/common/bg_02.gif);
}
div#sub_container {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background: url(../img/common/bg_02.gif);
}
div#container_inner {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background: url(../img/common/bg_03.png) top repeat-x;
}
div#container_inner h2 {
width: 960px;
margin: 40px auto;
}
div#container_inner h2 img {
vertical-align: bottom;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
contents
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#contents {
width: 958px;
height: 100%;
overflow: hidden;
margin: 40px auto 100px;
padding: 40px 0;
background: #FFF;
border: #BBB solid 1px;
}
div#contents div.l_column {
width: 692px;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
display: inline;
float: left;
border-right: #BBB solid 1px;
border-collapse: collapse;
}
div#contents div.r_column {
width: 265px;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
display: inline;
float: left;
}
section#pages {
width: 652px;
margin: 0 auto;
padding: 0;
}
section#pages h3 {
margin: 0;
font-size: 32px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2;
}
section#pages h3 span {
color: #987945;
font-size: 9px;
font-weight: bold;
display: block;
}
section.block {
margin: 40px 0 0;
padding: 0 0 40px;
border-bottom: #BBB solid 1px;
}
section#b_01 p.cc {
margin: 0 0 40px;
}
section#b_01 p.cc img {
vertical-align: bottom;
}
section#b_01 p.text {
width: 318px;
display: inline;
float: left;
}
section#b_01 img.image {
margin: -40px -18px 0 0;
float: right;
}
section.block h4 {
margin: 0 0 40px;
padding: 0 0 0 10px;
font-size: 24px;
font-weight: normal;
font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","メイリオ","Meiryo","ＭＳ Ｐ明朝","MS PMincho",serif;
line-height: 1.2;
border-left: #d60103 solid 6px;
}
section#b_02 ol{
margin: 0;
}
section#b_03 ol {
margin: 0;
padding: 0;
list-style: none;
}
section#b_02 ol li {
padding: 0;
color: #08588a;
font-size: 24px;
font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","メイリオ","Meiryo","ＭＳ Ｐ明朝","MS PMincho",serif;
}
section#b_03 ol li {
margin: 0;
padding: 0;
color: #08588a;
font-size: 24px;
font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","メイリオ","Meiryo","ＭＳ Ｐ明朝","MS PMincho",serif;
}
section#b_02 div,
section#b_03 div {
margin: 30px 0 0;
padding: 20px 20px 13px;
background: #f6f5f2;
}
section#b_02 div p,
section#b_03 div p {
margin: 0 0 20px;
overflow: hidden;
}
section#b_02 div p img,
section#b_03 div p img {
float: left;
}
section#b_02 div ol {
margin: 0;
padding: 0;
list-style-position: inside;
}
section#b_03 div ol {
margin: 0;
padding: 0;
list-style: decimal;
list-style-position: inside;
}
section#b_02 div ol li,
section#b_03 div ol li {
margin: 0 0 7px;
padding: 0;
color: #222;
font-size: 14px;
line-height: 1.2;
font-family: "Times New Roman", Times, serif;
}

/* 右カラム */
div.r_column div.cate {
width: 245px;
overflow: hidden;
margin: 0;
padding: 0;
background: #FFF;
}
div.r_column div.cate p {
margin: 0;
padding: 18px 20px;
font-size: 18px;
line-height: 1.2;
background: url(../img/common/mkr_06.png) right no-repeat;
border-bottom: #d60103 solid 3px;
}
div.r_column div.cate p a {
color: #222;
}
div.r_column div.cate ul {
margin: 0;
padding: 15px 0 8px 20px;
list-style: none;
}
div.r_column div.cate ul li {
margin: 0 0 15px;
padding: 0;
background: url(../img/common/mkr_06.png) right no-repeat;
}
div.r_column div.cate ul li.on {
background: url(../img/common/mkr_05.png) right no-repeat;
}
div.r_column div.cate ul li a {
color: #666;
}
div.r_column div.cate p:hover,
div.r_column div.cate ul li:hover {
background: url(../img/common/mkr_05.png) right no-repeat;
}
div.r_column ul {
margin: 0 0 0 20px;
padding: 0;
list-style: none;
}
div.r_column ul li {
margin: 20px 0 0;
}
div.r_column ul li img {
vertical-align: bottom;
}
div.r_column ul li a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}