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

html,body,#wrap {
height:100%;
}

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


#main {
padding-bottom: 72px;
margin: 0px auto;
}

#bottom {
position: relative;
margin-top: -72px;
height: 72px;
clear: both;
width: 100%;
background-image: url(img/footer-bg.gif);
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;
background-color: #ffffff;
text-align: center;
color: #333333;
font-family: 'ＭＳ Ｐゴシック',Osaka,Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
}

img {
border: 0;
}

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

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

.f-small {
font-size: 10px;
}

.f-century {
font-family: 'Century Gothic',Osaka,Verdana,Arial,Helvetica;
}

.f-water {
color: #2bbcfc;
}

.f-red {
color: red;
}

.float-l {
float: left;
margin: 0px auto;
margin-left: 0px;
}

.float-r {
float: right;
margin: 0px auto;
margin-right: 0px;
}


#head {
width: 760px;
margin: 0px auto;
padding-top: 15px;
}

#head-left {
margin: 0px auto;
float: left;
width: 400px;
padding-left: 10px;

padding-bottom: 7px;
}


#head-right {
margin: 0px auto;
float: right;
width: 330px;
text-align: right;
padding-right: 10px;
padding-top: 20px;
}


#head-right a {
margin: 0px auto;
color: #333333;
text-decoration: none;
font-size: 13px;
border-left: 1px solid #727172;
padding-left: 5px;
margin-right: 5px;
}

#head-right a:hover {
margin: 0px auto;
color: #ff0000;
text-decoration: underline;
font-size: 13px;
border-left: 1px solid #ff0000;
padding-left: 5px;
margin-right: 5px;
}

.menu {
clear: both;
background-color: #0B0E0C;
width: 100%;
margin: 0px auto;
text-align: center;
}

.menu p {
width: 760px;
margin: 0px auto;
text-align: center;
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
}

.menu a {
margin: 0px auto;
color: #ffffff;
text-decoration: none;
padding-top: 2px;
padding-bottom: 1px;
padding-left: 7px;
border-left: 1px solid #ffffff;
margin-right: 12px;
letter-spacing: 1px;
}

.menu a:hover {
margin: 0px auto;
color: #ff0000;
text-decoration: none;
padding-top: 2px;
padding-bottom: 1px;
padding-left: 7px;
border-left: 1px solid #ffffff;
margin-right: 12px;
letter-spacing: 1px;
}



.top-photo {
width: 760px;
margin: 0px auto;
}


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


.top-left {
margin: 0px auto;
float: left;
margin-left: 0px;
width: 455px;
text-align: center;
padding-top: 15px;
padding-bottom: 10px;
}

.top-news_area {
clear: both;
margin: 0px auto;
width: 95%;
height: 114px;
overflow: auto;
}

.top-news {
margin: 0px auto;
font-size: 13px;
width: 95%;
border-collapse: collapse;
}

.top-news th {
text-align: left;
font-weight: normal;
width: 15%;
padding-top: 5px;
vertical-align: top;
}

.top-news td {
text-align: left;
font-weight: normal;
padding-top: 5px;
vertical-align: top;
}

.top-news a {
color: #333333;
text-decoration: underline;
}

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

.top-partner {
margin: 0px auto;
background-image: url(img/top-partner.jpg);
background-repeat: no-repeat;
width: 450px;
text-align: center;
}

.top-partner p {
margin: 0px auto;
text-align: left;
width: 360px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}

.top-partner p a {
margin: 0px auto;
text-align: left;
width: 360px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
display: block;
}

.top-partner p a:hover {
margin: 0px auto;
text-align: left;
width: 360px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
font-weight: bold;
color: #000000;
text-decoration: underline;
}

.top-right {
margin: 0px auto;
float: right;
margin-right: 0px;
width: 300px;
text-align: center;
padding-top: 15px;
padding-bottom: 10px;
overflow: hidden;
}

.top-b01 {
margin: 0px auto;
display: block;
width: 300px;
height: 45px;
background-image: url(img/top-b01_off.gif);
background-repeat: no-repeat;
text-indent: -2000px;
}

