body {
    height: 100%;
    background-color: #F3F1E9; /*#0078a3;*/
    font-family: Lucida Grande, Tahoma, Lucida Sans, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #000000;}
a:link { color: inherit; text-decoration: none; }
a:visited { color: inherit; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }
a:active { color: inherit; text-decoration: none; }

img { border: 0; vertical-align:middle;  -ms-interpolation-mode: bicubic; }

#container { width: 820px; margin: 10px auto; -webkit-border-radius: 10px; background-color: #ffffff; -moz-box-shadow: 1px 1px 5px #D5CBA8; -webkit-box-shadow: 1px 1px 5px #D5CBA8; border: thin solid #ffffff;}

#top { text-align: center; padding: 10px; }
#top #topnav { text-align: right; font-size:11pt; padding: 10px; }
#top #topnav .topnav_item { margin: 0; padding:5px 10px; -webkit-border-radius: 5px; border:0; background-color: #ffffff; color: #000000;}
#top #logo { text-align: center; margin: 20px;}
#top #topnav .topnav_item:hover {background-color: #2394d1; color: #ffffff;}

#bottom {display: block; padding: 10px; text-align: center; }


#body .left_main { margin: 0 240px 0 0; /*border-right: thin solid black;*/}

#body .right {position:relative; float:right; width:240px;}

#body .right_main { margin: 0 0 0 220px; }

#body .left {position:relative; float:left; width:220px;}

.icons { margin: 0 10px; /*background-color: #F9F7ED; margin: 10px 20px; padding: 15px; -webkit-border-radius: 10px; border:thin solid #999999; */}
.icons .icon { display:block; margin: 2px 10px; padding: 10px;  border: thin solid #dddddd; background-color: #f2f5f7;    background-position: 17px center; text-align:left; height:60px;}
.icons .icon:hover { border: thin solid #74b2e2/*fad42e*/; background-color: #e4f1fb /*fbec88*/;  -moz-box-shadow: 0 0 5px black; /*-webkit-box-shadow: 0 0 5px #31363E;*/ }
.icons .icon img {float:left; margin: 0 10px 0 0; -webkit-border-radius: 10px; -webkit-box-shadow: 1px 1px 3px #2D3956;}
.icons .icon .app_title {color:#555555; font-size:16px;}
.icons .icon .app_update{color:#6da8d5; font-size:12px;}
.icons_title { display: none;/*color:#0078a3;  font-size: 25px; padding: 15px; text-align: center; */}

.right .contents {background-color:#1B619B; margin:0 20px 10px 0; padding:10px 0;  -webkit-border-radius: 10px;}
.right .contents_title { font-size:15px; color:#ffffff; text-align:center; }
.right .content { font-size:12px; color:#ccffff; padding: 0 10px;}
.right .content a { color:#99cc99;}
.right .content a:hover { text-decoration:underline;}
.right .content ul {list-style:none; margin:20px; padding:0;}

.right #contents_event {background-color:#006363; margin:0 20px 10px 0; padding:10px 0;  -webkit-border-radius: 10px;}

.right_main .contents { margin:20px;}
.right_main .contents a {color:#1174a2;}
.right_main .contents a:hover {text-decoration:underline;}





.left .contents { margin:0 0 20px 20px;}
.left .contents_title {color: #F3F1E9;background-color:#1B619B; margin: 1px 0; padding:10px; font-size:16px;border-bottom: thin solid #F3F1E9; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;}
.left .content {color: #1B619B; padding:7px; font-size:14px; border-bottom: thin solid #1B619B;}
.left .content:hover {color: #F3F1E9; background-color: #1B619B; border-bottom: thin solid #F3F1E9;}
.left .this {color: #F3F1E9; background-color: #2394d1; border-bottom: thin solid #F3F1E9;}


.error {padding: 30px 50px;}
.error_warning {font-size:25px; font-weight:bold; color: #1a3052;}
.error_title {font-size:16px; color: #454545;}
.error a {color:#1174a2; text-decoration:underline;}

table {font-size:13px;}
th {border:1px solid #e5eff8; color: #5592c2; padding:3px 5px;}
td {border:1px solid #e5eff8; color:#566085; padding:3px 5px;}
tr, tr.even {background:#e5eff8; }
tr.odd {background:#f4f9fe;}
td.key, th.key {background:#f4f9fe; font-weight:bold;}

span.sale {color:#990000;}

.app_title {font-size: 25px; font-weight: bold; color: #1a3052;}
.app_title {margin: 0 0 10px 0; }
.app_icon {-webkit-border-radius: 18px; -webkit-box-shadow: 1px 1px 3px #2D3956;float:left; margin: 10px 10px 10px 0;}
.app_info {border: thin solid #aaaaaa; -webkit-border-radius: 10px; 
	 margin: 10px 0; padding: 10px; background: #dddddd; color: #555555; 
	 float:right; height:78px; width:420px; line-height:150%;}
.app_info img {float:right;}
.app_price {font-weight: bold; font-size: 16px;}

.app_description .subtitle {font-size: 15px; font-weight: bold; color:#454545;}

.app_onsale {background-color:#e14f1c; color:#ffffff; font:17px bold; border:thin solid #cd0a0a; -webkit-border-radius:20px; -webkit-box-shadow: 1px 1px 3px #2D3956;}
.app_new {background-color:#f9e58b; color:#915608; border:thin solid #fcd113; -webkit-border-radius:20px; -webkit-box-shadow: 1px 1px 3px #2D3956; padding:0 5px; font-size:12px;}
.app_updated {background-color:#6eac2c; color:#ffffff; border:thin solid #6f9720; -webkit-border-radius:20px; -webkit-box-shadow: 1px 1px 3px #2D3956; padding:0 5px; font-size:12px;}

.app_screenshot_v {position:relative; margin:0; height:452px; width:244px; background: url('/img/iphone_frame_v.png') no-repeat;}
.app_screenshot_h {position:relative; margin:0; height:244px; width:452px; background: url('/img/iphone_frame_h.png') no-repeat;}

.app_screenshot_v #prev { position:absolute;top:200px; left:0px; z-index:20;}
.app_screenshot_v #next { position:absolute;top:200px; right:0px; z-index:20;}
.app_screenshot_h #prev { position:absolute;top:90px; left:0px; z-index:20;}
.app_screenshot_h #next { position:absolute;top:90px; right:0px; z-index:20;}

.app_screenshot_v #slideshow {
    position:absolute; top:63px; left:23px; height:300px; width: 200px;
    list-style:none;
}
.app_screenshot_h #slideshow {
    position:absolute; top:8px; left:76px; height:200px; width: 300px;
    list-style:none;
}

.app_screenshot_v .slideshow {
    position:absolute; top:76px; left:23px; height:300px; width: 200px;
    list-style:none;
}
.app_screenshot_h .slideshow {
    position:absolute; top:23px; left:76px; height:200px; width: 300px;
    list-style:none;
}

#slideshow li {
    position:absolute; top:0; left:0;
    
    z-index:8;
    overflow:hidden;
    opacity:0;
}
.app_screenshot_v #slideshow li{
    height:300px; width: 200px;
}
.app_screenshot_h #slideshow li{
    height:200px; width: 300px;
}

#slideshow li.active {
    z-index:10;
    opacity:10;
}

#slideshow li.last-active {
    z-index:9;
}