@charset "Shift_JIS";
@import url('/common/css/index_2101.css');
@import url('/common/css/prevention.css');
@import url('/common/css/medical.css');
@import url('/common/css/beauty.css');
@import url('/common/css/book.css');
@import url('/common/css/sensory.css');
@import url('/common/css/baby.css');
@import url('/common/css/haiku.css');
@import url('/common/css/mouth.css');
@import url('/common/css/caries.css');
@import url('/common/css/replace.css');
@import url('/common/css/open.css');
@import url('/common/css/injury.css');
@import url('/common/css/cadcam.css');
@import url('/common/css/sealant.css');
@import url('/common/css/mastication.css');
@import url('/common/css/infection.css');
@import url('/common/css/yubishaburi.css');
@import url('/common/css/tour.css');

/* ------------------------------
Google Font
------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

/* ------------------------------
code�@
------------------------------ */
body {
font-family: 'Noto Sans JP', sans-serif;
color: #000;
font-size: 100%;
line-height: 1.2;
margin: 0px;
padding: 0px;
background-color: #EBF8FE;
background-image: url(/common/img_mobile/header_background.jpg);
background-repeat: repeat-x;
}
p {
line-height: 1.7;
margin: 0px;
padding: 0px;
}
a:link {
color: #069;
text-decoration: none;
}
a:visited {
color: #069;
text-decoration: none;
}
a:hover {
color: #069;
text-decoration: underline;
}
a:active {
color: #069;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
margin: 0px;
padding: 0px;
}
pre {
padding: 0px;
margin: 0px;
}
em {
font-weight: bold;
font-style: normal;
}
strong {
font-weight: bold;
color: #C00;
}
ul {
margin: 0px;
padding: 0px;
}
li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
hr {
margin: 0px;
padding: 0px;
}
img {
margin: 0px;
padding: 0px;
border: none;
}
th {
padding: 10px;
margin: 0px 0px 0px 0px;
text-align: left;
color: #666;
background-color: #D9D9D9;
}
td {
padding: 0px;
margin: 0px;
}
/* ------------------------------
class
------------------------------ */
.Limg {
padding: 5px;
margin: 10px 0px 10px 0px;
float: left;
}
.Rimg {
padding: 5px;
margin: 10px 0px 10px 0px;
float: right;
}
.Pimg {
padding: 0px 0px 0px 0px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
}
#Rtxt {
width: 890px;
padding: 0px 30px 30px 0px;
margin: 0px 0px 0px 0px;
text-align: right;
float: left;
}
.red {
color: #C00;
}
.ore {
color: #F60;
}
.b333 {
color: #333;
}
.b666 {
color: #666;
}
.b999 {
color: #999;
}
.Limg {
padding: 0px;
margin: 0px 15px 15px 0px;
float: left;
}
.Rimg {
padding: 0px;
margin: 0px 0px 15px 15px;
float: right;
}
.Pimg {
padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
}
.border {
border: 1px solid #ccc;
}
.txt8 {
font-size: 8px;
}
.txt9 {
font-size: 9px;
}
.txt10 {
font-size: 10px;
}
.txt12 {
font-size: 12px;
}
.txt14 {
font-size: 14px;
}
.txt16 {
font-size: 16px;
}
.txt18 {
font-size: 18px;
}
.txt20 {
font-size: 20px;
}
.txt22 {
font-size: 22px;

}
.txt24 {
font-size: 24px;

}
.txt26 {
font-size: 26px;

}
.txt28 {
font-size: 28px;

}
.txt30 {
font-size: 30px;

}
.txt32 {
font-size: 32px;

}
.txt34 {
font-size: 34px;

}
.txt36 {
font-size: 36px;

}
.txt38 {
font-size: 38px;

}
.txt40 {
font-size: 40px;

}
.txt50 {
font-size: 50px;

}
.txt60 {
font-size: 60px;

}
.text_center {
text-align: center;
}
.text_right {
text-align: right;
}
.padding {
padding: 50px 0px 50px 0px;
}
.padding_harf {
padding: 25px 0px 25px 0px;
}
.space5 {
margin-bottom: 5px;
}
.space10 {
margin-bottom: 10px;
}
.space15 {
margin-bottom: 15px;
}
.space20 {
margin-bottom: 20px;
}
.space30 {
margin-bottom: 30px;
}
.spaceTop5 {
margin-top: 5px;
}
.spaceTop10 {
margin-top: 10px;
}
.spaceTop20 {
margin-top: 30px;
}
.spaceTop30 {
margin-top: 30px;
}
.spaceLeft20 {
padding: 0 0 0 20px;
}
.spaceLeft10 {
padding: 0 0 0 10px;
}
.spaceSide10 {
padding: 0 10px;
}
.leftBox {
float: left;
}
.rightBox {
float: right;
}
.clear {
clear: both;
}
.width_300 {
width: 300px;
}
.width_400 {
width: 400px;
}
.width_500 {
width: 500px;
}
.width_550 {
width: 550px;
}
.width_600 {
width: 600px;
}
.width_650 {
width: 650px;
}
.width_700 {
width: 700px;
}
.width_735 {
width: 735px;
}
.clearfix {
width: 100%;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
/* ------------------------------
header
------------------------------ */
#header {
width: 980px;
height: 150px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#header_logo a {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 420px;
height: 150px;
display: block;
background-image: url(/common/img_mobile/header_logo2.jpg);
text-indent: -9999px;
}
/* ------------------------------
contents
------------------------------ */
#contents {
width: 980px;
margin: 0px auto 50px auto;
padding: 0px 0px 0px 0px;
}
#main_contents {
width: 920px;
float: left;
clear: both;
margin: 0px 0px 0px 0px;
padding: 0px 30px 35px 30px;
background-image: url(/prevention/img/contents_back.jpg);
background-repeat: repeat-y;
}
#main_contents p {
margin: 0px 0px 0px 0px;
padding: 10px 20px 10px 20px;
}
#main_contents_top {
width: 980px;
height: 40px;
float: left;
clear: both;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(/prevention/img/main_contents.jpg);
background-repeat: no-repeat;
}
#main_contents_end {
width: 980px;
height: 10px;
float: left;
clear: both;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
background-image: url(/prevention/img/maincontents_end.jpg);
background-repeat: no-repeat;
}
#main_contents02 {
width: 980px;
float: left;
clear: both;
margin: 0px 0px 0px 0px;
padding: 0px 0px 80px 0px;
background-image: url(/prevention/img/contents_back.jpg);
background-repeat: repeat-y;
}
#box_top {
margin: 20px 10px 0px 10px;
padding: 0px 0px 0px 0px;
width: 960px;
height: 20px;
background: url(/common/img/index_box03.jpg) left top;
}
#box {
margin: 0px 10px 0px 10px;
padding: 10px 44px 10px 44px;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
width: 870px;
background-color: #FFF;
}
#box_bottom {
margin: 0px 10px 20px 10px;
padding: 0px 0px 0px 0px;
width: 960px;
height: 20px;
background: url(/common/img/index_box03.jpg) left bottom;
}
#box td p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
font-size: 12px;

}
#boxs_top {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 870px;
height: 20px;
background: url(/common/img/index_box02.jpg) left top;
}
#boxs {
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
width: 828px;
background-color: #FFF;
}
#boxs_bottom {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
width: 870px;
height: 20px;
background: url(/common/img/index_box02.jpg) left bottom;
}
#boxs td {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
font-size: 12px;
}
/* ------------------------------
classroom
------------------------------ */
.classroom-box {
margin: 30px 0px 0px 0px;
padding: 50px 10px 50px 10px;
width: 960px;
border-radius: 25px;
background-color: #FFFFFF;
}
.classroom-box h1 {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
font-size: 300%;
font-weight: 700;
text-align: center;
}
.classroom-box h2 {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
font-size: 250%;
font-weight: 700;
width: 750px;
}
.classroom-box h3 {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 10px;
font-size: 250%;
font-weight: 700;
text-align: center;
color: #0FA5E9;
background: linear-gradient(transparent 60%, #DAF1FC 60%);
}
.marker-box {
display: flex;
justify-content: center;
align-items: center;
}
.classroom-box h4 {
margin: 50px 0px 20px 0px;
padding: 0px 0px 0px 10px;
font-size: 250%;
font-weight: 700;
text-align: center;
}
.classroom-box h5 {
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 200%;
font-weight: 700;
text-align: center;
}
.classroom-box h6 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 150%;
font-weight: 700;
text-align: center;
}
.classroom-box p {
margin: 30px auto 50px auto;
padding: 0px 0px 0px 0px;
font-size: 125%;
width: 750px;
font-weight: 500;
line-height: 1.7;
}
.classroom-box-arrow {
margin: 50px 0px 20px 0px;
padding: 0px 0px 0px 10px;
font-size: 200%;
font-weight: 700;
text-align: center;
color: #0FA5E9;
}
.parts01 {
margin: 50px auto 30px auto;
padding: 100px 0px 0px 0px;
background-image: url(/yubishaburi_test/img/parts01.png);
width: 750px;
height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.parts02 {
margin: 0px auto 0px auto;
padding: 125px 0px 0px 0px;
background-image: url(/yubishaburi_test/img/parts02.png);
width: 750px;
height: 275px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.parts03 {
margin: 0px auto 0px auto;
padding: 75px 0px 30px 0px;
background-image: url("/yubishaburi_test/img/parts03.png");
width: 750px;
height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.parts04 {
margin: 10px auto 10px auto;
padding: 50px 0px 0px 0px;
font-size: 150%;
font-weight: 700;
color: #FFFFFF;
background-image: url(/yubishaburi_test/img/parts04.png);
width: 750px;
height: 100px;
background-size: contain;
display: flex;
justify-content: center;
text-align: center;
background-repeat: no-repeat;
background-position: center center;
}
.parts05 {
margin: 30px auto 0px auto;
padding: 0px 0px 75px 0px;
font-size: 150%;
font-weight: 700;
background-image: url(/yubishaburi_test/img/parts05.png);
width: 750px;
height: 200px;
background-size: contain;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background-repeat: no-repeat;
background-position: center center;
}
/* ------------------------------
picture-book
------------------------------ */
.picture-book {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.picture-book-box {
margin: 30px 0px auto 0px auto;
padding: 50px 0px 50px 0px;
width: 890px;
border-radius: 25px;
background-color: #FFFFFF;
}
.picture-book-box h1 {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
font-size: 400%;
text-align: center;
font-weight: 700;
}
.picture-book-box h2 {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
font-size: 400%;
font-weight: 700;
text-align: center;
}
.picture-book-box h3 {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 10px;
font-size: 300%;
font-weight: 700;
text-align: center;
color: #0FA5E9;
background: linear-gradient(transparent 60%, #DAF1FC 60%);
}
.picture-book-box h4 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 200%;
font-weight: 600;
text-align: center;
color: #0FA5E9;
}
.picture-book-box h5 {
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 200%;
font-weight: 700;
text-align: center;
}
.picture-book-box h6 {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
font-size: 600%;
text-align: center;
font-weight: 400;
color: #0FA5E9;
}
.picture-book-box p {
margin: 0px auto 50px auto;
padding: 0px 0px 0px 0px;
font-size: 150%;
width: 750px;
font-weight: 500;
}
.book-parts01 a {
margin: 50px auto 30px auto;
padding: 54px 0px 0px 0px;
background-image: url(/book15_test/img/book-parts01.png);
width: 336px;
height: 190px;
background-size: contain;
background-repeat: no-repeat;
font-size: 450%;
text-align: center;
display: block;
}
.book-parts01 a:link {
color: #FFF;
text-decoration: none;
}
.book-parts01 a:visited {
color: #FFF;
text-decoration: none;
}
.book-parts01 a:hover {
color: #FFF;
opacity: 0.7 ;
transition-duration: 0.4s;
}
.book-parts01 a:active {
color: #FFF;
text-decoration: none;
}
.book-parts02 {
margin: 50px auto 30px auto;
padding: 0px 0px 50px 0px;
background-image: url(/book15/img/book-parts02.png);
width: 177px;
height: 149px;
background-size: contain;
background-repeat: no-repeat;
font-size: 180%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #FFFFFF;
}
.picture-book-box2 {
margin: 30px auto 0px auto;
padding: 50px 0px 50px 0px;
width: 890px;
}
.picture-book-box2 h2 {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
font-size: 400%;
text-align: center;
font-weight: 400;
color: #0FA5E9;
}
.picture-book-box2 h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 300%;
font-weight: 300;
text-align: center;
color: #0FA5E9;
}
.picture-book-box2 p {
margin: 30px auto 50px auto;
padding: 0px 0px 0px 0px;
font-size: 180%;
font-weight: 300;
line-height: 1.7;
}
.picture-book-button01 a {
margin: 30px auto 0px auto;
padding: 4px 0px 0px 0px;
background-image: url(/book15/img/book-parts08.png);
width: 500px;
height: 89px;
background-size: contain;
background-repeat: no-repeat;
font-size: 300%;
text-align: center;
color: #FFFFFF;
display: block;
}
.picture-book-button01 a:link {
color: #FFF;
text-decoration: none;
}
.picture-book-button01 a:visited {
color: #FFF;
text-decoration: none;
}
.picture-book-button01 a:hover {
color: #FFF;
opacity: 0.7 ;
transition-duration: 0.4s;
}
.picture-book-button01 a:active {
color: #FFF;
text-decoration: none;
}
.picture-book-button02 a {
margin: 30px 100px 50px 0px;
padding: 0px 0px 0px 0px;
font-size: 200%;
text-align: right;
color: #E96E0E;
display: block;
}
/* ------------------------------
top
------------------------------ */
.top-picture-book {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.top-picture-book-box {
margin: 30px auto 50px auto;
padding: 50px 0px 50px 0px;
width: 890px;
border-radius: 25px;
background-color: #FFFFFF;
}
.top-picture-book-box h1 {
margin: 20px 0px 30px 0px;
padding: 0px 0px 0px 0px;
font-size: 600%;
text-align: center;
font-weight: 400;
}
.top-picture-book-box h2 {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
font-size: 400%;
font-weight: 700;
text-align: center;
}
.picture-book-box h3 {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 10px;
font-size: 300%;
font-weight: 700;
text-align: center;
color: #0FA5E9;
background: linear-gradient(transparent 60%, #DAF1FC 60%);
}
.top-picture-book-box h4 {
margin: 0px 0px 40px 0px;
padding: 0px 0px 0px 0px;
font-size: 500%;
font-weight: 300;
text-align: center;
color: #0FA5E9;
}
.top-picture-book-box h5 {
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 250%;
font-weight: 700;
text-align: center;
}
.top-picture-book-box h6 {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
font-size: 600%;
text-align: center;
font-weight: 400;
color: #0FA5E9;
}
.top-picture-book-box p {
margin: 30px auto 50px auto;
padding: 0px 0px 0px 0px;
font-size: 220%;
width: 750px;
font-weight: 300;
}
.top-anniversary-box {
margin: 50px auto 50px auto;
padding: 50px 0px 50px 0px;
width: 890px;
border-radius: 25px;
background-color: #FFFFFF;
}
.top-anniversary-box p {
margin: 30px auto 50px auto;
padding: 0px 0px 0px 0px;
font-size: 200%;
width: 750px;
font-weight: 300;
color: #090462;
}
.top-anniversary-box {
margin: 50px auto 50px auto;
padding: 50px 0px 50px 0px;
width: 890px;
border-radius: 25px;
background-color: #FFFFFF;
}
.top-classroom-box {
margin: 30px auto 0px auto;
padding: 50px 0px 50px 0px;
width: 890px;
}
.top-classroom-box h2 {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
font-size: 400%;
text-align: center;
font-weight: 400;
color: #0FA5E9;
}
.top-classroom-box h3 {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
font-size: 400%;
text-align: center;
font-weight: 400;
}
.top-classroom-box p {
margin: 30px auto 50px auto;
padding: 0px 0px 0px 0px;
font-size: 180%;
font-weight: 300;
line-height: 1.7;
width: 750px;
}

/* ------------------------------
sitemap
------------------------------ */
#sitemap {
width: 800px;
margin: 0px auto 0px auto;
padding: 0px 35px 0px 35px;
clear: both;
}
#sitemap_top {
margin: 70px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #CCCCCC;
height: 110px;
}
#sitemap_top_link {
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
#sitemap_top_link li{
margin: 0px 0px 0px 0px!important;
padding: 0px 0px 0px 0px;
}
#top_return {
margin: 20px 20px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
}
#sitemap_book{
margin: 0px 0px 0px 0px;
padding: 0px 0px 40px 0px;
border-bottom: 1px solid #CCCCCC;
}
#sitemap_room {
margin: 0px 0px 0px 0px;
padding: 0px 0px 40px 0px;
border-bottom: 1px solid #CCCCCC;
}
#sitemap_inquiry {
margin: 0px 0px 0px 0px;
padding: 0px 0px 55px 0px;
}
#sitemap h5 {
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 225%;
}
#sitemap li {
margin: 40px 0px 0px 36px;
padding: 0px 0px 0px 0px;
font-size: 150%;
}
#sitemap a:link {
color: #000;
text-decoration: none;
}
#sitemap a:visited {
color: #000;
text-decoration: none;
}
#sitemap a:hover {
color: #000;
text-decoration: underline;
}
#sitemap a:active {
color: #000;
text-decoration: none;
}
/* ------------------------------
footer
------------------------------ */
#footer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(/common/img_mobile/footer_background.jpg);
height: 220px;
background-repeat: repeat-x;
}
#footer_body {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 980px;
}
#sns_button {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
height: 40px;
}
#sns_button li {
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline-block;
}
#footer_logo a {
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 420px;
height: 150px;
display: block;
background-image: url(/common/img_mobile/header_logo.jpg);
text-indent: -9999px;
float: left;
background-repeat: no-repeat;
}
#footer pre {
margin: 7px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
text-align: center;
float: left;
width: 980px;
color: #FFFFFF;
line-height: 1em;
}
/* ------------------------------
drawer
------------------------------ */
#drawer_navigation {
width: 910px;
margin: 0px auto 0px auto;
padding: 100px 0px 100px 0px;
}
#drawer_navigation h5 {
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 225%;
}
#drawer_navigation ul {
margin: 0px 0px 40px 0px;
padding: 0px 0px 0px 0px;
}
#drawer_navigation li {
margin: 20px 0px 0px 36px;
padding: 0px 0px 0px 0px;
font-size: 200%;
}
#drawer_navigation a:link {
color: #000;
text-decoration: none;
}
#drawer_navigation a:visited {
color: #000;
text-decoration: none;
}
#drawer_navigation a:hover {
color: #000;
text-decoration: underline;
}
#drawer_navigation a:active {
color: #000;
text-decoration: none;
}
/* ------------------------------
sp_contents
------------------------------ */
#sp_main_footer h2 {
margin: 100px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 800px;
color: #33BBE5;
font-size: 200%;
font-weight: normal;
}
#sp_main_footer p {
margin: 25px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 800px;
font-size: 150%;
line-height: 2;
}

