@charset "utf-8";
/* CSS Document */

/******** reset ********/
body{  
    margin: 0;
	padding: 0;
    line-height:1;
}  
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
ul {
	list-style:none;
	padding:0;
	margin: 0;
}
li {
	padding:0;
}
input, select {
    vertical-align:middle;
}
a {
    display: block;
	text-decoration:none;
    -webkit-tap-highlight-color:transparent;
}
img { 
	max-width: 100%; 
	height:auto;
}

/******** common ********/
#wrapper {
	background:#f8f8f8;
}
#contents {
	margin-top: 40px;
	z-index: 1;
}


footer {
	width: 100%;
	padding: 10px 0;
	margin-top: 50px;
	background-color: #282828;
	border-top: 2px solid #fff;
	color: #fff;
	text-align: center;
	font-size: 80%;
	font-weight: 700;
}

.fPink {
	color: #e6567a;
}
.fBlack {
	color: #333;
}
.arrow {
	margin-top: 70px;
}


/******** header ********/
header {
	background:#f8f8f8;
	border-bottom: 1px solid #b2b2b2;
	width: 100%;
	height: 40px;
	position: fixed !important;  
    top: 0;  
    left: 0;
	z-index: 2;
	margin: 0;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}
a.arrow-l {
	margin-top: 5px;
	position: relative;
	display: block;
	padding: 6px 0 10px 32px;
	color: #007aff;
	font-size: 18px;
	text-decoration: none;
}
a.arrow-l:before,
a.arrow-l:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -10px;
}
a.arrow-l:before {
  left: 12px;
  background: #007aff;	
}
a.arrow-l:after {
  left: 16px;
  background: #f8f8f8;
}
.topback {
	float: left;
}
.topmenu {
	float: right;
}
.topmenu img {
	width: 50%;
}
.topmenu li {
	float: left;
}
.icoshare { margin: 5px 10px 0 0;}
.icowish { margin-top: 15px;}

/******** appcontents ********/
.appcontents {
	padding: 15px 10px 5px;
	background-color: #fff;
	overflow: hidden;
	position:relative;
}
a.arrow-r {
	margin-top: 5px;
	position: relative;
	display: block;
	padding: 0 0 13px 0;
	text-decoration: none;
}
a.arrow-r:before,
a.arrow-r:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -8px;
}
a.arrow-r:before {
  right: 25px;
  background: #737373;
}
a.arrow-r:after {
  right: 27px;
  background: #fff;
}
.icon {
	float: left;
	width: 36%;
	margin-right: 3%;
	position:relative;
}
.txtwrap {
	float: left;
	position: relative;
	width: 59%;
	min-height: 110px;
}
.tit {
	font-size: 18px;
	padding-top: 3px;
	line-height: 18px;
}
.tit span {
	border: 1px solid #a0a0a0;
	padding: 0 3px;
	font-size: 11px;
	line-height: 11px;
	color: #a0a0a0;
}
.subtit a {
	color: #333;
	text-align: left;
}
.fixed {
  position: fixed;
  top: 41px;
  z-index: 2;
}
.star {
	color: #ff9500;
	font-size: 11px;
	position: absolute;
	bottom: 2px;
	left: 0;
}
.star span {
	color: #6f6f6f;
}
#free {
	position: absolute;
	bottom: 0;
	right: -50px;
}
#free img {
	width: 48%;
}
#download,#download-now {
	position: absolute;
	bottom: 0;
	right: -104px;
}
#download img,#download-now img {
	width: 48%;
}
#start {
	position: absolute;
	bottom: 0;
	right: -50px;
}
#start img {
	width: 48%;
}
#tabwrap {
	background: #fff;
	padding: 10px 4%;
	overflow: hidden;
	border-bottom: 1px solid #b2b2b2;
	width: 92%;
}
#tab {
	clear: both;
	display:table;
	table-layout: fixed;
	width:100%;
}
#tab li {
	display:table-cell;
    vertical-align:middle;
    text-align:center;
	padding: 6px 0;
	font-size: 14px;
	color: #848484;
}
.tab01 {
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	border-top: 1px solid #848484;
	border-left: 1px solid #848484;
	border-bottom: 1px solid #848484;
}
.tab02 {
	border: 1px solid #848484;;
}
.tab03 {
	border-top: 1px solid #848484;
	border-right: 1px solid #848484;
	border-bottom: 1px solid #848484;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

#tab li.select {
  background: #848484;
  color: #fff;
}
.disnon {
  display: none;
}
.content_wrap {
  clear: left;
  width: 100%;
}
.content_wrap h2 {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 10px;
	color: #0e0e0e;
	position: relative;
}

