/* -------------------------------------------------------------- 
CSS for nyuyoji 2019/03
-------------------------------------------------------------- */

.Wrap {
	max-width: 1000px;
	width: auto !important;
	width: 1000px;
	margin:0 auto;
	clear:both;
}
p, dl, ul, pre, form, fieldset, blockquote {
	font-size: 96%;
}
/*============================================
‘•ü
============================================*/
.pc {
	display:none;}
.b {
	font-weight:bold;
}
.bl { color:#06C;}
.pk {
	color:#E51C60;
	background: linear-gradient(transparent 60%, #FF9 60%);
}
img {
	border: 0;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
.tac {
	text-align:center;}
.tar {
	text-align: right;
}
.clear {
	clear:both;
}
img {
	margin-top: 0em !important;
}
.LH10 {
	line-height: 1.0rem;}
.f70 { font-size: 70%;}
.f80 { font-size: 80%;}
.f90 { font-size: 90%;}
.f120 {	font-size: 120%;}
.pt03 {	padding-top: 3%;}
.pt05 {	padding-top: 5%;}
.pb03 {	padding-bottom: 3%;}
.pb05 {	padding-bottom: 5%;}
.pl02 {	padding-left: 2%;}
.w75 { width: 100%;}
.w70 { width: 100%;}
.w60 { width: 100%;}
.w50 { width: 100%;}
.w40 { width: 100%;}
.w35 { width: 100%;}
.center {
	padding: 0 5px;
}
/* –îˆó */
.arrow {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow::before, .arrow::after {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 margin: auto;
 content: "";
 vertical-align: middle;
}
.Right {
	float: none;
}
.Right img {
	margin: 0 23%;
}
.Left {
	float: none;
}
a img:hover {
	opacity: 0.6;
}
.blank {
	padding: 0 0 8px 8px;
}
/* ƒpƒ“‚­‚¸ */

#path {
	padding:2px 0 10px 0;
	margin:0;
	text-align:left;
	min-height:35px;
	height: auto !important;
}
#path div.pathBlock {
	padding:0 0 3px;
}
#path p {
	margin:0;
	padding:15px 10px 0;
}
/*============================================
ƒTƒuƒƒjƒ…[i¶ƒJƒ‰ƒ€j
============================================*/

div#subMenu {
	width:100%;			/*•‚ÌŽw’è*/
	display:inline;			/*IE6‚̃}[ƒWƒ“ŽZo‚̃oƒO‘΍ô*/
	float:left;			/*ƒTƒuƒƒjƒ…[‚̃Jƒ‰ƒ€‚ð¶Šñ‚¹‚É‚·‚é*/
}
/*ƒTƒuƒƒjƒ…[‚̃{ƒfƒB•”•ªi—]”’’²®E”wŒi‰æ‘œE”wŒiFj*/
ul#sideMenuBody {
	margin: 0 10px;
	background-color:#CCC;
}
ul#sideMenuBody li {
	height: 100px;
	list-style-type:none;		/*ƒŠƒXƒgƒ}[ƒJ[–³‚µ‚É‚·‚é*/
	display:inline;
}
ul#sideMenuBody li .TL {
	font-size: 105%;
	font-weight:bold;
}
ul#sideMenuBody li .subTL {
	font-size: 70%;
}
ul#sideMenuBody li a {
	display:block;
	padding:10px 0px 10px 35px;
	margin-bottom:1px;
	text-decoration:none;
	background-color:#FFF;
	background-image:url(../images/arrow_subMenu.png);
	background-repeat: no-repeat;
	background-position: 5px;
}
ul#sideMenuBody li a:hover {
	background-color:#ffffff;	/*ƒŠƒ“ƒN‚Ƀ}ƒEƒX‚ªæ‚Á‚½‚çF‚ð•Ï‚¦‚é*/
	border-right: solid 8px #FF6699;
}

#subMenuBody p {
	text-align:center;
	margin-top: 0.5rem;
}

.nyFoot {
	padding: 20px 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	}
	
.nyFoot p {
	margin-top: 0.5rem;
	}

