@charset "utf-8";
/* CSS Document */
body, textarea {
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
input, select {
font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
}
body {
top:0;
left:0;
margin:0;
padding:0;
background:url(../img/base/bg.jpg) repeat-x 0 0;
}
a {
color:#0066CC;
text-decoration:none;
outline:none;
}
a:hover {
color:#FF9900;
}
img {
border:none;
}
p {
margin:5px 0 20px 0;
font-size:0.85em;
line-height:170%;
color:#333333;
}
li {
font-size:0.85em;
line-height:150%;
color:#333333;
}
span.text-large {
font-size:1.4em;
font-weight:bold;
}
span.text-underline {
border-bottom:#FF0000 dotted 1px;
}
p.text-large {
font-size:1.2em;
font-weight:bold;
}
p.text-underline {
border-bottom:#FF0000 dotted 1px;
}

/* 共通
-----------------------------------*/
p.pageup {
clear:both;
text-align:right;
margin:20px 0 0 0;
font-size:0.8em;
}
p.pageup a {
color:#660000;
}
p.pageup a:hover {
color:#FF9900;
}


p.pankuzu {
clear:both;
margin:10px 20px 5px 20px;
font-size:0.8em;
color:#666666;
font-weight:bold;
}
p.pankuzu a {
color:#666666;
font-size:0.75em;
font-weight:normal;
text-decoration:underline;
}
p.pankuzu a:hover {
color:#CCCCCC;
text-decoration:none;
}

p.backto {
clear:both;
margin:10px 0;
padding:2px 0 2px 20px;
font-size:1.0em;
background:url(../img/pub/backto.jpg) no-repeat left center;
}
p.continue {
clear:both;
float:right;
margin:0 20px 0 0;
padding:2px 0 2px 20px;
background:url(../img/pub/icon-g.jpg) no-repeat left center;
}
.waku-mojiaka {
margin:10px;
padding:5px 20px;
border:#666666 solid 1px;
font-size:1.2em;
}

span.red {
color:#FF0000;
}

/* 構造
-----------------------------------*/
.container {
position:relative;
width:1000px;
margin:0 auto;
background:#FFFFFF;
}
.container-bg {
position:relative;
width:1000px;
margin:0 auto;
background:url(../img/base/container-bg.jpg) no-repeat 0 0;
}
.header {
clear:both;
position:relative;
width:1000px;
margin:0;
padding:0;
background:url(../img/base/header-bg.gif) no-repeat 0 0;
overflow: hidden;
}
.header:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .header {
    height: 1em;
    overflow: visible;
}
/**/
.main {
clear:both;
position:relative;
width:800px;
margin:0 auto;
padding:0;
background:#FFFFFF;
overflow: hidden;
}
.main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .main {
    height: 1em;
    overflow: visible;
}
/**/
.main-in {
clear:both;
position:relative;
width:720px;
margin:0 auto 50px auto;
}

/* 最上部
-----------------------------------*/
.header-left {
float:left;
width:250px;
margin:0 0 0 120px;
}
.header-right {
float:right;
width:550px;
position:relative;
}
.header-left h1 {
width:250px;
height:40px;
margin:0;
padding:0;
background:url(../img/base/logo.gif) no-repeat 0 0;
text-indent:-9998em;
}
.header-left h1 a {
width:250px;
height:40px;
margin:0;
padding:0;
background:url(../img/base/logo.gif) no-repeat 0 0;
text-indent:-9998em;
display:block;
text-decoration:none;
}
.header-left .tel {
clear:both;
margin:0 0 0 10px;
width:223px;
height:73px;
background:url(../img/base/tel.gif) no-repeat 0 0;
text-indent:-9998em;
}
.header-left .tel a {
clear:both;
margin:0;
width:223px;
height:73px;
background:url(../img/base/tel.gif) no-repeat 0 0;
text-indent:-9998em;
display:block;
text-decoration:none;
}
.header-right p.btn-map {
width:61px;
height:24px;
margin:10px 0 0 40px;
padding:0;
background:url(../img/base/btn-map.jpg) no-repeat 0 0;
text-indent:-9998em;
}
.header-right p.btn-map a {
width:61px;
height:24px;
margin:0;
padding:0;
background:url(../img/base/btn-map.jpg) no-repeat 0 0;
text-indent:-9998em;
text-decoration:none;
display:block;
}
.header-right p.btn-map a:hover {
background:url(../img/base/btn-map.jpg) no-repeat 0 -24px;
}


/* 最下部
-----------------------------------*/
.footer {
width:1000px;
height:200px;
margin:0 auto;
background:url(../img/base/footer.jpg) no-repeat 0 0;
}
.footer-right {
clear:both;
float:right;
position:relative;
width:500px;
}
.address {
float:right;
width:350px;
margin:0;
}
.address p {
margin:5px 0;
padding:0;
font-size:0.8em;
color:#666666;
line-height:120%;
}
/* ナビ
-----------------------------------*/
.navi {
clear:both;
position:relative;
width:482px;
margin:15px auto 0 auto;
padding:0;
overflow: hidden;
}
.navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .navi {
    height: 1em;
    overflow: visible;
}
/**/
.navi ul {
margin:0;
padding:0;
list-style:none;
}
.navi li {
float:left;
width:120px;
height:45px;
margin:0;
padding:0;
text-indent:-9998em;
}
.navi li a {
width:120px;
height:45px;
margin:0;
padding:0;
display:block;
}
.navi li.n1 {
background:url(../img/base/navi.jpg) no-repeat 0 0;
}
.navi li.n1 a {
background:url(../img/base/navi.jpg) no-repeat 0 0;
}
.navi li.n1 a:hover {
background:url(../img/base/navi.jpg) no-repeat 0 -45px;
}
.navi li.n2 {
background:url(../img/base/navi.jpg) no-repeat -120px 0;
}
.navi li.n2 a {
background:url(../img/base/navi.jpg) no-repeat -120px 0;
}
.navi li.n2 a:hover {
background:url(../img/base/navi.jpg) no-repeat -120px -45px;
}
.navi li.n3 {
background:url(../img/base/navi.jpg) no-repeat -240px 0;
}
.navi li.n3 a {
background:url(../img/base/navi.jpg) no-repeat -240px 0;
}
.navi li.n3 a:hover {
background:url(../img/base/navi.jpg) no-repeat -240px -45px;
}
.navi li.n4 {
background:url(../img/base/navi.jpg) no-repeat -360px 0;
}
.navi li.n4 a {
background:url(../img/base/navi.jpg) no-repeat -360px 0;
}
.navi li.n4 a:hover {
background:url(../img/base/navi.jpg) no-repeat -360px -45px;
}
/* フッターナビ
-----------------------------------*/
.navi-footer {
clear:both;
position:relative;
float:right;
width:211px;
margin:20px 150px 0 0;
padding:0;
overflow: hidden;
}
.navi-footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .navi-footer {
    height: 1em;
    overflow: visible;
}
/**/
.navi-footer ul {
margin:0;
padding:0;
list-style:none;
}
.navi-footer li {
width:211px;
height:43px;
margin:0;
padding:0;
text-indent:-9998em;
}
.navi-footer li a {
width:211px;
height:43px;
margin:0;
padding:0;
display:block;
}
.navi-footer li.nf1 {
background:url(../img/index/navi.jpg) no-repeat 0 0;
}
.navi-footer li.nf1 a {
background:url(../img/index/navi.jpg) no-repeat 0 0;
}
.navi-footer li.nf1 a:hover {
background:url(../img/index/navi.jpg) no-repeat -211px 0;
}
.navi-footer li.nf2 {
background:url(../img/index/navi.jpg) no-repeat 0px -43px;
}
.navi-footer li.nf2 a {
background:url(../img/index/navi.jpg) no-repeat 0px -43px;
}
.navi-footer li.nf2 a:hover {
background:url(../img/index/navi.jpg) no-repeat -211px -43px;
}
.navi-footer li.nf3 {
background:url(../img/index/navi.jpg) no-repeat 0px -86px;
}
.navi-footer li.nf3 a {
background:url(../img/index/navi.jpg) no-repeat 0px -86px;
}
.navi-footer li.nf3 a:hover {
background:url(../img/index/navi.jpg) no-repeat -211px -86px;
}
.navi-footer li.nf4 {
background:url(../img/index/navi.jpg) no-repeat 0px -129px;
}
.navi-footer li.nf4 a {
background:url(../img/index/navi.jpg) no-repeat 0px -129px;
}
.navi-footer li.nf4 a:hover {
background:url(../img/index/navi.jpg) no-repeat -211px -129px;
}
.navi-footer p.btn-map {
width:61px;
height:24px;
margin:10px 0 0 20px;
padding:0;
background:url(../img/base/btn-map.jpg) no-repeat 0 0;
text-indent:-9998em;
}
.navi-footer p.btn-map a {
width:61px;
height:24px;
margin:0;
padding:0;
background:url(../img/base/btn-map.jpg) no-repeat 0 0;
text-indent:-9998em;
text-decoration:none;
display:block;
}
.navi-footer p.btn-map a:hover {
background:url(../img/base/btn-map.jpg) no-repeat 0 -24px;
}