/******** scroll ********/
#flickable1 {
	background-color: #f8f8f8;
	width:100%;
	height:100%;
	overflow: auto;
}
#flickable1 ul {
	list-style: none;
	width: 730px;
	margin: 0;
	padding: 5px;
}
#flickable1 ul li {
	padding: 6px 8px;
	width: 130px;
	height: 100%;
	float: left;
}

/******** discription ********/
.discription {
	margin: 10px 0 0 5%;
	border-top: 1px solid #c6c6c6;
	padding: 10px 10px 0 0;
}
.discription p {
	font-size: 12px;
	color: #313131;
}

/******** new ********/
.new {
	margin: 10px 0 0 5%;
	border-top: 1px solid #c6c6c6;
	padding: 10px 10px 0 0;
}
.new span {
	font-size: 14px;
	color: #878787;
	position: absolute;
	right: 5px;
	bottom: 0;
}
.new li {
	margin: 0 0 5px 5px;
	font-size: 12px;
}

/******** info ********/
.info {
	margin: 10px 0 0 5%;
	border-top: 1px solid #c6c6c6;
	padding: 10px 10px 10px 0;
}
.info dl {
	overflow: hidden;
	zoom: 1;
	margin: 0;
}
.info dl dt {
	color: #9c9c9c;
	float: left;
	clear: both;
	width: 40%;
	padding-right: 10px;
	text-align: right;
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
}
.info dl dd {
	color: #323232;
	width: 58%;
	margin: 0 0 8px 43%;
	font-size: 12px;
	display: block;
}