.top-b01:hover {
margin: 0px auto;
display: block;
width: 300px;
height: 45px;
background-image: url(img/top-b01_on.gif);
background-repeat: no-repeat;
text-indent: -2000px;
}

.top-b02 {
margin: 0px auto;
margin-top: 10px;
display: block;
width: 300px;
height: 45px;
background-image: url(img/top-b02_off.gif);
background-repeat: no-repeat;
text-indent: -2000px;
}

.top-b02:hover {
margin: 0px auto;
margin-top: 10px;
display: block;
width: 300px;
height: 45px;
background-image: url(img/top-b02_on.gif);
background-repeat: no-repeat;
text-indent: -2000px;
}

.top-b03 {
margin: 0px auto;
margin-top: 10px;
display: block;
width: 300px;
height: 45px;
background-image: url(img/top-b03_off.gif);
background-repeat: no-repeat;
text-indent: -2000px;
}

.top-b03:hover {
margin: 0px auto;
margin-top: 10px;
display: block;
width: 300px;
height: 45px;
background-image: url(img/top-b03_on.gif);
background-repeat: no-repeat;
text-indent: -2000px;
}

.top-b04 {
margin: 0px auto;
margin-top: 10px;
display: block;
width: 300px;
height: 45px;
background-image: url(img/top-b04_off.gif);
background-repeat: no-repeat;
text-indent: -2000px;
}

.top-b04:hover {
margin: 0px auto;
margin-top: 10px;
display: block;
width: 300px;
height: 45px;
background-image: url(img/top-b04_on.gif);
background-repeat: no-repeat;
text-indent: -2000px;
}


.footnavi {
width: 760px;
text-align: right;
margin: 0px auto;
font-size: 13px;
padding-top: 10px;
padding-bottom: 10px;
}

.footnavi a {
margin: 0px auto;
color: #ffffff;
text-decoration: none;
font-size: 12px;
border-left: 1px solid #ffffff;
padding-left: 5px;
margin-right: 5px;
}

.footnavi a:hover {
margin: 0px auto;
color: #ff0000;
text-decoration: underline;
font-size: 12px;
border-left: 1px solid #ffffff;
padding-left: 5px;
margin-right: 5px;
}

.copy {
margin: 0px auto;
padding-top: 5px;
color: #333333;
text-align: right;
font-size: 13px;
width: 760px;
font-family: 'Century Gothic',Osaka,Verdana,Arial,Helvetica;
}

/* トップページここまで */

.news-side {
margin: 0px auto;
float: left;
width: 200px;
text-align: left;
padding-top: 25px;
font-family: Verdana,'ＭＳ Ｐゴシック',Osaka,Arial,Helvetica,sans-serif;
font-size: 90%;
}

.news-main {
margin: 0px auto;
float: right;
width: 560px;
text-align: center;
padding-top: 25px;

}

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

.backnumber li {
margin: 0px auto;
margin-top: 5px;
border-bottom: 1px dotted #cccccc;
}

.backnumber li a {
margin: 0px auto;
display: block;
width: 95%;
padding-top: 2px;
padding-bottom: 2px;
backgtound-color: #ffffff;
color: #333333;
text-decoration: none;
padding-left: 10px;
}

.backnumber li a:hover {
margin: 0px auto;
display: block;
width: 95%;
padding-top: 2px;
padding-bottom: 2px;
background-color: #CC10AF;
color: #ffffff;
text-decoration: none;
padding-left: 10px;
}

.news-box {
clear: both;
margin: 0px auto;
width: 545px;
background-image: url(img/info-bg.gif);
/*background-color: #F9F9F9;*/
border: 1px solid #eaeaea;
height: 520px;
overflow: auto;
}

.news-entry {
clear:both;
margin: 0px auto;
margin-top: 20px;
text-align: center;
width: 100%;
}

.news-day {
margin: 0px auto;
text-align: left;
width: 520px;
font-family: Verdana,'ＭＳ Ｐゴシック',Osaka,Arial,Helvetica,sans-serif;
font-size: 13px;
}

