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

/*body*/
body.yj950-1{
	font-family: "MS PGothic","Mayryo","Osaka",Arial,sans-serif;
}
a:link{ color:#0063c6;}
a:visited{ color:#639;}
a:hover{ text-decoration:underline;}

/*emg*/
#emg, #emg2, #emg3 {
    margin-top: 4px;
}

/*app_main*/
#app-main{
	position: relative;
	padding-top: 5px;
}
#app-main h1{
	background: url(../images/app_pr_main_ttl.png) no-repeat;
	width: 950px;
	height: 174px;
	line-height: 1.4;
	text-indent: -9999px;
}
#app-main .wr-share{
	position: absolute;
	top: 0px;
	right: 0;
	_right: 10px;
}
#app-cnt{
	background: url(../images/app_pr_bg_main.png) no-repeat;
	width: 950px;
}
#app-cnt .app-bnr-top{
	margin-bottom: 10px;
	text-align: center;
}
#app-cnt .app-bnr-top span{
	background: #fff;
	border: solid 1px #e4e2b8;
	display: inline-block;
}
#app-cnt .app-bnr-top span a{
	margin: 5px;
	display: inline-block;
}

/*tab-navi*/
#tab-navi{	
	background: url(../images/app_pr_tab_bg.png) repeat-x;
	padding-top: 5px;
	width: 950px;
	height: 64px;
}
#tab-navi li{
	padding-left: 5px;
	float: left;
}
#tab-navi li.tab-pickup{
	padding-right: 6px;
	float: right;
}
#tab-navi li a,#tab-navi li strong{
	width: 152px;
	height: 56px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#tab-navi li.tab-pickup a,#tab-navi li.tab-pickup strong{
	width: 140px;
	height: 56px;
}
#tab-navi .tab-all a{
	background: url(../images/app_pr_tab_all.png) no-repeat;
}
#tab-navi .tab-all a:hover,#tab-navi .tab-all strong{
	background: url(../images/app_pr_tab_all_crnt.png) no-repeat;
}
#tab-navi .tab-android a{
	background: url(../images/app_pr_tab_android.png) no-repeat;
}
#tab-navi .tab-android a:hover,#tab-navi .tab-android strong{
	background: url(../images/app_pr_tab_android_crnt.png) no-repeat;
}
#tab-navi .tab-iphone a{
	background: url(../images/app_pr_tab_iphone.png) no-repeat;
}
#tab-navi .tab-iphone a:hover,#tab-navi .tab-iphone strong{
	background: url(../images/app_pr_tab_iphone_crnt.png) no-repeat;
}
#tab-navi .tab-browser a{
	background: url(../images/app_pr_tab_browser.png) no-repeat;
}
#tab-navi .tab-browser a:hover,#tab-navi .tab-browser strong{
	background: url(../images/app_pr_tab_browser_crnt.png) no-repeat;
}
#tab-navi .tab-tablet a{
	background: url(../images/app_pr_tab_tablet.png) no-repeat;
}
#tab-navi .tab-tablet a:hover,#tab-navi .tab-tablet strong{
	background: url(../images/app_pr_tab_tablet_crnt.png) no-repeat;
}
#tab-navi .tab-pickup a{
	background: url(../images/app_pr_tab_pickup.png) no-repeat;
}
#tab-navi .tab-pickup a:hover,#tab-navi .tab-pickup strong{
	background: url(../images/app_pr_tab_pickup_crnt.png) no-repeat;
}
/*in-tab*/
#in-tab{
	border-bottom: 2px solid #a2c636;
	background: #fff;
	margin-bottom: 20px;
	padding: 10px 0 20px;
}
/*app-categ*/
#in-tab #app-categ{
	float: left;
	width: 160px;
}
#app-categ h2{
	border: solid 1px #b9b9b9;
	margin-bottom: 1px;
	background: url(../images/app_pr_side_ct_ttl.png) no-repeat;
	width: 158px;
	height: 48px;
	display: block;
	text-indent: -9999px;
}
#app-categ ul{
	border-top: solid 1px #a39d3e;
	border-bottom: solid 1px #a39d3e;
	background:#ecebcc;
	font-size: 81.3%;
}
#app-categ li{
	width: 160px;
	overflow: hidden;
}
#app-categ ul a,#app-categ ul strong{
	background: url(../images/app_pr_side_ct_icn.png) no-repeat 14px 15px;
	margin: 0;
	padding: 9px 5px 9px 26px;
	width: 129px;
	display: block;
	text-decoration: none;
	color: #0063c5;
	overflow: hidden;
}
#app-categ ul a span.numb{
	color: #333;
	font-weight: normal;
}
#app-categ ul a:hover{
	background: url(../images/app_pr_side_ct_icn.png) no-repeat 14px 15px #70a600;
	display: block;
	color: #fff;
	font-weight: normal;
	text-decoration: underline; 
}
#app-categ ul strong{
	background: url(../images/app_pr_side_ct_icn.png) no-repeat 14px 15px #70a600;
	display: block;
	color: #fff;
	font-weight: bold;
}
#app-categ ul a:hover span.numb{
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}
#app-categ ul strong span.numb{
	color: #fff;
	font-weight: bold;
}
/*app-list*/
#in-tab #app-list{
	padding-left: 20px;
	width: 770px;
	float: left;
}
/*app-entry*/
#app-list .app-entry{
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 770px;
}
.app-entry .app-icon{
	width: 72px;
	float: left;
}
.app-entry .app-icon p{
	position: relative;
}
.app-entry .app-icon p span.ipn-mask{
	background: url(../images/app-mask72.png) no-repeat;
	_background: url(../images/app-mask72_ie6.png) no-repeat;
	position: absolute;
	width: 72px;
	height: 72px;
	top: 0;
	left: 0;
}
.app-entry .app-info{
	width: 470px;
	padding-left: 10px;
	float: left;
}
.app-entry .app-info .app-ttl{
	border-left: 3px solid #839f2b;
	margin-bottom: 10px;
}
.app-entry .app-info h3{
	border-left: 1px solid #39700a;
	background: #ecebcc;
	padding: 5px;
	font-weight: bold;
}
.app-entry .app-info h3 a{
	color: #0063C5;
}
.app-entry .app-info h3 img{
	margin-left: 5px;
}
.app-entry .app-info h3 .outer-link{
	font-weight: normal;
	font-size: 75%;
}
.app-entry .app-info .app-summary{
	margin-bottom: 10px;
	font-size: 81.3%;
}
.app-entry .app-info .wr-app-label{
	margin-bottom: 15px;
}
.app-entry .app-info .app-more{
	float: left;
}
.app-entry .app-info .app-more a{
	background: url(../images/app_pr_more.png) no-repeat;
	width: 92px;
	height: 25px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.app-entry .app-info .app-more a:hover{
	background: url(../images/app_pr_more_hover.png) no-repeat;
}
.app-entry .app-info .more-outer-link{
	padding-top: 4px;
	float: left;
	font-size: 75%;
	display: block;
}
.app-entry .app-info .app-label{
	float: right;
}
.app-entry .app-label .label-android{
	padding-left: 5px;
	width: 92px;
	height: 22px;
	float: left;
}
.app-entry .app-label .label-android span{
	background: url(../images/app_pr_lbl_android.png) no-repeat;
	width: 92px;
	height: 22px;
	display: block;
	text-indent: -9999px;
}
.app-entry .app-label .label-iphone{
	padding-left: 5px;
	width: 92px;
	height: 22px;
	float: left;
}
.app-entry .app-label .label-iphone span{
	background: url(../images/app_pr_lbl_iphone.png) no-repeat;
	width: 92px;
	height: 22px;
	display: block;
	float: left;
	text-indent: -9999px;
}
.app-entry .app-label .label-browser{
	padding-left: 5px;
	width: 127px;
	height: 22px;
	float: left;
}
.app-entry .app-label .label-browser span{
	background: url(../images/app_pr_lbl_browser.png) no-repeat;
	width: 127px;
	height: 22px;
	display: block;
	text-indent: -9999px;
}
.app-entry .app-label .label-tablet{
	padding-left: 5px;
	width: 92px;
	height: 22px;
	float: left;
}
.app-entry .app-label .label-tablet span{
	background: url(../images/app_pr_lbl_tablet.png) no-repeat;
	width: 92px;
	height: 22px;
	display: block;
	text-indent: -9999px;
}
.app-dl{
	border-top: solid 1px #e1dfb0;
	padding: 10px 0;
	width: 470px;
}
.app-ai{
	border-top: 0;
}
.app-dl .in-app-dl{
	float: left;
}
.app-dl .dl-set{
	margin-bottom: 10px;
	width: 365px;
}
.app-dl .dl-set li{
	float: left;
}
.app-dl .dl-set .logo-andmkt{
	padding-right: 10px;
	width: 118px;
}
.app-dl .dl-set .logo-andmkt span{
	background: url(../images/app_logo_and.png) no-repeat;
	width: 118px;
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.app-dl .dl-set .logo-andmkt a{
	background: url(../images/app_logo_and.png) no-repeat;
	width: 118px;
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.app-dl .dl-set .btn-andmkt{
	width: 237px;
}
.app-dl .dl-set .btn-andmkt a{
	background: url(../images/app_pr_btn_andmkt.png) no-repeat;
	width: 237px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.app-dl .dl-set .btn-andmkt a:hover{
	background: url(../images/app_pr_btn_andmkt_hover.png) no-repeat;
}
.app-dl .dl-set .logo-appstr{
	padding-right: 10px;
	width: 118px;
}
.app-dl .dl-set .logo-appstr span{
	background: url(../images/app_logo_ipn.png) no-repeat;
	width: 118px;
	height: 40px;
	display: block;
	text-indent: -9999px;
}
.app-dl .dl-set .logo-appstr a{
	background: url(../images/app_logo_ipn.png) no-repeat;
	width: 118px;
	height: 40px;
	display: block;
	text-indent: -9999px;
}
.app-dl .dl-set .btn-appstr{
	width: 237px;
}
.app-dl .dl-set .btn-appstr a{
	background: url(../images/app_pr_btn_appstore.png) no-repeat;
	width: 237px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.app-dl .dl-set .btn-appstr a:hover{
	background: url(../images/app_pr_btn_appstore_hover.png) no-repeat;
}
.app-dl .app-mtf a{
	background: url(http://i.yimg.jp/images/icon/f/bsc/1.0.0/send_mobile16.png) no-repeat;
	padding-left: 20px;
	display: inline-block;
	font-size: 81.3%;
	text-decoration: none;
}
.app-dl .app-mtf-msg{
	font-size: 75%;
}
.app-dl .app-code{
	width: 88px;
	float: right;
	font-size: 75%;
	text-align: right;	
}
.app-dl .app-code .in-app-code{
	border: 1px solid #ccc;
	margin: 0 5px;
	width: 76px;
	height: 76px;
	text-align: center;
}
.app-dl .app-code .app-code-help{
	text-align: center;
	width: 88px;
}
.app-dl .app-code a{
	display: block;
	text-decoration: none;
}
/*2012.4 googleplay*/
.app-dl .dl-set02{
	margin-bottom: 10px;
	width: 382px;
}
.app-dl .dl-set02 li{
	float: left;
}
.app-dl .dl-set02 .logo-andmkt{
	padding-right: 10px;
	width: 129px;
}
.app-dl .dl-set02 .logo-andmkt span{
	background: url(../images/app_logo_gopl.png) no-repeat;
	width: 129px;
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.app-dl .dl-set02 .logo-andmkt a{
	background: url(../images/app_logo_gopl.png) no-repeat;
	width: 129px;
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.app-dl .dl-set02 .btn-andmkt{
	width: 237px;
}
.app-dl .dl-set02 .btn-andmkt a{
	background: url(../images/app_pr_btn_gopl.png) no-repeat;
	width: 237px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.app-dl .dl-set02 .btn-andmkt a:hover{
	background: url(../images/app_pr_btn_gopl_hover.png) no-repeat;
}
.app-dl .dl-set02 .logo-appstr{
	padding-left: 11px;
	padding-top: 2px;
	width: 129px;
}
.app-dl .dl-set02 .logo-appstr span{
	background: url(../images/app_logo_ipn.png) no-repeat;
	width: 118px;
	height: 40px;
	display: block;
	text-indent: -9999px;
}
.app-dl .dl-set02 .logo-appstr a{
	background: url(../images/app_logo_ipn.png) no-repeat;
	width: 118px;
	height: 40px;
	display: block;
	text-indent: -9999px;
}
.app-dl .dl-set02 .btn-appstr{
	width: 237px;
}
.app-dl .dl-set02 .btn-appstr a{
	background: url(../images/app_pr_btn_appstore.png) no-repeat;
	width: 237px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.app-dl .dl-set02 .btn-appstr a:hover{
	background: url(../images/app_pr_btn_appstore_hover.png) no-repeat;
}

.app-dl .dl-set02 .logo-winstr{
	padding-right: 10px;
	width: 129px;
}
.app-dl .dl-set02 .logo-winstr span{
	background: url(../images/app_logo_win.png) no-repeat;
	width: 129px;
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.app-dl .dl-set02 .logo-winstr a{
	background: url(../images/app_logo_win.png) no-repeat;
	width: 129px;
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.app-dl .dl-set02 .btn-winstr{
	width: 237px;
}
.app-dl .dl-set02 .btn-winstr a{
	background: url(../images/app_pr_btn_winst.png) no-repeat;
	width: 237px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.app-dl .dl-set02 .btn-winstr a:hover{
	background: url(../images/app_pr_btn_winst_hover.png) no-repeat;
}

#app-list .app-entry .app-ss{
	padding: 0;
	padding-left: 5px;
	width: 205px;
	display: block;
	float: right;
}
#app-list .app-entry .app-ss p{
	background: #efefef;
	padding: 5px 0;
	width: 205px;
	display: block;
	text-align: center;
}
#app-list .app-entry .app-ss img{
	margin: 0;				 
	padding: 0;
	zoom:1;
}
#app-list .page-ntn{
	text-align: center;
	font-size: 87.5%;
	line-height: 1.3;
	color: #333;
}
#app-list .page-ntn a{
	background-color: #fff;
	margin-left: 5px;
	padding: 8px;
	border: solid 1px #ccc;
	text-decoration: none;
	display: inline-block;
}
#app-list .page-ntn span{
	display: inline-block;
}
#app-list .page-ntn a:hover{
	background: #70A600;
	text-decoration: underline;
	color: #fff;
	zoom:1;
}
#app-list .page-ntn .current_page{
	padding: 8px;
	border: 1px solid #CCC;
	background-color: #f7f7f7;
	font-weight: bold;
	display: inline-block;
	margin-left: 5px;
}

/*app-yj-pr*/
.app-yj-pr{
	margin: 0 10px 20px; 
}
.app-yj-pr a{
	background: url(../images/app_pr_yj_bnr.png) no-repeat;
	width: 930px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.app-notice{
	margin-left: 10px;
	margin-bottom: 20px;
	font-size: 75%;
	line-height: 1.3;
	color: #333;
}

/*switch-device*/
#switch-device{
	border: 1px solid #E7E7E7;
	background: #F9F9F9;
	margin: 10px 0 5px;
	padding: 10px 30px;
	display: inline-block;
	color: #333;
}
#switch-device strong{
	font-weight: bold;
}
#footer #uft {
    border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#footer address {
    border-top: 0;
}

/* partner-app-page */
/*partner-main*/
#partner-main{
	position: relative;
	padding-top: 5px;
}
#partner-main h1{
	background: url(../images/partner_app_main_ttl.png) no-repeat;
	margin-bottom: 5px;
	width: 950px;
	height: 96px;
	line-height: 1.4;
	text-indent: -9999px;
}
#partner-main .wr-share{
	position: absolute;
	top: 0px;
	right: 0;
	_right: 10px;
}
#partner-cnt{
	width: 950px;
}
#partner-cnt #in-tab{
	padding-top: 0px;
}
#partner-cnt .app-bnr-top{
	margin-bottom: 10px;
	text-align: center;
}
#partner-cnt .app-bnr-top span{
	background: #fff;
	border: solid 1px #e4e2b8;
	display: inline-block;
}
#partner-cnt .app-bnr-top span a{
	margin: 5px;
	display: inline-block;
}
.partner-app-banner{
	margin: 10px 0;
}
.partner-app-banner a{
	background: url(../images/partner_app_bnr.png) no-repeat;
	margin: 10px 0;
	width: 160px;
	height: 68px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.back-loco-banner{
	margin-bottom: 10px;
}
.back-loco-banner a{
	background: url(../images/back_loco_app_bnr.png) no-repeat;	
	width: 160px;
	height: 131px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

/* clearfix
/*--------------------------------------------------------------------------------*/

#tab_navi:after,
#in-tab:after,
#app-list ul .app-entry:after,
.app-entry .app-info .wr-app-label:after,
.app-entry .app-info .app-label:after,
.app-dl:after,
.app-dl .dl-set:after,
.app-dl .dl-set02:after{ /*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

#tab_navi,
#in-tab,
#app-list ul .app-entry,
.app-entry .app-info .wr-app-label,
.app-entry .app-info .app-label,
.app-dl,
.app-dl .dl-set,
.app-dl .dl-set02{
	zoom: 1; /*for IE 5.5-7*/
}