/* thumbnail画像を呼び出すcover画像の表示形式用 */

@charset "utf-8";

html,body{width:99%;height:95%;margin:auto;}

div#info1{border-color:#800080;border-width:6px;border-style:outset none;width:650px;
          margin:5px auto;line-height:2em;text-align:center;font-size:small;padding:3px;}

div.explain {background-image: url("DOMpic/dom01.gif"); 
		  background-color:#ffcc99; font-size:medium;width:80%;min-width:700px;
          border:5px outset #999900;margin:auto;padding-top:5px;}

p#mainguid{width:450px; margin:5px auto;padding:2px;border:3px inset #009900;text-align:center;
           background-color:rgba(000,153,000,0.2);}

p#callPic{font-size:small;font-weight:500;margin:0 auto;width:450px;border:3px ridge #660000;
          padding-top:2px;padding-bottom:2px;text-align:center;
          background-color:rgba(128,000,000,0.2);}
p.padright40{padding-right:40px;}
div.main{width:770px;margin:6px auto;border:3px solid transparent;overflow:hidden;}

img#pic1{width:300px; border:4px outset #33cc33;margin:5px 20px;float:left; }

img#pic2{width:300px; border:4px outset #33cc33;margin:5px 10px;float:left; }

#pic1:hover,#pic2:hover{border-color:rgba(030,144,255,0.4)}

div.info2{font-size:small;width:95%;}

img#return{width:25px;height:30px;float:right;padding-top:8px;padding-left:2px;padding-right:2px;
           border:3px outset green;background-color:rgba(204,000,000,0.3);}

#return:hover{background-color:rgba(000,255,000,0.4);}

#info1 span{display:inline-block;border:solid maroon 2px;
            margin:0 auto;padding:0 2px;line-height:1.2em;}

#info1 a{background-color:rgba(255,255,000,0.3)}
#info1 a:hover{background-color:rgba(255,255,000,0.5)}

#minfo11{float:right;margin-right:10px;}   /* cover 用の「戻る」矢印が画面画像位置関係で右側「li」の欄で「align="right"」属性が「ver5」で使えない為、使用する */