@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}

body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	 font-family: MS PGothic, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" , sans-serif;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
	color: #006633;
	text-decoration: none;
}

a:visited {
	color: #006633;
	text-decoration: none;
}

a:hover {
	color: #006633;
	text-decoration: underline;
}

a:active {
	color: #006633;
	text-decoration: underline;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	background: #FCFCFC url(../../img/common/body_bg.jpg) repeat-x center top;
	color: #666;
	text-align: center;
	line-height: 1.5;
}

#container{
	background: url(../../img/common/container_bg.png) repeat-y left top;
	margin: 0 auto;
	width: 990px;
	text-align: left;
	zoom: 1;
}

#main {
	margin: 0 auto 27px;
	width: 942px;
}

* html #main {
	zoom: 1;
}

*+html #main {
	zoom: 1;
}

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

.mainImg {
	clear: both;
	margin: 0 auto 17px;
	padding-left: 1px;
	width: 941px;
}

.mainImg img {
	display: block;
}

.imgBox {
	border: 1px solid #CCC;
	clear: both;
	margin: 0 auto 67px;
	padding: 8px 0 7px 14px;
	width: 918px;
}

.imgBox .imgList {
	margin-right: -32px;
	overflow: hidden;
	width: 922px;
}

.imgBox .imgList li {
	margin: 0 30px 9px 0;
	float: left;
}

.imgBox .imgList li img {
	display: block;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
	border-top: 6px solid #333399;
	margin: 0 auto 6px;
	width: 960px;
}

#header .hInner {
	margin: 0 auto 9px;
	padding-left: 9px;
	width: 931px;
}

#header .hInner .hBox {
	float: left;
	position: relative;
	padding-top: 12px;
	width: 320px;
}

#header .hInner .hBox h1 {
	position: absolute;
	left: 60px;
	top: 13px;
}

#header .hInner .rBox {
	margin-top: -6px;
	float: right;
	width: 580px;
}

#header .hInner .rBox .tel {
	margin-bottom: 17px;
	text-align: right;
}

#header .hInner .rBox .link  { 
 width: 800px;
 float: right 
}

#header .hInner .rBox .link li  {
	font-size: 1.2em; 
	background: url("../../img/common/icon/icon01.gif") no-repeat 0px 5px; 
	padding-left: 10px; 
	padding-right:20px;
	float: right 
}

#header .hInner .rBox .link li a {
	background: url(../../img/common/line01.gif) repeat-x left bottom;
	padding: 0 7px 2px 0px;
}

#header .hInner .rBox .link li a:hover {
	text-decoration: none;
}

#header .souryou {
	text-align: right;
}

#header .hBox2 {
	float: left;
	position: relative;
	padding-top: 12px;
	width: 500px;
}

#header .hBox2 {
	position: absolute;
	top: 13px;
}


/*------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------*/
#gNavi {
	clear: both;
    margin: 0 auto;
	width: 940px;
}

#gNavi li {
	float: left;
}

#gNavi li a,
#gNavi li img {
	display: block;
}

#gNavi .navi01 a {
	background: url("../../img/common/g_navi01_over2.jpg") no-repeat;
}
#gNavi .navi01 a {
	background: url("../../img/common/g_navi01_over2.jpg") no-repeat;
}
#gNavi .navi01 a:hover {
	background-image: url("../../img/common/g_navi01_over2.jpg");
}

#gNavi .navi02 a {
	background: url("../../img/common/g_navi02_over2.jpg") no-repeat;
}
#gNavi .navi02 a {
	background: url("../../img/common/g_navi02_over2.jpg") no-repeat;
}
#gNavi .navi02 a:hover {
	background-image: url("../../img/common/g_navi02_over2.jpg");
}

#gNavi .navi03 a {
	background: url("../../img/common/g_navi03_over2.jpg") no-repeat;
}

#gNavi .navi03 a{
	background:url("../../img/common/g_navi03_over2.jpg") no-repeat;
}

#gNavi .navi03 a:hover{
	background-image:url("../../img/common/g_navi03_over2.jpg");
}

#gNavi .navi04 a{
	background:url("../../img/common/g_navi04_over2.jpg") no-repeat;
}

#gNavi .navi04 a{
	background:url("../../img/common/g_navi04_over2.jpg") no-repeat;
}

#gNavi .navi04 a:hover{
	background-image:url("../../img/common/g_navi04_over2.jpg");
}

#gNavi .navi05 a{
	background:url("../../img/common/g_navi05_over2.jpg") no-repeat;
}

