@charset "Shift_JIS";

body{
color: #555;
background-color: #FFF;
text-align: center;
font-family: 'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Myriad Pro,Verdana,Arial, sans-serif;
margin: 0;
padding: 0;
}

h1,h2,h3,h4,h5,h6,figure,figcaption{
margin: 0;
padding: 0px;
}

hr{
margin: 0;
padding: 0;
   clear : both;
   visibility : hidden;
}

li{
list-style: none;
margin: 0;
padding: 0;
}

img{
border: 0;
vertical-align: bottom;
}

form{
display: block;
margin: 0;
padding: 0;
}

.clear{
clear: both;
}

.clearfix::after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{
display: block;
}

* html .clearfix{
height: 1%;
}

a:link,a:visited{
color: #2F3D6F;
text-decoration: none;
}

a:hover{
color: #d33f01;
text-decoration: none;
}

a:active{
color: #d33f01;
}

#header{
width: 866px;
height: 40px;
text-align: left;
margin: 16px auto 0;
padding: 0;
}

#qNavi{
height: 30px;
text-align: left;
background-image: url(img/q-navi-bk.gif);
background-repeat: no-repeat;
width: 866px;
margin: 8px auto;
padding: 0;
}

#qNaviL{
height: 30px;
text-align: left;
width: 382px;
float: left;
font-size: 0;
margin: 0 auto 0 0;
padding: 0;
}

#qNaviR{
height: 22px;
text-align: left;
width: 400px;
float: right;
margin: 4px 4px 0 auto;
padding: 0 0 4px;
}

.qLi1{
width: 64px;
height: 30px;
float: left;
}

#headEn{
width: 866px;
height: 20px;
text-align: left;
clear: both;
margin: 0 auto;
padding: 0;
}

#header h1{
width: 314px;
height: 40px;
float: left;
margin: 0;
padding: 0;
}

#header p{
width: 230px;
height: 40px;
float: right;
margin: 0;
padding: 0;
}

span.date a:active{
color: #ff7800!important;
}

p,dl,dt,dd,ul,ol,td{
margin: 0;
padding: 0;
}

#foamBox{
width: 143px;
height: 20px;
float: left;
background-image: url(img/qu/search_bk.gif);
background-repeat: no-repeat;
border-style: none;
border-width: 0;
margin: 0;
padding: 2px 0 0 6px;
}

#foamBtn{
width: 41px;
height: 22px;
margin: 0;
padding: 0;
}

#foamBtn img{
bottom: auto;
margin: 0;
padding: 0;
}

#foamarea{
width: 190px;
height: 22px;
float: left;
margin: 0;
padding: 0;
}

#foamarea form{
width: 190px;
height: 22px;
display: block;
left: inherit;
margin: 0;
padding: 0;
}

#sitemap{
width: 74px;
height: 22px;
float: left;
margin: 0 0 0 4px;
padding: 0;
}

#txtSize{
width: 128px;
height: 22px;
float: left;
margin: 0 0 0 4px;
padding: 0;
}

#main{
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 866px;
text-align: left;
}

#main2{
margin-left: auto;
margin-right: auto;
width: 866px;
text-align: left;
vertical-align: bottom;
}

#main3{
margin-left: auto;
margin-right: auto;
width: 826px;
text-align: left;
}

#footer{
width: 866px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #d52a2a;
padding-top: 0;
text-align: left;
clear: both;
padding-bottom: 48px;
margin: 0 auto;
}

#footerDiv{
width: 866px;
text-align: left;
clear: both;
margin-left: auto;
margin-right: auto;
padding-top: 26px;
}

#footerL{
width : 594px;
bottom : inherit;
height: 20px;
margin-left : 272px;
}

#footerR{
font: 10px /14px Arial;
padding-top : 16px;
text-align : center;
}

#footerR img{
float: right;
margin-top: 10px;
margin-right: 6px;
}

#footerL li{
float: left;
display: inline;
vertical-align: bottom;
height: auto;
line-height: 0;
}

#rightInfo a,#footerL a{
height: auto;
text-align: left;
display: block;
}

.ftLi1{
width: 118px;
height: 12px;
bottom: auto;
display: block;
margin: 8px 0 0 8px;
padding: 0;
}

.ftLi2{
width: 89px;
height: 12px;
bottom: auto;
margin: 8px 0 0 20px;
padding: 0;
}

.ftLi3{
width: 131px;
height: 12px;
bottom: auto;
margin: 8px 0 0 20px;
padding: 0;
}

.ftLi4{
width: 50px;
height: 12px;
bottom: auto;
margin: 8px 0 0 20px;
padding: 0;
}.ftLi5{
width : 114px;
height: 12px;
bottom : inherit;
margin: 8px 0 0 20px;
padding: 0;
}

.qLi2{
width: 106px;
height: 30px;
float: left;
}

#NaviS{
width: 866px;
height: 38px;
text-align: left;
margin: 0 auto;
padding: 10px 0 0;
}

#NaviS2{
width: 866px;
height: 38px;
text-align: left;
margin: 0 auto;
padding: 10px 0 5px;
}

#NaviSin{
text-align: left;
margin: 0 auto 0 10px;
padding: 0;
}

#NaviS li{
width: 121px;
height: 38px;
float: left;
vertical-align: bottom;
display: inline;
font-size: 0;
overflow: hidden;
margin: 0;
padding: 0;
}

#totop{
margin-bottom: 8px;
}

#pankuzu{
text-align: left;
width: 836px;
padding-top: 8px;
padding-bottom: 8px;
margin-left: auto;
margin-right: auto;
}

