@charset "utf-8";

/**
 * COMMON STYLE
 * @version 	0.0.6 2012-04-16
 * @author		utix
 * @description
	[ NOTE ]
	0. CONTAINER
	1. HEADER
	2. FOOTER
	[ FONT SIZE (body=13px) ]
	10px 77%               | 11px 85%
	12px 93% (was 93%)     | 13px 100%
	14px 108% (was 107%)   | 15px 116% (was 114%)
	16px 123.1% (was 122%) | 17px 131% (was 129%)
	18px 138.5% (was 136%) | 19px 146.5% (was 144%)
	20px 153.9% (was 152%) | 21px 161.6% (was 159%)
	22px 167%              | 23px 174%
	24px 182%              | 25px 189%
	26px 197%
*/



/* ----------------------------------------
 * 0. HTML, BODY
 * ---------------------------------------- */
html{width:100%; height:100%; overflow:visible;  overflow-y:scroll;overflow:auto\9;}
body{color:#333; position:relative;-webkit-min-device-pixel-ratio:1; width:100%; height:auto; overflow:visible;}
#wrap{visibility:hidden; background:url(../img/bg_contents.gif) top center;}
#loader{background:#FFF; position:absolute; top:0; left:0; z-index:9000; width:100%; height:100%;}
#loader span{display:block; width:80px; height:24px; overflow:hidden; background:url(../img/bg_loader.png) no-repeat 0 0; position:absolute; top:400px; left:50%; margin-left:-40px; visibility:hidden;}
.screenReader{position: absolute; top: -10000px; height: 0px; width: 0px; overflow:hidden;}



/* ----------------------------------------
 * 1. HEADER
 * ---------------------------------------- */
#header{position:relative; z-index:3000; background:#FFF; border-bottom:1px solid #d9d9d9; zoom:1; line-height:1; overflow:hidden; margin-bottom:0;}
#header:before, #header:after { content:""; display:block; overflow:hidden; }
#header:after { clear:both; }
#header a:hover{text-decoration:none;}
#header ul{list-style-type:none; margin:0; padding:0;}
	#siteID a img{width:100%; -ms-interpolation-mode: bicubic;}
	#globalNav{zoom:1; z-index:1000;}
	#globalNav:before, #header #globalNav:after { content:""; display:block; overflow:hidden; }
	#globalNav:after { clear:both; }
#siteID a{position:absolute;}



/* ----------------------------------------
 * 2. FOOTER
 * ---------------------------------------- */
#footer{position:relative; z-index:2000; text-align:left; background:#FFF; border-top:1px solid #d9d9d9; padding:0 0 50px 0; font-size:93%; zoom:1; clear:both;}
#footer:before, #footer:after { content:""; display:block; overflow:hidden; }
#footer:after { clear:both; }
#footer a{color:#666; text-decoration:none; vertical-align:middle;}
#footer a:hover{text-decoration:underline;}
#footer ul{list-style:none; float:left; margin:15px 0;}
#footer li{float:left;}
#footer small{float:right; text-align:right; vertical-align:middle; margin:15px 0;}
#footer small span{display:block; float:right;}
#footer small a.logo{display:block; margin-left:15px; width:74px; height:15px; float:right;}
#footer img{vertical-align:middle;}

/* ----------------------------------------
 * 3. CONTAINER
 * ---------------------------------------- */
#container{zoom:1;}
#container:before, #container:after {content:""; display:block; overflow:hidden;}
#container:after {clear:both;}



/* ----------------------------------------
 * 4. COMMON
 * ---------------------------------------- */
.detail, .download, .next{color:#FFF !important; font-size:93%; font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; text-decoration:none !important;}
.next{color:#FFF !important; font-size:93%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; font-weight:normal; text-decoration:none !important;}
.detail:hover, .download:hover,.detail-ja:hover, .detail-w:hover{text-decoration:underline !important;}
.comingsoon, .detail-ja{background:#1ba298; color:#FFF !important; font-size:93%; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; clear:both; font-weight:bold;}
.detail{background:#1ba298 url(../img/ico_detail.gif) no-repeat center right; padding:3px 15px 3px 5px;}
.next{background-color:#1ba298; padding:3px 5px;}
.download{background:#1ba298 url(../img/ico_dl.png) no-repeat 10px center; padding:7px 20px 5px 30px;}
.comingsoon{padding:3px 5px 3px 5px;}
.detail-ja{padding:7px 15px 5px 5px;}

.detail-w{color:#1ba298 !important; font-size:100%; font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; text-decoration:none !important; border:1px solid #1ba298;
background:#FFF url(../img/ico_detail_g.gif) no-repeat center right; padding:3px 15px 3px 5px;}

.back-ja{background:#1ba298 url(../img/ico_back.gif) no-repeat 10px center; padding:12px 20px 10px 30px; font-size:85%; color:#FFF !important; font-weight:bold; display:inline; line-height:1;}


.new {
    background: none repeat scroll 0 0 #FF0000;
    display: inline-block;
    font-family: "Helvetica","Arial","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","ＭＳ Ｐゴシック",sans-serif !important;
	color:#fff;
    font-size: 60% !important;
    font-weight: bold;
    line-height: 1 !important;
    margin: -2px 5px 0 0;
    padding: 4px 3px 2px 3px;
	position:relative;
    vertical-align: middle;
}

/* ----------------------------------------
 * 5. PRODUCTS
 * ---------------------------------------- */
#products li.product {
    position: relative;
}

#products li.product .new {
    position: absolute;
    left: 10px;
    top: 2px;
}