h2.sp_index {
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 500%;
font-weight: 400;
text-align: center;
color: #0FA5E9;
}
#haiku_banner a {
margin: 15px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 401px;
display: block;
background-image: url(/common/img_mobile/haiku_banner_2108.gif);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}



#amb-dental_banner a {
margin: 50px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 138px;
display: block;
background-image: url(/common/img_mobile/banner-amb-sp.gif);
text-indent: -9999px;
background-repeat: no-repeat;
}



#sp_book a {
margin: 0px auto 30px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 837px;
display: block;
background-image: url(/common/img_mobile_2101/book_index_2108.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}


#sp_index_img2108 a {
margin: 0px auto 30px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 728px;
display: block;
background-image: url(/common/img_mobile_2101/index_img2108.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}


#sp_index_img2101 a {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile_2101/index_img2020.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}

#sp_index_img01 a {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile_2101/index_img01.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}

#sp_index_img02 a {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile/index_img02.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}
#sp_index_img03 a {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile/index_img03.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}
#sp_index_img04 a {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile/index_img04.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}
#sp_index_img05 a {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile/index_img05.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}
#sp_index_img06 a {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile/index_img06.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}
#sp_index_img07 a {
margin: 0px auto 20px auto;	
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile/index_img07.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}
#sp_index_img08 a {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile/index_img08.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}
#sp_index_img09 a {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile/index_img09.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}
#sp_index_img10 a {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile/index_img10.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}
#sp_index_img11 a {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile/index_img11.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}
#sp_index_img12 a {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile/index_img12.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}
#sp_index_img13 a {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 301px;
display: block;
background-image: url(/common/img_mobile/index_img13.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}
/* ------------------------------
button
------------------------------ */
#menu01_button {
margin: 0px 0px 0px 0px;
padding: 40px 26px 0px 30px;
float: left;
width: 462px;
height: 43px;
}
#menu01_button a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 462px;
height: 43px;
display: block;
background-image: url(/prevention/img/menu01_button.jpg);
text-indent: -9999px;
}
#menu01_button a:hover {
background-position: 0px -43px;
}
#menu02_button {
margin: 0px 0px 0px 0px;
padding: 40px 274px 0px 274px;
float: left;
width: 372px;
height: 43px;
}
#menu02_button a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 372px;
height: 43px;
display: block;
background-image: url(/prevention/img/menu02_button.jpg);
text-indent: -9999px;
}
#menu02_button a:hover {
background-position: 0px -43px;
}
#menu02R_button {
margin: 0px 0px 0px 0px;
padding: 40px 30px 0px 0px;
float: right;
width: 372px;
height: 43px;
}
#menu02R_button a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 372px;
height: 43px;
display: block;
background-image: url(/prevention/img/menu02_button.jpg);
text-indent: -9999px;
}
#menu02R_button a:hover {
background-position: 0px -43px;
}
#menu03_button {
margin: 0px 0px 0px 0px;
padding: 40px 30px 0px 0px;
float: right;
width: 372px;
height: 43px;
}
#menu03_button a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 372px;
height: 43px;
display: block;
background-image: url(/prevention/img/menu03_button.jpg);
text-indent: -9999px;
}
#menu03_button a:hover {
background-position: 0px -43px;
}
#toppage {
padding: 0px 0px 0px 0px;
margin: 0px auto 20px auto;
text-align: center;
clear: both;
display: block;
}
h6#book_button {
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 300px;
width: 256px;
height: 56px;
}
h6#book_button a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 256px;
height: 56px;
display: block;
background-image: url(/prevention/img/book_button.jpg);
text-indent: -9999px;
}
h6#book_button a:hover {
background-position: 0px -56px;
}
/* ------------------------------
link
------------------------------ */
h1#link_title {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
width: 377px;
height: 31px;
background-image: url(/common/img/link_title.jpg);
text-indent: -9999px;
}
/* ------------------------------
link_campaign
------------------------------ */
h1#link_campaign_title01 {
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 25px;
width: 870px;
height: 130px;
background-image: url(/hagaki/img/title01.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
}
h2#link_campaign_title02 {
padding: 0px 0px 0px 0px;
margin: 40px 0px 0px 25px;
width: 870px;
height: 18px;
background-image: url(/hagaki/img/title02.jpg);
text-indent: -9999px;
background-repeat: no-repeat;
}
#link_campaign_img01 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 25px;
width: 870px;
height: 220px;
background-image: url(/hagaki/img/img01.jpg);
text-indent: -9999px;
}
#link_campaign_txt {
padding: 0px 0px 0px 0px;
margin: 20px auto 20px auto;
width: 600px;
}
#link_campaign_button01 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 355px;
width: 245px;
height: 40px;
}
#link_campaign_button01 a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 245px;
height: 40px;
display: block;
background-image: url(/hagaki/img/link_button.jpg);
text-indent: -9999px;
}
#link_campaign_button01 a:hover {
background-position: 0px -40px;
}
#link_campaign_button02 {
padding: 0px 0px 0px 0px;
margin: 30px auto 30px auto;
width: 276px;
height: 55px;
}
#link_campaign_button02 a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 276px;
height: 55px;
display: block;
background-image: url(/hagaki/img/form_button.jpg);
text-indent: -9999px;
}
#link_campaign_button02 a:hover {
background-position: 0px -55px;
}

