@charset "utf-8";

body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	color: #000;
	background-color: #fefdf3;
	padding: 0;
	height: 700px;
    -webkit-text-size-adjust: 100%;
    line-height: 1.7em;
    font-size: 0.9em;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 5px;
	padding-left: 5px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}




/*p {
    font-size: 1em;
    text-align: center; 
}*/

h1 {
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/	
/*    font-size: 0.9em;
	font-weight: lighter;
	color: #433A21;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 1.8em;*/
}
h2 {
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/	font-size: 20px;
	font-weight: bolder;
	color: #B76B6F;
	text-align: center;
}
h3 {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 160%;
    font-weight: normal;
    color: #586C27;
    margin: 30px 0 20px 0;
    line-height: 1.7em;
    clear: both;
}
h3:before {
    font-family: FontAwesome;
    content: '\f0c8';
    color: #91A767;
    font-size: 150%;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 0.2em;
}
h3.h3brown {
    color: #927512;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 130%;

}
h3.h3brown:before {
    color: #B79122;
}





h4 {
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	background-color: #263A9A;
	background-position: center;
	text-align: center;
}
h5 {
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/	font-size: 1em;
	font-weight: bold;
	color: #263A9A;
}
p {
    text-align: left;
    margin: 0 15px 20px 20px;
     line-height: 1.7em;
}




a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #2323AC;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #2323AC;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
	color: #C60;
}

/* ~~ この固定幅コンテナが他のすべての div を囲みます。~~ */
.container {
	width: 850px; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	margin: 0px auto ;
	background-color: #FFFFFF;
	background-image: url(images/body/ctbgimg.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
}

/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
div.header {
    /*background: #ADB96E;*/
    background :  #FFFFFF url("images/body/header_bg.gif")  no-repeat;
    position: relative;
    height: 171px;
    width: 850px;
}
div.logo {
    position: absolute;
    top: 8px;
    left: 186px;
}

div.headnavi {
    position: absolute;
    top: 8px;
    right:5px; 
    font-size: 80%;
    color: #628FA8;
}
div.headnavi a {
    color: #0A2263;
    text-decoration: none;
    font-weight: bold;
}
div.headnavi a:hover {
    color: #1D71A0;
}

div.newgnavi {
    position: absolute;
    top: 94px;
    left: 0px;
}

div.newgnavi img {
    float: left;
}



div.fsize {
    position: absolute;
    top: 66px;
    right: 0px;
    background-color: #009541;
    height: 22px;
}


/* ~~ 新グローバルナビ  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#g_navi {
    overflow: hidden;
    /* [disabled]margin:2em auto;
*/
    height: 45px;
    /* [disabled]margin:0;
*/
}
ul#g_navi li {
    float: left;
    height: 45px;
    list-style: none;
    overflow: hidden;
    position: relative;
    margin: 0;
}
ul#g_navi li img {
	position: absolute;
}
ul#g_navi a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
/* 新グローバルナビ  入居をご希望の方
--------------------------------　*/
ul#g_navi li.nyusyo {
	width: 233px;/* タブの幅a　*/
}
ul#g_navi li.nyusyo img {
	left: 0;
	top: 0;
}
ul#g_navi li.nyusyo a:hover img {
	left: 0;
	top: -45px;
}
/* 新グローバルナビ  各種サービスご希望の方
--------------------------------　*/
ul#g_navi li.service {
	width: 233px;
}
ul#g_navi li.service img {
	left: -233px;/* タブの幅a の分左へ移動　*/
	top: 0;
}
ul#g_navi li.service a:hover img {
	left: -233px;
	top: -45px;
}
/* 新グローバルナビ  みゆきの郷について
--------------------------------　*/
ul#g_navi li.miyuki_about {
	width: 233px;
}
ul#g_navi li.miyuki_about img {
	left: -466px;
	top: 0;
}
ul#g_navi li.miyuki_about a:hover img {
	left: -466px;
	top: -45px;
}


/* ~~ 新サイドナビ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#s_navi {
    overflow: hidden;
    /* [disabled]margin:2em auto;
*/
    height: 400px;
    /* [disabled]margin:0;
*/
    margin-bottom: 10px;
}
ul#s_navi li {
    float: left;
    height: 25px;
    width: 151px;
    list-style: none;
    overflow: hidden;
    position: relative;
    margin: 0;
}
ul#s_navi li img {
	position: absolute;
}
ul#s_navi a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
/* 新サイドナビ 入居をご希望の方
--------------------------------　*/
ul#s_navi li.nyusyo {
}
ul#s_navi li.nyusyo img {
	left: 0;
	top: 0;
}
ul#s_navi li.nyusyo a:hover img {
	left: -151px;
	top: 0px;
}

