@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul, ol{
list-style-type: none;
}

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

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
}

th, td {
padding: 5px 10px;
border: 1px solid #999999;
vertical-align: top;
}

th {
background-color: #eee;
}


/* common
------------------------------------*/

a:link { color: #1F8A5B; }
a:visited { color: #1F8A5B; }
a:hover { color: #1F8A5B; }
a:active { color: #1F8A5B; }

body{
font-size: 80%;
text-align: center;
line-height: 1;
color: #221E1F;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,verdana,sans-serif;
-webkit-text-size-adjust: none;
background-color: #3B3B3B;
background-image: url(../img/bg00.jpg);
background-repeat: repeat-x;
background-position: center top;
padding: 117px 0 0;
}

#bodyBg01 {
background-color: #F8F9F3;
background-image: url(../img/bg03.jpg);
background-repeat: no-repeat;
background-position: center 520px;
}

#container {
width:950px;
margin:0px auto;
text-align: left;
}

#header {
}

#header h1 {
float: left;
width: 457px;
}

#header h1 span {
display: block;
font-weight: normal;
padding: 18px 0 0;
font-size: 50%;
}

*+html #header h1 span {  font-size: 40%; }


#header ul {
float: right;
width: 493px;
}

#header ul li {
float: left;
}

#gNavi {
text-align: left;
}

#gNavi ul li {
display: inline;
float: left;
}

#contents {
}

#main {
width: 741px;
float: right;
background-image: url(../img/bg01.png);
background-repeat: repeat-y;
background-position: right 0px;
}

#main2 {
background-image: url(../img/bg02.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
padding: 0 0 20px;
}

#main #styleDivTtl {
text-align: center;
}

#main h2 {
background-image: url(../img/bg_h201.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 102px;
width: 741px;
}

#main h2 span {
display: block;
padding: 35px 0 0 46px;
font-size: 130%;
color: #4C98B7;
}

#main h3,
#main h4,
#main h5 {
margin: 0 0 15px;
}

#main .cassette {
padding: 30px 37px 0 12px;
}

#main .cassette p,
#main .cassette ul,
#main .cassette dl,
#main .cassette table {
margin: 0 0 15px;
line-height: 1.5;
}

#main .cassette h3.cassetteLeft {
width: 127px;
float: left;
}

#main .cassette div.cassetteRight {
width: 512px;
float: right;
}

#main .cassette .styleDivGraybox {
background-color: #F7F3E6;
background-image: url(../img/graybox_bg02.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
margin: 40px 0 20px;
}

#main .cassette .styleDivGraybox div {
padding: 0 24px 0 41px;
}

#main .cassette .styleDivGraybox h4 {
background-image: url(../img/graybox_bg01.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 47px;
margin: 0;
}

#main .cassette .styleDivGraybox h4 span {
display: block;
padding: 20px 0 0 41px;
}

#main .cassette .styleDivGraybox .styleDlGray01 dt,
#main .cassette .styleDivGraybox .styleUlGray01 li {
color: #4C97B8;
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 0 0 0 35px;
}

#main .cassette .styleDivGraybox .styleUlGray01 li {
margin: 0 0 7px;
}

#main .cassette .styleDivGraybox .styleDlGray01 dt.styleDt01a,
#main .cassette .styleDivGraybox .styleUlGray01 li.styleLi01a { background-image: url(../img/graybox_icn01.jpg); }
#main .cassette .styleDivGraybox .styleDlGray01 dt.styleDt01b,
#main .cassette .styleDivGraybox .styleUlGray01 li.styleLi01b { background-image: url(../img/graybox_icn02.jpg); }
#main .cassette .styleDivGraybox .styleDlGray01 dt.styleDt01c,
#main .cassette .styleDivGraybox .styleUlGray01 li.styleLi01c { background-image: url(../img/graybox_icn03.jpg); }
#main .cassette .styleDivGraybox .styleDlGray01 dt.styleDt01d,
#main .cassette .styleDivGraybox .styleUlGray01 li.styleLi01d { background-image: url(../img/graybox_icn04.jpg); }
#main .cassette .styleDivGraybox .styleDlGray01 dt.styleDt01e,
#main .cassette .styleDivGraybox .styleUlGray01 li.styleLi01e { background-image: url(../img/graybox_icn05.jpg); }
#main .cassette .styleDivGraybox .styleDlGray01 dt.styleDt01f,
#main .cassette .styleDivGraybox .styleUlGray01 li.styleLi01f { background-image: url(../img/graybox_icn06.jpg); }
#main .cassette .styleDivGraybox .styleDlGray01 dt.styleDt01g,
#main .cassette .styleDivGraybox .styleUlGray01 li.styleLi01g { background-image: url(../img/graybox_icn07.jpg); }