/**/

#top_title03 {
clear:both;
background-image: url(/common/img/title04.png);
width:980px;
height: 70px;
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
}
#top_title03 h2 {
width:240px;
height: 70px;
text-indent: -9999px;
float: left;
}
#top_title03 p {
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
float: left;
}

#contents_ehon,
#contents_column{
width:875px;
margin:0 -10px;	
}

#contents_column{ margin-bottom:-20px;}

#contents_ehon li,
#contents_column li{
width:105px;
float:left;
height:130px;
position:relative;
margin:0 10px 20px;
}

#contents_column li{ height:auto; margin-bottom:10px;}

#contents_column a{
display:block;
font-size:11px;
text-align:center;
line-height:1.3;
color:#999;
text-decoration:none;
}

#contents_ehon .im,
#contents_column .im{
border:1px solid #EEE;
display:block;
}

#contents_ehon a:hover img,
#contents_column a:hover .im img{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";	
}

#contents_column .tx{
display:block;
padding-top:5px;
}

#contents_ehon .im a{
display:block;
width:103px;
height:128px;
background:#FAFAFA;
}

#contents_ehon .tooltip{
position:absolute;
width:135px;
bottom:96%;
left:50%;
margin:0 0 0 -67px;
padding:0 0 11px;
background:url(../img/im_content_list_tooltip02.png) no-repeat bottom;
display:none;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha( opacity=0 )";	
font-size:11px;
line-height:1.4;
}