ul#s_navi li.sisetsu img {
	top: -25px;
}
ul#s_navi li.sisetsu a:hover img {
	left: -151px;
	top: -25px;
}
ul#s_navi li.nyukyo-nagare img {
	top: -50px;
}
ul#s_navi li.nyukyo-nagare a:hover img {
	left: -151px;
	top: -50px;
}



/* 新サイドナビ 各種サービスご希望の方
--------------------------------　*/
ul#s_navi li.service {
}
ul#s_navi li.service img {
	top: -75px;
}
ul#s_navi li.service a:hover img {
	left: -151px;
	top: -75px;
}
ul#s_navi li.sisetsuservice img {
	top: -100px;
}
ul#s_navi li.sisetsuservice a:hover img {
	left: -151px;
	top: -100px;
}
ul#s_navi li.dayservice img {
	top: -125px;
}
ul#s_navi li.dayservice a:hover img {
	left: -151px;
	top: -125px;
}
ul#s_navi li.shortstay img {
	top: -150px;
}
ul#s_navi li.shortstay a:hover img {
	left: -151px;
	top: -150px;
}
ul#s_navi li.kyotaku img {
	top: -175px;
}
ul#s_navi li.kyotaku a:hover img {
	left: -151px;
	top: -175px;
}

/* 新サイドナビ みゆきの郷について
--------------------------------　*/
ul#s_navi li.miyuki_about {
}
ul#s_navi li.miyuki_about img {
	top: -200px;
}
ul#s_navi li.miyuki_about a:hover img {
	left: -151px;
	top: -200px;
}

ul#s_navi li.rinen img {
	top: -225px;
}
ul#s_navi li.rinen a:hover img {
	left: -151px;
	top: -225px;
}
ul#s_navi li.company img {
	top: -250px;
}
ul#s_navi li.company a:hover img {
	left: -151px;
	top: -250px;
}
ul#s_navi li.schedule img {
	top: -275px;
}
ul#s_navi li.schedule a:hover img {
	left: -151px;
	top: -275px;
}
ul#s_navi li.accessmap img {
	top: -300px;
}
ul#s_navi li.accessmap a:hover img {
	left: -151px;
	top: -300px;
}


/* 新サイドナビ よくある質問
--------------------------------　*/
ul#s_navi li.faq {
}

ul#s_navi li.faq img {
	top: -325px;
}
ul#s_navi li.faq a:hover img {
	left: -151px;
	top: -325px;
}

ul#s_navi li.contact img {
	top: -350px;
}
ul#s_navi li.contact a:hover img {
	left: -151px;
	top: -350px;
}

/* 新サイドナビ 個人情報の取り扱い
--------------------------------　*/
ul#s_navi li.privacy {
}
ul#s_navi li.privacy img {
	top: -375px;
}
ul#s_navi li.privacy a:hover img {
	left: -151px;
	top: -375px;
}





.sidebar1 {
	float: left;
	width: 151px;
	background-image: url(images/body/sideL.jpg);
	background-repeat: repeat-y;
}
.content {
	width: 570px;
	float: left;
    padding: 0 0 60px 0;
}
.sidebar2 {
	float: right;
	width: 127px;
	margin-left: 2px;
}

/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
/*.content ul, .content ol {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 40px;
}*/

/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
ul.nav {
	list-style: none; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/	font-size: x-small;
	font-style: normal;
	color: #433A21;
}
ul.nav li {

}
ul.nav a, ul.nav a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
	display: block; /* アンカーにブロックプロパティを指定し、アンカーが含まれる LI 全体がアンカーになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	width: 151px;  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
/*	background-image: url(images/body/sideL.jpg);
	background-repeat: repeat-y;*/
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
/*	color: #C60;*/
}

/* ~~ フッタースタイル ~~ */
.footer {
    clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
    /*	position: relative;*/
    margin-top: 0px;
    bottom: 0px;
    background-color: #d6de25;
    height: 80px;
    background: url("images/body/footer_bg.gif");

}

div.footnavi {
    width: 850px;
    text-align: center;
    padding-top : 26px;
    font-size: 80%;
    color: #9BC99F;
}
div.footnavi a {
    color: #FFFFFF;
    text-decoration: none;

}
div.footnavi a:hover {
    color: #C7E7C7;
}

