/*
**
** CaveStyle2013.css (cave3〜白ページ)の IE10 & Win7 対応版
**
**	IE8から ALT="文字列"が表示されなくなりました。→ ALT="" TITLE="文字列" としてください。（TITLEは IMG SRC 以外でも使えます）
**
*/

/*
<TABLE WIDTH=100% CELLPADDING=5 BORDER=0>

*/
.HONBUN_1 {
    margin:AUTO;
    padding:0;
    width:860px;
    border-spacing:0px;
}

/* 御朱印囲みフレーム */
.GOSYUIN_FRAME {
    margin:1 20 0 20;			/* 上 右 下 左 */
    padding:5;
    border-width:5;
    border-style:groove;
    border-color:#E6E6FA;
}

/* 付近にある説明版 〜 フレーム
<TABLE CELLPADDING=20 BORDER=1>
<TABLE CELLPADDING=20 style="border-width:6; border-style:groove; border-color:#cccccc;">
<TABLE CELLPADDING=20 style="border-width:5; border-style:ridge; border-color:#eeeeee;">
<TABLE CELLPADDING=20 style="border-width:15; border-style:outset; border-color:#eeeeee;">
<TABLE CELLPADDING=20 style="border-width:10; border-style:inset; border-color:#E6E6FA;">
*/
.SETUMEIBAN_FRAME {
    margin:AUTO;
    padding:20;
    border-width:10;
    border-style:inset;
    border-color:#E6E6FA;
}


/*
    border-style:inset;
<TABLE WIDTH=100% BORDER="0" CELLSPACING="1" CELLPADDING="3">
<TR><TD ALIGN="CENTER" NOWRAP BGCOLOR="lavender"><IMG SRC="parts/space.gif" WIDTH=5 HEIGHT=5>
<TABLE WIDTH=100% BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><TD>　
<TABLE WIDTH=100% BORDER=0 CELLSPACING=0 CELLPADDING=0>

*/

.ANNAI_1 {
    margin:AUTO;
    padding:0;
    width:860px;
}
.ANNAI_2 {
    padding:2px 10px;
    background-color:lavender;
    border: 0px solid #FFFFFF;
    border-collapse:collapse;
}
.ANNAI_3 {
    width:100%;
}

.MAIL_OUTLINE {
    margin:AUTO;
    padding:5;
    width:860px;
    border-width:2px;
    border-style:solid;
    border-color:#E0E0E2;
}

.MAIL_THANKS {
    margin:0;
    padding:0;
    width:100%;			/* 780px */
    border-spacing:0px;
}
.MAIL_FROM {
    margin:0;
    padding:0;
    width:100%;
    border-spacing:0px;
}

.MAIL_COMMENT {
    margin:0;
    padding:0;
    width:100%;
    border-spacing:1px;
}


/* Mail レスポンス直前の横棒  margin 上 左右 下 */
.hr_mail01 {margin:0px 5px 0px; background-color:#CFD2D5}
/* 2013.08.12 TEST
.hr_mail01 {margin:-2 5 -1;background-color:#CFD2D5}
*/

.Indent16	{margin-left:16;text-indent:-16;}	/* <DIV>で使用 ...ex.橋立 */
.Indent16p	{margin-left:24;text-indent:-24;}	/* ﾒｲﾘｵ-UIで使用 ...ex.日め坂鍾乳穴 */
.Indent-1char	{margin-left:2em;text-indent:-1em;margin-right:2em;}	/* <DIV>で使用 ...ex.猿田メール １行目１字下げ，２行目以降２字下げ */


/* 二重取り消し線
** <span class="doubleline_red">二重の取り消し線</span>
*/
.doubleline_red {
background-image:url(parts/doubleLine_red.png);
background-repeat:repeat-x;
background-position: center;
}
.doubleline_blue {
background-image:url(parts/doubleLine_blue.png);
background-repeat:repeat-x;
background-position: center;
}
.doubleline_black {
background-image:url(parts/doubleLine_black.png);
background-repeat:repeat-x;
background-position: center;
}



/* body, contens */
body{
    margin: 0;
    padding: 0 0;
    background-color: #ffffff;
    background-image:url(bg/bg_paper.gif);

    font-family:'メイリオ','Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,sans-serif;
    color: #333333;
    font-size: 100%;
    line-height: 100%;
    text-align: center;
}

div#virtual_body_outside{
  margin: 0 auto;
  border-left: 5px solid #666699;
  border-right: 5px solid #666699;
  width: 950px;
  background-color: #ffffff;
}

div#virtual_body_inside{
  padding: 10px 0 20px 0;
  width: 910px;
  text-align: left;
  background-color: #ffffff;
}

table{
/*
  font-size:100%;
  color:#000000;
*/
  line-height:160%;
  text-align:LEFT
}



/* ヘッダー */
.HEAD01 {
    width:950;
    border:0;
    margin:0;
    padding:0;
    background-color: #666699;

    border-spacing:0px;

    border-top:    2px solid #9999CC;
    border-left:   2px solid #9999CC;
    border-right:  2px solid #330066;
    border-bottom: 3px solid #330066;
}