#gNavi .navi05 a{
	background:url("../../img/common/g_navi05_over2.jpg") no-repeat;
}

#gNavi .navi05 a:hover{
	background-image:url("../../img/common/g_navi05_over2.jpg");
}

#gNavi .navi06 a{
	background:url("../../img/common/g_navi06_over2.jpg") no-repeat;
}

#gNavi .navi06 a{
	background:url("../../img/common/g_navi06_over2.jpg") no-repeat;
}

#gNavi .navi06 a:hover{
	background-image:url("../../img/common/g_navi06_over2.jpg");
}

#gNavi .navi07{
	background: url("../../img/common/g_navi07_over2.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */
}

#gNavi .navi07 a{
	background:url("../../img/common/g_navi07_over2.jpg") no-repeat;
}

#gNavi .navi07 a:hover{
	background-image:url("../../img/common/g_navi07_over2.jpg");
}

#gNavi .navi08{
	background:url("../../img/common/g_navi08_over2.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */
}

#gNavi .navi08 a{
	background:url("../../img/common/g_navi08_over2.jpg") no-repeat;
}

#gNavi .navi08 a:hover{
	background-image:url("../../img/common/g_navi08_over2.jpg");
}

#gNavi li a:hover img{
	opacity:0;
	filter:alpha(opacity=0);
　　-moz-opacity:0; 
}

/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath{
	margin:0 auto 5px;
	padding-left:12px;
	width:930px;
}

#pagePath li{
	color:#006633;
	display:inline;
	font-size:1.2em;
}

#pagePath li a{
	margin-right:2px;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts{
	float:right;
	width:722px;
}

#conts2{
	float:right;
	width:722px;
}

#conts3{
	float:right;
	width:942px;
}

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar{
	float:left;
	padding-top:1px;
	width:203px;
}

#sideBar .title{
	margin-bottom:12px;
}

#sideBar .mailForm{
	margin:0 0 14px 4px;
}

#sideBar .mailForm .form{
	margin:0 2px 3px 0;
}

#sideBar .mailForm .form li{
	font-size:1.5em;
	padding-bottom:8px;
	overflow:hidden;
	zoom:1;
}

#sideBar .mailForm .form li label{
	float:left;
	width:50px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#sideBar .mailForm .form li label{
		letter-spacing: -3px;
		} 
}

#sideBar .mailForm .form li input{
	float:right;
	width:140px;
}

#fTitle,
#fAuthor{
	width:140px;
}

#sideBar .mailForm .select{
	margin:0 3px 0 3px;
}

#sideBar .mailForm .select li{
	font-size:1.4em;
	width:50px;
}

#sideBar .mailForm .select .first{
	padding-top:2px;
	width:140px;
}

#sideBar .sNavi{
	margin:0 1px 0px 2px;
}

#sideBar .sNavi01{
	margin-bottom:22px;
}

#sideBar .sNavi02{
	margin-bottom:22px;
}

#sideBar .sNavi li{
	border:1px solid #CCC;
	font-size:1.4em;
	margin-bottom:5px;
	padding:5px 0 4px 6px;

}



#sideBar .sNavi li a{
	background:url(../../img/common/icon/icon02.gif) no-repeat left 3px;
	color:#336633;
	display:block;
	padding-left:20px;
}

#sideBar .sNavi li a:hover{
	text-decoration:none;
}

.sNavi_box {                             /* メニュー全体のボックス */
	z-index:30;
	padding:0 0 20px;
	}                           /* 下に重なる記事より上位の表示優先度 */
.sNavi {                                 /* 各親メニュー */   
	position: relative;
	}                    /* 相対配置 */
.sNavi li {                              /* 各メニュー */
 	width: 192px;                           /* 幅 */
}
.sNavi li ul{                             /* 子メニュー */
	display: none;                           /* 初期設定　非表示 */
	position: absolute;                      /* 絶対配置(absolute) */
 	left: 200px;                             /* 左から200px */
	top:0px;
	}                                /* トップから 0px */
.sNavi li:hover ul{                       /* 親メニュー・ホバー時 */
	display:block;                           /* 子メニューを表示 */
	z-index: 30;
box-shadow:0px 0px 5px;
	}                            /* 下に重なる記事より上位の表示優先度 */
.sNavi li:hover ul li {                   /* 親メニュー・ホバー時　子メニュー */
	background-color:#fff;
	border:1px 1px 0 1px solid #CCC!important;
	font-size:1em!important;
	margin-bottom:0px!important;
	padding:5px 0 4px 6px!important;
	}
	



