@charset "UTF-8";

body {
  color: #333333;
  font-size: 80%;
  font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
  background: #FFFFFF;
}
img {
  vertical-align: top;
}
a {
  color: #003399;
}
a:visited {
  color: #333333;
}
a:hover,
a:focus {
  color: #3366CC;
}
a:active {
  color: #CC3300;
}
#wrapper {
  width: 760px;
  margin: 0 auto;
}
#header {
  position: relative;
  padding-bottom: 4px;
  background: url(../images/header_bg.gif) left bottom repeat-x;
}
#content {
  clear: both;
  width: 100%; /* for WinIE6,7 */
  padding-top: 16px;
}
#content #primary {
  float: left;
  width: 570px;
}
#content #secondary {
  float: right;
  width: 170px;
}
#content #primary_top {
  float: left;
  width: 310px;
}
#content #secondary_top {
  float: right;
  width: 400px;
  padding: 20px 0px 0px 0px;
}
#footer {
  clear: both;
  width: 100%; /* for WinIE6,7 */
  padding-top: 50px;
}

#sprimaryNavigation {
  position: relative;
  top: 30%;
  border-top: 1px solid #E5E5E5;
  font-size: 90%;
  padding-top: 10px;
  line-height: 1.2;
}

/*******************************************
 * ロゴとユーティリティナビゲーション
 *******************************************/
#logo {
  padding: 11px 0;
}
#utilityNavigation {
  position: absolute;
  right: 0;
  top: 15px;
  width: 170px;
  font-size: 90%;
  line-height: 1.2;
}
#utilityNavigation li {
  list-style: none;
  position: absolute;
  top: 0;
  width: 8em;
}
#utilityNavigation li#navSiteMap {
  right: 9em;
}
#utilityNavigation li#navInquiry {
  right: 0;
}
#utilityNavigation li a {
  padding-left: 12px;
  text-decoration: none;
}
#utilityNavigation li#navSiteMap a {
  background: url(../images/ico_sitemap.gif) left center no-repeat;
}
#utilityNavigation li#navInquiry a {
  background: url(../images/ico_mail.gif) left center no-repeat;
}


/*******************************************
 * グローバルナビゲーション
 *******************************************/
#globalNavigation {
  height: 34px;
  border-top: 1px solid #70747C;
  border-right: 1px solid #70747C;
  border-left: 1px solid #70747C;
  background: #7F858D url(../images/gn_bg.gif) repeat-x;
}
#globalNavigation li {
  list-style: none;
  float: left;
  height: 34px;
  padding-right: 2px;
  background: url(../images/gn_li_bg.gif) right top repeat-y;
}
#globalNavigation li a {
  display: block;
}
#globalNavigation li a:hover,
#globalNavigation li a:focus {
    background: #10206F;
}


/*******************************************
 * リスト
 *******************************************/
#topicPath {
  height: 50px;
  margin: 10px 0 20px 0;
  border-bottom: 1px solid #E5E5E5;
  font-size: 90%;
  line-height: 1.2;
}
#topicPath li {
  list-style: none;
  float: left;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 32px;
  background: #EEEEEE url(../images/topicpath_li_bg.gif) left center no-repeat;
}
#topicPath li.first {
  padding-left: 30px;
  background: #EEEEEE url(../images/topicpath_li_bg_first.gif) left center no-repeat;
}
#topicPath li.last {
  background: #FFFFFF url(../images/topicpath_li_bg_last.gif) left center no-repeat;
}

/*******************************************
 * メイン 
 *******************************************/
#lead p.leadSentence {
  line-height: 1.5;
  margin-bottom: 20px;
}
#lead .column {
  clear: both;
  width: 100%; /* for WinIE6,7 */
}

#lead .pre {
    border-color: #99BBEE;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    padding: 7px 7px 7px 7px;
    margin: 0px 0px 20px 0px;
    line-height: 1.5;
}

#lead .column p.question{
  line-height: 1.3;
}
#lead .column p.question:first-letter{
  float: left;
  color: #4A70FF;
  font-weight: bold;
  padding: 0px 5px 0px 20px;
}
#lead .column p.answer{
  line-height: 1.3;
}
#lead .column p.answer:first-letter{
  float: left;
  color: #FF2013;
  font-weight: bold;
  padding: 0px 5px 0px 20px;
}
#lead .column p.answer2{
  line-height: 1.3;
  float: left;
  padding: 0px 0px 0px 33px;
}

