/* ********************************************
 * base
 * ******************************************** */
body {
    font-size: 13px;
    line-height: 18px;
}

.container {
    width: 1040px;
    margin: 0px auto 0px auto;
    zoom: 1;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}
.span {
    display: inline;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}

.span:after {
    clear: both;
}

.span.left {
    float: left;
    width:270px;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    /** border-left: 1px solid #ddd; */
}
.span.main {
    float:right;
    width:730px;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    /** border-left: 1px solid #ddd; */
    /** border-right: 1px solid #ddd; */
    
}
.area-line {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
   
.block {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    border-image: initial;
    background-color:#FFFFFF;
}

.block.menu {
    padding: 0px;
}

/* ********************************************
 * title
 * ******************************************** */
.main-title {
  font-weight: bold;
  margin-top: 5px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  border-bottom: #dddddd 1px solid;
}

/* ********************************************
 * btn action
 * ******************************************** */
.actions {
  background: #f5f5f5;
  margin-top: 15px;
  padding: 17px 20px 18px 0px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.actions.center_area {
  padding: 17px 0px 18px 0px;
  text-align:center;
  width:100%;
}

/* ********************************************
 * line
 * ******************************************** */
.hline {
    width: 100%;
    margin:10px 0px;
    border: 1px #C0C0C0 solid;

}

/* ********************************************
 * navi, footer
 * ******************************************** */
.navi-area {
    position: relative;
    background-color: #f3f3f3;
    border-top: solid 1px #ffffff;
    -moz-box-shadow: inset 0px -1px 0px 0px #fff;
    -webkit-box-shadow: inset 0px -1px 0px 0px #fff;
    box-shadow: inset 0px -1px 0px 0px #fff;
    border-bottom: solid 1px #dddddd;
    padding: 0;
    z-index: 999;
    height: 38px;
}

.footer-line {
    text-align:center;
    clear:both;
    border-top: 1px solid #ffffff;
    -moz-box-shadow: 0px -1px #d2ceb6, 0px -1px #d2ceb6;
    -webkit-box-shadow: 0px -1px #d2ceb6, 0px -1px #d2ceb6;
    box-shadow: 0px -1px #d2ceb6, 0px -1px #d2ceb6;
}

.footer {
    text-align:center;
    clear:both;
    margin-bottom:10px;
}

/* ********************************************
 * gray title
 * ******************************************** */
.titlebar {
    font-size: 100%;
    font-weight: bold;
    padding: 1px 10px 3px 10px;
    border-top: solid 1px #99a7b2;
    border-bottom: solid 1px #999ea4;
    background-color: #99a7b2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9facb6), color-stop(1, #b7c0c9));
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.titlebar2 {
    display: block;
    text-align: left;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #565656;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* ********************************************
 * message block
 * ******************************************** */
.main-block {
    display:block;
    width:730px;
    background-color: #FFFFFF;
    
    border: 1px solid #DDD;

    -moz-box-sizing: border-box; /* Firefox */ 
    -webkit-box-sizing: border-box; /* Safari 3 */ 
    -ms-box-sizing: border-box; /* Internet Explorer 8 */ 
    box-sizing: border-box; /* Opera */ 

}

.box-block {
    display:block;
    width:730px;
    margin-top:20px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-transition: opacity .5s ease-in-out;

    -moz-box-sizing: border-box; /* Firefox */ 
    -webkit-box-sizing: border-box; /* Safari 3 */ 
    -ms-box-sizing: border-box; /* Internet Explorer 8 */ 
    box-sizing: border-box; /* Opera */ 

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.block-area {
    padding:10px 20px 1px 20px;
    text-align:left;
}

.block-center {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}

.width_middle {
    width:540px;
}

/* ********************************************
 * trend score background-color
 * ******************************************** */
.score_view {
    color:#FFF;
    box-sizing:border-box;
    width:70px; /* 58px */
    height:70px;
    font-family:'Arial';
    font-size:30px; /* 27px */
    font-weight: normal;
    
    display: inline-block;
    -moz-box-sizing: border-box;
    
    box-sizing: border-box;
    padding: 0px 0px 1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ebe5d2;
    /* border: 1px solid #e6dfc7; */
    
    text-shadow: none;
    text-align: center;
    vertical-align: middle;
}

.score_view .score {
    height: 45px; /* 39px */
    line-height:55px; /* 45px */
    /* background-color:blue; */
}

.score_view .comment {
    font-size:13px;
    line-height:13px;
    /* background-color:red; */
}

.score_view.trend_color1 {
    background-color: #8d9edc;
}
.score_view.trend_color2 {
    background-color: #87c9ad;
}
.score_view.trend_color3 {
    background-color: #dccc30;
}
.score_view.trend_color4 {
    background-color: #ed9f57;
}
.score_view.trend_color5 {
    background-color: #f7b935;
}
.score_view.trend_color6 {
    background-color: #ff7790;
}

/* ********************************************
 * trend score2 word color
 * ******************************************** */
.score_view2 {
    color:#333;
    box-sizing:border-box;
    width:58px;
    height:58px;
    font-family:'Arial';
    font-size:27px;
    font-weight: normal;
    
    display: inline-block;
    -moz-box-sizing: border-box;
    
    box-sizing: border-box;
    padding: 0px 0px 1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    text-shadow: none;
    text-align: center;
    vertical-align: middle;
}

.score_view2 .score {
    height: 39px;
    line-height:45px;
}

.score_view2 .comment {
    font-size:11px;
    line-height:11px;
}

.score_view2.trend_color1 {
    color: #8d9edc;
}
.score_view2.trend_color2 {
    color: #87c9ad;
}
.score_view2.trend_color3 {
    color: #dccc30;
}
.score_view2.trend_color4 {
    color: #ed9f57;
}
.score_view2.trend_color5 {
    color: #f7b935;
}
.score_view2.trend_color6 {
    color: #ff7790;
}

/* ********************************************
 * trend score3 wide style
 * ******************************************** */
.score_view3 {
    color:#333;
    box-sizing:border-box;
    font-family:'Arial';
    font-size:27px;
    font-weight: normal;
    
    display: inline-block;
    -moz-box-sizing: border-box;
    
    box-sizing: border-box;
    padding: 0px 0px 1px;
    
    text-shadow: none;
    text-align: center;
    vertical-align: middle;
}

.score_view3 .score {
}

.score_view3 .comment {
    font-size:13px;
    line-height:13px;
}

.score_view3.trend_color1 {
    color: #8d9edc;
}
.score_view3.trend_color2 {
    color: #87c9ad;
}
.score_view3.trend_color3 {
    color: #dccc30;
}
.score_view3.trend_color4 {
    color: #ed9f57;
}
.score_view3.trend_color5 {
    color: #f7b935;
}
.score_view3.trend_color6 {
    color: #ff7790;
}

/* --------------------------------------------
  rank comment
----------------------------------------------- */
.rank_comment {
    background-color: #FFFFFF;
    border: 1px #999999 solid;
    margin: 5px 10px;
    padding: 8px 8px 8px;
}

/* --------------------------------------------
  store text
----------------------------------------------- */
.store_text {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 13px;
    padding: 0px 5px 1px 5px;
    margin-top: -2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #999999;
    font-weight: normal;
    text-shadow: none;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    background: #76797c;
}

/* --------------------------------------------
  footer text
----------------------------------------------- */
.footer_title {
    color: #898989;
    background-color:transparent;
}
.footer_text {
    font-size:11px;
    color:#898989;
}
.footer_description {
    font-size:11px;
    color:#898989;
}


/* --------------------------------------------
  title
----------------------------------------------- */
.block-area h1 {
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    border-bottom: #dddddd 1px solid;
}

/* --------------------------------------------
  addon
----------------------------------------------- */
.add-on {
    color: #898989;
    background-color:#FFF;
    margin-bottom:10px;
    font-size:13px;
    padding-top:5px;
}

.add-on li {
    padding:0px 10px 3px;
}

.add-on .add-item {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 15em;
}

.add-on .price {
    float: right;
}

/* --------------------------------------------
  marea
----------------------------------------------- */
.marea_logo {
    width:310px;
    float:left;
}
.marea_navi {
    width:730px;
    float:right;
}
.marea_title {
    width:300px;
    float:left;
}
.marea_main {
    width:730px;
    float:right;
}
.marea_side {
    width:300px;
}

.marea_side .htitle {
    margin:0px 0px;
    width:auto;
}
.marea_side .list {
    margin:0px 0px;
}

.h1_title {
    margin-bottom:10px;
    
    background-color: #ebe7dc; /* #ebe7dc #ebe5d2 */
    padding: 5px 10px;
    /* border-radius: 4px; */
    
    border-top: 2px solid #e2ddcd;
    border-bottom: 1px solid #e2ddcd;
  
}

.h1_title h1 {
    font-size:24px;
    line-height:1.2;
    margin: 2px 0px; /* 5px 0px */ 
    /* padding-bottom: 5px; */
    /* border-bottom: 1px #999999 solid; */
    font-weight:bold; /* normal */
}
.h1_title p {
    font-size:11px;
    line-height:11px;
}
.h1_text p {
    font-size:11px;
    line-height:11px;
}

/* --------------------------------------------
  htitle
----------------------------------------------- */
h2 {
    display:block;
    text-align:left;
    font-size:13px;
    color:#FFFFFF;
    font-weight:bold;
    background-color:#565656;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}

.miniprof .prof h2 {
    color: #333;
    background-color:transparent;
    display: inline;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0;
    line-heigh: 1em;
}

h3 {
    display:block;
    text-align:left;
    font-size:13px;
    color:#FFFFFF;
    font-weight:bold;
    background-color:#565656;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}

.prof h3 {
	color:#333;
	background-color:transparent;
}

h3.bar {
  font-size:100%;
  font-weight:bold;
  padding: 1px 10px 3px 10px;
  border-top: solid 1px #99a7b2;
  border-bottom: solid 1px #999ea4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9facb6), color-stop(1, #b7c0c9));
  background-image: -moz-gradient(linear, left top, left bottom, color-stop(0, #9facb6), color-stop(1, #b7c0c9));
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

h4 {
    font-size: 13px;
}

.status3 h4  {
    font-size: 14px;
}

.htitle {
    display: block;
    text-align:left;
    padding:3px 15px 3px 0px;
    font-size:13px;
    color:#FFFFFF;
    font-weight:bold;
    background-color:#565656;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    width:100%;
}
.htitle .line {
    width:2px;
    margin:0px 5px;
}

.htitle .nowrap {
    width:305px;
}

/* --------------------------------------------
  color
----------------------------------------------- */
/* line color */
.lcolor1 {
    background-color:#b4bfe8; /* blue */
}
.lcolor2 {
    background-color:#aad9c5; /* green */
}
.lcolor3 {
    background-color:#f2ecb2; /* yellow */
}
.lcolor4 {
    background-color:#f2b985; /* orange f7d3b3 */
}
.lcolor5 {
    background-color:#f5cbb9; /* red */
}
.lcolor6 {
    background-color:#d9acc9; /* perple */
}
.lcolor_red {
    background-color:#ee475b; /* red */
}

/* border color */
.bcolor1 {
    border-color:#b4bfe8; /* blue */
}
.bcolor2 {
    border-color:#aad9c5; /* green */
}
.bcolor3 {
    border-color:#f2ecb2; /* yellow */
}
.bcolor4 {
    border-color:#f2b985; /* orange f7d3b3 */
}
.bcolor5 {
    border-color:#f5cbb9; /* red */
}
.bcolor6 {
    border-color:#d9acc9; /* perple */
}
.bcolor_red {
    border-color:#ee475b; /* red */
}

/* main color */
.mcolor_top {
    background-color:#c12235; /* red */
}
.mcolor_iphone {
    background-color:#5e5e5e; /* black */
}
.mcolor_ipad {
    background-color:#6e839a; /* gray */
}
.mcolor_android {
    background-color:#2b9a3d; /* green */
}
.mcolor_market {
    background-color:#2d83b3; /* blue */
}

/* --------------------------------------------
  menu_top
----------------------------------------------- */
#menu_top {
    /* clear:both; */
    height: 39px;
    /* background-color:black; */ /* e4f2f6 */
    margin:0;
    padding:1px 0 0 0 ;
    border-bottom: 1px solid #CCC;
    font-size:14px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    vertical-align:bottom;
}
#menu_top li {
    float:left;
    text-align: left;
    width: 33.3%; /** 25% */
    height: 32px;
    margin-top: 7px; /** 5 */
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}

#menu_top li .last {
    clear: both;
    text-align: left;
}

#menu_top a {
    margin:0px 0px 0 0px;
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    -moz-tap-highlight-color:rgba(0,0,0,0); 
    display: block;
    font-size:100%;
    color: #FFFFFF;
    padding-top: 0px;
    line-height:32px;
    font-weight: bold;
    text-align: center;
    height:32px;
}

#menu_top li a {
    display: block;
    color: #FFFFFF; /** #222 **/
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    background-color:#FFFFFF; /** #f1f2f3 **/
    font-weight: bold;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}
#menu_top li.selected {
    margin-top:0px;
    height:39px; /** 37 */
}

#menu_top li.selected a {
    line-height:39px; /** 37 */
    height:39px; /** 37 */
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}

#menu_top li.index a {
    background: #ef5366;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ef5366),color-stop(1,#c12235));
    background: -moz-gradient(linear,left top,left bottom,color-stop(0,#ef5366),color-stop(1,#c12235));
    border-right: 1px solid #a21d2d;
    border-left: 1px solid #a21d2d;
    border-bottom: 1px solid #a21d2d;
}
#menu_top li.iphone a {
    background: #5e5e5e;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#8b8b8b),color-stop(1,#5e5e5e));
    background: -moz-gradient(linear,left top,left bottom,color-stop(0,#8b8b8b),color-stop(1,#5e5e5e));
    border-right: 1px solid #565656;
    border-left: 1px solid #565656;
    border-bottom: 1px solid #565656;
}
#menu_top li.ipad a {
    background: #6e839a;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#98adc2),color-stop(1,#6e839a));
    background: -moz-gradient(linear,left top,left bottom,color-stop(0,#98adc2),color-stop(1,#6e839a));
    border-right: 1px solid #637283;
    border-left: 1px solid #637283;
    border-bottom: 1px solid #637283;
}
#menu_top li.android a {
    background: #2b9a3d;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#59c26a),color-stop(1,#2b9a3d));
    background: -moz-gradient(linear,left top,left bottom,color-stop(0,#59c26a),color-stop(1,#2b9a3d));
    border-right: 1px solid #31843e;
    border-left: 1px solid #31843e;
    border-bottom: 1px solid #31843e;
}
#menu_top li.market a {
    background: #2d83b3;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#60a8d0),color-stop(1,#2d83b3));
    background: -moz-gradient(linear,left top,left bottom,color-stop(0,#60a8d0),color-stop(1,#2d83b3));
    border-right: 1px solid #2b80ae;
    border-left: 1px solid #2b80ae;
    border-bottom: 1px solid #2b80ae;
}

/* --------------------------------------------
  menu_sub
----------------------------------------------- */
#menu_sub {
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    display: block;
    clear:both;
    height: 38px;
    background: #222;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#555),color-stop(1,#000));
    background: -moz-gradient(linear,left top,left bottom,color-stop(0,#555),color-stop(1,#000));
    margin:0;
    padding:0;
    border-bottom: 1px solid #CCC;
    font-size:14px;
}

#menu_sub li {
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    float: left;
    border-right: 1px solid #fff;
    width: 80px;
    height: 38px; /** 32 */
    line-height: 38px; /** 32 */
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

#menu_sub.tab2 li {
    width: 50%;
}
#menu_sub.tab3 li {
    width: 33.3%;
}
#menu_sub.tab4 li {
    width: 25%;
}
#menu_sub.tab5 li {
    width: 20%;
}
#menu_sub.tab6 li {
    width: 16.6%;
}

#menu_sub li a {
    color: #fff;
    display: block;
}

#menu_sub li.selected a {
    color: #ffd46f;
}

#menu_sub li:last-child {
    border-right: 0px;
}

/* --------------------------------------------
  floating menu
----------------------------------------------- */
#fixed_menu{
    position:fixed;
    display:none;
    right:10px;
    bottom:10px;
}