#sideBar .sNavi02 li {
	border: 1px solid #CCC;
	background-color:#c6c6ff;
	font-size: 1.5em;
	margin-bottom: 5px;
	padding: 5px 0 4px 8px;
}


#sideBar .sNavi02 li a {
	background: url(../../img/common/icon/icon04.gif) no-repeat left 4px;
	color: #336633;
	display: block;
	padding-left: 20px;
}

#sideBar .sNavi02 li a:hover{
	text-decoration:none!important;
}

#sideBar .banner{
	margin-left:1px;
}

#sideBar .banner li{
	float:left;
	margin-bottom:11px;
}

#sideBar .banner li img{
	display:block;
}

#sideBar .banner li a:hover img{
    filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
	border-top:1px solid #CCC;
	background-color:#333399;
	clear:both;
	margin:0 auto;
	padding:5px 0 4px;
	width:960px;
}

#footer .copyRight{
	text-align:center;
}
.umino{
	background-image:url(../../img/uminomiti/bgumi.jpg);
	background-repeat:no-repeat;
}

/*------------------------------------------------------------
	button
------------------------------------------------------------*/

.square_media{
    position:relative!important;
    display:inline-block!important;
    padding:0 5px!important;
    text-decoration:none!important;
    color:#fff!important;
    background:#6a5acd!important;
	border-bottom:solid 2px #999966!important;
    border-radius:10px!important;
    box-shadow:inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19)!important;
    font-weight:normal!important;
　　font-size:4px!important;
}

.square_syohyou{
    position:relative!important;
    display:inline-block!important;
    padding:0 10px!important;
    text-decoration:none!important;
    color:#fff!important;
    background:#6495ed!important;
    border-bottom:solid 2px #d27d00!important;
    border-radius:5px!important;
    box-shadow:inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19)!important;
    font-weight:normal!important;
}

.square_pod{
    position:relative!important;
    display:inline-block!important;
    padding:0 5px!important;
    text-decoration:none!important;
    color:#FFF!important;
    background:#ff7f50!important;
    border-bottom:solid 2px #CC3300!important;
    border-radius:5px!important;
    box-shadow:inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19)!important;
    font-weight:normal!important;
}


/*------------------------------------------------------------
	PODページ
------------------------------------------------------------*/
#menu ul{
	margin:0; 
	padding:0; 
	list-style:none;
}

#menu li{
	display:inline-block;
	padding:0; 
	margin:0; 
	float:left;
	color:#fff;
	border:0px solid #666;
	background-color:#6a5acd;
	width:100px;
}

.inline{
	width:800px;
}

.inline p{
	display:inline-block;
	width:100px;
	height:50px;
	vertical-align:top;
	padding:10px;
	border-radius:15px!important;
	background-color:#36C;
	color:#fff;
}

.inline span{
	width:20px;
	vertical-align:center;
	padding:5px;
	font-size:10px;
}

.back1{
	background-color:#fff;
	padding:10px; 
	margin:20px 25px!important; 
	width: 600px;
	border-radius:5px!important;
	font-size:12px;
}

.back1 span{
	font-size:12px;
	color:#333;
}

.back2{
	background-color:#ffd700;
	padding:0px 10px; 
	margin:10px!important; 
	font-weight:bold;
	width:650px;
}

.fred{
	color:#F00;
	width:650px;
	text-align:right;
}

/*------------------------------------------------------------
	PODページ
------------------------------------------------------------*/

ul.nav{
	display:table;
	table-layout:fixed;
	width:90%;
	margin:20px 10px 20px 20px;
}

ul.nav li{
	display:table-cell;
	width:60px;
	vertical-align:middle;
	text-align:center;
	border-radius:15px!important;
	background-color:#36C;
	padding:10px 5px;
	font-size:15px;
	color:#fff;
}

ul.nav li.car{
	display:table-cell;
	vertical-align:middle;
	font-size:15px;
	width:20px;
	background-color:#fff;
	color:#333;
}

.pod_p1{
	padding:5px 0px;
}

/*------------------------------------------------------------
	hoikuページ
------------------------------------------------------------*/
ul.nav2{
	display:table;
	table-layout:fixed;
	width:65%;
	margin:20px 10px 20px 20px;
}

ul.nav2 li{
	display:inline-block;;
	vertical-align:middle;
	text-align:center;
	border-radius: 15px!important;
	background-color:#C06;
	padding:10px 5px;
	margin:10px;
	font-size:15px;
	color:#fff;
}

.hoiku_title{
	padding:30px　0;
}

