/*　フッターをページ最下部に固定する　*/

html,body,#wrap {
height:100%;
background-image: url(img/bg-top.jpg);
background-repeat: repeat-x;
background-position: top;
width: 100%;
}

body > #wrap {
height: auto;
min-height: 100%;
}


#main {
padding-bottom: 140px;
background-color: #f2f2f2;
width: 900px;
margin: 0px auto;
}

#bottom {
position: relative;
margin-top: -140px;
height: 140px;
clear: both;
width: 100%;
background-image: url(img/bg-bottom.jpg);
background-repeat: repeat-x;
background-position: bottom;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*　ここまで　*/

body {
margin: 0px auto;
text-align: center;
color: #000000;
font-family: Verdana,Arial,Helvetica,Osaka,sans-serif;
font-size: 90%;
background-color: #ffffff;
}

img {
border: 0;
}

a{
color: #0080ff;
text-decoration: underline;
}

a:hover{
color: #ff0000;
text-decoration: underline;
}



/*　トップページ関連　ここから　*/

#menu {
width: 900px;
margin: 0px auto;
text-align: center;
background-image: url(img/bg-top.jpg);
background-repeat: repeat-x;
height: 60px;
overflow: hidden;
}

.menu10 {
width: 870px;
margin: 0px auto;
margin-left: 15px;
padding-left: 0px;
list-style-type: none;
padding-top: 28px;
}

.menu10 li {
margin: 0px auto;
float: left;
}

.menu11 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/topmenu.jpg);
background-repeat: no-repeat;
background-position: 0px top;
width: 76px;
height: 32px;
text-indent: -3000px;
}

.menu11 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/topmenu.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
width: 76px;
height: 32px;
text-indent: -3000px;
}


.menu12 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/topmenu.jpg);
background-repeat: no-repeat;
background-position: -76px top;
width: 117px;
height: 32px;
text-indent: -3000px;
}

.menu12 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/topmenu.jpg);
background-repeat: no-repeat;
background-position: -76px bottom;
width: 117px;
height: 32px;
text-indent: -3000px;
}

.menu13 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/topmenu.jpg);
background-repeat: no-repeat;
background-position: -193px top;
width: 196px;
height: 32px;
text-indent: -3000px;
}

.menu13 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/topmenu.jpg);
background-repeat: no-repeat;
background-position: -193px bottom;
width: 196px;
height: 32px;
text-indent: -3000px;
}

.menu14 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/topmenu.jpg);
background-repeat: no-repeat;
background-position: -389px top;
width: 87px;
height: 32px;
text-indent: -3000px;
}

.menu14 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/topmenu.jpg);
background-repeat: no-repeat;
background-position: -389px bottom;
width: 87px;
height: 32px;
text-indent: -3000px;
}

.menu15 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/topmenu.jpg);
background-repeat: no-repeat;
background-position: -476px top;
width: 164px;
height: 32px;
text-indent: -3000px;
}

.menu15 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/topmenu.jpg);
background-repeat: no-repeat;
background-position: -476px bottom;
width: 164px;
height: 32px;
text-indent: -3000px;
}

.menu16 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/topmenu.jpg);
background-repeat: no-repeat;
background-position: -640px top;
width: 230px;
height: 32px;
text-indent: -3000px;
}

.menu16 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/topmenu.jpg);
background-repeat: no-repeat;
background-position: -640px bottom;
width: 230px;
height: 32px;
text-indent: -3000px;
}


#head {
clear: both;
width: 900px;
margin: 0px auto;
text-align: center;
}

.head-left {
margin: 0px auto;
float: left;
margin-left: 0px;
width: 400px;
}


.head-right {
margin: 0px auto;
float: right;
width: 500px;
margin-right: 0px;
background-color: #f2f2f2;
text-align: right;
background-image: url(img/head-right-bg.jpg);
background-repeat: no-repeat;
background-position: right top;
}

.new {
clear: both;
margin: 0px auto;
width: 400px;
background-image: url(img/news-bg.jpg);
background-repeat: no-repeat;
text-align: center;
padding-top: 50px;
padding-bottom: 15px;
}

.new-body {
margin: 0px auto;
width: 370px;
height: 168px;
overflow: auto;
}

.new-body table {
margin: 0px auto;
width: 95%;
border-collapse: collapse;
font-size: 100%;
color: #ffffff;
}

.new-body table th {
padding-top: 5px;
vertical-align: top;
line-height: 130%;
width: 28%;
text-align: left;
font-weight: normal;
}

.new-body table td {
padding-top: 5px;
vertical-align: top;
line-height: 130%;
text-align: left;
padding-right: 5px;
}

.Ptopnews {
margin: 0px auto;
padding-top: 5px;
text-align: left;
color: #ffffff;
width: 95%;
line-height: 120%;
}