/* --------------------------------------------
  footer
----------------------------------------------- */
.footer_line {
    border-top: 1px solid #CCC;
    text-align:center;
}
.footer_line2 {
    border-top: 1px solid #FFF;
    text-align:center;
}

.footer_link {
}

.footer_link ul {
    display: table;
    margin: 0 auto;
    text-align: center;
    padding: 7px 0;
    font-size: 13px;
}

.footer_link ul li {
    display: table-cell;
    padding: 0 .7em;
    border-right: 1px solid #999;
    white-space: nowrap;
}
.footer_link ul li:last-child {
    border-right: 0px;
}
#footer {
    padding: 10px 0;
    text-align: center;
    background-color:#000000; /* #565656 */
    color:#FFFFFF;
    font-size:13px;
}

/* --------------------------------------------
  search
----------------------------------------------- */

/* --------------------------------------------
  mailmag
----------------------------------------------- */
#mailmag {
    line-height: 1.3;
    display: -moz-box;
    display: -webkit-box;
    padding: 5px 10px 5px 5px;
}
#mailmag .view_img {
    -moz-box-ordinal-group: 1;
    -webkit-box-ordinal-group: 1;
}
#mailmag .text {
    -moz-box-flex: 1;
    -moz-box-ordinal-group: 2;
    -webkit-box-flex: 1;
    -webkit-box-ordinal-group: 2;
    padding: 0 0 0px;
    margin-left: 10px;
    margin-right: 10px;
    
}
#mailmag .text .main {
    line-height:150%;
}
#mailmag .text .comment {
    margin-top: 5px;
    font-size:12px;
    color: #777;
}