div.copy {
    padding-top : 2px;
    color: #029843;
    font-size: 80%;
    text-align: center;
}






/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、.footer が .container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (.container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
h6 {
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/	font-size: 15px;
	color: #FFF;
	background-color: #526A98;
	background-position: left;
}
.setsumei {
	float: left;
	vertical-align: middle;
}

/*-- top ショートカットエリア --*/
div#cent-s {
	text-align: center;
	margin: 0px 0 0 0;
	padding: 0px;
	height: 110px;
}
div#cent-s img {
	margin: 3px;
}

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

}
/*div#cent-s a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}*/


/*-- top 臨時インフォエリア --*/
div#info {
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0px;
}

div#info h2 {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 130%;
    font-weight: normal;
    color: #586C27;
    margin: 30px 0 10px 0;

}



/*-- top 各お問い合わせ先エリア --*/
div#cent-info {
	margin:  0 0 0px 5px;
	padding: 0px;
	/* [disabled]height: 110px; */
	clear: both;
}

div#cent-info div.column3 {
	width: 30%;
	float: left;
	margin: 0px 3px 10px 4px;
	padding: 4px;
	border: solid 1px #CDCDCD;
	background: linear-gradient(#FFF, #FDF9D6);
	border-radius: 5px;
}

div#cent-info div.column3 p {
	margin: 3px 0px;
	color: #666666;
	font-size: 14px;
}
div#cent-info div.column3 p.mida {
	text-align: center;
	/* [disabled]font-size: 13px; */
	font-weight: 400;
	margin: 2px 0 0 0;
}
div#cent-info div.column3 p span {
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-size: 15px;
	font-weight: 700;
	color: #747474;
}


hr {
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #fff;
}

hr.hr2 {
	border:  1px solid #D8B2B1;
    clear: both;
}






/*-- 求人 募集要項 --*/
table.recruit {
	width: 96%;
	font-size: 0.9em;
	font-weight: lighter;
	color: #433A21;
	margin: 10px auto 30px;


}
table.recruit th {
	width: 26%;
	vertical-align: top;
	border-top: solid 1px #C5C5C5;
	padding: 5px;

	font-weight: normal;
	color: #2F7688;
	background-color: #F4F4F4;
}
table.recruit td {
	vertical-align:top;
	border-top: solid 1px #C5C5C5;
	padding: 5px 10px 2px 10px;
}
span.yuuguu {
	color:#FFFFFF;
	background-color:#4C93A5;
	padding: 0px 10px;
     border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
	}


/*-- ブログRSS読み込み 旧 --*/
/*#feed-box {
	font-size: 0.9em;
	background: url(images/index/feed-box-bg.png) no-repeat left bottom;
	margin: 10px 0 8px 5px;
	width: 568px;
	height: 500px;
	padding: 0;
	float: left;
	overflow: hidden;
}
ul#feed {
	text-align: left;
	margin: 46px 20px 0 30px;
	padding:0;
}
ul#feed li {
	margin:0 0 2px 0;
	list-style:	url(images/index/i_arrow_group.png);
}

#feed-box span {
	margin:0;
	line-height: 160%;
}
#feed-box p {
	margin: 5px 0 0 0;
	font-size: 0.8em;
}*/

/*-- ブログRSS読み込み 新 --*/
#feed-box {
	font-size: 0.9em;
	background: url(images/index/feed-box-bg.png) no-repeat left bottom;
	margin: 10px 0 8px 5px;
	width: 568px;
	height: 500px;
	padding: 0;
	float: left;
	overflow: hidden;
}


div#feed-box {
    margin-top: 16px;
    font-size: 0.8em;
}
div#rss-box {
    margin:  50px 0 0 14px;
    width: 530px;
}

#rss-box p.text {
	margin: 5px 0 0 0;
    text-align: left;
}


/* 点滅 */
.blinking{
	-webkit-animation:blink 1.3s ease-in-out infinite alternate;
    -moz-animation:blink 1.3s ease-in-out infinite alternate;
    animation:blink 1.3s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.1;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.1;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.1;}
    100% {opacity:1;}
}