.btn-flat-border{
	display:inline-block;
	padding:0.3em 1em;
	text-decoration:none;
	color:#67c5ff;
	border:solid 2px #67c5ff;
	border-radius:3px;
	transition: .4s;
	width:350px;
	font-size:15px;
}

.btn-flat-border:hover{
	background:#67c5ff;
	color:white;
}

/*------------------------------------------------------------
	Guideページ
------------------------------------------------------------*/

#guidebox1{
	padding:0 20px;
}

#guidebox2{
	background-color:#f5f5dc;
	padding:5px;
	margin:10px;
	font-size:15px;
}

/*------------------------------------------------------------
	handbook7ページ
------------------------------------------------------------*/

.box11{
    padding:0.5em 1em;
    color:#666;
    background:#F5F5F5;
    border-top:solid 5px #ffc0cb;
    box-shadow:0 3px 5px rgba(0, 0, 0, 0.22);
}

.box11 p {
    margin: 0; 
    padding: 0;
}

.box6 {/*点線*/
    padding: 10px;
    margin: 20px;
    background: #FFFFFF;
    border: dashed 1px #5b8bd0;
	width:500px;
}

.box6 p{
    margin: 0; 
    padding: 0;
	font-size:13px;
}

.komidasi{
	font-size:20px;
	font-weight:bold;
}

#hand7-haikei{
	background-image:url(../../img/handbook/hand7-backtop.gif),url(../../img/handbook/hand7-backbtm.gif);
	background-position:top,bottom;
	background-repeat:no-repeat,no-repeat;
	background-size:100%;
}

.cacth-setumei{
	width:600px;
	margin:10px	30px;
}

.cacth-setumei p{
	font-size:16px;
	color:#000;
}

.cacth-setumei2{
	width:600px;
	margin:0px 30px;
	color:#000000!important;
	font-size:10px;
}

.gazounarabi{
	float:left;
	margin:10px;
}

.gazoutext{	/* floatを解除 */
	clear: both;
	font-size:10px;
	margin:0px 10px 20px;
}

.f-red{
	color:red;
}

.backbottan{
	text-align:left;
	font-size:15px;
}

.samplegazou{
	margin:10px 150px;
}


/*------------------------------------------------------------
	handbook6ページ
------------------------------------------------------------*/
.box6-2{/*点線*/
    padding:10px;
    margin:20px;
    background:#FFFFFF;
    border:dashed 1px #5b8bd0;
	width:630px;
}

.box6-2 p{
    margin:0; 
    padding:0;
	font-size:13px;
}

.box8{
 	margin:5px 10px 15px;
    padding:0.5em 1em;
    color:#232323;
    background:#fff8e8;
    border-left:solid 10px #ffc06e;
}

.box8 p{
    margin:0; 
    padding:0;
}

#hand6-haikei{
	background-image:url(../../img/handbook/hand6-backtop.jpg),url(../../img/handbook/hand6-backbtm.jpg);
	background-position:top,bottom;
	background-repeat:no-repeat,no-repeat;
	background-size:100%;
}

.box18{
    margin:2em 0;
    position:relative;
    padding:0.25em 1em;
    border:solid 2px #ffcb8a;
    border-radius:3px 0 3px 0;
}

.box18:before,.box18:after{
    content:'';
    position:absolute;
    width:10px;
    height:10px;
    border:solid 2px #ffcb8a;
    border-radius: 50%;
}

.box18:after{
    top:-12px;
    left:-12px;
}

.box18:before{
    bottom:-12px;
    right:-12px;
}

.box18 p{
    margin:10px; 
    padding:10px;
	font-size:14px;
}



/*------------------------------------------------------------
	handbook8ページ
------------------------------------------------------------*/

.orderbox_right{
	position:relative;
}

.orderbox{
	position:absolute;
    top:79%;
    left:70%;
	font-size:14px;
	text-align:right;
}
.orderbox2{
	position:absolute;
    top:85%;
    left:75%;
	font-size:16px;
	text-align:center;
}
.parent{
	padding:10px;
	text-align:center;
	width:920px;
}

.inner{
	display:inline-block;
	font-size:16px;
	line-height:1.5em;
	background:none;
	margin:10px;	/* 外側の余白 */
	padding:20px;	/* 内側の余白 */
	position:relative;
	background:#f5f5f5;		/*背景色*/
	border-left:double 7px #4ec4d3;		/*左線*/
	border-right:double 7px #4ec4d3;	/*右線*/
	font-family:'Noto Sans JP', sans-serif;
	font-weight:300;
}