/*============================================
ƒRƒ“ƒeƒ“ƒci‰EƒJƒ‰ƒ€j
============================================*/
.nyMain {
	margin-bottom: 10px;
}
.nyMain img,.nyContentWrap img.FD {
	width: 100%;
}
.nyContentWrap img.FD2 {
	width: 50%;
}
.nyContentWrap {
	padding-bottom: 8%;
}
#nyMainContainer, #nyContainer {
	width:100%;
	float:right;
	padding: 10px 5px 0 5px;
}
#nyMainContainer p {
	padding: 0 10px;
}
#nyMainContainer h2, #nyContainer h1 {
	background:url(../images/arrow_h1.png) no-repeat;
	padding: .5em .5em .3em 2em;
	background-color: #FFF5FE;
	border-bottom: 2px solid #ccc;
	font-size: 110%;
	background-position: 5px;
	border-radius: 4px;
}
#nyMainContainer h3, #nyContainer h2 {
	padding: .5em .5em .3em .5em;
	margin: .5em 0;
	/*background-color: #FFF5FE;*/
	background-color: #FFCCCB;
	font-size: 100%;
	border-radius: 6px;
}


#nyMainContainer h3 img, #nyContainer h2 img {
	padding: 0 0 5px 20px;
}

#nyContainer h3 {
	padding: .5em .5em .3em .5em;
	margin: .5em 0;
	/*background-color: #FFCCCB;*/
	background-color: #FFF5FE;
	font-size: 100%;
	border-radius: 4px;
	border-bottom:#FFCCCB 2px solid;
}

#nyContainer h4{
	padding: 10px 5px;
}

#nyContainer h5 {
	padding:0px 5px;}

.hubContents {
	padding: 4% 2%;
}
.hubContents ul li {
	font-size: 95%;
	margin: 0;
}
ul.hubList {
	padding-left: 10px;
	list-style-type: none;
	margin-left:14px;
}
ul.hubList li:before {
	content:"\203B";
	margin-left:-14px;
}
ul.hubList li.indent:before {
	content:"";
	margin-left:0px;
}
ul.gray {
	padding-left: 25px;
	list-style-type: none;
	padding:10px;
	margin:10px;
	background-color: #F3F3F3;
}
/* 2ƒJƒ‰ƒ€ */
*, *:before, *:after {
	box-sizing: border-box;
}
.col_2 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	clear:both;
}
.col_2 > div {
	width: 100%;
	padding: 10px;
}

.col_2 > div.know {
	padding: 2px 5px;
}



.know_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}

.know_2 > div.knowTx{
	width: 100%;
	padding: 0px;
}

.know_2 > div{
	padding: 10px;
}