/* --------------------------------------------
  mailinput
----------------------------------------------- */
.mailinput {
    margin:0px 0px 5px 0px;
    padding:0px 10px 0px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}

.mailinput input[type="text"] {
    display: block;
    border: #BBB 1px solid;
    padding: 3px 0px;
    font-size: 136%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mailinput .sumit_btn {
    display: block;
    text-align: center;
    width: 300px;
    font-weight: bold;
    font: normal normal normal 12px/15px 'Helvetica Neue',Arial,'Lucida Grande',sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    margin-left: 5px;
    background: #DDD -moz-gradient(linear,0% 0,0% 100%,from(#FEFEFE),to(#DEDEDE));
    background: #DDD -webkit-gradient(linear,0% 0,0% 100%,from(#FEFEFE),to(#DEDEDE));
    border-color: #BBB #BBB #999;
    text-shadow: #F0F0F0 0 1px;
}


/* --------------------------------------------
  block_menu
----------------------------------------------- */
#block_menu {
    font-size: 12px;
    letter-spacing: -0.0125em;
    text-align: left;
    margin:0px 5px 0px 5px;
    clear:both;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}

#block_menu li a {
    float: left;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    margin: 0px 5px 10px;
    width: 230px;
    height: 90px;

    -webkit-border-radius: 8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background-color:#FFFFFF; /** #f1f2f3 **/
    font-weight: bold;
    border: 1px solid #b3b3b3;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    color:#405973;
}

#block_menu li .img {
    margin:5px 0px;
}
#block_menu li .title {
    margin-bottom:2px;
}
#block_menu li .comment {
    font-weight: normal;
}

/* --------------------------------------------
  buttons
----------------------------------------------- */
ul.buttons.white li .like {  
    color: #737780;
    line-height:40px;
    height:42px;
    display: block;
    font-weight:bold;
}
ul.buttons.white li .none {  
    display: none;
}
ul.buttons.white li a {  
    color: #737780;
    line-height:40px;
    height:42px;
    display: block;
    font-weight:bold;
}
ul.buttons.white li {
    width:149px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #CCC;
    background-color:#FFFFFF; /* eff2f5 */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align:center;
    
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,1.0);

}
ul.buttons:after {
    content: '';
    display: block;
    clear: both;
}