.inner2{
	display:inline-block;
	font-size:16px;
	line-height:1.5em;
	background:none;
	margin:10px;	/* 外側の余白 */
	padding:10px;	/* 内側の余白 */
	position:relative;
	font-family:'Noto Sans JP', sans-serif;
	font-weight:300;
}

.inner3{
	display:inline-block;
	background:none;
	margin:auto;	/* 外側の余白 */
	padding:auto;	/* 内側の余白 */
	position:relative;
}

.tablecell{
	text-align:left;
	display:table-cell;
	vertical-align:middle;
	width:600px;
	margin:20px;
}

.tablecell2{
	text-align:left;
	display:table-cell;
	vertical-align:middle;
	width:700px;
}

.tablecell2 img{
	vertical-align:middle;
}

.tablecell2 p{
	vertical-align:middle;
	font-size:17px;
}

.tablecell3{
	text-align:left;
	display:table-cell;
	vertical-align:middle;
	width:800px;
	margin:20px;
	font-size:12px;
}

.tablecell4{
	text-align:left;
	display:table-cell;
	vertical-align:middle;
	width:700px;
	margin:20px;
	font-size:14px;
}

.tablecell5{
	text-align:left;
	display:table-cell;
	vertical-align:middle;
	width:700px;
	margin:20px;
	font-size:14px;
	background-color: #f9f9ff; /* 背景色 */
	box-shadow: 0 0 10px 10px #f9f9ff; /* 影 */
}

/* IE */
@font-face{
	font-family:Noto Serif JP;
	src: url(font/Noto Serif JP.eot);
}

/* Firefox, Opera, Safari */
@font-face{
	font-family:Noto Serif JP;
	src:url(font/Noto Serif JP.ttf) format(”truetype”);
}
.komidasi{
	font-size:20px;
	font-weight:bold;
}

.komidasi1{
	font-family:'Noto Serif JP', serif;
	font-weight:400;
	border-bottom:solid 2px #800000;
	color:#800000;
	padding:5px;
	margin:0 50px;
	font-size:25px;
}

#hand8_nav{
	list-style:none;
	overflow:hidden;
	padding:10px 0 0;
}

#hand8_nav li{
	width:230.25px;
	text-align:center;
	background-color:#00ced1;
	float:left;
	height:40px;
	line-height:40px;
	margin-right:1px;
	font-family:'Noto Sans JP', sans-serif;
	font-size:15px;
}
 
#hand8_nav li a{
	text-decoration: none;
	padding:20px;
	color:#eee;
}

.flex_box{
	padding:0px;	/* 余白指定 */
	display:flex; 
	justify-content:space-between;
}

.flex_item{
	padding:0px 25px;
	margin:10px 0 0;	/* 外側の余白 */
	text-align:left;
}

.thumbnail {
	width: 90px;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  0px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
    vertical-align:  middle;  
}

.thumbnail2 {
	width: 600px;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
	font-size:25px;
	color:#663300;
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
    vertical-align:  middle;  
}

.thumbnail3 {
	width: 80px;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
	font-size:25px;
	color:#dc143c;
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
   	vertical-align:  middle;  
}

.thumbnail4 {
	width: 450px;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
	font-size:13px;
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
    vertical-align:  middle;  
}

.thumbnail5 {
	width: 200px;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
	font-size:12px;
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
    vertical-align:  middle;  
}

.thumbnail6 {
	width:500px;            /* 幅指定 */
    display:inline-block;     /* インラインブロック要素にする */
    vertical-align:top;       /* 要素を上揃えにする */
	font-size:30px;
    margin-bottom:10px;        /* 要素同士の隙間調整 */
    padding:30px;             /* 余白指定 */
    box-sizing:border-box;     /* 崩れ防止 */
    vertical-align:middle;  
}
.thumbnail7 {
	width: 250px;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
	font-size:12px;
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
    vertical-align:  middle;  
}
.thumbnail8 {
	width: 400px;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
	font-size:13px;
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
    vertical-align:  middle;  
}
.font13{
	font-size:13px;
	color:#696969;
}

.fontwhite a{
	color:#fff;
	text-decoration: none;
}
    
/*------------------------------------------------------------
	yamasemi,mazda
------------------------------------------------------------*/

#yamasemi_nav{
	list-style:none;
	overflow:hidden;
	padding:10px 0 0;
}

#yamasemi_nav li{
	text-align:center;
	float:left;
	height:20px;
	line-height:20px;
	font-family:'Noto Sans JP', sans-serif;
	font-size:12px;
}
  