#main .cassette .styleDivGraybox .styleDlGray01 dd {
padding: 5px 0 10px;
font-size: 90%;
}

#main .cassette .styleDivGraybox2 {
background-repeat: repeat-y;
background-position: 0px bottom;
background-image: url(../img/graybox_bg04.jpg);
margin: 40px 0 20px;
}

#main .cassette .styleDivGraybox2 .styleDivGraybox2In {
background-image: url(../img/graybox_bg03.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 20px 0 0 40px;
width: 510px;
}

#main .cassette .styleDivGraybox2 .styleDivGraybox2In div {
float: left;
width: 255px;
}

#main .cassette .styleDivGraybox2 .styleDivGraybox2In div ul {
padding: 0 90px 0 0;
}

.pageTopLink {
margin: 0 37px 0 43px;
border-bottom: 1px solid #DEDEDE;
padding: 14px 0;
}

.pageTopLink a {
background-image: url(../img/pagetop_icn01.jpg);
background-repeat: no-repeat;
background-position: 0px 4px;
padding: 0 0 14px 22px;
color: #333333;
text-decoration: none;
}

#menu {
width: 183px;
float: left;
padding: 35px 0 0;
}

#menu h3 {
text-align: right;
}

#menu ul {
margin: -1px 0 0 5px;
}

#menu ul li {
border-top: 1px dotted #D3D3D3;
}

#menu ul li a {
color: #208A5C;
display: block;
padding: 10px 0 10px 29px;
background-image: url(../img/menu_icn01.gif);
background-repeat: no-repeat;
background-position: 20px center;
text-decoration: none;
}

#menu ul li a:hover {
color: #4C98B7;
}

#menu ul li a:active {
color: #4C98B7;
}

#pankuzu {
padding: 0 0 20px;
}

.pageTopLink {
text-align: right;
}

#footer {
padding: 40px 0 0;
}

#footer #styleUlFooter01 {
padding: 0 0 0 15px;
}

#footer #styleUlFooter01 li,
#footer #styleUlFooter02 li,
#footer #styleUlFooter03 li {
float: left;
}

#footer #styleUlFooter03 {
padding: 0 0 0 650px;
background-image: url(../img/footer_bg01.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

p#stylePCopy {
color: #FFF;
padding: 13px 0;
}

p#stylePCopy span {
background-image: url(../img/footer_icn01.jpg);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0 0 0 27px;
}

.columnRight {
display: block;
float: right;
}

.columnLeft {
display: block;
float: left;
}

.textRed {
color: #ff0000;
}

.textBlue {
color: #4C98B7;
}

.styleUlNowrap li {
float: left;
white-space: nowrap;
margin: 0 10px 0 0;
}


/* inpageLayout2
------------------------------------*/

.inpageLayout2 #main .cassette {
padding: 30px 37px 0 37px;
}

.inpageLayout2 #main .cassette h3 {
background-image: url(../img/bg_h301.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 45px;
margin: 0 0 20px;
}

.inpageLayout2 #main .cassette h3 span {
display: block;
padding: 11px 0 0 16px;
font-size: 130%;
}

.inpageLayout2 #main .cassette .styleUlLayout01 {
width: 590px;
}

.inpageLayout2 #main .cassette .styleUlLayout01 li {
float: left;
width: 295px;
padding: 0 0 25px;
}

.inpageLayout2 #main .cassette .styleUlLayout01 li span {
display: block;
color: #4C98B7;
font-weight:bold;
padding: 8px 0 0;
}

.inpageLayout2 #main .cassette .styleDivBluebox {
background-image: url(../img/bg04b.jpg);
background-repeat: repeat-y;
margin: 0 16px 15px;
}

.inpageLayout2 #main .cassette .styleDivBluebox2 {
background-image: url(../img/bg04a.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 30px 0 0;
}