#notfound{
text-align: center;
width: 800px;
padding-top: 8px;
padding-bottom: 8px;
margin: 32px auto 64px;
}

.ind1em{
text-indent: -1em;
padding-left: 1em;
}

.ind-1em{
text-indent: 0.8em;
padding-left: 1em;
}

.ind2em{
text-indent: -2em;
padding-left: 2em;
}.txtL{
text-align: left !important;
}

.txtR{
text-align: right !important;
}

.txtC{
text-align: center !important;
}

.tbleW4 img{
margin: 2px;
}

.txt0{
font-size: 0;
}

.autoLR{
margin-left: auto;
margin-right: auto;
}

.wide3{
width: 3em;
}

.wide2{
width: 2.2em;
}

.wide6{
width: 6em;
}

.wide7{
width: 7em;
}

.wide8{
width: 8em;
}

.wide10{
width: 10.5em;
}

.wide12{
width: 12.5em;
}

.wide16{
width: 16.5em;
}

.wide18{
width: 18.5em;
}

.wide4{
width: 4.2em;
white-space: nowrap;
}

.padL2{
padding-left: 2em;
}

.topics{
background-image: url(../picup/img/h2-topics.gif);
background-repeat: no-repeat;
width: 620px;
height: 32px;
font-size: 16px;
padding-left: 12px;
line-height: 33px;
font-weight: 400;
padding-top: 1px;
}

.l-heigt-h{
vertical-align: top;
}

.strong{
font-weight: bold;
color: #d33f01;
}

.strong-bk{
font-weight: bold;
}

.totop{
text-align: right;
}

.Bold{
font-weight: 700;
}

.txt_top{
vertical-align: top;
}

.Photo{
width: 217px;
font-size: 0.75em;
float: left;
}

.padL1{
padding-left: 1em;
}

#right h5{
font-weight: bold;
width: 580px;
padding-top: 12px;
background: transparent;
background-attachment: scroll;
padding-left: 20px;
}

#right h6{
font-weight: bold;
width: 580px;
padding-top: 18px;
padding-left: 20px;
}

.FroatL{
float: left;
}

.FroatR{
float: right;
}

.to-top{
font-size: 0.625em;
padding-top: 32px;
padding-left: 20px;
padding-bottom: 3px;
margin-right: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #b8eded;
width: 580px;
text-align: right;
padding: 10px;
margin-bottom: 10px;
}

#maing{
margin-left: auto;
margin-right: auto;
width: 847px;
text-align: left;
vertical-align: bottom;
}

#maing table,#maingt table{
font-size: 12px;
border-collapse: collapse;
empty-cells: show;
width: 847px;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: rgb(192, 192, 192);
border-left-color: rgb(192, 192, 192);
}

#maing td{
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: rgb(192, 192, 192);
border-bottom-color: rgb(192, 192, 192);
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
}

#maing h3{
background: url(../quick/img/h3.gif) repeat-x left top;
font-size: 16px;
font-weight: bold;
line-height: 25px;
padding-left: 12px;
padding-bottom: 16px;
letter-spacing: 0.2em;
}

.uketuke{
font-size: 14px;
font-weight: bold;
line-height: 25px;
padding-left: 6px;
color: green;
}

#maing h4{
font-size: 14px;
font-weight: bold;
line-height: 25px;
padding-left: 12px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(192, 192, 192);
padding-top: 32px;
margin-bottom: 16px;
letter-spacing: 0.2em;
}

#maing th{
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: rgb(192, 192, 192);
border-bottom-color: rgb(192, 192, 192);
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
background-color: rgb(245, 220, 234);
width: 130px;
}

.col-pink{
background-color: rgb(245, 220, 234);
}

.col-ppink{
background-color: rgb(250, 237, 244);
}

#maingt{
margin-left: auto;
margin-right: auto;
width: 847px;
text-align: left;
vertical-align: bottom;
}

#maingt td{
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: rgb(192, 192, 192);
border-bottom-color: rgb(192, 192, 192);
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
padding: 5px;
}

#maingt th{
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: rgb(192, 192, 192);
border-bottom-color: rgb(192, 192, 192);
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
padding: 5px;
font-weight: normal;
}

.Photo2{
width: 217px;
font-size: 0.75em;
float: left;
padding-top: 12px;
}

.ind1em2{
text-indent: 1em;
padding-left: 2em;
}

.ind-2em{
text-indent: -2em;
padding-left: 2em;
}

.h4_area{
background: url(../area/img/title-h3_bk.gif) no-repeat left top;
font-size: 16px;
line-height: 25px;
width: 620px;
text-indent: 20px;
margin-top: 16px;
}

.div-area{
background-color: rgb(244, 254, 224);
padding: 16px 20px 14px;
}

.w580k{
margin-top: 24px;
border: 1px solid rgb(204, 204, 204);
border: 1px solid rgb(204, 204, 204);
width: 580px;
margin-left: 20px;
margin-right: auto;
}

.w580k dt{
text-align: center;
margin-top: 12px;
text-decoration: underline;
}

.w580k dd{
text-align: left;
margin-top: 6px;
padding-left: 60px;
padding-right: 60px;
padding-bottom: 12px;
}

.ind-3em{
text-indent: -2em;
padding-left: 3em;
}
.ind-3em1{
text-indent: -1em;
padding-left: 3em;
}
.ind-3em2{
text-indent : -1em;
padding-left : 2em;
}

#in1 td{
text-indent: -1em;
padding-left: 1em;
vertical-align: top;
}

.red{
color: #cc0000;
}

.w580kp{
width: 550px;
margin: 15px;
}
.fin{
   padding-bottom : 48px;
}