#yamasemi_nav li a{
	text-decoration: none;
	padding:7px;
	color:#7f1184;
}
 #yamasemi_nav2{
	list-style:none;
	overflow:hidden;
	padding:10px 0 0;

}

#yamasemi_nav2 li{
	text-align:center;
	float:left;
	height:30px;
	line-height:0px;
	margin:0 5px ;
}
 
 

.yamasemi_menu{
	position:relative;
}

.yamasemi_menubox{
	position:absolute;
    top:0%;
    left:0%;
}

#mazda_nav{
	list-style:none;
	overflow:hidden;
	padding:10px 0 0;
}

#mazda_nav li{
	text-align:center;
	float:left;
	height:27px;
	line-height:27px;
	font-family:'Noto Sans JP', sans-serif;
	font-size:13px;
	color:#fff;
}
  
#mazda_nav li a{
	text-decoration: none;
	padding:7px;
	color:#fff;
}


.komidasi2{
	width:810px;
	font-family:'Noto Serif JP', serif;
	font-weight:600;
	color:#800000;
	padding:5px 0 5px 35px;
	margin:10px 50px 0;
	font-size:25px;
	text-align:left;
background-color:#e0ebaf;
}

.komidasi3{
	width:810px;
	font-family:'Noto Serif JP', serif;
	font-weight:600;
	margin:10px 50px 0;
	font-size:25px;
	text-align:left;
    padding: 0.5em 1em;
    background: -moz-linear-gradient(#dc143c, #000);
    background: -webkit-linear-gradient(#dc143c, #000);
    background: linear-gradient(to right, #dc143c, #000);
    color: #FFF;
}

.komidasi3 p {
    margin: 0; 
    padding: 0;
}

.yamasemi_img{
	position:relative;
}

.yamasemi_img2{
	position:relative;
	width:800px;
	background-image:url("../../img/tokusetu2020/yamasemi_sample.gif");
	background-repeat: no-repeat;
	background-position: right;
}

.yamasemi_imgbox{
	position:absolute;
    top:30%;
    left:40%;
	font-size:17px;
	text-align:left;
	font-family:'Noto Sans JP', sans-serif;
width:500px;
}

.yamasemi_imgbox2{
	position:absolute;
    top:25%;
    left:5%;
	font-size:17px;
	text-align:left;
	font-family:'Noto Sans JP', sans-serif;
	width:500px;
}

.yamasemi_imgbox3{
	position:absolute;
    top:20%;
    left:38%;
	width:300px;
}

.yamasemi_imgbox3 p{
	font-size:13px;
	text-align:left;
	font-family:'Noto Sans JP', sans-serif;
}

.yamasemi_imgbox4{
	position:absolute;
    top:60%;
    left:20%;
	width:300px;
}
.yamasemi_imgbox4 p{
	font-size:13px;
	text-align:left;
	font-family:'Noto Serif JP', serif;
	font-weight:300;
}
.yamasemi_imgbox5{
	position:absolute;
    top:10%;
    left:42%;
	font-size:15px;
	text-align:left;
	width:250px;
	font-family:'Noto Sans JP', sans-serif;
	font-weight:300;
}

.yamasemi_imgbox6{
	position:absolute;
    top:70%;
    left:10%;
	font-size:15px;
	text-align:left;
	width:250px;
	font-family:'Noto Sans JP', sans-serif;
	font-weight:300;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
	border: dotted 2px #ffc06e;
    border-radius: 8px;
	width:600px;
	text-align:left;
}

.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    background: #FFF;
    color: #ff7f50;
}

.box26 p {
    margin: 0; 
    padding: 0;
}

.box21{
    padding: 0.5em 1em;
    background: -moz-linear-gradient(#ffb03c, #ff708d);
    background: -webkit-linear-gradient(#ffb03c, #ff708d);
    background: linear-gradient(to right, #ffb03c, #ff708d);
    color: #FFF;
}

.box21 p {
    margin: 0; 
    padding: 0;
}

.font20{
	font-size:20px;
}

.example03-box {
　　width: 400px;
　　overflow: hidden;
　　_zoom: 1; /*IE6バグ対策*/
　　border: 1px solid DDDDDD;
　　padding: 15px;
}

.snsbtn{
	padding-right:7px;
}

.mazda_topi{
	padding:0 0 5px 15px;
	font-size:28px;
	font-family:'Noto Serif JP', serif;
	font-weight:300;
}

.mazda_topi2{
	padding:25px 45px 55px;
	font-size:18px;
	font-family:'Noto Sans JP', sans-serif;
}

.mazda_topi3{
	padding:10px 12px;
	font-size:16px;
	font-family:'Noto Sans JP', sans-serif;
}

/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

.infobox{
	border: none;    /* 枠線を追加 */
	background-color: #FFF; /* 背景色を追加 */
}

.migiyose{
	text-align:right;
}

/*------------------------------------------------------------
	アコーディオン
------------------------------------------------------------*/

.dropmenu{
	*zoom: 1;
	list-style-type: none;
}

.dropmenu:before, .dropmenu:after{
	content: "";
	display: table;
}

.dropmenu:after{
	clear: both;
}

.dropmenu li{
	position: relative;
}

.dropmenu li a{
	display: block;
	text-decoration: none;
}

.dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
}

.dropmenu li ul li{
	width: 100%;
}

#normal li ul{
	display: none;
}

#normal li:hover ul{
	display: block;
}

.css-fukidashi {
	padding: 0;
	margin: 0;
}

.fukidashi {
	display: none;
	width: 200px;
	position: absolute;
	top: 0;
	left: 250px;
	padding: 16px;
	border-radius: 5px;
	background: #33cc99;
	color: #fff;
	font-weight: bold;
}

.fukidashi:after {
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	bottom: -19px;
	margin-left: 10px;
	border: solid transparent;
	border-color: rgba(51, 204, 153, 0);
	border-top-color: #33cc99;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

.text:hover + .fukidashi {
	display: block;
}

.message{
	position: relative;
}

.message span.remark {
	display: none;
}

.message a:hover span.remark {
	background: none repeat scroll 0 0 #EEFFEE;
	border: 1px solid #CCCCCC;
	color: #000000;
	display: block;
	line-height: 1.2em;
	margin: 0.5em;
	padding: 0.5em;
	position: absolute;
	top: 50px;
	width: 12em;
}

/*------------------------------------------------------------
	バルーンポップアップ
------------------------------------------------------------*/

#menu div {
	position: relative;
}

.arrow_box{
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #666;
	color: #FFF;
	font-weight:normal;
}

.arrow_box-2 {
	display: none;
	position: absolute;
	padding: 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #666;
	color: #FFF;
	font-size:12px!important;
	font-weight:normal;
}

.arrow_box:after {
	position: absolute;
	bottom: 100%;
	left: 20%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #666;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

.arrow_box-2:after {
	position: absolute;
	bottom: 100%;
	left: 20%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #666;
	border-width: 10px;
	pointer-events: none;
	content: " ";
	font-size:12px!important;
}

span:hover + p.arrow_box {
	display: block;
}

span:hover + p.arrow_box-2 {
	display: block;
}

/*------------------------------------------------------------
	請求フォームボタン用
------------------------------------------------------------*/

.toform{
	margin: 40px 0; 
}

.text-blue{
	color:#06F;
}

.linkbtn{
	padding: 5px 15px; 
	border: 1px solid #06F;
}

.link-noline{
	color:#06F!important;
	text-decoration: none!important;
}

.link-noline:hover {
	color:#09F!important;
	text-decoration: none!important;
}

/*------------------------------------------------------------
	保育テキストシリーズページ用
------------------------------------------------------------*/

.hoiku_title{
	margin:0;
	padding:0;
    position: relative;
}

.hoiku_title p{
	position: absolute;
	color: #fff;
	top: 70%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 0;
	background: none;/*背景色*/
	font-size: 15px;
    border:none;
	line-height: 3;/*行高は1に*/
	padding: 5px 10px;/*文字周りの余白*/
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-family: 'Kosugi Maru', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
}

.hoiku_title a{
    color:white!important;
}

.hoiku_title a:hover{
	color: #E7DA66!important;
	border-bottom: 3px solid #F0E475!important;
}

.flex_box1 {
    background-color: #f5deb3;   /* 背景色指定 */
    padding:  10px 10px 10px 10px;     /* 余白指定 */
    margin: 0px 60px;              /* 外側の余白 */
    display: flex;            /* フレックスボックス*/    
    align-items:stretch;        /* 縦の位置指定 */
    border-radius: 10px;
    justify-content:center;
    box-shadow:0px 0px 10px;
}
 
.flex_item1 {
    padding: 20px 10px;
    color:  #FFF;               /* 文字色 */
    font-size:16px;
	text-align:center;
    margin: 20px 10px;              /* 外側の余白 */
    border:none;
    border-radius: 30px;        /* 角丸指定 */
    width:150px;                 /* 幅指定 */
    background-color: #C06;     /* 背景色指定 */
}

.image_50 {
    width: 100%;
}

.flex_box2 {
    background-color: #f5deb3;   /* 背景色指定 */
    padding:  10px 10px 10px 10px;     /* 余白指定 */
    margin: 0px 60px; 
	display: flex;    
    border-radius: 10px;
    align-items:stretch;        /* 縦の位置指定 */
    justify-content:center;
    box-shadow:0px 0px 10px;
}

.flex_item2 {
    padding: 15px;
    color:  #000;               /* 文字色 */
    background-color: #fff; 
    margin:  15px;              /* 外側の余白 */
    border:solid 1px #999;
    border-radius:  5px;        /* 角丸指定 */
    width:200px;                 /* 幅指定 */
	text-align:center;
}

.image_90 {
    width: 90%;
}

.flex_box3 {
    background-color: #f5deb3;     /* 背景色指定 */
    padding:  10px 10px 10px 10px;     /* 余白指定 */
    margin: 0px 60px; 
    display: flex;    
    border-radius: 10px;
    align-items:stretch;        /* 縦の位置指定 */
    justify-content:center;
    box-shadow:0px 0px 10px;
}
 
.flex_item3 {
    padding: 10px;
    color:  #000;               /* 文字色 */
    margin:  0px;              /* 外側の余白 */
    border:none;
}
 
.flex_box4 {
    background-color: #fff;     /* 背景色指定 */
    padding: 50px 0 5px;   
    margin: 0px 20px; 
	font-size:13px;
    display: flex;    
    align-items:stretch;        /* 縦の位置指定 */
    justify-content:center;
}

.flex_box5 {
    background-color: #fff;     /* 背景色指定 */
    padding: 5px 0 5px;   
    margin: 0px 25px; 
	font-size:13px;
    display: flex;    
    align-items:stretch;        /* 縦の位置指定 */
    justify-content:center;
}

/* ふきだし */
.balloon1 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #e0edff;
	border-radius: 15px;
}

.balloon1:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
}

.balloon1 p {
	margin: 0;
	padding: 0;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
	top:-50px;
	left:-5px;
}

/* ボタン */

.btn-flat-border2 {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	border: solid 1px #999;
	border-radius: 3px;
	transition: .4s;
	width:500px;
	font-size:16px;
	text-align:center;
}

.btn-flat-border:hover {
	background: #67c5ff;
	color: white;
}

.btn-flat-border3 {
	display: inline-block;
	margin:5px 35px;
	padding: 0.1em 0.2em;
	text-decoration: none;
	color: #000;
	border: solid 1px #999;
	border-radius: 0px;
	transition: .4s;
	width:100px;
	font-size:10px;
	text-align:center;
}

.btn-flat-border:hover {
	background: #67c5ff;
	color: white;
}

.kobetu_title{
    font-weight:bold;
    font-size:16px;
	text-align:center;
}

.kobetu_title2{
    font-size:14px;
	text-align:center;
}

.arrow_btn {
	display: inline-block;
	position: relative;
	width: 300px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #06F!important;
	background: #fff;
	border-radius: 0px;
	border:1px solid #06F!important;
	transition: transform ease .3s;
	font-size:15px;
}

.arrow_btn:hover {
	cursor: pointer;
	text-decoration: none;
}

.arrow_btn span {
	display: inline-block;
	text-decoration: none;	
	transition: transform ease .3s;
}

.arrow_btn:hover span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(6px);
}

.midasiline2{
	margin:15px 0 0 20px;
    position:relative;
    background-color: #ba55d3;
    color: #fff;
    border-radius:20px;
	width:150px;
	padding:10px;
	font-size:22px;
	text-align:center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-family: 'Kosugi Maru', sans-serif;
}

.midasiline2:before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 100px;
    bottom: -10px;
    border-top: 15px solid #ba55d3;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-family: 'Kosugi Maru', sans-serif;
}

.sizemini{
	font-size: 11px;
}

/* トップ右メニュー */

.menuboxmini ul{
	padding:0;
	margin:0;
}

.menuboxmini img{
	width:100%;
	margin:0 10px 0 0;
}

.menuboxmini ul li{
	padding: 0!important;
	margin:0 0 10px!important;
	display: inline-block;
	*display: inline;  
	*zoom: 1;  
	width:113px;
}

.menuboxmini a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* まるんダウンロードページ */

p.h130per{
	line-height: 150%!important;
}

/* 目次用 */

.m_kakomi1 {
	margin-left: 50px;
}