.Ptopnews a {
color: #ffffff;
text-decoration: none;
}

.Ptopnews a:hover {
color: #ffffff;
text-decoration: underline;
}

h1 {
clear: both;
margin: 0px auto;
width: 440px;
background-image: url(img/h1.gif);
background-repeat: no-repeat;
height: 20px;
text-align: left;
text-indent: -3000px;
margin-top: 14px;
margin-right: 24px;
font-size: 1px;
}

.tel {
margin: 0px auto;
width: 312px;
background-image: url(img/tel.gif);
background-repeat: no-repeat;
height: 23px;
text-align: left;
text-indent: -3000px;
font-size: 1px;
margin-top: 10px;
margin-right: 24px;
}


.topflash{
margin: 0px auto;
width: 500px;
margin-top: 3px;
}


.top-contents {
clear: both;
margin: 0px auto;
width: 900px;
background-color: #f2f2f2;
overflow: auto;
padding-top: 20px;
text-align: center;
}




.top-area {
float: left;
margin: 0px auto;
margin-top: 6px;
margin-left: 7px;
width: 290px;
background-image: url(img/top-area-bg.gif);
background-repeat: no-repeat;
height: 225px;
text-align: left;
overflow: hidden;
}

.top-area img {
float: left;
}

.top-area_p {
clear: both;
margin: 0px auto;
width: 260px;
margin-left: 15px;
text-align: left;
line-height: 130%;
margin-top: 10px;
height: 110px;
}

.top-area_b1 {
margin: 0px auto;
display: block;
width: 270px;
text-align: left;
margin-top: 3px;
margin-left: 5px;
background-image: url(img/b01_off.jpg);
background-repeat: no-repeat;
background-position: right top;
color: #000000;
text-decoration: none;
padding-top: 40px;
padding-bottom: 6px;
}

.top-area_b1:hover {
margin: 0px auto;
display: block;
width: 270px;
text-align: left;
margin-top: 3px;
margin-left: 5px;
background-image: url(img/b01_on.jpg);
background-repeat: no-repeat;
background-position: right top;
color: #0080ff;
text-decoration: underline;
padding-top: 40px;
padding-bottom: 6px;
}

.top-area_b2 {
margin: 0px auto;
display: block;
width: 270px;
text-align: left;
margin-top: 3px;
margin-left: 5px;
background-image: url(img/b02_off.jpg);
background-repeat: no-repeat;
background-position: right top;
color: #000000;
text-decoration: none;
padding-top: 40px;
padding-bottom: 6px;
}

.top-area_b2:hover {
margin: 0px auto;
display: block;
width: 270px;
text-align: left;
margin-top: 3px;
margin-left: 5px;
background-image: url(img/b02_on.jpg);
background-repeat: no-repeat;
background-position: right top;
color: #0080ff;
text-decoration: underline;
padding-top: 40px;
padding-bottom: 6px;
}

.top-area_b3 {
margin: 0px auto;
display: block;
width: 270px;
text-align: left;
margin-top: 3px;
margin-left: 5px;
background-image: url(img/b03_off.jpg);
background-repeat: no-repeat;
background-position: right top;
color: #000000;
text-decoration: none;
padding-top: 40px;
padding-bottom: 6px;
}

.top-area_b3:hover {
margin: 0px auto;
display: block;
width: 270px;
text-align: left;
margin-top: 3px;
margin-left: 5px;
background-image: url(img/b03_on.jpg);
background-repeat: no-repeat;
background-position: right top;
color: #0080ff;
text-decoration: underline;
padding-top: 40px;
padding-bottom: 6px;
}



/* フッター部　*/

.footer {
clear: both;
margin: 0px auto;
width: 900px;
background-image: url(img/footer-bg.gif);
background-repeat: no-repeat;
height: 100px;
}


.foot-name {
clear: both;
margin: 0px auto;
width: 900px;
text-align: center;
padding-top: 10px;
}

#menu2 {
width: 886px;
margin: 0px auto;
text-align: center;
padding-top: 3px;
}

.menu20 {
margin: 0px auto;
margin-left: 0;
padding-left: 0px;
list-style-type: none;
}

.menu20 li {
margin: 0px auto;
float: left;
}

.menu21 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/footmenu.jpg);
background-repeat: no-repeat;
background-position: 0px top;
width: 111px;
height: 63px;
text-indent: -3000px;
}

.menu21 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/footmenu.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
width: 111px;
height: 63px;
text-indent: -3000px;
}


.menu22 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/footmenu.jpg);
background-repeat: no-repeat;
background-position: -111px top;
width: 109px;
height: 63px;
text-indent: -3000px;
}

.menu22 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/footmenu.jpg);
background-repeat: no-repeat;
background-position: -111px bottom;
width: 109px;
height: 63px;
text-indent: -3000px;
}