ul.buttons li {
    width:149px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align:center;
    
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,1.0);

    color: #ffffff;
    background-color: #57a957;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#7fc74f), to(#6dac51));
    background-image: -moz-linear-gradient(top, #7fc74f, #6dac51);
    background-image: -ms-linear-gradient(top, #7fc74f, #6dac51);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fc74f), color-stop(100%, #6dac51));
    background-image: -webkit-linear-gradient(top, #7fc74f, #6dac51);
    background-image: -o-linear-gradient(top, #7fc74f, #6dac51);
    background-image: linear-gradient(top, #7fc74f, #6dac51);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fc74f', endColorstr='#6dac51', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #9be295 #508027 #335d13;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

ul.buttons li.twitter {
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,1.0);
    
    background-color: #5599c9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#68a5cf), to(#5599c9));
    background-image: -moz-linear-gradient(top, #68a5cf, #5599c9);
    background-image: -ms-linear-gradient(top, #68a5cf, #5599c9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8fbcdb), color-stop(100%, #5599c9));
    background-image: -webkit-linear-gradient(top, #68a5cf, #5599c9);
    background-image: -o-linear-gradient(top, #68a5cf, #5599c9);
    background-image: linear-gradient(top, #68a5cf, #5599c9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a5cf', endColorstr='#6dac51', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #8fbcdb #68a5cf #3299dd;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

ul.buttons li.facebook {
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,1.0);
    background-color: #3b5998;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#597bc2), to(#3b5998));
    background-image: -moz-linear-gradient(top, #597bc2, #3b5998);
    background-image: -ms-linear-gradient(top, #597bc2, #3b5998);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #597bc2), color-stop(100%, #3b5998));
    background-image: -webkit-linear-gradient(top, #597bc2, #3b5998);
    background-image: -o-linear-gradient(top, #597bc2, #3b5998);
    background-image: linear-gradient(top, #597bc2, #3b5998);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#597bc2', endColorstr='#3b5998', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #7e99d0 #597bc2 #3e61aa;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

ul.buttons li.iphone {
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,1.0);
    
    background-color: #5599c9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#68a5cf), to(#5599c9));
    background-image: -moz-linear-gradient(top, #68a5cf, #5599c9);
    background-image: -ms-linear-gradient(top, #68a5cf, #5599c9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8fbcdb), color-stop(100%, #5599c9));
    background-image: -webkit-linear-gradient(top, #68a5cf, #5599c9);
    background-image: -o-linear-gradient(top, #68a5cf, #5599c9);
    background-image: linear-gradient(top, #68a5cf, #5599c9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a5cf', endColorstr='#6dac51', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #8fbcdb #68a5cf #3299dd;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

ul.buttons li a {  
    /**
    color: #FFF;
    line-height:44px;
    height:42px;
    font-size:17px;
    display: block;
    font-weight:bold;
    */
    
    color: #FFF;
    line-height: 50px;
    height: 48px;
    font-size: 18px;
    display: block;
    font-weight: bold;
}

/* --------------------------------------------
  review bar
----------------------------------------------- */
.review_title {
    color:#555555;
    margin:0px 10px;
}

.review_comment {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color:#FFFFFF;
    border: 1px #999999 solid;
    margin:0px 10px 5px;
    padding:8px 8px 8px;
}
.review_comment .body {
    line-height:130%;
}
.review_comment .title {
    color:#999999;
    font-size:12px;
    text-align:right;
    
    background-color:transparent;
    font-weight:normal;
}
.review_comment .foot {
    color:#999999;
    font-size:12px;
    text-align:right;
}
.review_comment .star_on {
    color:#ffcf02;
}
.review_comment .star_off {
    color:#CCCCCC;
}

.review_reverse {
	position:relative;
    padding-bottom:18px;
}
.review_reverse .title {
    position:absolute;
    bottom:0px;
    right:0;
}

/* --------------------------------------------
  menu
----------------------------------------------- */
.name, .headline {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}

/* --------------------------------------------
  menu
----------------------------------------------- */
ul.status2 {
      margin: 10px 10px;
}
ul.status2 li {
      -moz-box-sizing: border-box;
      box-sizing:content-box;
      float: left;
      width: 72px;
      margin-right: 0px;
      font-size:10px;
      text-align:center;
      border-top: 1px #999999 solid;
      border-right: 1px #999999 solid;
      border-bottom: 1px #999999 solid;
}
ul.status2 li:first-child {
      border-left: 1px #999999 solid;
      -webkit-border-radius: 4px 0px 0px 4px;
      -moz-border-radius:  4px 0px 0px 4px;
      border-radius:  4px 0px 0px 4px;
}
ul.status2 li:last-child {
      -webkit-border-radius: 0px 4px 4px 0px;
      -moz-border-radius: 0px 4px 4px 0px;
      border-radius: 0px 4px 4px 0px;
      
      -webkit-border-top-right-radius: 4px;
      border-top-right-radius: 4px;
}
ul.status2 li .key {
    color:#333;
    height: 18px;
    line-height: 18px;
    padding: 3px 0px 3px 0px;
    background-color:#e4f2f6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;

}
ul.status2 li .value {
    color:#333;
    padding: 10px 0px 10px 0px;
    font-size:18px;
    line-height:18px;
    height:18px;
    font-weight:bold;
    background-color:#FFFFFF;
    position:relative;
    border-top: 1px #999999 solid;
}
ul.status2 li:first-child .key {
      -webkit-border-top-left-radius: 4px;
      -moz-border-top-left-radius: 4px;
      border-top-left-radius: 4px;
}
ul.status2 li:last-child .key {
      -webkit-border-top-right-radius: 4px;
      -moz-border-top-right-radius: 4px;
      border-top-right-radius: 4px;
}
ul.status2 li:first-child .value {
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-bottom-left-radius: 4px;
      border-bottom-left-radius: 4px;
}
ul.status2 li:last-child .value {
      -webkit-border-bottom-right-radius: 4px;
      -moz-border-bottom-right-radius: 4px;
      border-bottom-right-radius: 4px;
}
ul.status2 li .updown {
    display:inline-block;
    right:5px;
}

ul.tab2 li {
    width: 140px; /* 288 700 */
}
ul.tab3 li {
    width: 140px;
}
ul.tab4 li {
    width: 140px;
}
ul.tab5 li {
    width: 140px;
}
ul.tab6 li {
    width: 115px;
}
ul.tab7 li {
    width: 95px;
}
ul.tab8 li {
    width: 85px; /** 85 */
}

.icon_text {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 13px;
    padding: 0px 5px 1px 5px;
    margin-top:-2px;
    color:#333;
    

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    background: #ebe5d2;
    border: 1px solid #e6dfc7;
    font-weight: normal;
    text-shadow: none;
    text-align: center;
    vertical-align: middle;
}

.icon_text2 {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 13px;
    padding: 0px 5px 1px 5px;
    margin-top:-2px;
    color:#333;
    

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    /* background: #ebe5d2; */
    border: 1px solid #ccc;
    font-weight: normal;
    text-shadow: none;
    text-align: center;
    vertical-align: middle;
}

/* error */
#message {
    margin:10px 10px;
    padding:5px;
    border:#bbbbbb 1px solid;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-color:#FFFFFF;
    line-height:1.3;
    color: #333;
    font-weight: bold;
    font-size:115%;
}


.rowprof .next_text {
    -moz-box-flex: 1;
    -moz-box-ordinal-group: 1;
    -webkit-box-flex: 1;
    -webkit-box-ordinal-group: 1;
    padding: 0 0 0px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 58px;
    font-size:14px;
    
}

.rowprof .next_img {
    overflow: hidden;
    -webkit-box-ordinal-group: 2;
    -mox-box-ordinal-group: 2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    margin-right: 15px;
}

.rowprof.middle {
    -webkit-box-pack:center;
    -mox-box-pack:center;
    -webkit-box-align:center;
    -moz-box-align:center;
}


/* --------------------------------------------
  [dev]review
----------------------------------------------- */
.review {
    margin:10px;
}
.review .area {
    margin:3px 0px;
    color:#555555;
    font-size:12px;
}

.review .area:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.review .title {
    float:left;
    height:18px;
    line-height:18px;
}
.review .score {
    float:left;
    height:18px;
    line-height:18px;
}
.review .graph {
    float:left;
    white-space: nowrap;
    width: 215px;
    height:18px;
    margin:0px 5px;
    background-color:#ededed;
}
.review .graph {
    display: -moz-box;
    display: -webkit-box;
}
.graph .star5 {
    background-color: #88b131;
}
.graph .star4 {
    background-color: #a4cc02;
}
.graph .star3 {
    background-color: #ffcf02;
}
.graph .star2 {
    background-color: #ff9f02;
}
.graph .star1 {
    background-color: #ff6f31;
}

/* --------------------------------------------
  blog
----------------------------------------------- */
.icon_new {
    /* display:inline-block; */
    display:inline-block;
    background-color:#ed5063; /* red */
    color:#FFFFFF;
    font-size:9px;
    line-height:13px;
    padding:2px 2px 0px;
    margin-top:-3px;
    font-weight:normal;
    vertical-align:middle;
}
.icon_rank {
	text-align:center;
	min-width:15px;
    display:inline-block;
    background-color:#f1aa1e; /* red */
    color:#FFFFFF;
    font-size:13px;
    line-height:13px;
    padding:2px 2px 2px;
    margin-top:-3px;
    font-weight:normal;
    vertical-align:middle;
}
.icon_rank.iphone_color {
	background-color:#f56800;
}
.icon_rank.ipad_color {
	background-color:#f5a500;
}
.icon_rank.android_color {
	background-color:#00d687;
}

.icon_rank_old {
  color: #333;
  font-size: 16px;
  line-height: 24px;
}

.blog {
    display:inline;
    color: #333;
    font-size: 17px; /* 15px */
    line-height: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

/* --------------------------------------------
  [common]size
----------------------------------------------- */
.size58 {
    width:58px;
    height:58px;
}

.size58 img {
    width:58px;
    height:58px;
}

.round_img.size58 {
	border-radius: 10px;
}

.size70 {
    width:70px;
    height:70px;
}

.size70 img {
    width:70px;
    height:70px;
}

.round_img.size70 {
    border-radius: 10px;
}

.tab_area {
    text-align:center;
    margin:0px 10px;
}

/* --------------------------------------------
  subscribe
----------------------------------------------- */
.subscribe {
    margin: 10px 10px 10px;
}
.subscribe .lead {
    background: #069;
    border-radius: 5px 5px 0 0;
    color: #FFF;
    padding: 8px 10px 5px;
}

ul.widget-subscribe {
    background: #FFF;
    border-radius: 0 0 5px 5px;
    position: relative;
    padding-top: 1px;
    font-size: 12px;
    line-height: 1.3;
    border: 2px solid #d8d3c2;
    border-top: none;
}

ul.notitle {
    border-top: 2px solid #d8d3c2;
    border-radius: 5px;
}

ul.widget-subscribe li {
    position: relative;
    padding: 8px 0 7px 30px;
}

ul.widget-subscribe li .subscribe_detail {
    display: block;
    padding-top: 8px;
}

ul.widget-subscribe li a {
    font-size: 14px;
    font-weight: bold;
}

ul.widget-subscribe li:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    width: 20px;
    height: 20px;
    background-position: 0 0;
}

ul.widget-subscribe li.mail:before {
    background: url(../img/icon/icon_mail.png) no-repeat;
}

ul.widget-subscribe li.twitter:before {
    background: url(../img/icon/icon_twitter.png) no-repeat;
}

.arw { display:inline-block; position:relative; }

.arw:before { content:""; position:absolute; left:0; top:0.857em; border:solid transparent; width:0; height:0; }

.arw { padding:0 0 0 15px; }
.arw-s { padding:0 0 0 10px; }
.arw-x-s { padding:0 0 0 7px; }

.arw:before { margin:-7px 0 0 0; border-width:5px; }
.arw-s:before { margin:-3px 0 0 0; border-width:3px; }
.arw-x-s:before { margin:-3px 0 0 0; border-width:3px; }

.arw-l:before { border-left:none; }
.arw-r:before { border-right:none; }
.arw-u:before { border-top:none; }
.arw-d:before { border-bottom:none; }

.arw-l:before { border-right-width:10px; }
.arw-r:before { border-left-width:10px; }
.arw-u:before { border-bottom-width:10px; }
.arw-d:before { border-top-width:10px; }

.arw-s.arw-l:before { border-right-width:6px; }
.arw-s.arw-r:before { border-left-width:6px; }
.arw-s.arw-u:before { border-bottom-width:6px; }
.arw-s.arw-d:before { border-top-width:6px; }

.arw-x-s.arw-l:before { border-right-width:3px; }
.arw-x-s.arw-r:before { border-left-width:3px; }
.arw-x-s.arw-u:before { border-bottom-width:3px; }
.arw-x-s.arw-d:before { border-top-width:3px; }

.arw-x-s.arw-u,
.arw-x-s.arw-d { padding-left:10px; }
.arw-x-s.arw-u:before,
.arw-x-s.arw-d:before { margin-top:-1px; }

.arw-l:before { border-right-color:#f2aa1f; }
.arw-r:before { border-left-color:#f2aa1f; }
.arw-u:before { border-bottom-color:#f2aa1f; }
.arw-d:before { border-top-color:#f2aa1f; }

/* --------------------------------------------
  modal
----------------------------------------------- */
#lean_overlay {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;

}

.modal .modal_close {
    display: block;
    position: absolute;
    right: 0;
    top: -29px;
    border-bottom: 1px solid #6c6450;
    border-radius: 4px 4px 0 0;
    padding: 5px 15px 5px 15px;
    min-height: 18px;
    max-height: 18px;
    color: #fff;
    line-height: 1.5;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
    cursor: pointer;
    background: #aaa189;
    font-size:12px;
}

.modal {
    display: none;
    width: 500px;
    padding: 20px 20px;
    background: #FFF;
}

.box {
    font-size:16px;
    line-height: 1.7;
    color:#333;
    padding:20px;
    margin:10px 0px 10px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFFFFF;
}

.box:after {
    clear:both;
}
.box .icon {
    float: left;
    display: inline;
    height: 58px;
}
.box h2 {
    font-size: 16px;
    line-height: 1.2;
    margin-left: 68px;
    background-color:transparent;
    color:#333;
}

br.clearboth {
    clear:both;
}

div.clearboth {
    clear:both;
    content:"";
    margin-top:10px;
}

.boxapp {
	position: relative;
	
    color:#333;
    border: 2px solid #ddd;
    /* border-top: 1px solid #edeae0; */
    
    width:568px;
    padding:10px;
    margin:10px auto 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    
    /**
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    */
    
    background: #FFFFFF url(../img/icon/arrow01.gif) no-repeat 100% 50%;
}

.boxapp .store_text {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 13px;
    padding: 0px 5px 1px 5px;
    margin-top: -2px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #999999;
    font-weight: normal;
    text-shadow: none;
    text-align: center;
    vertical-align: middle;
    color:#FFFFFF;
    background:#76797c;

}

a .boxapp {
    color: #333;
    background: url(../img/icon/arrow01.gif) no-repeat 100% 50%;
}

/*
.miniprof.link_image {
    color: #333;
    background: url(../img/icon/arrow01.gif) no-repeat 100% 50%;
}
*/

.boxapp h3 {
    font-size:13px;
    color: #333;
    background-color:transparent;
    display: inline;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0;
}

.boxapp .app_title {
    font-size: 16px;
    color: #027cbf; /* #333 */
    background-color: transparent;
    display: inline;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0;
}

.boxapp_list .app_title {
    font-size: 16px;
    color: #027cbf; /* #333 */
    background-color: transparent;
    display: inline;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0;
}

a .app_title {
    text-decolation: underline;
}

/*
.app_title a {
    color: #333;
    font-weight:bold;
}
*/

.img_left {
    clear: both;
    display: block;
    width: 320px;
    text-align: center;
    margin: 0 auto 10px;
}

.img_right {
    width: 320px;
    margin-bottom:10px;
}

.img_center {
    width: 568px;
    margin: 0 auto 10px;
    text-align: center;
    display: block;
}

.title-head {
    position: absolute;
    color: #fff;
    padding: 0px 10px;
    /* text-shadow: 0 1px 1px black; */
    text-shadow: 0px -1px #1a969e;
    top: 10px;
    background-color: #39bac2;
    height: 20px;
}

.title-head:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px 5px;
    margin-left: 5px;
    border-style: solid;
    border-color: #39bac2;
    border-right-color: transparent;
}


/* ********************************************
 * title
 * ******************************************** */
.box .main-title {
  line-height:1.5;
  border-left: #b4bfe8 5px solid;
  padding-left: 10px;
  border-bottom: #dddddd 1px solid;
  background-color: transparent;  */
  
  font-weight: bold;
  margin: 20px 0px 5px 0px;
  padding: 5px 10px;
  font-size: 20px;
  color:#333;
}

.box .main-title2 {
  line-height:1.5;
  /* border-left: #f2b985 5px solid; padding-left: 10px; */
  
  border-bottom: 2px solid #fc7c79;
  font-weight: bold;
  margin: 30px 0px 10px 0px;
  padding-bottom: 5px;
  font-size: 20px;
  background-color: transparent;
  color:#333;
}

.box .main-title3 {
  line-height:1.5;
  /* border-left: #b4bfe8 5px solid; padding-left: 10px;   border-bottom: #dddddd 1px solid; background-color: transparent;  */
  border-bottom: 2px solid #A6DCF6;
  background-color: #E7F6FC;
  
  font-weight: bold;
  margin: 20px 0px 5px 0px;
  padding: 5px 10px;
  font-size: 20px;
  color:#333;
}

p.img_caption {
	margin: 5px 0 10px 0;
    line-height: 1.2em;
    color: #999;
    text-align: center;
    display: block;
    font-size: 13px;
}

/* ********************************************
 * normal
 * ******************************************** */
.normal-table {
    border: 1px solid #DDD;
    width: 100%;
    border-spacing: 0;
    padding: 0;
    font-size: 13px;
    border-collapse: collapse;
}
.normal-table td {
  vertical-align:middle;
  padding: 3px;
  *line-height: 18px;
  text-align: left;
  border: 1px solid #ddd;
}

.normal-table th {
  background-color:#f5f5f5;
  padding: 3px;
  *line-height: 18px;
  text-align: left;
  *font-weight: bold;
  vertical-align: middle;
  border: 1px solid #ddd;
  font-size: 13px;
}

/* ********************************************
 * boxapp_list
 * ******************************************** */
.boxapp_list {
    color:#333;
    border: 1px solid #ddd;
    border-top: 0px;
    padding:10px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    background-color: #FFFFFF;
    background-color: rgba(255,255,255,1.0);
}

a .boxapp_list {
    color: #333;
    background: url(../img/icon/arrow01.gif) no-repeat 100% 50%;
}

.boxapp_list h3 {
    font-size:13px;
    color: #333;
    background-color:transparent;
    display: inline;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0;
}

/* ********************************************
 * rank_icon
 * ******************************************** */
.miniprof .rank_icon {
	margin-top: 14px;
    margin-right:10px;
}

/* --------------------------------------------
  side
----------------------------------------------- */
.top_block_white {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px #b3b3b3 solid;
    margin: 10px 0px 10px;
    padding: 5px 5px 10px;
    border-top:6px solid #9ac724;
    border-bottom:6px solid #9ac724;
}

.top_block_white .mail_title {
	color: #9ac724;
}

/* --------------------------------------------
  pankuzu
----------------------------------------------- */
#path {
    display:block;
    font-size:10px;
    /* line-height:22px; */
    color:#666;
    width:100%;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}
#path a {
    color:#666;
}
#path a:hover {
    color: #027cbf; /* #0099cc; */
    font-style:normal;
    text-decoration:underline;
}

.bread_list_area li {
    display: inline;
}

.bread_list_area li:after {
    content: " > ";
}

.bread_list_area li.bread_list_title:after {
    content: "";
}

/* --------------------------------------------
  title
----------------------------------------------- */
#tagline {
    display:inline-block;
    color: #FFF;
    font-size: 10px;
    padding: 2px 3px 0px;
    margin: 0px;
    text-align: left;
    line-height: 18px;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width:100%;
}

.htitle h1 {
    display: block;
    text-align: left;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #565656;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.miniprof .prof h1 {
    color: #333;
    background-color: transparent;
    display: inline;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0;
    line-heigh: 1em;
}

.box h1 {
    display: block;
    box-sizing: border-box;
    text-align: left;
    font-weight: bold;
    
    font-size: 26px;
    line-height: 1.2;
    margin-left: 68px;
    background-color: transparent;
    color: #333;
}

/* --------------------------------------------
  status
----------------------------------------------- */
ul.status3 {
   margin:10px;
}

ul.status3 li {
    height:50px;
    background-color:#FFF;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-right: 0px;
    font-size: 10px;
    text-align: center;
    border-top: 1px #999 solid;
    border-right: 1px #999 solid;
    border-bottom: 1px #999 solid;
}
ul.status3 li:first-child {
    border-left: 1px #999 solid;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}
ul.status3 li:last-child {
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

ul.status3 .title {
    width: 120px;
    color:#333;
    font-size:13px;
    line-height:50px;
    vertical-align:middle;
    text-align:center;
}
ul.status3 .bar_score_area {
    width: 180px; /** 180-125=55 */
    padding:5px 0px 5px 20px;
}

.bar_score {
    float:left;
    background-color: #b4bfe8;
    height:100%;
    width:20px;
    margin-right:10px;
}

.bar_score_area:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
ul.status3:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

ul.status {
    box-sizing: border-box;
}

ul.status li {
    float: left;
    width: 90px;
    height: 60px;
    margin-right: 10px;
    box-sizing: border-box;
    background-color:#FFF;
    border: 1px #999999 solid;
    text-align:center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
ul.status li:last-child {
   margin-right: 0px;
}
ul.status li .value {
    font-size:15px;
    font-weight:bold;
    padding: 10px 0px 10px 0px;
}
ul.status li .value_download {
    font-size:13px;
    line-height:13px;
    font-weight:bold;
    padding: 5px 0px 5px 0px;
}
ul.status li .key {
    padding: 3px 0px 0px 0px;
    border-bottom: 0px #999999 solid;

}
ul.status:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

ul.area5 {
   margin:0px auto;
   width:720px;
   padding:0px 15px;
}
ul.area5 li {
   width: 130px;
}

ul.area6 {
   margin:0px auto;
   width:720px;
   padding:0px 14px;
}
ul.area6 li {
   width: 107px;
}

/* --------------------------------------------
  [common]hrline
----------------------------------------------- */
.hrline {
    border-top: 1px solid white;
    box-shadow: 0 -1px 0px 0px rgba(0,0,0,0.12);
    margin: 5px 0px 5px;
}

#lean_overlay {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;

}

.modal {
    display: none;
    width: 540px;
    padding: 10px 20px;
    background-color: #f1f2f3;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-transition: opacity .5s ease-in-out;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* --------------------------------------------
  image
----------------------------------------------- */
.image_cut_250 {
    position:relative;
    overflow: hidden;
    height: 250px;
    width: 250px;
    display: block;
}

.ads300 img {
    width:250px !important;
    height:208px !important;
}

/* --------------------------------------------
  newblock
----------------------------------------------- */
.htitle .title_border1 {
    margin-left:5px;
    padding-left:5px;
    border-left: #b4bfe8 3px solid;
}
.htitle .title_border2 {
    margin-left:5px;
    padding-left:5px;
    border-left: #aad9c5 3px solid;
}
.htitle .title_border3 {
    margin-left:5px;
    padding-left:5px;
    border-left: #f2ecb2 3px solid;
}
.htitle .title_border4 {
    margin-left:5px;
    padding-left:5px;
    border-left: #f2b985 3px solid;
}
.htitle .title_border5 {
    margin-left:5px;
    padding-left:5px;
    border-left: #f5cbb9 3px solid;
}
.htitle .title_border6 {
    margin-left:5px;
    padding-left:5px;
    border-left: #d9acc9 3px solid;
}


.left_border1 {
    padding-left:10px;
    border-left: #b4bfe8 5px solid;
}

.left_border2 {
    padding-left:10px;
    border-left: #aad9c5 5px solid;
}

.left_border3 {
    padding-left:10px;
    border-left: #f2ecb2 5px solid;
}

.left_border4 {
    padding-left:10px;
    border-left: #f2b985 5px solid;
}

.left_border5 {
    padding-left:10px;
    border-left: #f5cbb9 5px solid;
}

.left_border6 {
    padding-left:10px;
    border-left: #d9acc9 5px solid;
}

#word {
	font-size:115%;
}

/* --------------------------------------------
 topic
 ----------------------------------------------- */
 
/*
.genre_title {
    position: relative;
    border-bottom: 1px solid #edeae0;
    padding:0px 0px 5px 0px;
}

.genre_title h3 {
    background-color: transparent; 
    font-size:16px;
    color: #0099cc;
    display:inline-block;
    
    line-height:25px;
}

.genre_title_count {
    position: absolute;
    right: 0px;
    top: 0px;
    line-height:25px;
    color: #555;
}

.genre_block {
    float: left;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    margin: 0px 0px 10px 0px;
    width: 360px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #FFFFFF;
    font-weight: bold;
    border: 1px solid #b3b3b3;
    
    border-left: 10px solid pink;
    padding:10px 10px 5px 10px;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #405973;
}

.genre_detail li {
    margin-left:0px;
    font-size:15px;
    border-bottom: 1px solid #edeae0;
}

.genre_detail li:hover {
    background-color:#f5f8fa;
}

.genre_detail li:last-child {
    border-bottom: 0px;
}

.genre_detail li a div {
    background: url(../img/icon/arrow01.gif) no-repeat 100% 50%;
}
.genre_detail li div {
    font-weight: normal;
    padding: 5px 10px 5px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
}
*/

.genre_blue { border-left: 5px solid #b4bfe8; }
.genre_blue .genre_title { border-bottom: 2px solid #b4bfe8; }
.genre_green { border-left: 5px solid #aad9c5;}
.genre_green .genre_title { border-bottom: 2px solid #aad9c5;}
.genre_yellow { border-left: 5px solid #ebe186; }
.genre_yellow .genre_title { border-bottom: 2px solid #ebe186; }
.genre_orange { border-left: 5px solid #f2b985; }
.genre_orange .genre_title { border-bottom: 2px solid #f2b985; }
.genre_puff { border-left: 5px solid #f5cbb9; }
.genre_puff .genre_title { border-bottom: 2px solid #f5cbb9; }
.genre_pink { border-left: 5px solid #ffc0cb; }
.genre_pink .genre_title { border-bottom: 2px solid #ffc0cb; }
.genre_purple { border-left: 5px solid #d9acc9; }
.genre_purple .genre_title { border-bottom: 2px solid #d9acc9; }

.genre_blue2 { border-left: 5px solid #b4bfe8; }
.genre_blue2 .genre_title2 { border-bottom: 1px solid #b4bfe8; }
.genre_green2 { border-left: 5px solid #aad9c5;}
.genre_green2 .genre_title2 { border-bottom: 1px solid #aad9c5;}
.genre_yellow2 { border-left: 5px solid #ebe186; }
.genre_yellow2 .genre_title2 { border-bottom: 1px solid #ebe186; }
.genre_orange2 { border-left: 5px solid #f2b985; }
.genre_orange2 .genre_title2 { border-bottom: 1px solid #f2b985; }
.genre_puff2 { border-left: 5px solid #f5cbb9; }
.genre_puff2 .genre_title2 { border-bottom: 1px solid #f5cbb9; }
.genre_pink2 { border-left: 5px solid #ffc0cb; }
.genre_pink2 .genre_title2 { border-bottom: 1px solid #ffc0cb; }
.genre_purple2 { border-left: 5px solid #d9acc9; }
.genre_purple2 .genre_title2 { border-bottom: 1px solid #d9acc9; }


/* --------------------------------------------
 side
 ----------------------------------------------- */
.topic_row {
    margin-left:0px;
    font-size:13px;
    border-bottom: 1px solid #edeae0;
}
.topic_row a div {
    background: url(../img/icon/arrow01.gif) no-repeat 100% 50%;
}
.topic_row a div:hover {
    background-color: #f5f5f5;
}
.topic_row div {
    font-weight: normal;
    padding: 3px 15px 3px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
    width: 100%;
    box-sizing: border-box;
}

.topic_child {
    padding-left:10px;
    background: url(../img/icon/icon_dir_child.gif) no-repeat 0% 50%;
}

.topic_child div {
    padding-right: 15px;
}

.topic_top {
    font-size:13px;
    /* margin: 5px 0px; */
    /* border-bottom: 1px #999999 solid; */
    background-color: transparent; 
    
    /* padding-left:25px; */
    /* background: url(../img/icon/icon_parent.png) no-repeat 0% 50%; */
   display:inline-block;
   font-size:14px; 
}
.topic_top div {
    font-weight: normal;
    padding: 3px 10px 3px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
}

/* --------------------------------------------
 genre side
 ----------------------------------------------- */
.topic_main {
    margin: 0px 0px 0px 0px;
    border-radius: 8px;
    background-color: #FFFFFF;
    font-weight: bold;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-left:5px;
}


.topic_top2 {
    margin-left: 20px;
    padding: 0px 10px 0px 5px;
    white-space: normal;
    box-sizing: border-box;
    display:block;
    background-color: transparent;
    color: #333333;
}


.genre_title2 {
    padding: 3px 0px 3px;
    margin: 5px 10px 5px 0px;
}

.genre_title2:after {
    content:"";
    clear:both;
    display: block;
    height:0px;
    visibility: hidden; 
}

.h2_text {
    font-size: 11px;
    line-height:15px;
    color:#909090;
    font-weight:normal;
    display:inline-block;
    margin-top:5px;
    color:#FFF;
}
.h2_text a {
    color:#d7edf9;
}

/* --------------------------------------------
 keyword
 ----------------------------------------------- */
.trend-keyword-block {
	margin-top:5px;
	width:720px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
ul.keyword {
    display:inline;
}

ul.keyword li {
    /* float: left; */
    display:inline-block;
    margin: 0 0px 0px 0;

    text-align: left;
    vertical-align: top;

    overflow: hidden;
}

ul.keyword a {
    position: relative;
    display: inline-block;
    height: 21px;
    line-height: 22px;
    padding: 1px 6px 0;
    background: #ffffff; /* #f9f9f9 */
    border: 1px solid #ddd; /* ##e7e7e7 */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #666; /* #666!important */
    text-decoration: none; /* none!important */
    font-size: 11px;
    white-space: nowrap;
    margin-bottom: 5px;
    
    max-width: 200px;
}

.trend-keyword-block ul.keyword a {
	margin-bottom: 0px;
}

.trend-keyword-block ul.keyword a {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:100px;
}

ul.keyword a:hover {
    color: #027cbf; /* #0099cc; */
    text-decoration:underline;
}

ul.keyword:after {
    clear:both;
}

h3.topic_title {
    margin: 5px 0px;
    border-bottom: 1px #999999 solid;
    font-size: 14px;
    font-weight: normal;
    background-color: transparent; 
    color: #333;
}

ul.keyword2 {
  display: inline;
}
ul.keyword2 li {
  display: inline-block;
  margin: 0 0px 5px 0;
}
ul.keyword2 a {
  width:165px;
  position: relative;
  display: inline-block;
  height: 21px;
  line-height: 22px;
  padding: 1px 5px 0px 0px;
  background: #FFF;
  /* color: #666!important; */
  text-decoration: none!important;
  font-size: 13px;
  white-space: nowrap;
}

ul.keyword3 li {
    display: inline-block;
    margin: 0px 0px 5px 0;

    display: inline-block;
    height: 21px;
    line-height: 22px;
    padding: 1px 6px 1px;
    background: #ffffff;
    border: 1px solid #DDD;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #666!important;
    text-decoration: none!important;
    font-size: 13px;
    white-space: nowrap;
    border-radius: 4px;
}
ul.keyword3:after {
    content: '';
    display: block;
    clear: both;
}


/* --------------------------------------------
  pickup
----------------------------------------------- */
.pickup {
  display: inline-block;
  position: relative;
  margin: 4px 7px 0 0; /* 2700 */
  padding: 2px 3px 1px 22px;
  background: #f2aa1f;
  color: #fff;
  font-size: 10px;
  line-height: 1.5;
}
.pickup:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background: url(../img/icon/store/icon_arrow3.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
}
.pickup:after {
  content: "";
  position: absolute;
  right: -7px;
  top: 50%;
  margin-top: -9px;
  border-width: 9px 0 9px 7px;
  border-style: solid;
  border-color: transparent #f2aa1f;
  width: 0;
  height: 0;
}

/* --------------------------------------------
  header side
----------------------------------------------- */
ul#header-state {
float: right;
margin: 0px 0 0 0;
border-right: 1px solid #e2ddcd;
}
ul#header-state li {
float: left;
border-left: 1px solid #e2ddcd;
text-align: center;
}

ul#header-state li dl {
padding: 0 10px 0px 10px;
min-width: 75px;
}

ul#header-state li dl dt {
color: #6c6450;
font-size: 11px;
line-height: 1.5;
}

ul#header-state li dl dd {
    color:#333;
}

ul#header-state li dl dd em {
color: #d89010;
font-weight: normal;
font-size: 20px;
line-height: 1.3;
}

/* --------------------------------------------
  menu_select
----------------------------------------------- */
.menu_select {
    box-sizing: border-box;
    display: block;
    clear: both;
    height: 38px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    /* border-top-left-radius: 0px; */
    /* border-top-right-radius: 0px; */
}

.menu_select.tab2 li { width:50%; }
.menu_select.tab3 li { 
	width:33.3%; 
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.menu_select.tab4 li { width:25%; }
.menu_select.tab5 li { width:20%; }

.menu_select li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    border-right: 1px solid #fff;
    width: 80px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
   
}

.menu_select li:last-child {
	border-right :0px;
}

.menu_select li a {
    color: #fff;
    display: block;
}

.menu_sub_select {
}

.iphone_color {
    background-color:#f56900;
}
.ipad_color {
    background-color:#f5a600;
}
.android_color {
    background-color:#00d687;
}
.top_color {
    background-color:#ee5365;
}

.iphone_color.selected {
    background-color:#c25300;
}
.ipad_color.selected {
    background-color:#c28300;
}
.android_color.selected {
    background-color:#00a367;
}
.top_color.selected {
    background-color:#ee5365;
}

.iphone_left_border {
  border-left: 5px solid #ecaa70;
}
.ipad_left_border {
  border-left: 5px solid #f5a600; /* #e6dc72 */
}
.android_left_border {
  border-left: 5px solid #9bd3b8;
}
.top_left_border {
  border-left: 5px solid #f499a2;
}

.iphone_left_border .genre_title2 {
  border-bottom: 1px solid #ecaa70;
}
.ipad_left_border .genre_title2 {
  border-bottom: 1px solid #f5a600; /* #e6dc72 */
}
.android_left_border .genre_title2 {
  border-bottom: 1px solid #9bd3b8;
}
.top_left_border .genre_title2 {
  border-bottom: 1px solid #f499a2;
}

.list-top {
    border-top: 1px solid #ddd;
}


/* --------------------------------------------
  [common]header
----------------------------------------------- */
h1.title_header {
    font-size: 18px;
}
.title_block {
    margin: 3px 0px 3px 10px;
    padding: 3px 0px 0px 10px;
    border-left: #b4bfe8 3px solid;
}
.title_comment {
    display: block;
    font-size: 12px;
    font-weight:normal;
    margin-top:3px;
    color: #EEE;
}


p.p_h2 {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0;
}

.h3p {
	color: #333;
	font-size: 11px;
    line-height: 11px;
    font-weight:normal;
    background-color:transparent;
    display: inline;
}

/* --------------------------------------------
  download button
----------------------------------------------- */
ul.buttons2 li.download_button {
  width: 149px;
  float: left;
  box-sizing: border-box;
  border-radius: 6px;
  text-align: center;
  color: #ffffff;
  background-color: #74b950;
  background-repeat: repeat-x;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

ul.buttons2 li a.download {
  color: #FFF;
  line-height: 44px;
  height: 42px;
  font-size: 18px;
  display: block;
  font-weight: bold;
}

ul.buttons2 li a.download:hover {
    background-color: #68ab44;
    border-radius:6px;
}

ul.buttons2:after {
    content: '';
    display: block;
    clear: both;
}

/* --------------------------------------------
  hover
----------------------------------------------- */
.menu_select li:hover {opacity:0.75}
/* #menu_sub li:hover {opacity:0.75} */
#menu_sub li:hover a {color:#ffd46f}
/* .buttons li:hover {opacity:0.75} */
#header-state dl:hover {opacity:0.75}
.pickup:hover {opacity:0.75}

/* --------------------------------------------
  app_add
----------------------------------------------- */
.status {
    box-sizing: border-box;
}
.status dl {
    float: left;
    width: 90px;
    height: 60px;
    margin-right: 10px;
    box-sizing: border-box;
    background-color: #FFF;
    border: 1px #999999 solid;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.status dl dt.key {
    padding: 3px 0px 0px 0px;
    border-bottom: 0px #999999 solid;
}
.status dl dd.value {
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
}
.status dl dd.value_download {
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
}

.status:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.area6 {
    margin: 0px auto;
    width: 720px;
    padding: 0px 14px;
}
.area6 dl {
    width: 107px;
}

.status3 {
    margin: 10px;
}
.status3 dt {
    border-left: 1px #999 solid;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    
    height: 50px;
    background-color: #FFF;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-right: 0px;
    font-size: 10px;
    text-align: center;
    border-top: 1px #999 solid;
    border-right: 1px #999 solid;
    border-bottom: 1px #999 solid;
}
.status3 .title {
    width: 120px;
    color: #333;
    font-size: 13px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}
.status3 dd {
    border-radius: 0px 4px 4px 0px;
    border-top-right-radius: 4px;

    height: 50px;
    background-color: #FFF;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-right: 0px;
    font-size: 10px;
    text-align: center;
    border-top: 1px #999 solid;
    border-right: 1px #999 solid;
    border-bottom: 1px #999 solid;
}
.status3 .bar_score_area {
    width: 180px;
    padding: 5px 0px 5px 20px;
}

/* --------------------------------------------
  sub_select
----------------------------------------------- */
.sub_select_area {
    display: inline-block;
    margin-right:5px;
}
.sub_select {
    display: inline-block;
    font-size: 11px;
    line-height: 15px;
    margin-top:5px;
    color:#FFF;
    font-weight:normal;
}
.sub_select a {
    color: #d7edf9;
}
.sub_select li {
    display: inline-block;
}

.sub_select li:after {
    content: " | ";
}
.sub_select li.li-last:after {
    content: "";
}

/* --------------------------------------------
  press_mini
----------------------------------------------- */
.h4_block h2 {
    background-color: transparent;
    color: #333;
}
h2.app_title2 {
    line-height: 1.5;
    border-bottom: 2px solid #fc7c79;
    font-weight: bold;
    margin: 15px 0px 10px 0px;
    padding-bottom: 5px;
    background-color: transparent;
    color: #333;
}
.news-image-s {
    position: relative;
    height: 35px;
    width: 50px;
    overflow: hidden;
    background-position: 50% 25%;
    display: block;
    opacity: 1;
    background-size: cover;
    float:left;
    margin-right:5px;
}

.app-desc-title {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    white-space:nowrap;
}

.app-desc-detail {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: #909090;
    font-weight: normal;
    font-size: 12px;
    vertical-align: top;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 18px;
    max-height: 48px;
}

.app-desc-body:after {
    content:"";
    clear:both;
    display: block;
    height:0px;
    visibility: hidden; 
}
.news-image-s {
    float:left;
}
.app-desc-body {
    margin-left:60px;
}

/* --------------------------------------------
  [common]last
----------------------------------------------- */
.none {
    display:none;
}

.wrap {
    white-space: normal;
    overflow: visible;
}

.nowrap {
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/* --------------------------------------------
  after clear
----------------------------------------------- */
.after_clear:after {
    content: "";
    display: block;
    clear: both;
}