/* link - header */
.HEAD01a a:link    {color:#FFFF66; background-color:#666699; text-decoration:none;}
.HEAD01a a:visited {color:#FFFF66; background-color:#666699; text-decoration:none;}
.HEAD01a a:hover   {color:#99FFFF; background-color:#666699; text-decoration:underline;}
.HEAD01a a:active  {color:#FF3333; background-color:#663399; text-decoration:underline;}


/* フッター */
.FOOT01 {
    width:950;
    border:0;
    margin:0;
    padding:0;
    background-color: #666699;

    border-spacing:0px;

    border-top:    3px solid #9999CC;
    border-left:   2px solid #9999CC;
    border-right:  2px solid #330066;
    border-bottom: 3px solid #330066;
}

/* カウンターと年月日の縦方向中央揃え */
/* 使用例：<TD width=250><div class="flexiblebox"> ... 横方向がずれるのでwidthで狭めておく 250でカウンタ７桁までOK */
.ExValign_M {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;	/* 縦方向中央揃え（Safari用） */
    align-items: center;		/* 縦方向中央揃え */
    -webkit-justify-content: center;	/* 横方向中央揃え（Safari用） */
    justify-content: center;		/* 横方向中央揃え */
}


/* link - Footer */
.FOOT01a a:link    {color:#FFFF66; background-color:#666699; text-decoration:none;}
.FOOT01a a:visited {color:#FFFF66; background-color:#666699; text-decoration:none;}
.FOOT01a a:hover   {color:#99FFFF; background-color:#666699; text-decoration:underline;}
.FOOT01a a:active  {color:#FF3333; background-color:#663399; text-decoration:underline;}


/* お便り よろしく */
.SENDM1 {border-style:solid none solid;
         border-width:1px;
         border-top-color:#9999CC;
         border-bottom-color:#9999CC;
	 color:SLATEBLUE}


.TXBOX01 {margin:15; padding:5;
          border-top:1px dotted #ACA899; border-bottom:1px dotted #ACA899;
          width:95%; height:95px; overflow:auto}

.TXBOX02 {margin:15; padding:5;text-align:LEFT;
          border-top:1px solid #C6D6FD; border-bottom:1px solid #C6D6FD;
          width:95%; height:180px; overflow:auto}

/* ＪＡＦ */
.JAF_WARI {background-color:#003399; border:1 solid #6699FF; text-decoration:none; color:#E6E6FA;}


/*     　　　　　　     */
/* *** 海外の鍾乳洞 *** */
/*     　　　　　　     */

/* text-shadow : 横ずれ 縦ずれ ぼかし具合 影の色 (IE11より) */
.TXKAGE01 {
  color: #442266;
  font-size: 2.3em;
  font-weight: bold;
	text-shadow: 0 -1px 1px #FFF,
    	-1px 0 1px #FFF,
    	1px 0 1px #FFF,
    	0 1px 1px #FFF,
    	1px 1px 1px #444466,
    	2px 2px 2px #444466,
    	3px 3px 3px #444466;
}


.TXKAGE01x {
 text-shadow: 3px 3px;
 background-color:#EEEEEE;
 padding: 10px;
 margin: 0px 0px 10px 0px;

}

.TXKAGEx02x {
 text-shadow: 0.5em 0.5em 5px #0000aa;
 background-color:#FFFFFF;
 padding: 10px;
}

.TXKAGE02y {
  color: #412C64;
  font-size: 2em;
	font-weight: bold;
  text-shadow: 0.5em 0.5em 5px #0000aa;
}

.TXKAGE02_0225x {
  color: #442266;
  font-size: 2.3em;
  font-weight: bold;
	text-shadow: 0 -1px 1px #FFF,
    	-1px 0 1px #FFF,
    	1px 0 1px #FFF,
    	0 1px 1px #FFF,
    	1px 1px 1px #0000aa,
    	2px 2px 2px #0000aa,
    	3px 3px 3px #0000aa;
}

.TXKAGE03x {
	text-shadow: 0 -1px 1px #FFF,
    	-1px 0 1px #FFF,
    	1px 0 1px #FFF,
    	0 1px 1px #FFF,
    	1px 1px 1px #000,
    	2px 2px 2px #000,
    	3px 3px 3px #000;
	font-weight: bold;
	color: #000;
}

/* 写真下説明 */
.TXPHOTO_80150 {
    font-size: 80%;
    line-height: 150%;
}
.TXPHOTO_80100 {
    font-size: 80%;
    line-height: 100%;
}


img.shadow {
          box-shadow: 3px 5px 10px rgba(100, 100, 100, 0.3);
     -moz-box-shadow: 3px 5px 10px rgba(100, 100, 100, 0.3);
  -webkit-box-shadow: 3px 5px 10px rgba(100, 100, 100, 0.3);
  
  padding: 7px; border: solid 1px #ddd; background: #fff; margin: 10px;
}
/*  padding: 7px; border: solid 1px #ddd; background: #fff; margin: 30px;*/


/* Firefoxだけに適用されるルビ間隔（狭く） */
@-moz-document url-prefix() {
    ruby {
        position: relative;
    }
    ruby rt {
        position: relative;
        top: 0.6ex;
    }
}

/* IEだけに適用されるルビ間隔（タイトルが重ならないように） */
@media all and (-ms-high-contrast: none) {
    ruby {
        position: relative;
    }
    ruby rt {
        position: relative;
        top: -1.2ex;
    }
}