/*===============================================
●tinybox.css 画面の横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url("./images/loading.gif") no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:20px; right:30px; width:95px; height:26px; cursor:pointer; background:url("./images/button_close.png") no-repeat}
/*.tclose:hover {background-position:0 -30px}*/

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}

}

/*===============================================
●tinybox.css 画面の横幅が640px以下
===============================================*/
@media screen and (max-width: 640px){

.tbox {position:absolute; display:none; z-index:900; left: 5px !important; top: 5px !important; }
.tinner {padding:15px 0px; -moz-border-radius:5px; border-radius:5px; background:#fff url("./images/loading.gif") no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:6px; right:5px; width:95px; height:26px; cursor:pointer; background:url("./images/button_close.png") no-repeat}
/*.tclose:hover {background-position:0 -30px}*/

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}

}