#contents_ehon .tooltip .box{
display:block;
background:url(../img/im_content_list_tooltip01.png) no-repeat;
padding:2px 0 0;
}

#contents_ehon .tooltip span span{
display:block;
background:#019FE8;
color:#FFF;
padding:8px 10px;
text-align:center;
}

#listTitle01,
#listTitle02{
clear:both;
width:202px;
height:18px;
overflow:hidden;
text-indent:-9999px;
background:url(../img/tl_contents_list01.gif) no-repeat;
margin:-5px 0 15px
}

#listTitle02{
background-image:url(../img/tl_contents_list02.gif);
}

#btmContentsList{
clear:both;
}

/* ------------------------------
slider
------------------------------ */
.slider{
margin: 50px auto;
width: 80%;
}
.slider img{
margin: auto;
height: auto;
width: 80%;
}
.slider2{
margin: 50px auto;
width: 80%;
}
.slider2 img{
margin: auto;
height: auto;
width: 95%;
}

  /*-----------���\��----------*/
  .slick-next{
    right:-60px!important;
  }
  .slick-next:before{
    background: url(/common/img_mobile202203/book-parts04.png)!important;
    background-size: contain!important;
  }
  .slick-prev{
    left:-60px!important;
  }
  .slick-prev:before{
    background: url(/common/img_mobile202203/book-parts03.png)!important;
    background-size: contain!important;
  }
  .slick-arrow{
    z-index:2!important;
    width:60px!important;
    height:60px!important;
  }
  .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity:1!important;
  }