@charset "utf-8";

/* CSS Document */

* {
 margin: 0;
 padding: 0;
 border: 0;
 background-color: transparent;
 font-family: "MS Pゴシック","Osaka",sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 14px;
 text-decoration: none;
}

a {
 color: #000000;
}

a:hover {
 color: #999999;
}

body {
 margin: 0;
 padding: 0;
 width: 100%;
}

#main {
 position: relative;
 margin: 0 auto;
 border: 4px solid #cccddb;
 width: 810px;
}

/* Header */
#header {
 background-image: url(image/header-back.jpg);
 margin-top: 10px;
 margin-left: 10px;
 margin-right: 10px;
 width: 790px;
 height: 100px;
}

#header h1 {
 text-indent: -10000px;
}

#homepage {
 text-indent: -10000px;
 position: relative;
}

#homepage a {
 display: block;
 position: absolute;
 left: 40px;
 height: 50px;
 width: 440px;
}
 
#gnavi {
 margin-left: 30px;
} 

#gnavi ul {
 list-style: none;
 padding-top: 55px;
}

#gnavi ul li {
 float: left;
 margin-right: 25px;
 padding: 0;
}

#gnavi ul li a {
 display: block;
 background-image: url(image/header-menu.jpg);
 color: #FFFFFF;
 text-align: center;
 line-height: 20px;
 font-size: 12px;
 height: 20px;
 width: 150px;
}

#gnavi ul li a:hover {
 color: #000000;
}

/* Contents */
#container {
 background-image: url(image/contents-back.jpg);
 background-repeat: repeat-y;
 overflow: hidden;
 margin: 0 0 0 10px;
 width: 790px;
}

#contents {
 background-color: transparent;
 display:inline;
 margin: 20px 0 0 10px;
 padding: 0;
 float: left;
 height: 100%;
 width: 560px;
}

.article {
 background-color: #ffffff;
 margin-bottom: 20px;
}

.article h2 {
 margin-bottom: 10px;
 font-size:14px;
 font-weight:bold;
 line-height:18px;
 vertical-align:middle;
 color:#000;
}

.article h2#n1 {
 border-bottom: 3px solid #c7173d;
 border-left: 3px solid #c7173d;
 padding-left: 10px; 
}

.article h2#n2 {
 border-bottom: 3px solid #0c7f00;
 border-left: 3px solid #0c7f00;
 padding-left: 10px;
}

.article h2#n3 {
 border-bottom: 3px solid #7e7f00;
 border-left: 3px solid #7e7f00;
 padding-left: 10px;
 clear: both;
} 

h2.subpage {
 border-bottom: 3px solid #ff4500;
 border-left: 3px solid #ff4500;
 padding-left: 10px;
}

.article h3 {
 color: #0a50a1;
 font-size: 16px;
 font-weight: bold;
 margin-top: 16px;
 margin-bottom: 4px;
 padding: 0;
}

p#about {
 border: 2px dotted #ff4500;
 font-size: 14px;
 padding: 10px;
}

p#about a {
 font-size: 14px;
}

#card {
 width: 560px;
 height: 200px;
}

#card1 {
 display: inline;
 background-color: #ffffff;
 border: 1px solid #999999;
 width: 263px;
 height: 198px;
 margin-left: 10px;
 float: left;
}

#card1 img#card1_image {
 width: 100px;
 height: 60px;
 float: left;
 margin: 10px 10px auto 10px;
}

#card2 {
 background-color: #ffffff;
 border: 1px solid #999999;
 width: 263px;
 height: 198px;
 margin-left: 10px;
 float: left;
}

#card2 img#card2_image {
 width: 100px;
 height: 60px;
 float: left;
 margin: 10px 10px auto 10px;
}

h2.card_title {
 background: url(image/card-title.jpg) no-repeat;
 color: #ffffff;
 line-height: 34px;
 margin: 0;
 padding: 0 0 0 10px;
}

.card_d1 {
 width: 263px;
 height: 81px;
 border-bottom: 1px solid #999999;
 margin: 0;
 padding: 0;
}

.card_d1 ul {
 margin-top: 10px;
}

.card_d2 {
 width: 263px;
 height: 82px;
 margin: 0;
 padding: 0;
}

.article p {
 font-size: 16px;
 line-height: 22px;
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 12px;
}

.article ul {
 list-style-position: inside;
 list-style-type: disc;
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 12px;
}

.article p a {
 color: #ff4500;
 font-size: 14px;
 line-height: 16px;
 text-decoration: underline;
}