.news-title {
margin: 0px auto;
padding-top: 10px;
text-align: left;
width: 500px;
font-size: 14px;
color: #2255A4;
}

.news-body {
margin: 0px auto;
padding-top: 10px;
text-align: left;
width: 500px;
font-size: 13px;
line-height: 150%;
}

.news-body p {
margin: 0px auto;
text-align: left;
width: 500px;
font-size: 13px;
line-height: 150%;
}

.catenavi {
clear: both;
margin: 0px auto;
width: 740px;
text-align: right;
}

.catenavi p {
margin: 0px auto;
width: 380px;
text-align: left;
margin-right: 0px;
}

.catenavi a {
margin: 0px auto;

background-image: url(img/curl-icon.jpg);
background-repeat: no-repeat;
background-position: left center;
color: #333333;
text-decoration: none;
float:left;
text-align: left;
padding-left: 35px;
padding-right: 15px;
padding-top: 12px;
padding-bottom: 12px;
}

.catenavi a:hover {
margin: 0px auto;

background-image: url(img/curl-icon.jpg);
background-repeat: no-repeat;
background-position: left center;
color: #0080ff;
text-decoration: undeline;
float:left;
text-align: left;
padding-left: 35px;
padding-right: 15px;
padding-top: 12px;
padding-bottom: 12px;
}

.entry760 {
margin: 0px auto;
text-align: center;
font-size: 90%;
width: 760px;
}

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

.voice-bg {
clear: both;
margin: 0px auto;
width: 720px;
background-color: #fff7f7;
padding-top: 5px;
padding-bottom: 30px;
margin-bottom: 30px;
}

.voice-t {
margin: 0px auto;
width: 680px;
text-align: left;
margin-top: 25px;
font-weight: bold;
font-size: 100%;
color: #ffc215;
}

.voice-b {
margin: 0px auto;
width: 680px;
text-align: left;
font-size: 90%;
color: #808080;
}

.voice-b p {
margin: 0px auto;
width: 680px;
text-align: left;
margin-top: 5px;
line-height: 130%;
}




.faq-bg {
clear: both;
margin: 0px auto;
width: 720px;
background-color: #f4f9f9;
padding-top: 5px;
padding-bottom: 30px;
margin-bottom: 30px;
}

.faq-t {
margin: 0px auto;
width: 680px;
text-align: left;
margin-top: 25px;
font-weight: bold;
font-size: 100%;
color: #53a7a3;
}

.faq-b {
margin: 0px auto;
width: 680px;
text-align: left;
font-size: 90%;
color: #808080;
}

.faq-b p {
margin: 0px auto;
width: 680px;
text-align: left;
margin-top: 5px;
line-height: 130%;
}



.partner-navi {
margin:5px auto;
font-size: 90%;
width: 700px;
text-align: right;
}

