/*写真ページのcss　画像サイズ：1360×765px用	2017年*/
html,body {margin:0px; padding:0px; height:100%; text-align:center;
	background-image:url(../2banner/BgiWr4.jpg); background-repeat:repeat-x; background-color:#1f3134;	/*～IE9*/
	background: -webkit-gradient(linear, left top, left bottom, from(#56564b), to(#1f3134)); 		/*safari5.1*/
/*	background: linear-gradient(#392C52, #475444);													藍錆色-仙斎茶*/
/*	background: linear-gradient(#596250, #000000);		藍海松茶(あいみるちゃ)-黒*/
	background: linear-gradient(#56564b, #1f3134);		/*藍海松茶(あいみるちゃ)-百入茶(ももしおちゃ)*/
	background-attachment:fixed;
	}
.blink{font-size:80%; color:#FF0000; position:absolute; top:15px; left:10px; }	/*読み込み時間表示*/
.modal-overlay {
	z-index:1;	visibility:hidden;	position:fixed;	top:0px; left:0px;
    margin: 0px; padding: 0px;
    border: 1px solid #666666;
	background-color:black;
	background-color:rgba(0,0,0, 0.7); }
div.pagebox { min-height: 100%;	}/*animex5*/
 img.Work { background-image: url("../2banner/ajax-loader.gif"); background-repeat: no-repeat; background-position: center center;
 			margin-top: 5px;}
/* img.Work:hover{cursor :url("../2banner/plus.cur"),ne-resize;}*/
 div.Footer { width:1200px;  height:48px; margin-left: auto; margin-right: auto;}
  div.Note { width:980px; text-align:left; float: left;}
    .Number { font-size:80%;color:#1e90ff; margin:0px; font-weight: bold;}
    .Theme {font-size:120%; color:#99ccff; font-weight: bold; }
    .Data {color:#CCCC66; }
    .Comment {color: #cdddff;line-height: 100%;font-family: "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;}
  div.Sw { text-align:right; vertical-align:text-top; padding:0px; float:right; }
A:link {color:#00bfff;}/*リンク未：deepskyblue*/
A:visited {color:#A898AB;}/*リンク済：薄色*/
A:activ {color:#800080;}/*リンク動作中：紫*/
A:hover {color:red; }/*リンクにマウスを乗せた：赤*/
.homl>a,.ichl>a,.mael>a,.tugl>a{ color:white; border-radius:5px; font-size:0.78em; /*position:relative; top:8px;*/ padding:15px 4px 13px 4px; display:inline-block; text-decoration:none; font-weight: bold; text-shadow:2px 2px 2px #000000; }
 .homl>a{background-color:#00ff7f;}
 .homl>a.touchstart,.homl>a:hover{background-color:#b9ffb9;}
 .homl>a.touchend{background-color:#00ff7f;}
.ichl>a{background-color:#007D7F;}
 .ichl>a.touchstart,.ichl>a:hover{background-color:#00ff99;}
 .ichl>a.touchend{background-color:#007D7F;}
.mael>a{background-color:#0000FF;}
 .mael>a.touchstart,.mael>a:hover{background-color:#6699ff;}
 .mael>a.touchend{background-color:#0000FF;}
.tugl>a{background-color:#AC16CE;}
 .tugl>a.touchstart,.tugl>a:hover{background-color:#ff66ff;}
 .tugl>a.touchend{background-color:#AC16CE;}
.maelB{color:transparent; background-color:transparent; padding:10px 0px 8px 0px; font-size:0.78em; position:relative; top:8px; display:inline-block; cursor:default;}
.mael[title]>a,.tugl[title]>a{color:#ff6347;}