@charset "Shift_JIS";
@import url('/common/css/index_2022.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');
/* ------------------------------
code@
------------------------------ */
body {
	font-family: Meiryo, Hiragino Kaku Gothic Pro, MS PGothic;
	color: #000;
	font-size: 85%;
	line-height: 1.7em;
	margin: 0px;
	padding: 0px;
	background-color: #EBF8FE;
	background-image: url(/prevention/img/background.jpg);
	background-repeat: repeat-x;
}
p {
	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 {
	line-height: 1.2em;
	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;
	line-height: 1.2em;
}
.txt24 {
	font-size: 24px;
	line-height: 1.2em;
}
.txt26 {
	font-size: 26px;
	line-height: 1.2em;
}
.txt28 {
	font-size: 28px;
	line-height: 1.2em;
}
.txt30 {
	font-size: 30px;
	line-height: 1.2em;
}
.txt32 {
	font-size: 32px;
	line-height: 1.2em;
}
.txt34 {
	font-size: 34px;
	line-height: 1.2em;
}
.txt36 {
	font-size: 36px;
	line-height: 1.2em;
}
.txt38 {
	font-size: 38px;
	line-height: 1.2em;
}
.txt40 {
	font-size: 40px;
	line-height: 1.2em;
}
.txt50 {
	font-size: 50px;
	line-height: 1.2em;
}
.txt60 {
	font-size: 60px;
	line-height: 1.2em;
}
.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;
}
.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;
}
/* ------------------------------
body
------------------------------ */
#body {
	border-top: 3px solid #009FE8;
}
#center {
	width: 980px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* ------------------------------
header
------------------------------ */
#header {
	width: 980px;
	height: 155px;
	padding: 0px;
	margin: 0px;
}
#header_logo {
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 400px;
	height: 120px;
}
#header_logo a {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 400px;
	height: 120px;
	display: block;
	background-image: url(/prevention/img/haiku_logo.jpg);
	text-indent: -9999px;
}
#header_link {
	padding: 5px 10px 5px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	height: 25px;
}
#header_link li {
	font-size: 12px;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	text-indent: 15px;
	background: url(/common/img/link.gif) no-repeat left center;
}
#header_bunner {
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	width: 404px;
	height: 94px;
}
#header_button {
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	width: 570px;
	height: 21px;
}
#header_button li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
}
/* ------------------------------
navi
------------------------------ */
#navi01 {
	width: 960px;
	margin: 15px 10px 20px 10px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
	display: inline;
}
#navi_top01 {
	height: 18px;
	width: 960px;
	float: left;
	background-image: url(/common/img/navi_top01.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
#navi01 #a {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi01_01.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi01 #b {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi01_02.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi01 #c {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi01_03.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi01 #d {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi01_04.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi01 #e {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi01_05.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi01 #f {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi01_06.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi01 #g {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi01_07.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi01 #h {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi01_08.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
ul#navi01 li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}
ul#navi01 li a {
	text-decoration: none;
	display: block;
	float: left;
}
#navi01 a:link {
	text-decoration: none;
}
#navi01 a:visited {
	text-decoration: none;
}
#navi01 a:hover {
	opacity: 0.65;
	filter: alpha(opacity=65);
	-ms-filter: "alpha( opacity=65 )";
	background: #fff;
}
#navi01 a:active {
	text-decoration: none;
}
#navi02 {
	width: 960px;
	margin: 15px 10px 30px 10px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
	display: inline;
}
#navi_top02 {
	height: 18px;
	width: 960px;
	float: left;
	background-image: url(/common/img/navi_top02.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
#navi02 #a {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi02_01.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi02 #b {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi02_02.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi02 #c {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi02_03.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi02 #d {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi02_04.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi02 #e {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi02_05.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi02 #f {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi02_06.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi02 #g {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi02_07.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#navi02 #h {
	height: 90px;
	width: 106px;
	background-image: url(/common/img/navi02_08.jpg);
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
ul#navi02 li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}
ul#navi02 li a {
	text-decoration: none;
	display: block;
	float: left;
}
#navi02 a:link {
	text-decoration: none;
}
#navi02 a:visited {
	text-decoration: none;
}
#navi02 a:hover {
	opacity: 0.65;
	filter: alpha(opacity=65);
	-ms-filter: "alpha( opacity=65 )";
	background: #fff;
}
#navi02 a:active {
	text-decoration: none;
}
/* ------------------------------
contents
------------------------------ */
#contents {
	width: 980px;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: both;
}
#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;
	line-height: 1.2em;
}
#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;
	line-height: 1.2em;
}
/* ------------------------------
footer
------------------------------ */
#footer_body {
	height: 650px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url(/common/img/footer.jpg) repeat-x center bottom;
	clear: both;
}
#footer {
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#footer h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	font-size: 12px;
	color: #666;
	border-bottom: 2px dotted #999;
}
#footer li {
	margin: 2px 0px 2px 0px;
	padding: 2px 0px 2px 0px;
	font-size: 10px;
	color: #666;
	border-bottom: 2px dotted #999;
	text-indent: 5px;
	line-height: 1.4em;
}
#footer li span {
	line-height: 1em;
}
#footer p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}
#footer pre {
	margin: 230px 0px 0px 0px;
	float: right;
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	width: 980px;
	text-align: center;
	color: #FFF;
	line-height: 1.2ecommon
}
/* ------------------------------
footer_navi
------------------------------ */
#footer_navi01 {
	width: 230px;
	height: 360px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	float: left;
}
#footer_navi02 {
	width: 230px;
	height: 390px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	float: left;
}
#footer_navi03 {
	width: 230px;
	height: 360px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	float: left;
}
#toppage_button {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 181px;
	height: 22px;
}
#toppage_button a {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 181px;
	height: 22px;
	display: block;
	background-image: url(/prevention/img/toppage_button.jpg);
	text-indent: -9999px;
}
#toppage_button a:hover {
	background-position: 0px -22px;
}
/* ------------------------------
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:100px 200px 0px 0px;
}

#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;
}
/* ------------------------------
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: 25px 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;
}