#lead .column .section {
  width: 275px;
}
#lead .column #left_topix1,
#lead .column #left_topix2,
#lead .column #left_topix3,
#lead .column #left_topix4,
#lead .column #left_topix5 {
  float: left;
}
#lead .column #right_topix1,
#lead .column #right_topix2,
#lead .column #right_topix3,
#lead .column #right_topix4,
#lead .column #right_topix5 {
  float: right;
}
#lead .column .section h2 {
  border-top: 1px solid #D9D9D9;
  border-bottom: 2px solid #F5F5F5;
  font-weight: normal;
  line-height: 1;
}
#lead .column .section h2 a {
  display: block;
  width: 235px; /* for WinIE6 */
  padding: 10px 30px 10px 10px;
  border-bottom: 1px solid #D9D9D9;
  background: url(../images/lead_a_bg.gif) left center no-repeat;
  text-decoration: none;
}
#lead .column .section h2 a:active {
  background: url(../images/lead_a_bg.gif) right center no-repeat;
}
#lead .column .section p {
  margin: 7px 10px 18px 10px;
  line-height: 1.5;
}
#lead .column .section .seclist p {
  margin: 7px 10px 0px 10px;
  line-height: 1;
}
#lead .column .section .seclist p a {
  text-decoration: none;
}
#lead .column .section2 {
  width: 570px;
}
#lead .column .section2 h2 {
  border-top: 1px solid #D9D9D9;
  font-weight: normal;
  line-height: 1;
  padding: 10px 30px 10px 10px;
  border-bottom: 1px solid #D9D9D9;
  background: url(../images/lead_b_bg.gif) left center no-repeat;
}
#lead .column .section2 p {
  margin: 7px 10px 0px 10px;
  line-height: 1;
}
#lead .column .section2 ul {
  margin: 10px 20px 0px 10px;
}
#lead .column .section2 ul li.headline {
  list-style-image: url(../images/listimg.gif);
  margin: 10px 20px 0px 10px;
}
#lead .column .section2 ul li.headline ul li{
  list-style-image: none;
  list-style: none;
  margin: 5px 20px 0px 10px;
}
#lead .main {
  line-height: 1.5;
}
#lead .main .topix {
  margin: 50px 0px 10px 0px;
}
#lead .main .chapter {
  margin: 0px 0px 10px 0px;
}
#lead .main .chapter ul li{
  list-style: none;
}
#lead .main .chapter .theme{
  color: #FF2013;
}
#lead .main .privacy {
  margin: 0px 0px 10px 0px;
}
#lead .main .privacy ul li {
  list-style-image: url(../images/listimg.gif);
  margin: 0px 0px 0px 30px;
}
#lead .main .privacy2 {
  margin: 0px 0px 10px 0px;
}
#lead .main .privacy2 ul li {
  list-style-image: none;
  list-style: none;
  margin: 0px 0px 0px 15px;
}
#lead .main .cname {
  text-align: right;
}
#lead .space10 {
  margin: 10px 0px 10px 0px;
}
#lead .space30 {
  margin: 30px 0px 10px 0px;
}
#lead .main table, td ,th {
  padding: 5px 5px 5px 5px;
}
#lead .main table {
  border-top: 1px #C7C7C7 solid;
  border-left: 1px #C7C7C7 solid;
  border-collapse:collapse;
  border-spacing:0;
  empty-cells:show;
}
#lead .main td{
  border-right: 1px #C7C7C7 solid;
  border-bottom: 1px #C7C7C7 solid;
}
#lead .main td.leftcell {
  background-color:#E7E7FF;
  background-image:url(../images/table_td_left.gif);
  background-position:left top;
}

/*******************************************
 * ローカルナビゲーション 
 *******************************************/
#localNavigation ul {
  background: #F5F5F5;
  line-height: 1.2;
}
#localNavigation ul li {
  list-style: none;
  padding-bottom: 2px;
  background: url(../images/ln_li_bg.gif) left bottom repeat-x;
}
#localNavigation ul li a {
  display: block;
  width: 142px; /* for WinIE6 */
  padding: 8px 10px 8px 18px;
  background: url(../images/arrow_big.gif) 9px 13px no-repeat;
  text-decoration: none;
}
#localNavigation ul li a:hover,
#localNavigation ul li a:focus {
  background: #E6E6E6 url(../images/arrow_big.gif) 11px 13px no-repeat;
}
#localNavigation ul li ul {
  margin-left: 20px;
  font-size: 90%;
}
#localNavigation ul li ul li {
  padding-bottom: 0;
  background: none;
  border-top: 1px solid #E5E5E5;
}
#localNavigation ul li ul li a {
  width: 126px; /* for WinIE6 */
  padding: 6px 10px 6px 14px;
  background: url(../images/arrow_small.gif) 6px 11px no-repeat;
}
#localNavigation ul li ul li a:hover,
#localNavigation ul li ul li a:focus {
  background: #E6E6E6 url(../images/arrow_small.gif) 7px 11px no-repeat;
}


/*******************************************
 * フッターナビゲーション 
 *******************************************/
#footerNavigation {
  padding-left: 10px;
  border-top: 1px solid #E5E5E5;
  font-size: 90%;
  line-height: 1.2;
}
#footerNavigation li {
  list-style: none;
  float: left;
  margin-right: 10px;
  padding: 8px 0;
}
#footerNavigation li a {
  display: block;
  padding-left: 6px;
  background: url(../images/arrow_small.gif) left center no-repeat;
  text-decoration: none;
}
#copyright {
  clear: both;
  width: 726px; /* for WinIE6,7 */
  padding: 20px 17px;
  background: #F5F5F5;
  border-top: 1px solid #E5E5E5;
  font-size: 90%;
  line-height: 1;
}