.article p a:visited {
 color: #800080;
 text-decoration: underline;
}

#menu {
 margin-top: 10px 0 0 0;
 padding: 0;
 height: 370px;
 width: 560px;
 overflow: hidden;
}

#menu ul {
 list-style-type: none;
 list-style-position: inside;
 margin: 0;
 padding-top: 10px;
 padding-left: 10px;
}

#menu ul li {
 text-indent: normal;
}

#menu img {
 display: block;
}

#menubox1 {
 margin-right: 10px;
 margin-bottom: 0;
 padding: 0;
 /*height: 180px;
 width: 180px;*/
 float: left;
}

#menuback1 {
 background-image: url(image/menu-back12.jpg);
 margin: 0;
 padding: 0;
 height: 120px;
 width: 180px;
}

#menubox2 {
 margin-right: 10px;
 margin-bottom: 0;
 padding: 0;
 /*height: 180px;
 width: 180px;*/
 float: left;
}

#menuback2 {
 background-image: url(image/menu-back22.jpg);
 margin: 0;
 padding: 0;
 height: 120px;
 width: 180px;
}

#menubox3{
 margin-bottom: 0;
 padding: 0;
 /*height: 180px;
 width: 180px;*/
 float: left;
}

#menuback3 {
 background-image: url(image/menu-back32.jpg);
 margin: 0;
 padding: 0;
 height: 120px;
 width: 180px;
}

#menubox4 {
 margin-right: 10px;
 padding-top: 10px;
 /*height: 180px;
 width: 180px;*/
 float: left;
}

#menuback4{
 background-image: url(image/menu-back42.jpg);
 margin: 0;
 padding: 0;
 height: 120px;
 width: 180px;
}

#menubox5 {
 margin-right: 10px;
 padding-top: 10px;
 /*height: 180px;
 width: 180px;*/
 float: left;
}

#menuback5 {
 background-image: url(image/menu-back52.jpg);
 margin: 0;
 padding: 0;
 height: 120px;
 width: 180px;
}

#menubox6 {
 padding-top: 10px;
 /*height: 180px;
 width: 180px;*/
 float: left;
}

#menuback6 {
 background-image: url(image/menu-back62.jpg);
 margin: 0;
 padding: 0;
 height: 120px;
 width: 180px;
}

#article-list {
 background-image: url(image/menu-back71.jpg);
 background-repeat: no-repeat;
 background-position: right;
 margin-left: 10px;
 margin-right: 60px;
 widht: 560px;
 height: auto;
}

#article-list2 {
 background-image: url(image/menu-back81.jpg);
 background-repeat: no-repeat;
 background-position: right;
 margin-left: 10px;
 margin-right: 60px;
 widht: 560px;
 height: auto;
}

#article-list3 {
 background-image: url(image/menu-back91.jpg);
 background-repeat: no-repeat;
 background-position: right;
 margin-left: 10px;
 margin-right: 60px;
 widht: 560px;
 height: auto;
}

ul.toppage {
 list-style-type: none;
 list-style-image: url(image/menu-point.jpg);
 list-style-position: inside;
 margin: 0;
 /*padding-left: 10px;
 padding-right: 100px;*/
 line-height: 16px;
}

#money-image img {
 height: 150px;
 width: 230px;
}

#japan-map {
 background-image: url(image/menu-japan.jpg);
 position: relative;
 width: 520px;
 height: 390px;
 margin-top: 20px;
 margin-left: auto;
 margin-right: auto;
}

#japan-map ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#japan-map ul li {
 float: left;
 text-align: center;
 margin-right: 4px;
 margin-bottom: 4px;
 line-height: 14px;
 font-size: 12px;
}

#japan-map ul li a {
 font-size: 12px;
}

#r1 {/*hokkaido touhoku*/
 position: absolute;
 top: 48px;
 left: 282px;
 width: 112px;
 height: 52px;
 overflow: hidden;
}

#r2 {/*kantou*/
 position: absolute;
 top: 310px;
 left: 376px;
 width: 98px;
 height: 50px;
 overflow: hidden;
}

#r3 {/*toukai koushinetsu*/
 position: absolute;
 top: 310px;
 left: 218px;
 width: 98px;
 height: 50px;
 overflow: hidden;
}

#r4 {/*kinki*/
 position: absolute;
 top: 48px;
 left: 152px;
 width: 98px;
 height: 50px;
 overflow: hidden;
}

