@charset "utf-8";
/* =================================================================
* Author : ono
* Date : 2013-11-05
* Licensing : e-trust co.,ltd.
* ================================================================= */
/*
基本設定E冁E記述
*/
/* ----------------------------------------------------------
Reset
---------------------------------------------------------- */
* {
/*word-break: break-all;*/
}
a img {
border: none;
}
p, ul, li, ol, h1, h2, h3, h4, h5, h6, hr, dl, dt, dd, pre {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
address {
font-style: normal;
}
br {
letter-spacing: 0;
}
/* ----------------------------------------------------------
Bxi Reset
---------------------------------------------------------- */
#smap {
padding: 0;
}
#smap p {
margin: 0 0 30px;
padding-left: 15px;
border-left: 5px solid #88BF0B;
}
.policy h3 {
margin-bottom: 10px;
}
.policy p {
margin-bottom: 20px;
}
.end {
display: none;
}
.bannar {
margin: 0;
padding: 0;
}
/* link setting */
a {
text-decoration: none;
}
a:link,
a:visited {
color: #FF6600;
text-decoration: underline;
}
a:active, a:hover {
color: #be4c00;
}
/* ----------------------------------------------------------
Layout Structure
---------------------------------------------------------- */
body {
min-width: 1000px;
line-height: 1.6;
font-family: 'メイリオ','Meiryo','EE EゴシチE','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
-webkit-text-size-adjust: 100%;
position: relative;
font-size: 14px;
color: #330000;
background: url(image/common/bg.png) repeat left top;
}
#wrapper {
width: 100%;
}
#header {
width: 100%;
}
#contents {
margin: 0 auto;
padding: 35px 0;
position: relative;
width: 1000px;
}
#footermenu {
width: 100%;
}
#footer {
display: none;
}
.inner {
width: 1000px;
text-align: center;
margin: 0 auto;
}
/* ----------------------------------------------------------
Header
---------------------------------------------------------- */
#headerinner {
background: url(image/common/header_bg.png) repeat-x left top;
padding: 4px 0 10px;
}
#headerinner a {
text-decoration: none;
color: #333333;
}
#headerinner a:hover {
color: #cccccc;
}
h1{
font-size: 12px;
font-weight: normal;
padding: 2px 0;
}
.primary {
padding: 2px 0;
}
#headerinner .inner {
text-align: right;
}
#logo {
margin: 10px 0;
}
.hbnr {
margin: 10px 0 10px 15px;
}
/* メイン画僁E*/
#mainArea {
display: none;
}
/* ----------------------------------------------------------
gnavi
---------------------------------------------------------- */
#gnavi {
height: 81px;
background: url(image/common/gnavi_bg.png) repeat-x left bottom;
background-color: none;
padding: 0;
z-index: 2;
}
#gnavi ul li {
float: left;
}
#gnavi ul li a {
height: 81px;
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#gnavi ul li.gn01 a { background: url(image/common/gnavi01_off.png) no-repeat left top;width: 140px; }
#gnavi ul li.gn01 a:hover { background: url(image/common/gnavi01_on.png) no-repeat left top; }
#gnavi ul li.gn02 a { background: url(image/common/gnavi02_off.png) no-repeat left top;width: 155px; }
#gnavi ul li.gn02 a:hover { background: url(image/common/gnavi02_on.png) no-repeat left top; }
#gnavi ul li.gn03 a { background: url(image/common/gnavi03_off.png) no-repeat left top;width: 170px; }
#gnavi ul li.gn03 a:hover { background: url(image/common/gnavi03_on.png) no-repeat left top; }
#gnavi ul li.gn04 a { background: url(image/common/gnavi04_off.png) no-repeat left top;width: 175px; }
#gnavi ul li.gn04 a:hover { background: url(image/common/gnavi04_on.png) no-repeat left top; }
#gnavi ul li.gn05 a { background: url(image/common/gnavi05_off.png) no-repeat left top;width: 165px; }
#gnavi ul li.gn05 a:hover { background: url(image/common/gnavi05_on.png) no-repeat left top; }
#gnavi ul li.gn06 a { background: url(image/common/gnavi06_off.png) no-repeat left top;width: 195px; }
#gnavi ul li.gn06 a:hover { background: url(image/common/gnavi06_on.png) no-repeat left top; }
/* ----------------------------------------------------------
Left
---------------------------------------------------------- */
#left {
width: 240px;
}
#left ul {
display: none;
/*margin-bottom: 15px;*/
}
/*#left ul li {
margin-bottom: 20px;
}*/
#left .sidebox {
padding: 15px 20px;
background: url(image/common/sidebox_bg.png) repeat-y left top;
text-align: left;
}
/* Right
---------------------------------------------------------- */
#right{
width: 730px;
margin: 0 0 0 30px;
text-align: left;
}
#right p {
text-align: left;
}
h3 {
font-size: 18px;
background: url(image/common/icon_yubi.png) no-repeat left top;
border-bottom: 3px dotted #FFCC33;
padding: 12px 0 3px 30px;
}
h4 {
color: #FF9933;
font-weight: bold;
font-size: 16px;
}
#right .double {
border: 4px double #d3d8ba;
}
.list td {
padding: 5px 5px 5px 15px!important;
background: url(image/common/icon_small.png) no-repeat left 12px;
font-size: 15px;
}
.border img {
border: 3px double #86BD0A!important;
}
a.btn {
background: #4a9bea; /* Old browsers */
background: -moz-linear-gradient(top, #4a9bea 0%, #1f7be5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a9bea), color-stop(100%,#1f7be5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4a9bea 0%,#1f7be5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4a9bea 0%,#1f7be5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4a9bea 0%,#1f7be5 100%); /* IE10+ */
background: linear-gradient(to bottom, #4a9bea 0%,#1f7be5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a9bea', endColorstr='#1f7be5',GradientType=0 ); /* IE6-9 */
/* box shadow */
-moz-box-shadow: 0 0 5px #8df0ff inset;
-webkit-box-shadow: 0 0 5px #8df0ff inset;
-ms-box-shadow: 0 0 5px #8df0ff inset;
box-shadow: 0 0 5px #8df0ff inset;
/* end box shadow */
border: 1px solid #0051cb;
color: #ffffff;
padding: 5px 10px;
/* border-radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
/* end border-radius */
text-decoration: none;
font-weight: bold;
margin-top: 5px;
}
a.btn:hover {
background: #1f7be5; /* Old browsers */
background: -moz-linear-gradient(top, #1f7be5 0%, #4a9bea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f7be5), color-stop(100%,#4a9bea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1f7be5 0%,#4a9bea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1f7be5 0%,#4a9bea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1f7be5 0%,#4a9bea 100%); /* IE10+ */
background: linear-gradient(to bottom, #1f7be5 0%,#4a9bea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f7be5', endColorstr='#4a9bea',GradientType=0 ); /* IE6-9 */
}
/*.bread a {
color: #F69;
}
.bread a:hover {
color: #ff9ed3;
}*/
/* Footer
---------------------------------------------------------- */
#footerinner {
padding: 20px 0 0;
background: #FFCC33;
}
#pagetop {
text-align: right;
}
#fmenu {
margin-bottom: 15px;
}
#footerinner .inner {
text-align: left;
padding-bottom: 20px;
position: relative;
}
#footerinner .inner #pagetop {
position: absolute;
right: 0;
top: 0;
}
#footerinner .inner .ColLeft {
margin-right: 10px;
}
#footerinner a {
color: #333333;
text-decoration: none;
}
#footerinner a:hover {
color: #7b7b7b;
}
#credit {
background: #FFA638;
padding: 5px 0;
}
#credit .inner {
text-align: right;
}
#credit small {
font-size: 12px;
color: #ffffff;
}
/* COMMON STYLE
---------------------------------------------------------- */
/* frame */
.frame01{
border:1px solid #ccc;
background:url(image/common/) repeat-y;
}
.frame02{
border:1px solid #ccc;
background:url(image/common/) repeat-y;
}
.frame03{
border:1px solid #ccc;
background:url(image/common/) repeat-y;
}
.frame04{
border:1px solid #ccc;
background:url(image/common/) repeat-y;
}
.pic_border01 img{border:3px solid #d14a00 !important;}
.pic_border02 img{padding:1px;background:#fff;border:1px solid #ccc !important;}
.vBorder td{border-bottom:1px dotted #aaa !important;}
.borderB{border-bottom:1px dotted #000;}
.bold{font-weight:bold;}
.line{
border-width:1px 0 0 0;
height:1px;
border-style:dotted;
border-color:#ccc;
margin:0px 0;
}
.line hr{display:none;}
.disnone{display:none;}
.ColLeft { float:left;}
.ColRight { float:right;}
.C_clear{clear:both;}
.ofh{overflow:hidden;}
.en{word-wrap: break-word;}/* -- 英斁E用晁E-- */
.fs10 {font-size:10px;}.fs11 {font-size:11px;}.fs12 {font-size:12px;}.fs13 {font-size:13px;}.fs14 {font-size:14px;}.fs15 {font-size:15px;}.fs16 {font-size:16px;}.fs18 {font-size:18px;}.fs20 {font-size:20px;}.fs21 {font-size:21px;}.fs22 {font-size:22px;}.fs23 {font-size:23px;}.fs24 {font-size:24px;}.fs25 {font-size:25px;}.fs26 {font-size:26px;}.fs27 {font-size:27px;}.fs28 {font-size:28px;}.fs29 {font-size:29px;}.fs30 {font-size:30px;}.fs31 {font-size:31px;}.fs32 {font-size:32px;}.fs33 {font-size:33px;}.fs34 {font-size:34px;}
.lh14{line-height:1.4;}.lh15{line-height:1.5;}.lh16{line-height:1.6;}.lh17{line-height:1.7;}.lh18{line-height:1.8;}.lh19{line-height:1.9;}.lh20{line-height:2;}.lh21{line-height:2.1;}.lh22{line-height:2.2;}
.ls-1{letter-spacing:-1px;}.ls0{letter-spacing:0px;}.ls1{letter-spacing:1px;}.ls2{letter-spacing:2px;}
.pd05{padding:5px;}.pd10{padding:10px;}.pd15{padding:15px;}.pd20{padding:20px;}.pd25{padding:25px;}.pd30{padding:30px;}
.mg05{margin:5px;}.mg10{margin:10px;}.mg15{margin:15px;}.mg20{margin:20px;}.mg25{margin:25px;}.mg30{margin:30px;}
.pdT05{padding-top:5px;}.pdT10{padding-top:10px;}.pdT15{padding-top:15px;}.pdT20{padding-top:20px;}.pdT25{padding-top:25px;}.pdT30{padding-top:30px;}
.pdB05{padding-bottom:5px;}.pdB10{padding-bottom:10px;}.pdB15{padding-bottom:15px;}.pdB20{padding-bottom:20px;}.pdB25{padding-bottom:25px;}.pdB30{padding-bottom:30px;}
.mgT05{margin-top:5px;}.mgT10{margin-top:10px;}.mgT15{margin-top:15px;}.mgT20{margin-top:20px;}.mgT25{margin-top:25px;}.mgT30{margin-top:30px;}
.mgB05{margin-bottom:5px;}.mgB10{margin-bottom:10px;}.mgB15{margin-bottom:15px;}.mgB20{margin-bottom:20px;}.mgB25{margin-bottom:25px;}.mgB30{margin-bottom:30px;}.mgB35{margin-bottom:35px;}.mgB40{margin-bottom:40px;}
.pdTB05{padding-top:5px;padding-bottom:5px;}.pdTB10{padding-top:5px;padding-bottom:5px;}.pdTB15{padding-top:15px;padding-bottom:15px;}
.pdTB20{padding-top:20px;padding-bottom:20px;}.pdTB25{padding-top:25px;padding-bottom:25px;}.pdTB30{padding-top:30px;padding-bottom:30px;}
.mgTB05{margin-top:5px;margin-bottom:5px;}.mgTB10{margin-top:5px;margin-bottom:5px;}.mgTB15{margin-top:15px;margin-bottom:15px;}
.mgTB20{margin-top:20px;margin-bottom:20px;}.mgTB25{margin-top:25px;margin-bottom:25px;}.mgTB30{margin-top:30px;margin-bottom:30px;}
.pdL05{padding-left:5px;}.pdL10{padding-left:10px;}.pdL15{padding-left:15px;}.pdL20{padding-left:20px;}.pdL25{padding-left:25px;}.pdL30{padding-left:30px;}
.pdR05{padding-right:5px;}.pdR10{padding-right:10px;}.pdR15{padding-right:15px;}.pdR20{padding-right:20px;}.pdR25{padding-right:25px;}.pdR30{padding-right:30px;}
.mgL05{margin-left:5px;}.mgL10{margin-left:10px;}.mgL15{margin-left:15px;}.mgL20{margin-left:20px;}.mgL25{margin-left:25px;}.mgL30{margin-left:30px;}
.mgR05{margin-right:5px;}.mgR10{margin-right:10px;}.mgR15{margin-right:15px;}.mgR20{margin-right:20px;}.mgR25{margin-right:25px;}.mgR30{margin-right:30px;}
.pdLR05{padding-left:5px;padding-right:5px;}.pdLR10{padding-left:10px;padding-right:10px;}.pdLR15{padding-left:15px;padding-right:15px;}
.pdLR20{padding-left:20px;padding-right:20px;}.pdLR25{padding-left:25px;padding-right:25px;}.pdLR30{padding-left:30px;padding-right:30px;}
.mgLR05{margin-left:5px;margin-right:5px;}.mgLR10{margin-left:10px;margin-right:10px;}.mgLR15{margin-left:15px;margin-right:15px;}
.mgLR20{margin-left:20px;margin-right:20px;}.mgLR25{margin-left:25px;margin-right:25px;}.mgLR30{margin-left:30px;margin-right:30px;}
/* top */
.topbox01 {
background: url(image/common/topbox01_bg.jpg) no-repeat right top;
}
.check td {
font-weight: bold;
font-size: 18px;
padding: 5px 0 0 40px!important;
background: url(image/common/icon_check.png) no-repeat 6px center;
}
.con_time {
font-size: 16px;
}
.topbox03 {
border: 1px solid #CFCECB;
border-top: none!important;
}
.topbox04_title {
border-bottom: 3px dotted #FFCC33;
clear: both;
}
.top_orange {
font-weight: bold;
color: #f37107;
font-size: 20px;
margin-right: 15px;
}
.top_green {
font-weight: bold;
color: #008a31;
font-size: 24px;
}
.box04_ta {
width: 440px;
float: left;
}
.box04_ta02 {
width: 305px;
float: left;
}
.box04_img {
width: 235px;
float: right;
}
.box04_img02 {
width: 365px;
float: right;
}
.box04_ta td,
.box04_ta02 td {
padding: 5px 0!important;
}
.top_voice {
font-size: 16px;
border-bottom: 3px dotted #FFCC33;
}
.top_voice02 {
font-size: 16px;
}
.top_pro {
font-size: 16px;
border-bottom: 3px dotted #FFCC33;
}
.newslist {
width: 730px;
height:270px;
background:url(image/common/newslist_bg.png) repeat-y center top;
text-align:left;
margin: 0 0 30px 0;
}
.newslistInnr {
overflow-x: hidden;
overflow-y: scroll;
padding: 0px;
margin: 0px 15px;
width: 700px;
height: 250px;
}
.newslist td {
padding: 20px 0!important;
border-bottom: 1px dashed #330000!important;
}
.top_hitokoto {
font-size: 15px;
}
#flow {
position: relative;
}
#flow .ColRight table {
width: 350px;
}
#flow .ColLeft table {
width: 380px;
}
#flow .ColRight {
position: absolute;
right: 0;
top: 105px;
}
#flow table .tale {
border: 4px solid #FFBE72!important;
border-right: none!important;
padding: 10px!important;
}
#flow table .tari {
border: 4px solid #FFBE72!important;
border-left: none!important;
}
#flow table .tari img {
margin: 2px 2px 2px 0;
}
.faq_q,
.faq_a {
padding: 10px 0!important;
}
.faq_q {
border-bottom: 1px dotted #FFCC33!important;
}
.voice {
border: 1px solid #FF4646;
}
.voice td {
padding: 10px 20px!important;
}
.voice td.th {
border-bottom: 1px solid #FF6D1D!important;
}
.suisen {
line-height: 24px;
}
/* access map */
#map {
background: url(image/common/map.jpg) no-repeat left top;
width: 730px;
height: 550px;
position: relative;
}
#map #link01 {
position: absolute;
top: 115px;
left: 162px;
}
#map #link02 {
position: absolute;
top: 161px;
left: 219px;
}
#map #link03 {
position: absolute;
top: 180px;
left: 251px;
}
#map #link04 {
position: absolute;
top: 173px;
left: 317px;
}
#map #link05 {
position: absolute;
top: 173px;
right: 295px;
}
#map #link06 {
position: absolute;
top: 166px;
right: 248px;
}
#map #link07 {
position: absolute;
top: 193px;
right: 226px;
}
#map #link08 {
position: absolute;
top: 239px;
right: 213px;
}
#map #link10 {
position: absolute;
top: 306px;
right: 200px;
}
#map #link09 {
position: absolute;
top: 331px;
right: 166px;
}
#map #link12 {
position: absolute;
top: 293px;
right: 129px;
}
#map #link13 {
position: absolute;
top: 281px;
right: 87px;
}
#map #link14 {
position: absolute;
top: 248px;
right: 56px;
}
#map #link15 {
position: absolute;
top: 293px;
right: 45px;
}
#map #link16 {
position: absolute;
top: 322px;
right: 33px;
}
#map #link17 {
position: absolute;
top: 318px;
right: 74px;
}
.fimg img {
float: right;
margin-left: 10px;
}