.food{
	width: 100%;
	padding:0 10px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.food > div{
	width: 50%;
	margin-top: 10px;
}
.food > div img {
	width: 100%;
}

.food_menu{
	width: 100%;
	padding:10px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.food_menu > div{
	margin-top: 10px;
}


/* 3ƒJƒ‰ƒ€ */
.col_3 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div {
	width: 100%;
	padding: 10px 5px;
}
.col_3 > div > div {
	position: relative;
	overflow: hidden;
}

.col_3 > div img.linkimg {
	width: 100%;}
	
.col_3 > div img {
	max-width: 100%; }


.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
	width: 50%;
	padding: 10px;
}

.col_4 > div img {
	max-width: 100%; }

/* 5ƒJƒ‰ƒ€ */
.col_5, .col_5_link {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_5 > div {
	width: 50%;
	padding: 5px 5px;
}
.col_5 > div > div {
	position: relative;
	overflow: hidden;
}

.col_5_link > div {
	width: 33%;
	padding: 5px 5px;
}
.col_5_link img.linkimg {
	width: 105%;
}
/* ‚¨’m‚点 */
.news {
}
/* ’m‚éŠw‚Ô */
.knowWrap {
	padding-left: 10px;
	padding-right: 10px;
}
.konwIcon:link {
	color: #069;
	font-weight:bold;
	text-decoration: none;
	font-size:90%;
}
 .konwIcon::before {
 width: 12px;
 height: 12px;
 -webkit-border-radius: 25%;
 border-radius: 25%;
 background: #002063;
}
.konwIcon::after {
 left: 3px;
 width: 3px;
 height: 3px;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.konwIcon_sub:link {
	color: #069;
	text-decoration: none;
	font-size:90%;
}
.konwIcon:hover, .konwIcon_sub:hover {
	text-decoration:underline;
}
 .konwIcon_sub::before {
 left: 4px;
 box-sizing: border-box;
 width: 4px;
 height: 4px;
 border: 4px solid transparent;
 border-left: 4px solid #002063;
}
/* ƒnƒuƒy[ƒW */
.hubIcon:link {
	color: #069;
	font-weight:bold;
	text-decoration: none;
	font-size:100%;
	padding: 2px 0 0 25px;
}
.hubIcon:hover {
	color: #069;
	text-decoration:underline;
}
.hubIcon:visited, .konwIcon_sub:visited, .konwIcon:visited {
	color: #069;
}
 .hubIcon::before {
 width: 15px;
 height: 15px;
 -webkit-border-radius: 25%;
 border-radius: 25%;
 background: #002063;
}
.hubIcon::after {
 left: 4px;
 width: 5px;
 height: 5px;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}


/* ‹³‚¦‚Đ搶 */

#adviceContents {
	margin-top: 20px;}




.square_btn01, .square_btn02, .square_btn03, .square_btn04, .square_btn05, .square_btn06, .square_btn07, .square_btn08, .square_btn09, .square_btn10 {
	font-size: 90%;
	width: 100%;
	text-align:center;
	height: 75px;
	position: relative;
	display: inline-block;
	padding: 1rem 1rem;
	text-decoration: none!important;
 transition: .4s;
	border-radius: 5px;
	-webkit-border-radius: 5px;/* for Safari and Chrome ‘Ήž*/
	-moz-border-radius: 5px;/* for Firefox ‘Ήž*/
}
.square_btn {
	font-size: 90%;
	width: 100%;
	text-align:center;
	height: 50px;
	position: relative;
	display: inline-block;
	padding: 1rem 1rem;
	text-decoration: none!important;
 transition: .4s;
	border-radius: 5px;

	-webkit-border-radius: 5px;/* for Safari and Chrome ‘Ήž*/
	-moz-border-radius: 5px;/* for Firefox ‘Ήž*/
}
.btn_nomal {
	font-size: 90%;
	width: 150px;
	text-align:center;
	height: 33px;
	position: relative;
	display: inline-block;
 padding: .35rem 1.2rem;
	text-decoration: none!important;
 transition: .4s;
	border-radius: 5px;
	-webkit-border-radius: 5px;/* for Safari and Chrome ‘Ήž*/
	-moz-border-radius: 5px;/* for Firefox ‘Ήž*/
}

.btn_nomal2 {
	font-size: 90%;
	width: 100%;
	text-align:center;
	height: 33px;
	position: relative;
	display: inline-block;
	padding: .35rem 1.2rem;
	text-decoration: none!important;
 transition: .4s;
	border-radius: 5px;
	-webkit-border-radius: 5px;/* for Safari and Chrome ‘Ήž*/
	-moz-border-radius: 5px;/* for Firefox ‘Ήž*/
}

.btn_nomal3 {
	font-size: 90%;
	width: 100%;
	text-align:center;
	height: 33px;
	position: relative;
	display: inline-block;
	padding: .35rem 1.2rem;
	margin-top: 5px;
	text-decoration: none!important;
 transition: .4s;
	border-radius: 5px;
	-webkit-border-radius: 5px;/* for Safari and Chrome ‘Ήž*/
	-moz-border-radius: 5px;/* for Firefox ‘Ήž*/
}

.btn_nomal4 {
	font-size: 90%;
	width: 100%;
	text-align:center;
	height: 33px;
	position: relative;
	display: inline-block;
	padding: .35rem 1.2rem;
	margin-top: 5px;
	margin-left: 2px;
	text-decoration: none!important;
 transition: .4s;
	border-radius: 5px;
	-webkit-border-radius: 5px;/* for Safari and Chrome ‘Ήž*/
	-moz-border-radius: 5px;/* for Firefox ‘Ήž*/
}

.btn_nomal {
	background-color: #000080;
}

.btn_nomal3 {
	background-color: #09F;
}

.btn_nomal4 {
	background-color: #F60;
}

.btn_nomal2 {
	background-color: #F99;
}
.square_btn {
	background-color: #000080;
}
.square_btn01 {
	background-color: #009F00;
}
.square_btn02 {
	background-color: #FF3F55;
}
.square_btn03 {
	background-color: #AA1FAA;
}
.square_btn04 {
	background-color: #000080;
}
.square_btn05 {
	background-color: #FF5FAA;
}
.square_btn06 {
	background-color: #AA7F00;
}
.square_btn07 {
	background-color: #559FFF;
}
.square_btn08 {
	background-color: #D47F00;
}
.square_btn09 {
	background-color: #AA3F55;
}
.square_btn10 {
	background-color: #2A5F00;
}
.btn_nomal4:link, .btn_nomal3:link, .btn_nomal2:link, .btn_nomal:link, .square_btn:link, .square_btn01:link, .square_btn02:link, .square_btn03:link, .square_btn04:link, .square_btn05:link, .square_btn06:link, .square_btn07:link, .square_btn08:link, .square_btn09:link, .square_btn10:link {
	color:#FFF;
}
.btn_nomal4:hover, .btn_nomal3:hover, .btn_nomal2:hover, .btn_nomal:hover, .square_btn:hover, .square_btn01:hover, .square_btn02:hover, .square_btn03:hover, .square_btn04:hover, .square_btn05:hover, .square_btn06:hover, .square_btn07:hover, .square_btn08:hover, .square_btn09:hover, .square_btn10:hover {
	background: #ECECEC;
	color:#666;
	font-weight: bold;
}
.btn_nomal4:visited, .btn_nomal3:visited, .btn_nomal2:visited, .btn_nomal:visited, .square_btn:visited, .square_btn01:visited, .square_btn02:visited, .square_btn03:visited, .square_btn04:visited, .square_btn05:visited, .square_btn06:visited, .square_btn07:visited, .square_btn08:visited, .square_btn09:visited, .square_btn10:visited {
	color:#FFF;

	font-weight: bold;
}
.btn_nomal4:active,.btn_nomal3:active, .btn_nomal2:active, .btn_nomal:active, .square_btn:active, .square_btn01:active, .square_btn02:active, .square_btn03:active, .square_btn04:active, .square_btn05:active, .square_btn06:active, .square_btn07:active, .square_btn08:active, .square_btn09:active, .square_btn10:active {
	color:#FFF;
	font-weight: bold;
}




/* FAQ */
dl {
	width:100%;
	line-height:1.8em;
	overflow: hidden;
	_zoom: 1;
}
dl dd, dl dt {
	text-indent: -2.3em;
	padding: 0 10px 10px 40px;
	clear:both;
	line-height: 1.5rem;
}
dl dt {
	margin:10px 0px 0 0px;
	color: #002063;
	font-weight:bold;
	background-color:#f8f8fc;
	padding-top:10px;
}
dl dt:before, dl dd:before {
	font-size: 1.3em;
	font-weight: bold;
	margin-right:10px;
	padding:5px;
}
dl dd {
	margin: 10px 0 0px 0px;
	padding-bottom:15px;
	border-bottom: 1px #CCC dotted;
}
dl dt:before {
	content:"\2116";
	color: #002063;
}
dl dd:before {
	content:"Q.";
	color:#F36;

}




/* FAQiÚ×j */


dl dt.list:before {
	content:"Q.";
	color:#002063;
}
dl dd.list:before {
	content:"A.";
	color:#F36;
}

dl dd.list, dl dt.list {
}

dl dd.list p {
}
#nyContainer p {
	text-indent: 0em;
 padding: .5rem 0rem .5rem .3rem; 
	margin-top: 0em;
}

#nyContainer p {
	text-indent: 0em;
 padding: .5rem 0rem .2rem .3rem; 
	margin-top: 0em;
}

