@charset "utf-8";
/* CSS Document */




/* BODY全体設定 */
BODY{ 
	background-color : #EEEEEE;
	background:url(../image/back_00.gif);
	color : #000000;
	margin: 0px auto;
	font-size : 12px;
	}

#wrapper{
text-align:center; /*IE対応*/
}


/*画像リンク関連*/
a:active,a:focus{ outline:none; }
img,a img { border: none;
	vertical-align: text-bottom;
	-ms-interpolation-mode: bicubic;
}

/*float内包関連*/
#adiv{  
	overflow : hidden;  
	_zoom:1;  
	} 
#appliTB { float:left;
margin:10px;
padding: 3px;
background-color:#e9e9e9;
	border-radius: 3px;         /* CSS3 */
   -moz-border-radius: 3px;    /* Firefox */
   -webkit-border-radius: 3px; /* Safari,Chrome */
   behavior:  url(../image/PIE_uncompressed.htc);  /* ie */ 

   border: #8f8f8f solid 1px;     /* 枠線の装飾 */}
	 .rbtn{
display:block;}
	 .rbtn a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: “alpha( opacity=60 )”;
}

	
/*文字スタイル関連*/
.black {color: #000000; font-size:10px;}
.blackB {color:#000000; font-weight:bold;}
.white {color: #FFFFFF;}
.whiteB {color: #FFFFFF; font-weight:bold;}
.whiteB_ltr{color: #FFFFFF; font-weight:bold; font-size:14px;}
.red {color: #FF0000;}
.redB {color: #FF0000; font-weight:bold;}
.blue{color:#0000FF}
.blueB{color:#0000FF; font-weight:bold;}
.blackB {color: #000000; font-weight:bold;}	
.WGray {color:#CCCCCC;}
.WGrayB {color:#CCCCCC; font-weight:bold;}
.BGray {color:#999999;}
.BGrayB {color:#999999; font-weight:bold;}
.yB{color:#ffcc00; font-weight:bold; font-size:18px;}
.aqb{color:#6b8cd2;}
.aqbB{color:#6b8cd2; font-weight:bold;}

/*通常リンク*/
A{text-decoration : none; color : #FFFFFF;}/*基本*/
A:LINK{color : #043dd0;}/*未訪問のリンク*/
A:VISITED{color : #FFFFFF;}/*訪問済みのリンク*/
A:HOVER{color : #459dfe;}/*ポイント時のリンク*/
A:ACTIVE{color : #459dfe;}/*選択中のリンク*/

/*白リンク*/
.a1{
	text-decoration : none;
	color:#FFFFFF;
	font-size:10px;	}
.a1:LINK{color : #FFFFFF;}/*未訪問のリンク*/
.a1:VISITED{color : #b4b4b4;}/*訪問済みのリンク*/
.a1:HOVER{color : #e8040d;}/*ポイント時のリンク*/
.a1:ACTIVE{color : #e8040d;}/*選択中のリンク*/

/*灰色リンク*/
.a2{
	text-decoration : none;
	color:#666;
	}
.a2:LINK{color : #666;}/*未訪問のリンク*/
.a2:VISITED{color : #66C;}/*訪問済みのリンク*/
.a2:HOVER{color : #333;}/*ポイント時のリンク*/
.a2:ACTIVE{color : #333;}/*選択中のリンク*/

/*黒色ふと文字リンク*/
.Br1{
	text-decoration : none;
	color:#666;
	font-weight:bold;
	font-size:12px;
	}
.Br1:LINK{color : #666;}/*未訪問のリンク*/
.Br1:VISITED{color : #66C;}/*訪問済みのリンク*/
.Br1:HOVER{color : #333;}/*ポイント時のリンク*/
.Br1:ACTIVE{color : #333;}/*選択中のリンク*/

/*オレンジ文字リンク*/
.Or1{
	text-decoration : none;
	color:#ff9900;
	font-weight:bold;
	font-size:18px;
	}
.Or1:LINK{color : #ff9900;}/*未訪問のリンク*/
.Or1:VISITED{color : #ffde00;}/*訪問済みのリンク*/
.Or1:HOVER{color : #ff0000;}/*ポイント時のリンク*/
.Or1:ACTIVE{color : #ffde00;}/*選択中のリンク*/




/*メインコンテナの設定*/
#container {
	width:950px;
	background-color:#000000;
	margin:0px auto;
	}

/*ヘッダーの設定*/
#header {
	width:950px;
	height:70px;
	margin:0px auto;
	background:url(../image/hd_back_00.gif);
	}

	.logo {
		float:left;
		margin:8px;
		}
	.font{float:right;
		margin-top:15px;
		margin-right:8px;}

/*ヘッダー下のメニュー(リンクも含め）設定*/
#hmenu {
	color:#b4d0ff;
	margin:0px auto;
	padding:3px 5px;
	text-align:right;
	background-image:url(../image/sub_back_00.gif);
	}
	#hmenu A{text-decoration : none;}
	#hmenu A:LINK{color : #FFFFFF;}/*未訪問のリンク*/
	#hmenu A:VISITED{color : #FFFFFF;}/*訪問済みのリンク*/
	#hmenu A:HOVER{color : #b4d0ff;}/*ポイント時のリンク*/
	#hmenu A:ACTIVE{color : #b4d0ff;}/*選択中のリンク*/
.lg{color:#ededed;
	float:left;}
	.lg A{text-decoration : none;}
	.lg A:LINK{color : #FFFFFF;}/*未訪問のリンク*/
	.lg A:VISITED{color : #b4b4b4;}/*訪問済みのリンク*/
	.lg A:HOVER{color : #b4d0ff;}/*ポイント時のリンク*/
	.lg A:ACTIVE{color : #b4d0ff;}/*選択中のリンク*/
		.lg a:hover img{opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: “alpha( opacity=60 )”;}


/*メインコンテンツ下地の設定*/
#MC {
	width:946px;
	margin:0 auto;
	padding:1px;
	background-color:#FFFFFF;
	overflow : hidden;  
	_zoom:1; 
	}

/*メインコンテンツ左側の設定*/
#lc {
	width:620px;
	float:left;
	margin:5px 15px 0px;/*左から　上のマージン、左右のマージン、下のマージン設定*/
	}
/*メインコンテンツ右側の設定*/
#rc {
	float:right;
	margin: 0px 10px 0px 15px;
	}
/*サーチコンテンツの設定*/
#sc {
	margin: 10px 5px;
	}
	
/*tube用*/
.youtube {
	margin: 5px 0px 0px;
	padding:5px;
	border-radius: 3px;         /* CSS3 */
   -moz-border-radius: 3px;    /* Firefox */
   -webkit-border-radius: 3px; /* Safari,Chrome */
   behavior:  url(../image/PIE_uncompressed.htc);  /* ie */ 

   border: #8f8f8f solid 1px;     /* 枠線の装飾 */
   background-color: #FFF;   /* 背景色 */;
	}

/*見出し（h2）の設定*/
#hd{
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
    border:solid 1px #ddd;  
    padding: 5px;
	margin:0px;
    border-radius:5px 5px 0px 0px/5px 5px 0px 0px;
	/* ↑角丸設定：左から　左上・右上・左下・右下
	ここの数値を変更する際は下の～border-radiusの値も同じように変更すること */  
background: rgb(32,124,202); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(32,124,202,1) 0%, rgba(30,87,153,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,124,202,1)), color-stop(100%,rgba(30,87,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(32,124,202,1) 0%,rgba(30,87,153,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(32,124,202,1) 0%,rgba(30,87,153,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(32,124,202,1) 0%,rgba(30,87,153,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(32,124,202,1) 0%,rgba(30,87,153,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#1e5799',GradientType=0 ); /* IE6-8 */


    }  
    #hd span{border-left:12px #ccc solid;padding-left:5px;} 

/*新着一覧タイトルの設定*/
#hd2{
    border:solid 1px #ddd;  
    padding: 5px;
	margin:0px; 
    background: #eee url(../image/menu_001.gif);  
    }  
    #hd2 span{border-left:12px #ccc solid;padding-left:5px;}
	#hd2 A{text-decoration : none;}
	#hd2 A:LINK{color : #808080;}/*未訪問のリンク*/
	#hd2 A:VISITED{color : #b4b4b4;}/*訪問済みのリンク*/
	#hd2 A:HOVER{color : #FF0000;}/*ポイント時のリンク*/
	#hd2 A:ACTIVE{color : #FF0000;}/*選択中のリンク*/

/*サブタイトルの設定*/
#hd3{
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	text-align:center; 
    padding: 5px;
	margin:3px 0px;
    border-radius:5px 5px 5px 5px/5px 5px 5px 5px;
	/* ↑角丸設定：左から　左上・右上・左下・右下
	ここの数値を変更する際は下の～border-radiusの値も同じように変更すること */   
    -moz-border-radius: 5px 5px 5px 5px/5px 5px 5px 5px; /* FF */  
    -webkit-border-radius: 5px 5px 5px 5px/5px 5px 5px 5px;/* Webkit */ 
	-pie-background:linear-gradient(top,  #fff,  #eee); /* ie */ 
    behavior:  url(../image/PIE_uncompressed.htc);  /* ie */
	background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
background: linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
 
    }  

.btn{
	width:250px;
	margin:0px auto;}

	.btn  li{
		list-style:none;
		list-style-image:none;
		margin:3px 0;
		}  

	.btn li a{
			padding:5px;
			border:none;} 
	.btn li a:hover{
				padding:5px;
				border:none;
				position:relative;
				bottom:-2px;} 

#apname{
	font-size:18px;
	font-weight:bold;
	background: url(../image/line.gif) repeat-x bottom left;
    padding: 3px 10px;
    color: #27a1e1;
	border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:3px solid #3cf;
	margin: 3px 0px;
	overflow:hidden;
	display:block;
	}
	#apname a{display:block;}
	#apname a:LINK{color : #1292d5;}/*未訪問のリンク*/
	#apname a:VISITED{color : #1d5cc4;}/*訪問済みのリンク*/
	#apname a:HOVER{color : #ff7c06;}/*ポイント時のリンク*/
	#apnamea:ACTIVE{color : #ff7c06;}/*選択中のリンク*/




.icon00{float: right;
padding:3px;
height:18px;}

.more{
		width:98%;
		border-bottom:#69F solid 1px;
		border-left:#69F solid 1px;
		border-right:#69F solid 1px;
		border-top:#69F solid 1px;
		margin:10px 0px;
		padding:5px;
		text-align:center;}
		.more a{display:block;
				color:#0099FF;
				font-size:15px;
				font-weight:bold;}
		.more A:LINK{color : #89c5ff;}/*未訪問のリンク*/
		.more A:VISITED{color : #1d8bc4;}/*訪問済みのリンク*/
		.more A:HOVER{color : #FF0000;}/*ポイント時のリンク*/
		.more A:ACTIVE{color : #FF0000;}/*選択中のリンク*/

/*sale用設定*/
#sale{
	color:#FF9900;
	font-size:16px;
	font-weight:bold;
	background:#333333 url(../image/sale_back_00.gif);
	padding:5px 10px;
	width:250px;
	overflow:hidden;}
	#sale img{vertical-align:-0.95em;
			margin-right:5px;}
			#sale a{
					text-decoration : none;
					color:#ff9900;
					font-weight:bold;
					font-size:18px;}
			#sale A:LINK{
					color : #ff9900;}					
			#sale A:VISITED{
					color : #ffde00;}
			#sale A:HOVER{
					color : #ff0000;}
			#sale A:ACTIVE{
					color : #ffde00;}

.saleli {height:1px; background-color:#CCC; margin:3px 0;}
#salebn{
	background-color:#666666;
	background-image:url(../image/sub_back_00.gif);
	color:#FFF;
	padding:5px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	}

/*pickup アプリ紹介用*/
.applie{
		padding:5px 0px;
		margin-bottom:20px;
		}

/*フッターの設定*/
#footer{
		background: #000033 ;
		color:#CCCCCC;
		overflow : hidden;
    	_zoom:1;
		margin:0;
		padding:5px 10px;
		font-size:10px;
		}
		#footer A{text-decoration : none;}/*リンク基本（ブロック設定）*/
		#footer A:LINK{color : #89c5ff;}/*未訪問のリンク*/
		#footer A:VISITED{color : #FFFFFF;}/*訪問済みのリンク*/
		#footer A:HOVER{color : #FF0000;}/*ポイント時のリンク*/
		#footer A:ACTIVE{color : #FF0000;}/*選択中のリンク*/


/*アプリ一覧対応アイコン他*/
.sub_mr00 img{ float:right;
padding:0px 5px;}

.sub_mr01 img{
	padding-right:15px;
	padding-bottom:5px;}



/*ページナビ*/
.pnavi {
    color: #666;
    font-size : 10px;
    font-family: verdana, osaka, sans-serif;
    text-align: center;
    margin: 10px auto;
    padding: 8px 20px;}
	.pnavi a{ 
		padding: 2px 3px;
    	text-decoration: none;
		}
	.pnavi a:link,.pnavi a:visited{
		color:#4F92EB;
    	background-color: #f7f7f7;
    	border: solid 1px #dedede;
		}
	.pnavi a:hover{
		color: #333;
    	border: solid 1px #ddd;
		}
	.pnavi .page_now{
		padding: 2px 3px;
    	border: solid 1px #fff;
    	font-weight: bold;
		}
	
/*divの設定*/

#KMCcopy{
color: #FFFFFF;
padding:5px 0px;
text-align:center;
font-size:10px;
}

#copy2{
color: #FFFFFF;
padding:5px 0px;
text-align:center;
font-size:10px;
}

/* Android・iPhone各一覧リンクボタン */
.btbn{
	display:block;
	padding:5px;
	
	}
.btbn a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: “alpha( opacity=60 )”;
	margin:0 auto;
}

/* Android・iPhone詳細部分：共通 */


.spec{
	margin:0 auto;
	width:940px;
	text-align:center;
	overflow:auto;}
	
	.Ad{
		width:930px;
		float:left;
		margin:2px 0;
		background-color: #a3c538;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
		border-radius: 11px;
		color:#FFFFFF;
		font-size:20px;
		font-weight:bold;
		text-align:left;

/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.Ad_en{
		width:470px;
		float:left;
		margin:2px 0;
		background-color: #a3c538;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
		border-radius: 11px;
		color:#FFFFFF;
		font-size:20px;
		font-weight:bold;
		text-align:left;

/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
	.app-title
	{
		margin:2px 12px;}
	.Ad img{padding:2px;}
	.iP{
		width:930px;
		float:left;
		margin:2px 0;
		background-color: #9a9da6;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
		border-radius: 11px;
		color:#FFFFFF;
		font-size:20px;
		font-weight:bold;
		text-align:left;}
	
	.iP_en{
		width:470px;
		float:left;
		margin:2px 0;
		background-color: #9a9da6;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
		border-radius: 11px;
		color:#FFFFFF;
		font-size:20px;
		font-weight:bold;
		text-align:left;}

/*QRコードの設定*/

	.iP img{padding:2px;}
		
		.aaa{
		width:100%;
		padding:40px 5px;
		text-align:center;
		line-height:150%;
		border-radius: 10px;
		background-color: #FFFFFF;
		font-size:12px;
		font-weight:100;
		color:#000;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px; 

}
			.aaa img{
				border:solid 1px #000000;}

		.bbb{
			margin: 0 2px;
		padding:5px;
		text-align:center;
		line-height:200%;
		border-radius: 10px;
		background-color: #FFFFFF;
		float:left;
		font-size:12px;
		font-weight:100;
		color:#000;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px; 
		overflow:hidden;
		height:120px;}
			.bbb img{
				border:solid 1px #000000;}

		.ccc{
			margin: 0 2px;
			padding:7px 0;
		text-align:center;
		line-height:200%;
		border-radius: 10px;
		background-color: #FFFFFF;
		float:left;
		font-size:12px;
		font-weight:100;
		color:#000;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px; 
		overflow:hidden;
		width:100%;}
			.ccc img{
				border:solid 1px #000000;}
		.ddd{
			margin: 0 2px;
		padding:5px;
		text-align:center;
		line-height:200%;
		border-radius: 10px;
		background-color: #FFFFFF;
		float:left;
		font-size:12px;
		font-weight:100;
		color:#000;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px; 
		overflow:hidden;}
			.ddd img{
				border:solid 1px #000000;}
/*アプリ一覧対応アイコン他*/
.sub_mr00 img{ float:right;
padding:0px 5px;}

.sub_mr01 img{
	padding-right:15px;
	padding-bottom:5px;}


/* アプリ名部分：共通 */
.name{
	background:url(../image/name_back_00.gif) bottom repeat-x;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.names {
		text-align:center;
		font-size:12px;
		vertical-align:middle;
		}