/*-- その他 --*/
/*p.defp {
    line-height: 1.8em;
    text-align: left;
    margin: 0 15px 20px 20px;
    color: #433A21;
}
ul.defp {
	line-height: 1.8em;
	font-size: 0.9em;
	text-align: left;
	margin: 0 15px 20px 4px;
	color: #433A21;
}
ul.defp li {
	line-height: 1.4em;
    margin-bottom: 10px;
    list-style:disc;
}
ol.defp {
	line-height: 1.8em;
	font-size: 0.9em;
	text-align: left;
	margin: 0 15px 20px 4px;
	color: #433A21;
}
ol.defp li {
	line-height: 1.4em;
    margin-bottom: 10px;
}
*/
ul.defp {
	line-height: 1.8em;
	margin: 0 15px 20px 44px;
}
ul.defp li {
	line-height: 1.4em;
    margin-bottom: 10px;
    list-style:disc;
}
ol.defp {
	line-height: 1.8em;
	margin: 0 15px 20px 44px;
}
ol.defp li {
	line-height: 1.4em;
    margin-bottom: 10px;
    list-style:decimal;
    
}

p.sidebar-address {
    font-size: 0.8em;
    margin:   0px 0 10px 0;
    text-align: center;
    line-height: 1.5em;
}


p.midashi {
	font-weight: bold;
	line-height: 1.5em;
	font-size: 130%;
	text-align: left;
	margin-top: 30px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 25px;
	color: #91A767;
}
p.midashi:before {
    font-family: FontAwesome;
    content: '\f138';
    color: #B9C79F;
    font-size: 100%;
    margin-left: 0.5em;
    margin-right: 0.2em;
    font-weight: normal;
}

p.midashi2 {
    font-size: 1em;
	color: #263A9A;
	text-align:left;
	margin: 0px;
}
p.midashi3 {
    font-weight: bold;
    font-size: 130%;
    margin: 10px 10px 10px 10px;
    color: #B96A6F;
    text-align: center;
}
.sidebar2 img {
	margin: 10px 0 0 8px;
}
.sidebar2 a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.sidebar2 p {
	margin: 0 0 2px 0 ;
	font-size: 0.8em;
}
.fa-fw {
    font-size: 17px;
    color: #B9C79F;
}
/*-- デイサービス1日の流れ　テーブル --*/
table.dayflow {
	width: 96%;
	color: #433A21;
	margin: 10px auto 30px;
}
table.dayflow th {
    width: 16%;
    vertical-align: top;
    text-align: right;
    border-top: solid 1px #C5C5C5;
    padding: 5px;
    font-weight: normal;
    color: #846A15;
    background-color: #FFF9D4;
}
table.dayflow td {
	vertical-align:top;
	border-top: solid 1px #C5C5C5;
	padding: 5px;

}
/*-- 企業情報　公開情報　テーブル --*/

table.koukai {
	width: 500px;
	font-size: 0.9em;
	font-weight: lighter;
	color: #433A21;
	margin: 10px 10px 30px 30px;
	border-bottom: solid 1px #C5C5C5;
	line-height: 160%;


}
table.koukai th {
	width: 100px;
	vertical-align: top;
	border-top: solid 1px #C5C5C5;
	padding: 5px;
	font-weight: normal;
	color: #846A15;
	background-color: #FFFCE8;
}
table.koukai td {
	vertical-align:top;
	border-top: solid 1px #C5C5C5;
	padding: 5px 10px 10px 10px;
	text-align:left;
}




dl {
	border-bottom: 1px solid #ccc;
	/*    border-left:1px solid #ccc;
    border-right:1px solid #ccc;*/
	background-color: #F4F5F6;
	margin: 0 20px 30px 20px;
	font-size: 0.9em;
}
dt {
	float: left;
	clear: left;
	width: 100px;
	border-top: 1px solid #ccc;
	padding: 5px;
	text-align: center;
}
dd {
    background-color:#ffffff;
    border-top:1px solid #ccc;
    margin-left:110px;  
    padding:5px;
}
dd img {
	margin: 5px;
	
}


/*-- パンクズリスト --*/
.breadcrumb {
    margin:15px; ; 
    padding-left:0;
    font-size: 80%;
    color: #8C8C8C;
}
.breadcrumb:before {
    font-family: FontAwesome;
    content: '\f015' ;
    font-weight: normal;
    margin-right: 0px;
}

.breadcrumb li {
  display:inline;
  list-style: none;
}
.breadcrumb li:after {
  content: '>';
  padding: 0 1px;
}
.breadcrumb li:last-child:after {
  content: '';
}
.breadcrumb li a {
  text-decoration: none;
}

.breadcrumb li a:hover {
  text-decoration: none;
}





/*-- 未整理 --*/
div.cnt-def {
    text-align: center;
    margin-bottom: 4px;
}

.mgb20 {
    margin-bottom: 20px;
}
.mgb40 {
    margin-bottom: 40px;
}