.menu23 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/footmenu.jpg);
background-repeat: no-repeat;
background-position: -220px top;
width: 183px;
height: 63px;
text-indent: -3000px;
}

.menu23 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/footmenu.jpg);
background-repeat: no-repeat;
background-position: -220px bottom;
width: 183px;
height: 63px;
text-indent: -3000px;
}

.menu24 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/footmenu.jpg);
background-repeat: no-repeat;
background-position: -403px top;
width: 84px;
height: 63px;
text-indent: -3000px;
}

.menu24 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/footmenu.jpg);
background-repeat: no-repeat;
background-position: -403px bottom;
width: 84px;
height: 63px;
text-indent: -3000px;
}

.menu25 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/footmenu.jpg);
background-repeat: no-repeat;
background-position: -487px top;
width: 152px;
height: 63px;
text-indent: -3000px;
}

.menu25 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/footmenu.jpg);
background-repeat: no-repeat;
background-position: -487px bottom;
width: 152px;
height: 63px;
text-indent: -3000px;
}

.menu26 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/footmenu.jpg);
background-repeat: no-repeat;
background-position: -639px top;
width: 247px;
height: 63px;
text-indent: -3000px;
}

.menu26 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/footmenu.jpg);
background-repeat: no-repeat;
background-position: -639px bottom;
width: 247px;
height: 63px;
text-indent: -3000px;
}


.copy {
margin: 0px auto;
width: 900px;
text-align: center;
color: #ffffff;
font-size: 90%;
padding-top: 8px;
}


/* 下層ページここから　*/


.title {
margin: 0px auto;
width: 500px;
text-align: center;
background-image: url(img/sub-right.jpg);
background-repeat: no-repeat;
font-size: 130%;
/*height: 74px;*/
margin-top: 3px;
padding-top: 40px;
padding-bottom: 10px;
}


.common-p {
margin: 0px auto;
width: 680px;
line-height: 150%;
text-align: left;
margin-top: 15px;
}

.p-policy {
margin: 0px auto;
margin-top: 15px;
width: 600px;
line-height: 130%;
text-align: left;
padding-left: 15px;
}

.p-policy li {
margin: 0px auto;
margin-top: 10px;
line-height: 130%;
}

.p-ps {
margin: 0px auto;
margin-top: 15px;
width: 600px;
line-height: 130%;
text-align: right;
}


.p-ps a {
color: #000000;
text-decoration: none;
}

.p-ps a:hover {
color: #0080ff;
text-decoration: underline;
}


.komidashi {
margin: 0px auto;
width: 680px;
text-align: left;
background-image: url(img/komidashi-bg.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
color: #18264d;
font-weight: bold;
margin-top: 20px;
}


.common-ul {
margin: 0px auto;
margin-top: 5px;
width: 600px;
line-height: 130%;
text-align: left;
padding-left: 20px;
}

.common-ul li {
margin: 0px auto;
margin-top: 5px;
line-height: 130%;
}


.profile {
margin: 0px auto;
width: 600px;
border-collapse: collapse;
font-size: 100%;
border: 1px solid #777777;
}

.profile a {
color: #000000;
text-decoration: none;
}

.profile a:hover {
color: #0080ff;
text-decoration: underline;
}


.profile th {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
vertical-align: top;
line-height: 130%;
width: 28%;
text-align: left;
font-weight: normal;
border: 1px solid #777777;
background-color: #dbdbdb;
}

.profile td {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 5px;
vertical-align: top;
line-height: 130%;
text-align: left;
border: 1px solid #777777;
}

.member {
clear: both;
margin: 0px auto;
width: 620px;
margin-top: 10px;
border-bottom: 1px dotted #383349;
padding-bottom: 10px;
overflow: auto;
}

.member p {
margin: 0px auto;
width: 420px;
text-align: left;
line-height: 130%;
}

.member img {
margin: 0px auto;
margin-left: 5px;
margin-right: 5px;
}


.toiawaseform {
margin: 0px auto;
width: 600px;
border-collapse: collapse;
font-size: 100%;
border: 1px solid #777777;
}

.toiawaseform th {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
vertical-align: top;
line-height: 130%;
width: 28%;
text-align: left;
font-weight: normal;
border: 1px solid #777777;
background-color: #dbdbdb;
}

.toiawaseform td {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 5px;
vertical-align: top;
line-height: 130%;
text-align: left;
border: 1px solid #777777;
}

.hissu {
color: red;
}


.point {
margin: 0px auto;
margin-top: 5px;
width: 800px;
line-height: 130%;
text-align: left;
list-style-type: none;
font-size: 180%;
/*font-style: oblique;*/
}

.point li {
margin: 0px auto;
margin-top: 20px;
line-height: 130%;
border-left: 6px solid #383349;
padding-left: 10px;
}