.inpageLayout2 #main .cassette .styleDivBluebox3 {
padding: 0 30px 20px;
background-image: url(../img/bg04c.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
}

.inpageLayout2 #main .cassette .styleDivBluebox3 h4 {
color: #4C98B7;
padding: 10px 0;
border-bottom: 1px dotted #C3C3C3;
font-size: 140%;
}

.inpageLayout2 #main .cassette .styleDivGraybox {
background-image: url("../img/graybox2_bg02.jpg");
margin: 0 22px 20px 16px;
}

.inpageLayout2 #main .cassette .styleDivGraybox div {
padding: 0 40px 10px;
}

.inpageLayout2 #main .cassette .styleDivGraybox h4 {
background-image: url("../img/graybox2_bg01.jpg");
font-size: 140%;
color: #1F8A5B;
height: 63px;
}

.inpageLayout2 #main .cassette .styleDivGraybox h4 span {
padding: 18px 40px 0;
}

.inpageLayout2 .pageTopLink {
margin: 0 57px 0 0;
border: 0;
padding-bottom: 0;
}


/* staffLayout
------------------------------------*/

.staffLayout #main .cassette ul#styleUlStaff01 li {
padding: 0 0 5px;
}

.staffLayout #main .cassette ul#styleUlStaff01 li span.columnLeft {
width: 80px;
}

.staffLayout #main .cassette ul#styleUlStaff01 li span.columnRight {
width: 300px;
}


/* indexLayout
------------------------------------*/

body.indexLayout {
padding: 385px 0 0;
background-image: url("../../img/index_bg00.jpg");
}

body.indexLayout #bodyBg01 {
background-position: center 200px;
}

.indexLayout #main {
width: 100%;
background-image: url(../../img/index_bg02.png);
}

.indexLayout #main #main2 {
background-image: url(../../img/index_bg01.jpg);
}

.indexLayout #main #main3 {
padding: 0 20px ;
}

.indexLayout #main h2 {
background: none;
height: auto;
width: auto;
}

.indexLayout #main h2 span {
display: block;
padding: 0;
font-size: 100%;
}

.indexLayout #main #styleUlIndex01 {
width: 930px;
margin: 0 0 30px;
}

.indexLayout #main #styleUlIndex01 li {
float: left;
width: 230px;
}

.indexLayout #main .cassette {
padding: 0;
}

.indexLayout #main .cassette #styleDivIndex01 {
width: 583px;
float: left;
background-image: url(../../img/index_bg03.jpg);
background-repeat: repeat-y;
background-position: 0px 0px;
}

.indexLayout #main .cassette #styleDivIndex01 ul {
background-image: url(../../img/index_bg04.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
margin: 0;
padding: 0 32px 20px;
height: 360px;
}

.indexLayout #main .cassette #styleDivIndex01 ul li {
border-bottom: 1px dotted #BDC2C3;
padding: 15px 10px 15px 30px;
background-image: url(../../img/index_icn01.jpg);
background-repeat: no-repeat;
background-position: 10px 21px;
}

.indexLayout #main .cassette #styleDivIndex01 ul li span.columnLeft {
width: 120px;
}

.indexLayout #main .cassette #styleDivIndex01 ul li span.columnRight {
width: 350px;
}

.indexLayout #main .cassette #styleDivIndex02 {
width: 293px;
float: right;
}

.indexLayout #main .cassette #styleDivIndex02 h2 {
margin: 0 0 15px;
}

#top #bodyBg01 #container #contents #main #main2 #main3 .cassette DIV .pravacy-midashi {
border-bottom: 1px dotted #DEDEDE;
width:640px;
margin: 30px 0 8px 15px;
padding:0 0 8px 0;
}

#top #bodyBg01 #container #contents #main #main2 #main3 .cassette DIV .privacy-lft {
margin: 0 0 10px 30px;
}

#top #bodyBg01 #container #contents #main #main2 #main3 .cassette DIV .privacy-ul{
padding: 0 0 0 30px;
}

#top #bodyBg01 #container #contents #main #main2 #main3 .cassette DIV .privacy-ul li {
background-image:url(../img/icon_dot.gif);
background-position: 5px 8px;
background-repeat: no-repeat;
padding: 0 0 0 15px;
}