/******** valuation ********/
.valuation {
	width: 92%;
	margin: 10px auto;
}
#tabvalu {
	clear: both;
	display:table;
	table-layout: fixed;
	width:100%;
	background: #f8f8f8;
	margin-bottom: 15px;
}
#tabvalu li {
	display:table-cell;
    vertical-align:middle;
    text-align:center;
	padding: 6px 0;
	font-size: 14px;
	color: #848484;
}
#tabvalu  li.select {
  background: #848484;
  color: #f8f8f8;
}
.tab04 {
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	border: 1px solid #848484;;
}
.tab05 {
	border-top: 1px solid #848484;
	border-right: 1px solid #848484;
	border-bottom: 1px solid #848484;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}
.valulist {
	overflow: hidden;
	zoom: 1;
	margin: 0;
}
.valustar {
	color: #ff9500;
	font-size: 12px;
	width: 20%;
	float: left;
	clear: both;
	display: block;
}
.valutxt {
	display: block;
	color: #6f6f6f;
	font-size: 14px;
	width: 74%;
	margin: 0 0 10px 25%;
}
.valustar2 {
	color: #848484;
	font-size: 12px;
	width: 20%;
	float: left;
	clear: both;
	display: block;
	margin-top: -5px;
}
.valustar2 span {
	color: #ebebeb;
}
.valuline01 {
	width: 74%;
	margin: 10px 0 15px 25%;
	height: 2px;
	background: #848484; /* Old browsers */
	background: -moz-linear-gradient(left,  #848484 0%, #848484 70%, #ebebeb 70%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#848484), color-stop(70%,#848484), color-stop(70%,#ebebeb), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #848484 0%,#848484 70%,#ebebeb 70%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #848484 0%,#848484 70%,#ebebeb 70%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #848484 0%,#848484 70%,#ebebeb 70%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to right,  #848484 0%,#848484 70%,#ebebeb 70%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#ebebeb',GradientType=1 ); /* IE6-9 */
}
.valuline02 {
	width: 74%;
	margin: 10px 0 15px 25%;
	height: 2px;
	background: #848484; /* Old browsers */
	background: -moz-linear-gradient(left,  #848484 0%, #848484 50%, #ebebeb 50%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#848484), color-stop(50%,#848484), color-stop(50%,#ebebeb), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #848484 0%,#848484 50%,#ebebeb 50%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #848484 0%,#848484 50%,#ebebeb 50%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #848484 0%,#848484 50%,#ebebeb 50%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to right,  #848484 0%,#848484 50%,#ebebeb 50%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#ebebeb',GradientType=1 ); /* IE6-9 */
}
.valuline03 {
	width: 74%;
	margin: 10px 0 15px 25%;
	height: 2px;
	background: #848484; /* Old browsers */
	background: -moz-linear-gradient(left,  #848484 0%, #848484 30%, #ebebeb 30%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#848484), color-stop(30%,#848484), color-stop(30%,#ebebeb), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #848484 0%,#848484 30%,#ebebeb 30%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #848484 0%,#848484 30%,#ebebeb 30%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #848484 0%,#848484 30%,#ebebeb 30%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to right,  #848484 0%,#848484 30%,#ebebeb 30%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#ebebeb',GradientType=1 ); /* IE6-9 */

}
.valuline04 {
	width: 74%;
	margin: 10px 0 15px 25%;
	height: 2px;
	background: #848484; /* Old browsers */
	background: -moz-linear-gradient(left,  #848484 0%, #848484 10%, #ebebeb 10%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#848484), color-stop(10%,#848484), color-stop(10%,#ebebeb), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #848484 0%,#848484 10%,#ebebeb 10%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #848484 0%,#848484 10%,#ebebeb 10%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #848484 0%,#848484 10%,#ebebeb 10%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to right,  #848484 0%,#848484 10%,#ebebeb 10%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#ebebeb',GradientType=1 ); /* IE6-9 */

}
.valuline05 {
	width: 74%;
	margin: 10px 0 15px 25%;
	height: 2px;
	background: #848484; /* Old browsers */
	background: -moz-linear-gradient(left,  #848484 0%, #848484 3%, #ebebeb 3%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#848484), color-stop(3%,#848484), color-stop(3%,#ebebeb), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #848484 0%,#848484 3%,#ebebeb 3%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #848484 0%,#848484 3%,#ebebeb 3%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #848484 0%,#848484 3%,#ebebeb 3%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to right,  #848484 0%,#848484 3%,#ebebeb 3%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#ebebeb',GradientType=1 ); /* IE6-9 */

}
.valulink {
	clear: both;
	display:table;
	table-layout: fixed;
	width:100%;
	margin-bottom: 15px;
}
.valulink li {
	display:table-cell;
    vertical-align:middle;
    text-align:center;
	padding: 6px 0;
	font-size: 18px;
}
.valulink li a {
	color: #007aff;
}
.valulink li a:hover {
	color: #dfeeff;
}

/******** review ********/
.review {
	margin: 10px 0 10px 5%;
	border-top: 1px solid #c6c6c6;
	padding: 10px 10px 0 0;
}
.number {
	font-size: 16px;
	color: #000;
	margin-bottom: 5px;
}
.name {
	color: #ff9500;
	font-size: 12px;
	margin-bottom: 5px;
}
.name span {
	color: #313131;
}
.comment {
	font-size: 12px;
	color: #313131;
	line-height: 1.4;
}
/******** related ********/
.related {
	background: #f8f8f8;
	margin: 10px 0 0 5%;
	border-bottom: 1px solid #c6c6c6;
	padding: 10px 10px 0 0;
}
.related span {
	font-size: 12px;
}
.related span a {
	color: #353535;
	margin-top: 5px;
	display: inline-block;
	padding: 0 0 13px 0;
	text-decoration: none;
}
.related span a:before,
.related span a:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -8px;
}
.related span a:before {
  right: 5px;
  background: #737373;
}
.related span a:after {
  right: 7px;
  background: #fff;
}
.related ul {
	overflow: hidden;
}
.related h2 {
	margin-bottom: 0;
}
.related ul li {
	padding: 0 15px 6px 0;
	float: left;
	width: 65px
}
.related ul li p {
	color: #000;
	font-size: 12px;
	margin: 5px 0 10px;
	line-height: 1.2;
}
.related ul li p span {
	color: #a1a1a1;
	line-height: 1.1;
}

/******** footmenu ********/
.footmenu {
	margin: 0 0 0 5%;
	border-bottom: 1px solid #c6c6c6;
	padding: 10px 10px 0 0;
}
.footmenu li {
	border-top: 1px solid #c6c6c6;
	padding: 10px 10px 0 0;
}
.footmenu a {
	margin-top: 5px;
	position: relative;
	padding: 0 0 13px 0;
	text-decoration: none;
	font-size: 18px;
	color: #0e0e0e;
	display: block;
}
.footmenu a:before,
.footmenu a:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -8px;
}
.footmenu a:before {
  right: 5px;
  background: #c7c7cc;
}
.footmenu a:after {
  right: 7px;
  background: #f8f8f8;
}
.copy {
	margin: 10px 0 10px 5%;
	color: #d0d0d0;
	font-size: 12px;
}


#install_bar {
	position:absolute;
	bottom:5px;
	left:-105px;
}


#install_bar,
#install_on{
	height: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background: rgb(151,151,151); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(151,151,151,1) 0%, rgba(104,104,104,1) 52%, rgba(104,104,104,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,151,151,1)), color-stop(52%,rgba(104,104,104,1)), color-stop(100%,rgba(104,104,104,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(151,151,151,1) 0%,rgba(104,104,104,1) 52%,rgba(104,104,104,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(151,151,151,1) 0%,rgba(104,104,104,1) 52%,rgba(104,104,104,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(151,151,151,1) 0%,rgba(104,104,104,1) 52%,rgba(104,104,104,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(151,151,151,1) 0%,rgba(104,104,104,1) 52%,rgba(104,104,104,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#686868',GradientType=0 );
	width:45%;
}
#install_on{
	background: rgb(131,214,213); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(131,214,213,1) 0%, rgba(131,210,213,1) 3%, rgba(115,206,205,1) 50%, rgba(115,206,205,1) 50%, rgba(115,206,205,1) 50%, rgba(65,182,181,1) 97%, rgba(57,182,181,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(131,214,213,1)), color-stop(3%,rgba(131,210,213,1)), color-stop(50%,rgba(115,206,205,1)), color-stop(50%,rgba(115,206,205,1)), color-stop(50%,rgba(115,206,205,1)), color-stop(97%,rgba(65,182,181,1)), color-stop(100%,rgba(57,182,181,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(131,214,213,1) 0%,rgba(131,210,213,1) 3%,rgba(115,206,205,1) 50%,rgba(115,206,205,1) 50%,rgba(115,206,205,1) 50%,rgba(65,182,181,1) 97%,rgba(57,182,181,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(131,214,213,1) 0%,rgba(131,210,213,1) 3%,rgba(115,206,205,1) 50%,rgba(115,206,205,1) 50%,rgba(115,206,205,1) 50%,rgba(65,182,181,1) 97%,rgba(57,182,181,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(131,214,213,1) 0%,rgba(131,210,213,1) 3%,rgba(115,206,205,1) 50%,rgba(115,206,205,1) 50%,rgba(115,206,205,1) 50%,rgba(65,182,181,1) 97%,rgba(57,182,181,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(131,214,213,1) 0%,rgba(131,210,213,1) 3%,rgba(115,206,205,1) 50%,rgba(115,206,205,1) 50%,rgba(115,206,205,1) 50%,rgba(65,182,181,1) 97%,rgba(57,182,181,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83d6d5', endColorstr='#39b6b5',GradientType=0 ); /* IE6-9 */
	width: 0%;
	margin-right: 0px;
	-webkit-border-radius:3px 0px 0px 3px;
	-moz-border-radius:3px 0px 0px 3px;
	-ms-border-radius:3px 0px 0px 3px;
	-o-border-radius:3px 0px 0px 3px;
	border-radius:3px 0px 0px 3px;

}