.partner-navi  a {
margin-right: 10px;
text-decoration: none;
color: #333333;
background-image: url(img/p-navi_off.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 5px;
}

.partner-navi  a:hover {
margin-right: 10px;
text-decoration: underline;
color: #0080ff;
background-image: url(img/p-navi_on.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 5px;
}


.partner-divi {
margin: 0px auto;
margin-top: 25px;
text-align: left;
font-size: 120%;
font-weight: bold;
width: 95%;
}


.partner {
margin: 0px auto;
font-size: 90%;
width: 95%;
border-collapse: collapse;
border: 1px solid #cccccc;
}

.partner th {
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #cccccc;
background-color: #efefef;
}


.partner01 {
width: 28%;
text-align: left;
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border: 1px solid #cccccc;
}

.partner02 {
width: 50%;
text-align: left;
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border: 1px solid #cccccc;
}

.partner03 {
width: 16%;
text-align: left;
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border: 1px solid #cccccc;
}

.partner04 {
text-align: center;
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #cccccc;
}


.p-home {
margin: 0px auto;
display: block;
text-decoration: none;
font-size: 5px;
background-image: url(img/p-home_off.gif);
background-repeat: no-repeat;
background-position: center center;
width: 13px;
height: 12px;
text-indent: -3000px;
}

.p-home:hover {
margin: 0px auto;
text-decoration: none;
font-size: 5px;
background-image: url(img/p-home_on.gif);
background-repeat: no-repeat;
background-position: center center;
width: 13px;
height: 12px;
text-indent: -3000px;
}

/* 会社案内ページ　*/

.entry-title_text {
margin: 0px auto;
margin-top: 20px;
text-align: left;
width: 700px;
border-bottom: 2px solid #c0c0c0;
padding-bottom: 2px;
overflow: auto;
}

.entry-body {
clear: both;
margin: 0px auto;
width: 690px;
text-align: left;
font-size: 13px;
line-height: 150%;
padding-top: 10px;
padding-bottom: 15px;
}

.entry-body table {
margin: 0px auto;
text-align: left;
font-size: 13px;
line-height: 150%;
margin-top: 15px;
margin-bottom: 15px;
}

.entry-body table  td{
margin: 0px auto;
text-align: left;
font-size: 13px;
line-height: 150%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
}


.year {
width: 18%;
vertical-align: top;
font-size: 11px;
padding-left: 10px;
padding-top: 15px;
}

.year2 {

font-size: 11px;
padding-left: 10px;
padding-top: 15px;
}

/*　問合せページ */

.entry-title_toiawase {
margin: 0px auto;
margin-top: 20px;
text-align: left;
width: 620px;
border-bottom: 1px dotted #c0c0c0;
padding-bottom: 1px;
}

.entry-title_toiawase img {
margin-left: 10px;
}

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

.koumoku {
vertical-align: middle;
border: 1px solid #cccccc;
background-color: #EAF6FD;
}

.koumoku2 {
vertical-align: top;
width: 28%;
text-align: left;
border: 1px solid #cccccc;
}

.koumoku3 {
vertical-align: top;
text-align: left;
border: 1px solid #cccccc;
}

.nyuryoku {
text-align: left;
vertical-align: middle;
border: 1px solid #cccccc;
padding-top: 5px;
padding-bottom: 5px;
line-height: 125%;
}

.hissu {
color: #ff0000;
font-size:10px;
}

.sitemap {
margin: 0px auto;
width: 300px;
text-align: left;
list-style-type: none;
}

.sitemap li {
margin: 0px auto;
margin-top: 10px;
}

.sitemap a {
margin: 0px auto;
display: block;
text-decoration: none;
background-image: url(img/sm_a.jpg);
background-repeat: no-repeat;
background-position: left center;
width: 100%;
text-decoration: none;
color: #2255a4;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
}

.sitemap a:hover {
margin: 0px auto;
display: block;
text-decoration: none;
background-image: url(img/sm_h.jpg);
background-repeat: no-repeat;
background-position: left center;
width: 100%;
text-decoration: underline;
color: #ff0000;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
}



.sitemap2 {
margin: 0px auto;
width: 250px;
text-align: left;
list-style-type: none;
}

.sitemap2 li {
margin: 0px auto;
margin-top: 10px;
}


dl.access-time {
margin: 0px auto;
width: 85%;
text-align: left;
font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
margin-top: 10px;
}

dl.access-time dt {
  clear: left;
  float: left;
  width: 5em;
  padding: 6px 0.5em;
}

.access-dd01 {
  margin-left: 0;
  padding: 4px 0.5em 8px 5.5em;
}

.access-dd02 {
  margin-left: 0;
  padding: 6px 0.5em 6px 5.5em;
}


.f-ms {
font-family: 'ＭＳ ゴシック',sans-serif;
}

.tool-td01 {
padding-left: 5px;
vertical-align: top;
width: 207px;
line-height: 130%;
padding-top: 25px;
text-align: left;
}

.tool-title {
color: #002060;
font-size: 16px;
}

.tool-body {
font-size: 14px;
}

input {
background-color:transparent;
}

textarea {
background-color:transparent;
}