#top #bodyBg01 #container #contents #main #main2 #main3 .cassette DIV .privacy-name {
text-align: right;
margin:40px 0 20px 0; 
}

#spLinkBlockInPc {
margin: 30px 15px;
}

/* indexSpLayout
------------------------------------*/

body.indexSpLayout {
background-image: none;
background-color: #3B3B3B;
margin: 0 auto;
padding: 0;
text-align: left;
-webkit-text-size-adjust: auto;
font-size: 105%;
}

.indexSpLayout #contents {
background-color: #F9F9F4;
margin: 10px 0 0;
}

.indexSpLayout #main {
background-image: none;
width: 100%;
}

.indexSpLayout #main h2 {
background-image: none;
height: auto;
width: 100%;
margin: 0 0 20px;
}

.indexSpLayout #main .cassette {
margin: 0 0 10px;
padding: 0 12px;
}

.indexSpLayout #footer {
color: #FFFFFF;
background-color: #3B3B3B;
text-align: center;
padding: 10px;
}

.indexSpLayout #main img{  
width:100%; //IE対策  
max-width:100%;  
height:auto;  
}

.indexSpLayout #main .cassette p {
margin: 0 0 20px;
}

.indexSpLayout #main .cassette p.spPstyle01 {
margin: 0 0 30px;
}

.indexSpLayout #footer p {
font-size: 80%;
}

/* 【スマートフォン用のスタイル記述】 */

@media screen and (min-width: 400px) {
body.indexSpLayout {
font-size: 140%;
}
.indexSpLayout #footer p {
font-size: 50%;
}
}


/* faq
------------------------------------*/
#top #bodyBg01 #container #contents #main #main2 #main3 .cassette .styleDivBluebox .styleDivBluebox2 .styleDivBluebox3 DIV .columnRight .faq-noborder {
border-style: none;
line-height:1.5;
margin:-6px 0 0 0;
}

#top #bodyBg01 #container #contents #main #main2 #main3 .cassette .styleDivBluebox .styleDivBluebox2 .styleDivBluebox3 .qa-answer {
border-bottom: 1px dotted #DEDEDE;
margin-bottom: 20px;
}



/* aLayout
------------------------------------*/

.aLayout {
}

.aLayout #main .cassette {
}


/* aLayout
------------------------------------*/

.aLayout {
}

.aLayout #main .cassette {
}


/* styleUlDot
------------------------------------*/

ul.styleUlDot li {
background-image: url(../img/icon_dot.gif);
background-position: 5px 8px;
padding: 0 0 0 15px;
background-repeat: no-repeat;
}


/* lightbox
------------------------------------*/

#lightbox a img,
#lightbox img {
border:0px;
vertical-align:middle;
}


/* contactLayout
------------------------------------*/

.contactLayout #main .errs ul {
border: 3px double #f00;
padding: 10px 0;
}

.contactLayout #main .errs ul li {
border-bottom: 0;
padding: 3px 20px;
}



/* responsive_design
------------------------------------*/

/* 【PC用のスタイル記述】 */
@media screen and (min-width: 769px) {
}

/* 【タブレット用のスタイル記述】 */
@media screen and (max-width: 768px) {
}

/* 【スマートフォン用のスタイル記述】 */
@media screen and (max-width: 620px) {
}


/* clearfix
------------------------------------*/

#header:after,
#header ul:after,
#gNavi ul:after,
#container:after,
#contents:after,
#footer:after,
#footer ul:after,
#main .cassette div:after,
#main .cassette ul:after,
#main .cassette li:after,
#main .cassette p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}

#header,
#header ul,
#gNavi ul,
#container,
#contents,
#footer,
#footer ul,
#main .cassette div,
#main .cassette ul,
#main .cassette li,
#main .cassette p,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html #header,
* html #header ul,
* html #gNavi ul,
* html #container,
* html #contents,
* html #footer,
* html #footer ul,
* html #main .cassette div,
* html #main .cassette ul,
* html #main .cassette li,
* html #main .cassette p,
* html .clearfix {
height: 1%
}

#header,
#header ul,
#gNavi ul,
#container,
#contents,
#footer,
#footer ul,
#main .cassette div,
#main .cassette ul,
#main .cassette li,
#main .cassette p,
.clearfix {
display:block;
}
/* end MacIE5 */