#r5 {/*tyuugoku sikoku*/
 position: absolute;
 top: 310px;
 left: 40px;
 width: 98px;
 height: 52px;
 overflow: hidden;
}

#r6 {/*kyuusyu okinawa*/
 position: absolute;
 top: 48px;
 left: 20px;
 width: 98px;
 height: 50px;
 overflow: hidden;
}

#navi {
 background-image: url(image/side-menu_back.jpg);
 background-repeat: repeat-y;
 float: left;
 margin: 0 0 0 20px;
 height: 100%;
 width: 200px;
}

#info {
 width: 200px;
 height: 50px;
}

#info ul {
 list-style: none;
 list-style-image: url(image/side-menu_point.jpg);
 list-style-position: inside;
 margin: 0;
 padding-top: 16px;
 padding-left: 20px;
 line-height: 16px;
}

.sidenavi {
}

#sidenavi1 {
 background-image: url(image/side-menu1.jpg);
 width: 200px;
 height: 40px;
 margin-bottom: 10px;
}

#sidenavi2 {
 background-image: url(image/side-menu2.jpg);
 width: 200px;
 height: 40px;
 margin-bottom: 10px;
}

#sidenavi3 {
 background-image: url(image/side-menu3.jpg);
 width: 200px;
 height: 40px;
 margin-bottom: 10px;
}

#sidenavi4 {
 background-image: url(image/side-menu4.jpg);
 width: 200px;
 height: 40px;
 margin-bottom: 10px;
}

#sidenavi5 {
 background-image: url(image/side-menu5.jpg);
 width: 200px;
 height: 40px;
 margin-bottom: 10px;
}

#sidenavi6 {
 background-image: url(image/side-menu6.jpg);
 width: 200px;
 height: 40px;
 margin-bottom: 10px;
}

.sidenavi h2 {
 font-size: 14px;
 margin: 0 20px 5px 20px; 
 padding-top: 2px;
 padding-left: 6px;
}
 
h2#hokkaido {
 border-top: 1px solid #0500cf;
 border-left: 3px solid #0500cf
}

h2#kanto {
 border-top: 1px solid #00b0cf;
 border-left: 3px solid #00b0cf;
}

h2#toukai {
 border-top: 1px solid #00a022;
 border-left: 3px solid #00a022;
}

h2#kinki {
 border-top: 1px solid #4ecf00;
 border-left: 3px solid #4ecf00;
}

h2#tyuugoku {
 border-top: 1px solid #cfab00;
 border-left: 3px solid #cfab00;
}

h2#kyusyu {
 border-top: 1px solid #7f001b;
 border-left: 3px solid #7f001b;
}

.sidenavi select {
 background-color: #ffffff;
 border: 1px solid #999999;
 margin-left: 20px;
 margin-bottom: 12px;
 width: 160px;
}

.sidenavi ul {
 list-style-type: none;
 list-style-image: url(image/side-menu_point.jpg);
 list-style-position: inside;
 margin-top: 10px;
 margin-left: 20px;
 padding: 0;
 line-height: 16px;
}

.sidenavi ul li {
 padding-bottom: 5px;
}

#footer {
 background-image: url(image/footer.jpg);
 margin: 0 10px 10px 10px;
 padding: 0;
 height: 24px;
 width: 790px;
 clear: both;
}

#footer ul {
 list-style: none;
 margin-left:10px;
 font-size: 14px;
 float: left;
}

#footer ul li {
 margin-right: 6px;
 line-height: 24px;
 float: left
}

#footer ul li a {
 color: #FFFFFF;
 font-size: 12px;

}

#footer address {
 color: #FFFFFF;
 font-size: 12px;
 line-height: 24px;
 margin-left: 550px;
}

input, textarea {
  background-color: #e8e8e8;
  border-width: 1px;
}

table, th, td {
 border: 1px solid #000000;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
line-height: 130%;
}

th {
color: #333333;
background-color: #ffff99;
}

#contents table.w500 {
width: 500px;
margin: 0px 0px 0px 25px;
border-width: 1px 1px 1px 1px;
border-color: #999;
border-style: solid;
table-layout :fixed;
font-size:12px;
}


#contents p.syousai{
height:26px;
padding-top:3px;
background: url(img/syousai.gif) no-repeat;
padding-left:55px;
margin-left: 20px;
font-size:14px;

}

ul.table{
              padding-top 10px;
              padding-left: 20px;
              padding-bottom:15px;
}