div.floor {
    border-top: 2px solid #D8B2B1;
    /*border-bottom: 2px solid #D8B2B1;*/
    padding: 5px 0;
    margin: 0 0 0px 8px;
    clear: both;
    display: block;
    width: 96%;
    overflow: auto;
}
div.floor p {
    margin-right: 3px;
    padding-right: 0px;
}
div.floor img {
    float: left;
    margin-right: 10px;
}

img.floor-midashi {
    margin: 24px 0 10px 4px;
}
/*
h1 {
  background: #E49C12;
    margin: 0 0 0 10px; 
  box-shadow: 0px 0px 0px 5px  #E49C12;
  border: dashed 3px white;
  padding: 2em 1em 1em 1em;
    width: 90%;

}
*/

h1 {
    margin-top: 30px;
    text-align: center;
    font-size: 150% ;
    line-height: 1.7em;
    letter-spacing:0.1em;
    font-weight: normal;
    color: #fff;
    text-shadow: 1px 1px  0px #757575;
}
div.h1waku-nyusyo {
    padding: 0px 0px;
    margin: 10px 0px 20px 12px;
    background: #B95F5F;
    box-shadow: 0px 0px 0px 5px #B95F5F;
    border: solid 4px white;
    width: 94%;
    height: 100px;
    -webkit-box-shadow: 0px 0px 0px 5px #B95F5F;
}
div.h1waku-faq {
    padding: 0px 0px;
    margin: 10px 0px 20px 12px;
    /*    background: linear-gradient(#F7B000, #C27C27) ;*/
    /*background: #E39B15;
    box-shadow: 0px 0px 0px 5px #E39B15;*/
    background: #4859A9;
    box-shadow: 0px 0px 0px 5px #4859A9;
    border: solid 4px white;
    width: 94%;
    height: 100px;
}
div.h1waku-privacy {
    padding: 0px 0px;
    margin: 10px 0px 20px 12px;
    /*background: #4859A9;
    box-shadow: 0px 0px 0px 5px #4859A9;*/
    background: #E39B15;
    box-shadow: 0px 0px 0px 5px #E39B15;
    border: solid 4px white;
    width: 94%;
    height: 100px;
}

div.h1waku-service {
    padding: 0px 0px;
    margin: 10px 0px 20px 12px;
    background: #B79122;
    box-shadow: 0px 0px 0px 5px #B79122;
    border: solid 4px white;
    width: 94%;
    height: 100px;
}
div.h1waku-miyuki_about {
    padding: 0px 0px;
    margin: 10px 0px 20px 12px;
    background: #91A767;
    box-shadow: 0px 0px 0px 5px #91A767;
    border: solid 4px white;
    width: 94%;
    height: 100px;
}
div.h1waku-staff {
    padding: 0px 0px;
    margin: 10px 0px 20px 12px;
    background: #4E99AC;
    box-shadow: 0px 0px 0px 5px #4E99AC;
    border: solid 4px white;
    width: 94%;
    height: 100px;
}

table.tbl-sitemap {
    border-collapse: collapse;
    border-spacing: 0;
    width: 90%;
    margin: 0 auto 30px;;
    border-bottom:  solid 1px #C8C8C8;


}

table.tbl-sitemap td {
    vertical-align: top;
    border-top: solid 1px #CCCCCC;
    padding: 10px;

}


div.arrow {
    position: relative;
    display: inline-block;
    width: 94%;
    margin: 0 0 50px 15px;
    margin-bottom: 50px;
    border-bottom: solid 3px #2E3192;
    padding-bottom: 5px;
  }

div.arrow::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #2E3192 transparent transparent transparent;
  border-width: 20px 40px 0 40px;
  }

span.pagetop {
    font-size: 10px;
    position: fixed;
    bottom: 20px;
    right: 16px;
    opacity: 0.4;
    text-align: center;
}
.pagetop a {
    display: block;
    text-decoration: none;
/*    background: #017400 ;
    border-top-left-radius: 20px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 20px;*/
}
.pagetop:hover {
    opacity: 1.0;
}
.fa-arrow-circle-up {
    font-size: 30px;
}

.mgtb10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* トップページスライド 
------------------------------------------------- */
#top-info {
	overflow: hidden;
	margin: 0 0 10px 2px;
}

#viewer {
	/* [disabled]margin: 0 0 20px 0;
*/
	width: 560px;
	height: 373px;
	text-align: left;
	position: relative;
	float: left;
}
#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}