#nyContainer ul.disc2b {
	font-size: 90%;
}


/* ‹Gß‚̐HŽ– */

ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

ol li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
  font-size: 85%;
}
ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #393939;
  color: #FFF;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}



/* ‹³‚¦‚Đ搶@ƒvƒƒtƒB[ƒ‹ */

#Prof{
	border: 3px solid #ccc;
	margin: 1rem 0rem;
	padding: 15px 15px 10px 15px;
}
#Prof .bg001{
	background: url("../images/oshiete_kao.jpg") no-repeat top left;
	padding: 0 0 0 0px;	
}
#Prof .tit001{
	font-weight: bold;
	font-size: 100%;
	padding: 10px 0 10px 60px;
}
#Prof .tit002{
	font-size: 100%;
	font-weight: bold;
	padding: 0.5em 0 0.5em 0;
}

#Prof p{
	font-size: 80%;
}


#other .tit001{
	font-size: 120%;
	font-weight: bold;
	color: #093;
	padding: 5rem 0.5em 0em 0px;
}
#other .tit002{
	font-size: 110%!important;
	font-weight: bold;
	margin: 0em 0 0 0;
	padding: 0em 0.5em 0em 0px;
}

#other .col_2 > div p{
	font-size: 80%;
	line-height: 1.4rem;
}

.clearfix {
    display: block;
}

#other .col_2 > div img {
	padding-left: 40px;
}

/* ƒnƒuƒy[ƒW—p–îˆó */
.arrow_hub{
  position: relative;
  padding-left: 15px;
}

.arrow_hub::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #002063;
  border-right: solid 2px #002063;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

ul.disc2b li{
	padding: 0 5px 0 1em;
	text-indent: -1.3em;
	line-height: 140%;
	margin: 0 0 5px 0;
}